.marineSafetyContainer{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;padding:0 30px 100px;font-family:jekoRegular,sans-serif;display:flex}@media (max-width:769px){.marineSafetyContainer{padding:0 10px 100px}}
:root{--white:#fff;--purple-primary:#f90;--purple-glow:#fa03;--purple-border:#ffae00cc;--border-color:#dcdcdc;--background-dark:#fff}.card-grid{background-color:#fff;gap:.55em;max-width:100vw;max-height:75vh;padding:.5em;display:grid}@media (max-width:824px){.card-grid{grid-template-columns:1fr;width:100%;max-height:none;padding:.5em}.card{min-height:300px;grid-area:auto/1!important}}@media (min-width:825px) and (max-width:1023px){.card-grid{grid-template-rows:auto;grid-template-columns:repeat(3,1fr);max-height:none}}@media (min-width:1024px){.card-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(5,1fr)}}.card{border:1px solid var(--border-color);color:#fff;cursor:pointer;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;min-height:200px;padding:1.25em;font-weight:300;transition:all .3s;display:flex;position:relative;overflow:hidden}.card:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026}.card__overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000,#000000e6);position:absolute;inset:0}.card__header,.card__content{color:#fff;z-index:2;display:flex;position:relative}.card__header{justify-content:space-between;gap:.75em}.card__content{flex-direction:column}.card__title{margin:0 0 .25em;font-size:16px;font-weight:400}.card__description{opacity:.9;font-size:12px;line-height:1.2}.card--text-autohide .card__title,.card--text-autohide .card__description{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card--text-autohide .card__title{-webkit-line-clamp:1;line-clamp:1}.card--text-autohide .card__description{-webkit-line-clamp:2;line-clamp:2}.card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(255,117,31,calc(var(--glow-intensity)*.8))0%,rgba(255,117,31,calc(var(--glow-intensity)*.4))30%,transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:6px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.card--border-glow:hover:after{opacity:1}.modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:75vh;animation:.3s slideUp;display:flex;position:relative;overflow:hidden}.modal-bg-image-container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.modal-bg-image-container:after{content:"";z-index:1;background:#000000bf;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{cursor:pointer;z-index:10;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:#ff751f;transform:rotate(90deg)}.modal-header{color:#fff;z-index:2;background:#296182;flex-shrink:0;padding:40px 30px 30px;position:relative}.modal-header-content{z-index:2;position:relative}.modal-bg-image{z-index:0}.modal-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;background:#fff3;border-radius:20px;margin-bottom:12px;padding:9px 12px 5px;font-size:12px;font-weight:500;display:inline-block}.modal-title{z-index:3;color:#fff;margin:0 0 10px;font-size:28px;font-weight:600;line-height:1.3}.modal-description{opacity:.9;color:#ff9756;margin:0;font-size:14px}.modal-body{color:#333;flex:1;padding:30px;position:relative;overflow-y:auto}.modal-body:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#fff,#0000);height:20px;margin:-30px -30px 10px;position:sticky;top:0;left:0;right:0}.modal-body:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#fff);height:20px;margin:10px -30px -30px;position:sticky;bottom:0;left:0;right:0}.modal-full-description{color:#555;margin:0 0 30px;font-size:16px;line-height:1.6}.modal-services-title{color:#333;margin:0 0 16px;font-size:14px;font-weight:600}.modal-services-list{margin:0;padding:0;list-style:none}.modal-service-item{color:#555;background:#f8f9fa;border-radius:8px;margin-bottom:8px;padding:12px 16px 12px 36px;font-size:14px;position:relative}.modal-service-item:before{content:"●";color:#296182;font-size:16px;font-weight:700;position:absolute;top:9px;left:12px}@media (max-width:768px){.modal-content{max-height:75vh;margin:10px}.modal-header{padding:30px 20px 20px}.modal-title{font-size:22px}.modal-body{padding:20px}.modal-body:before{margin:-20px -20px 10px}.modal-body:after{margin:10px -20px -20px}.modal-full-description{font-size:14px}.modal-services-title{font-size:16px}}.bento-section{-webkit-user-select:none;user-select:none;position:relative}