:root{--navHeight:9rem;--bgColor:#0086b9;--colorTextDark:#122d40;--shadowThin:0 12px 40px #102b4010;--shadowThick:0 20px 60px #102b4020;--ink:#102d40;--muted:#5c707d;--paper:#f5f7f7;--line:#dce5e8}
html{scroll-behavior:smooth;scroll-padding-top:11rem}body{background:var(--paper);color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #008ac0;outline-offset:5px}img{max-width:100%}.bg-img{background:#f5f7f7!important}.navbar{min-width:0;padding:0 4%;justify-content:space-between;background:#fffffff2;box-shadow:0 1px 0 var(--line);backdrop-filter:blur(18px)}.logo-box{padding:0}.logo{height:5rem;max-width:18rem;object-fit:contain}.button-box{flex:initial;padding:0;gap:.3rem}.nav-item{font-family:var(--mainFont);font-size:1.6rem;border:0!important;border-radius:0!important}.nav-btn,.nav-btn:visited,.nav-btn:active{padding:1rem 1.5rem}.nav-item:not(.nav-item__active):hover{background:#e7f2f5;border:0}.nav-item__active{color:#007da8;background:transparent}.nav-apply,.nav-apply:visited{display:inline-flex;align-items:center;gap:1.5rem;background:var(--ink);color:#fff;text-decoration:none;border-radius:5rem;padding:1.3rem 1.9rem;font-size:1.5rem;font-weight:600;white-space:nowrap}.nav-apply span{color:#77d6eb;font-size:2rem}.button-box-menu2{background:#f5f7f7}.nav-info{padding:4rem 5% 1rem}.nav-info-heading{background:none;border-radius:0;padding:0;font-size:4rem;font-weight:500}.nav-info-heading:after{margin-top:1.3rem}.centerPart{max-width:1400px;margin:5rem auto;padding:0 5%}.bigCard{background:#fff;box-shadow:none;border-radius:1.6rem;margin:5rem 0;overflow:hidden;border:1px solid var(--line)}.card-header{font-weight:500;letter-spacing:-.03em}.card-text{line-height:1.8;color:#526674}.multiCard{box-shadow:none!important;border-radius:1.6rem;border:1px solid var(--line);background:#fff!important;color:var(--ink)!important}.multiCard-part__text{line-height:1.8}.footer{background:#0b2638;background-image:none;min-height:0;margin-top:5rem}.footer-box{min-height:0;padding:6rem 4% 0;gap:3rem;align-items:flex-start}.footer-logo{width:16rem;margin:0 0 2rem}.footer-logo__text{font-size:2.8rem}.footer-details-section{min-width:0;padding:0;gap:2rem}.footer-section{padding:0 0 3rem;font-size:1.4rem;line-height:2}.footer-section__item-header{color:#8ad5e7;border-bottom:1px solid #ffffff20;padding-bottom:1rem;margin-bottom:1rem}.footer-copyright{font-size:1.2rem;color:#adc1cd;border-color:#ffffff20;padding:2.5rem}.job-apply,.goto-job-apply{border-radius:5rem!important;box-shadow:none!important}.contact-card{background:#fff;border:1px solid var(--line);box-shadow:none;border-radius:1.5rem}.hero-contactus{opacity:.12}.service-card{box-shadow:none;border:1px solid var(--line);border-radius:1.5rem}.side-nav{background:#eaf0f2}.fleet-list__item{border-radius:.5rem}.ship-card{box-shadow:none;border:1px solid var(--line)}
@media(min-width:1051px){#menu-button{display:none!important}.button-box{display:flex!important}}
@media(max-width:1050px){.navbar{padding:0 5%;gap:2rem}.navbar>.button-box{display:none!important}.navbar>.nav-apply{margin-left:auto}#menu-button{display:block!important;flex-shrink:0;transform:scale(.65);margin:0;width:6rem}.nav-info-heading{font-size:3rem}.nav-item{font-size:2rem}}
@media(max-width:600px){:root{--navHeight:8rem}.logo{height:3.8rem;max-width:12rem}.navbar{gap:1rem}.nav-apply,.nav-apply:visited{font-size:1.3rem;padding:1rem 1.3rem;gap:.7rem}#menu-button{width:5rem}.footer-box{padding:4rem 6% 0}.footer-details-section{display:grid;grid-template-columns:1fr 1fr;width:100%}.footer-section{min-width:0;width:auto}.footer-logo-section{align-items:flex-start}.centerPart{padding:0 5%;margin:3rem auto}.card-text-box{padding:3rem 2rem}.contact-card{min-width:0;margin:1.5rem;width:calc(100% - 3rem)}.multiCard-part{min-width:0!important}.nav-info{gap:2rem;align-items:center}.job-apply{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.contact-card .form-input{border:1px solid #d4e0e6;background:#f6f9fa;padding:1rem 1.5rem;margin:.5rem 0 1rem}.contact-card .form-input:focus{border-color:#0086b9;outline:2px solid #0086b925}.contact-card form *{font-family:var(--mainFont)}.button-box-menu2{transition:height .25s ease,padding .25s ease}