/* =========================================================
   FINAL GLOBAL TYPOGRAPHY
   One font family across every page and every control.
   ========================================================= */
:root{
  --global-font:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* =========================================================
   GLOBAL FONT CONTROL — USE THIS VARIABLE TO CHANGE FONT
   FOR THE ENTIRE PROJECT GLOBAL PROJECT FONT — HELVETICA NEUE
   ========================================================= */

/* Global project typography */
html,
body,
body *{
  font-family:var(--global-font)!important;
}

button,input,select,textarea{
  font-family:var(--global-font)!important;
}

500;600;700;800&display=swap');


/* =========================================================
   SEABORNE HEADER — supplied actual HTML, logo replacement
========================================================= */
.site-header{
  position:relative; z-index:1000; width:100%; background:#fff;
  border-bottom:1px solid #d9e0e5; box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.top-info{
  height:39px; background:#03111c; color:#b9c9d5;
   font-size:14px;    /* KG_UPD_29082026 Font 11 -> 14 */
}
.top-info-inner{
  width:min(1220px,calc(100% - 40px)); height:39px; margin:auto;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.main-nav{height:83px;background:#fff}
.main-nav-inner{
  width:min(1220px,calc(100% - 40px)); height:83px; margin:auto;
  display:flex; align-items:center; gap:0;
}
.brand{
  width:360px; min-width:360px; height:83px; padding:7px 20px 7px 0;
  display:flex; align-items:center; justify-content:flex-start;
  background:#fff; text-decoration:none;
}
.brand-logo{
  width:292px; height:69px; display:block;
  object-fit:contain; object-position:left center;
}
.main-menu{
  flex:1 1 auto; min-width:0; height:83px;
  display:flex; align-items:stretch; justify-content:flex-end;
  
}
.main-menu-link{
  position:relative; height:83px; display:flex; align-items:center;
  justify-content:center; gap:7px; padding:0 15px;
  border:0; border-bottom:3px solid transparent; background:#fff;
  color:#172b3d; 
  font-size:12px; font-weight:600; line-height:1.15;
  white-space:nowrap; text-decoration:none; cursor:pointer;
  transition:color .15s,background .15s,border-color .15s;
}
.main-menu-link:hover{color:#1761a7;background:#f7fafc}
.main-menu-link.active,.main-menu-link.submenu-selected{
  color:#1761a7;border-bottom-color:#1761a7;
}
.menu-caret{font-size:9px;line-height:1;color:#1761a7}
.contact-link{
  margin-left:12px; min-width:114px; height:45px; align-self:center;
  border-radius:11px; border:0; background:#1761a7;
  color:#fff !important; font-weight:700;
}
.contact-link:hover{background:#104f8d;color:#fff !important}
.mobile-toggle{
  display:none; border:0; background:#1fa9ea; color:#1761a7;
   font-size:25px;
  padding:0 12px; cursor:pointer;
}

/* Submenu directly below main header */
.secondary-row{
  position:relative; z-index:900; width:100%; height:0;
  overflow:hidden; background:#fff; border-bottom:0 solid #e2e8ed;
  transition:height .15s ease;
}
.secondary-row.show{height:50px;min-height:50px;border-bottom-width:1px}
.secondary-row.products-open.show{height:100px;min-height:100px}
.secondary-row-inner{
  width:min(1220px,calc(100% - 40px)); height:100%; margin:auto; overflow:hidden;
}
.normal-sub-row,.product-sub-row{
  width:100%; height:50px; display:flex; align-items:center;
  justify-content:center; flex-wrap:nowrap; overflow:hidden;
}
.normal-sub-row a,.product-sub-row a{
  height:50px; flex:0 0 auto; display:flex; align-items:center;
  justify-content:center; gap:7px; padding:0 15px;
  color:#24384a; 
  font-size:10px; font-weight:500; line-height:1; white-space:nowrap;
  text-decoration:none; border-radius:3px;
}
.product-sub-row a{padding:0 12px;font-size:9.5px}
.normal-sub-row a:hover,.normal-sub-row a.secondary-active,
.product-sub-row a:hover,.product-sub-row a.secondary-active{
  color:#1761a7;background:#f4f8fb;font-weight:600;
}
.submenu-icon{
  width:22px;height:22px;flex:0 0 22px;display:inline-flex;
  align-items:center;justify-content:center;border-radius:50%;
  background:#eef5fa;color:#1761a7;font-size:11px;font-weight:700;
}
.normal-sub-row a:hover .submenu-icon,.product-sub-row a:hover .submenu-icon,
.normal-sub-row a.secondary-active .submenu-icon,.product-sub-row a.secondary-active .submenu-icon{
  background:#1761a7;color:#fff;
}

@media(max-width:1180px){
  .brand{width:315px;min-width:315px}.brand-logo{width:270px}
  .main-menu-link{padding:0 10px;font-size:10px}
  .contact-link{min-width:100px;margin-left:6px}
  .normal-sub-row a{padding:0 11px;font-size:9.5px}
  .product-sub-row a{padding:0 8px;font-size:9px}
}
@media(max-width:900px){
  .top-info-inner,.main-nav-inner,.secondary-row-inner{width:calc(100% - 28px)}
  .main-nav,.main-nav-inner{height:72px}
  .brand{width:auto;min-width:0;flex:1 1 auto;height:72px;padding:5px 0}
  .brand-logo{width:245px;height:62px}
  .mobile-toggle{display:block}
  .main-menu{
    display:none;position:absolute;top:111px;left:0;right:0;width:100%;
    height:auto;background:#fff;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.14);
  }
  .main-menu.mobile-visible{display:flex}
  .main-menu-link,.contact-link{
    width:100%;min-width:0;height:52px;min-height:52px;
    justify-content:flex-start;padding:0 20px;margin:0;border-radius:0;
    border-bottom:1px solid #e0e5e9;
  }
  .secondary-row.show{height:50px}.secondary-row.products-open.show{height:100px}
  .normal-sub-row,.product-sub-row{
    justify-content:flex-start;overflow-x:auto;scrollbar-width:none;
  }
  .normal-sub-row::-webkit-scrollbar,.product-sub-row::-webkit-scrollbar{display:none}
}
@media(max-width:560px){
  .top-info{font-size:9px}.top-info-inner span:last-child{display:none}
  .brand-logo{width:210px;height:58px}.secondary-row-inner{width:100%}
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(1220px,calc(100% - 38px));margin:auto}

.hero{
  min-height:690px;
  position:relative;
  display:flex;
  align-items:center;
  color:light blue;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 74% 24%,rgba(46,184,239,.18),transparent 26%),
    radial-gradient(circle at 18% 8%,rgba(47,143,213,.20),transparent 28%),
    linear-gradient(135deg,#041420 0%,#06263e 43%,#074a70 72%,#087ba0 100%);
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.12));
}
.hero:after{
  content:"";
  position:absolute;
  left:-6%;
  right:-6%;
  bottom:-82px;
  height:230px;
  z-index:-1;
  background:
    radial-gradient(115% 130% at 50% 0%,rgba(56,181,226,.30) 0 39%,transparent 40%),
    radial-gradient(115% 130% at 50% 18%,rgba(25,132,184,.42) 0 45%,transparent 46%),
    linear-gradient(180deg,rgba(5,57,84,0),#052b43 70%);
  transform:skewY(-2deg);
}
.hero-content{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:58px;
  align-items:center;
  padding:78px 0 92px;
}
.hero-copy{width:auto;padding:0}
.hero-copy .eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
  color:#9ee1ff
}
.hero-copy .eyebrow:before{content:"";width:34px;height:2px;background:#45c6f4}
.hero-copy h1{
  font-size:clamp(48px,5.7vw,76px);
  line-height:.98;
  letter-spacing:-.045em;
  margin:16px 0 20px;
  text-transform:uppercase
}
.hero-copy p{font-size:18px;color:#d7e7ef;max-width:650px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:850;border:1px solid transparent}
.btn-white{background:white;color:#10314b}
.btn-outline{border-color:rgba(255,255,255,.4);color:white;background:rgba(255,255,255,.04)}

.hero-visual{
  min-height:480px;
  position:relative;
  border:1px solid rgba(255,255,255,.13);
  border-radius:32px;
  background:
    radial-gradient(circle at 52% 42%,rgba(72,197,241,.14),transparent 28%),
    linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:0 34px 80px rgba(0,0,0,.22);
  backdrop-filter:blur(3px);
  overflow:hidden;
}
.hero-visual:before{
  content:"";
  position:absolute;
  width:430px;height:430px;
  border:1px solid rgba(153,226,255,.20);
  border-radius:50%;
  left:50%;top:46%;
  transform:translate(-50%,-50%);
  box-shadow:
    0 0 0 54px rgba(106,208,247,.035),
    0 0 0 108px rgba(106,208,247,.025);
}
.route{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(146,224,255,.8),transparent);
  transform-origin:left center;
  opacity:.85;
}
.route.r1{width:340px;left:64px;top:128px;transform:rotate(14deg)}
.route.r2{width:310px;left:110px;top:225px;transform:rotate(-16deg)}
.route.r3{width:285px;left:178px;top:92px;transform:rotate(35deg)}
.route-dot{
  position:absolute;width:8px;height:8px;border-radius:50%;
  background:#a7e8ff;box-shadow:0 0 18px #66cef4
}
.route-dot.d1{left:88px;top:144px}
.route-dot.d2{right:74px;top:171px}
.route-dot.d3{left:164px;bottom:112px}
.route-dot.d4{right:142px;bottom:82px}
.hero-badge{
  position:absolute;
  left:24px;top:22px;
  display:flex;align-items:center;gap:10px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(3,28,46,.55);
  color:#d9eef7;
  font-size:10px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.hero-badge i{
  width:8px;height:8px;border-radius:50%;
  background:#55d0fb;box-shadow:0 0 14px rgba(85,208,251,.85)
}
.hero-svg{
  position:absolute;
  left:4%;
  right:4%;
  bottom:2%;
  width:92%;
  height:auto;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.20));
}
.hero-stats{
  position:absolute;
  right:22px;
  top:22px;
  display:grid;
  gap:8px;
}
.hero-stat{
  min-width:138px;
  padding:10px 12px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(3,29,48,.50);
}
.hero-stat strong{display:block;font-size:15px;color:white}
.hero-stat span{display:block;font-size:9px;color:#9fc8dc;margin-top:1px}


.quickbar{margin-top:-38px;position:relative;z-index:5}
.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);background:white;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;border:1px solid #e4ecf2}
.quick-link{padding:22px 18px;border-right:1px solid #e5edf2;transition:.2s}
.quick-link:last-child{border-right:0}
.quick-link span{display:block;color:var(--brand-dark);font-size:9px;font-weight:900;letter-spacing:.12em}
.quick-link strong{display:block;font-size:13px;margin-top:5px}
.quick-link:hover{background:#f1f8fc;transform:translateY(-2px)}

.section{padding:88px 0}
.soft{background:var(--soft)}
.dark{background:linear-gradient(135deg,#061522,#0a2f4e);color:white}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}
.kicker{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-dark)}
.dark .kicker{color:#91dcfb}
.section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.03;letter-spacing:-.04em;margin:6px 0 0}
.section-head p{max-width:600px;color:var(--muted);margin:0}
.dark .section-head p{color:#bcd0dd}

.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.overview-card{position:relative;border:1px solid var(--line);background:white;border-radius:24px;padding:28px;overflow:hidden;min-height:250px;transition:.22s}
.overview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.overview-card .index{font-size:11px;font-weight:900;letter-spacing:.13em;color:var(--brand-dark)}
.overview-card h3{font-size:28px;letter-spacing:-.03em;margin:9px 0 10px}
.overview-card p{color:var(--muted);margin:0;max-width:520px}
.overview-card .open{display:inline-flex;margin-top:21px;font-size:12px;font-weight:900;color:var(--brand-dark)}
.overview-card:after{content:"";position:absolute;right:-70px;bottom:-70px;width:190px;height:190px;border:38px solid #eaf5fb;border-radius:50%}

.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{position:relative;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:20px;padding:24px;min-height:260px;transition:.22s}
.product-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.08)}
.product-arrow{position:absolute;right:18px;top:16px;color:#89dcfb;font-size:22px}
.product-index{font-size:10px;color:#8bd9f9;font-weight:900;letter-spacing:.12em}
.product-card h3{font-size:23px;line-height:1.08;margin:16px 0 10px}
.product-card p{font-size:12.5px;color:#b8cad7;margin:0}
.text-link{display:inline-flex;margin-top:20px;font-size:11px;font-weight:900;color:#9ce2ff}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.contact-brand{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.contact-brand img{width:82px;height:82px;object-fit:contain}
.contact-brand strong{display:block;font-size:16px;letter-spacing:.12em}
.contact-copy h2{font-size:clamp(36px,4vw,52px);line-height:1.04;letter-spacing:-.04em;margin:0 0 15px}
.contact-copy p{color:#c5d6e2;max-width:560px}
.contact-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}
.contact-point{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;background:rgba(255,255,255,.045)}
.contact-point strong{display:block;font-size:12px}
.contact-point span{font-size:10px;color:#a8bdcd}

.form-card{background:white;color:var(--ink);border-radius:24px;padding:26px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-size:16px;font-weight:850;color:#576c7d}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;outline:none;background:#fff}
.field textarea{min-height:105px;resize:vertical}
.note{font-size:10px;color:#7d8f9f;margin-top:8px}

.footer{background:#03101a;color:#9eb1c0;padding:32px 0}
.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.footer img{width:62px;height:62px;object-fit:contain}
.footer strong{display:block;color:#fff;font-size:12px;letter-spacing:.1em}
.footer span{display:block;font-size:10px;margin-top:2px}

@media(max-width:1150px){
  .logo-box{min-width:300px;padding-right:16px}
  .logo-copy strong{font-size:19px}
  .logo-copy span{font-size:14px}
  .nav-item{padding:0 15px;font-size:12px}
  .quick-grid{grid-template-columns:repeat(3,1fr)}
  .products-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .nav{height:72px;align-items:center;padding:0 12px}
  .logo-box{border:0;min-width:auto;padding:0}
  .logo-box img{width:52px;height:52px}
  .logo-copy{display:none}
  .mobile-toggle{display:block;margin-left:auto}
  .menu{display:none;position:absolute;left:0;right:0;top:72px;background:white;box-shadow:0 18px 30px rgba(5,30,49,.12);flex-direction:column}
  .menu.open{display:flex}
  .nav-item{min-height:52px;border-right:0;border-bottom:1px solid #e7ebee}
  .nav-item.contact{margin-left:0}
  .dropdown{position:static;box-shadow:none;border:0;padding:0 0 8px 15px;display:block;background:transparent}
  .hero{min-height:auto}
  .hero-content{grid-template-columns:1fr;padding:62px 0 82px}
  .hero-copy{padding:0}
  .hero-visual{min-height:410px}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .overview-grid,.contact-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .container{width:min(100% - 24px,1220px)}
  .hero-copy h1{font-size:42px}
  .hero-visual{min-height:330px;border-radius:24px}
  .hero-stats{position:static;display:grid;grid-template-columns:repeat(3,1fr);padding:18px}
  .hero-badge{position:static;display:inline-flex;margin:18px 18px 0}
  .hero-svg{bottom:-3%;width:100%;left:0;right:0}
  .quick-grid,.products-grid,.contact-points,.form-grid{grid-template-columns:1fr}
  .section{padding:64px 0}
  .section-head{display:block}
  .section-head p{margin-top:12px}
  .overview-card{min-height:auto}
  .footer-inner{grid-template-columns:auto 1fr}
  .footer-inner>div:last-child{grid-column:1/-1}
}


/* FINAL NAVIGATION */
.site-header{position:relative;z-index:1000;width:100%;background:#fff;border-bottom:1px solid #d5d9dd;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.nav{display:flex;align-items:stretch;width:100%;height:88px}.logo-box{flex:0 0 330px;display:flex;align-items:center;gap:13px;padding:0 20px 0 26px;background:#fff;border-right:1px solid #d4d8dc}.logo-box img{width:50px;height:50px;object-fit:contain}.logo-copy strong{display:block;font-size:21px;line-height:1;color:#185b9e;font-weight:800}.logo-copy span{display:block;margin-top:3px;font-size:14px;line-height:1;color:#185b9e}
.menu{flex:1 1 auto;min-width:0;display:flex;align-items:stretch}.main-menu-item{appearance:none;border:0;border-right:1px solid #d4d8dc;border-radius:0;background:#f1f1f1;color:#101820;min-width:0;height:88px;display:flex;align-items:center;justify-content:center;padding:0 18px;font:700 13px Arial,Helvetica,sans-serif;white-space:nowrap;cursor:pointer;text-decoration:none}.main-menu-item span{margin-left:8px;font-size:9px}.main-menu-item:hover{background:#e8eef2}.main-menu-item.selected{background:#185b9e;color:#fff}.main-menu-item:nth-child(1){flex:0 0 102px}.main-menu-item:nth-child(2){flex:0 0 172px}.main-menu-item:nth-child(3){flex:0 0 225px}.main-menu-item:nth-child(4){flex:1 1 235px}.main-menu-item:nth-child(5){flex:0 0 186px}.contact-item{flex:0 0 100px;background:#185b9e;color:#fff;border-right:0;text-transform:uppercase}.contact-item:hover{background:#185b9e;color:#fff}
.secondary-row{display:none;position:relative;z-index:900;width:100%;height:50px;background:#fff;border-bottom:1px solid #e4e7e9;overflow:hidden}.secondary-row.show{display:block}.secondary-row-inner{width:100%;height:50px;display:block;overflow:hidden;padding:0;margin:0}.normal-sub-row{height:50px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;overflow:hidden}.normal-sub-row a{height:50px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 21px;color:#111;font:500 12px Arial,Helvetica,sans-serif;white-space:nowrap;text-decoration:none}.normal-sub-row a:hover{color:#185b9e;background:#f7fafc}
.secondary-row.products-open{height:100px!important;min-height:100px!important}.secondary-row.products-open .secondary-row-inner{height:100px!important;min-height:100px!important}.product-sub-row{height:50px!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;overflow:hidden!important}.product-sub-row a{height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;padding:0 16px!important;color:#111!important;font:500 11px Arial,Helvetica,sans-serif!important;white-space:nowrap!important;text-decoration:none!important}.product-sub-row a:hover{color:#185b9e!important;background:#f7fafc!important}
.mobile-toggle{display:none;border:0;background:#1fa9ea;color:#185b9e;font-size:26px;padding:0 14px;cursor:pointer}
@media(max-width:1100px){.logo-box{flex-basis:280px}.main-menu-item{font-size:11px;padding:0 10px}.main-menu-item:nth-child(1){flex-basis:90px}.main-menu-item:nth-child(2){flex-basis:145px}.main-menu-item:nth-child(3){flex-basis:185px}.main-menu-item:nth-child(5){flex-basis:155px}.contact-item{flex-basis:90px}.product-sub-row a{padding:0 9px!important;font-size:10px!important}}
@media(max-width:850px){.nav{height:72px}.logo-box{flex:1 1 auto;height:72px;padding-left:15px}.logo-box img{width:44px;height:44px}.logo-copy strong{font-size:17px}.logo-copy span{font-size:11px}.mobile-toggle{display:block}.menu{display:none;position:absolute;top:72px;left:0;right:0;background:#1fa9ea;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.15)}.menu.mobile-open{display:flex}.main-menu-item,.contact-item{flex:0 0 52px!important;width:100%;height:52px;justify-content:flex-start;padding:0 20px;border-right:0;border-bottom:1px solid #ddd}.secondary-row.products-open{height:100px!important}.product-sub-row a{padding:0 6px!important;font-size:8.5px!important}.normal-sub-row a{padding:0 12px;font-size:10px}}

/* FINAL FONT REQUIREMENT: MONTSERRAT */
.site-header,
.site-header *,
.main-menu,
.main-menu *,
.main-menu-link,
.contact-link,
.secondary-row,
.secondary-row *,
.normal-sub-row,
.normal-sub-row a,
.product-sub-row,
.product-sub-row a,
.submenu-icon,
.mobile-toggle {
    
}

/* =========================================================
   EXPLICIT MONTSERRAT FONT - HEADER / NAVIGATION
   ========================================================= */
.site-header,
.site-header .top-info,
.site-header .top-info-inner,
.site-header .main-nav,
.site-header .main-nav-inner,
.site-header .main-menu,
.site-header .main-menu-link,
.site-header .contact-link,
.site-header .mobile-toggle,
.site-header .secondary-row,
.site-header .secondary-row-inner,
.site-header .normal-sub-row,
.site-header .normal-sub-row a,
.site-header .product-sub-row,
.site-header .product-sub-row a,
.site-header .submenu-icon {
    
}

/* SUBMENU: TRANSPARENT BLUE + WHITE TEXT + HOVER ENLARGEMENT */
.secondary-row {
    background: rgba(9, 77, 133, 0.94) !important;
    border-bottom: 1px solid rgba(255,255,255,0.22) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.secondary-row-inner,
.normal-sub-row,
.product-sub-row {
    background: transparent !important;
}
.normal-sub-row a,
.product-sub-row a {
    color: #ffffff !important;
    background: transparent !important;
    
    font-weight: 500;
    transition: transform .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
    transform-origin: center center;
}
.submenu-icon {
    background: rgba(255,255,255,.16) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.25);
    transition: transform .18s ease, background-color .18s ease;
}
.normal-sub-row a:hover,
.product-sub-row a:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.16) !important;
    transform: scale(1.10);
    font-weight: 700;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.18);
    position: relative;
    z-index: 5;
}
.normal-sub-row a:hover .submenu-icon,
.product-sub-row a:hover .submenu-icon {
    background: #ffffff !important;
    color: #1761a7 !important;
    transform: scale(1.08);
}
.normal-sub-row a.secondary-active,
.product-sub-row a.secondary-active {
    color: #ffffff !important;
    background: rgba(255,255,255,.10) !important;
    font-weight: 600;
}
@media(max-width:900px) {
    .secondary-row { background: rgba(9,77,133,.97) !important; }
    .normal-sub-row a:hover,
    .product-sub-row a:hover { transform: scale(1.05); }
}

/* =========================================================
   FINAL SUBMENU COLOUR
   Matches the LIGHT/UPPER BLUE of the supplied logo.
   Logo reference colour: RGB(28,160,242) / #1CA0F2
   ========================================================= */

.secondary-row {
    background: #1CA0F2 !important;
    border-bottom: 1px solid rgba(255,255,255,0.30) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.10);
}

.secondary-row-inner,
.normal-sub-row,
.product-sub-row {
    background: transparent !important;
}

.normal-sub-row a,
.product-sub-row a {
    color: #FFFFFF !important;
    background: transparent !important;
    
    font-weight: 500 !important;
    transition: transform .18s ease,
                background-color .18s ease,
                box-shadow .18s ease,
                font-size .18s ease;
    transform-origin: center center;
}

.submenu-icon {
    background: rgba(255,255,255,.18) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.35);
}

.normal-sub-row a:hover,
.product-sub-row a:hover {
    color: #FFFFFF !important;
    background: rgba(0,0,0,.12) !important;
    transform: scale(1.10);
    font-weight: 700 !important;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.18);
    position: relative;
    z-index: 5;
}

.normal-sub-row a:hover .submenu-icon,
.product-sub-row a:hover .submenu-icon {
    background: #FFFFFF !important;
    color: #1CA0F2 !important;
    transform: scale(1.08);
}

.normal-sub-row a.secondary-active,
.product-sub-row a.secondary-active {
    color: #FFFFFF !important;
    background: rgba(0,0,0,.08) !important;
}

@media(max-width:900px) {
    .secondary-row {
        background: #1CA0F2 !important;
    }

    .normal-sub-row a:hover,
    .product-sub-row a:hover {
        transform: scale(1.05);
    }
}


/* =========================================================
   UNIVERSAL SITE CONTROLS
   Scroll navigation + social side rail + full footer
   ========================================================= */


/* ---------- Social side rail ---------- */
.sb-social-rail{
  position:fixed;
  right:14px;
  top:50%;
  transform:translate3d(0,-50%,0);
  z-index:9998;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:9px 7px;
  border-radius:18px;
  background:rgba(6,21,34,.88);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 12px 30px rgba(0,0,0,.20);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .28s ease, opacity .2s ease, background .2s ease;
  opacity:.92;
}
.sb-social-rail.sb-scroll-down{
  transform:translate3d(0,calc(-50% + 14px),0);
}
.sb-social-rail.sb-scroll-up{
  transform:translate3d(0,calc(-50% - 14px),0);
}
.sb-social-rail:hover{
  opacity:1;
  background:rgba(6,21,34,.97);
}
.sb-social-link{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  color:#fff;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.10);
  text-decoration:none;
  transition:transform .18s ease, background .18s ease, color .18s ease;
}
.sb-social-link:hover{
  transform:scale(1.14);
  background:var(--sb-upper-blue);
  color:#fff;
}
.sb-social-link svg{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}

/* ---------- Scroll up / down controls ---------- */
.sb-scroll-controls{
  position:fixed;
  right:18px;
  bottom:24px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sb-scroll-btn{
  width:44px;
  height:44px;
  display:none;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:12px;
  background:var(--sb-upper-blue);
  color:#fff;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(7,38,62,.24);
  transition:transform .18s ease, background .18s ease, opacity .18s ease;
}
.sb-scroll-btn.sb-visible{display:flex}
.sb-scroll-btn:hover{
  transform:scale(1.10);
  background:var(--sb-deep-blue);
}
.sb-scroll-btn svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ---------- Footer ---------- */
.sb-footer{
  margin-top:0;
  background:linear-gradient(135deg,var(--sb-footer) 0%,var(--sb-footer-2) 100%);
  color:#d8e7f0;
  
}
.sb-footer-main{
  width:min(1180px,calc(100% - 38px));
  margin:0 auto;
  padding:62px 0 42px;
  display:grid;
  grid-template-columns:1.45fr repeat(4,1fr);
  gap:34px;
}
.sb-footer-brand{
  max-width:300px;
}
.sb-footer-logo{
  width:225px;
  height:auto;
  display:block;
  margin-bottom:17px;
  background:#fff;
  padding:8px 12px;
  border-radius:8px;
}
.sb-footer-title{
  margin:0 0 9px;
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sb-footer-text{
  margin:0;
  color:#9eb8c9;
  font-size:10px;
  line-height:1.8;
}
.sb-footer-col h3{
  margin:0 0 15px;
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sb-footer-links{
  list-style:none;
  margin:0;
  padding:0;
}
.sb-footer-links li{margin:0}
.sb-footer-links a{
  display:inline-block;
  padding:5px 0;
  color:#a9bfcd;
  font-size:10px;
  text-decoration:none;
  transition:color .16s ease, transform .16s ease;
}
.sb-footer-links a:hover{
  color:#fff;
  transform:translateX(3px);
}
.sb-footer-socials{
  display:flex;
  gap:8px;
  margin-top:17px;
}
.sb-footer-socials a{
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border-radius:9px;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.sb-footer-socials a:hover{background:var(--sb-upper-blue)}
.sb-footer-socials svg{width:16px;height:16px;fill:currentColor}
.sb-footer-bottom{
  border-top:1px solid rgba(255,255,255,.10);
}
.sb-footer-bottom-inner{
  width:min(1180px,calc(100% - 38px));
  margin:0 auto;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.sb-footer-bottom p{
  margin:0;
  color:#7f9bad;
  font-size:9px;
}
.sb-footer-bottom a{
  color:#9fc4d8;
  font-size:9px;
  text-decoration:none;
}
.sb-footer-bottom a:hover{color:#fff}

/* Keep content clear of floating controls on small screens */
@media(max-width:900px){
  .sb-social-rail{
    right:8px;
    padding:7px 5px;
    gap:6px;
  }
  .sb-social-link{width:34px;height:34px;border-radius:9px}
  .sb-social-link svg{width:16px;height:16px}
  .sb-scroll-controls{right:9px;bottom:14px}
  .sb-scroll-btn{width:40px;height:40px;border-radius:10px}
  .sb-footer-main{
    grid-template-columns:repeat(2,1fr);
    gap:28px 22px;
    padding:45px 0 32px;
  }
  .sb-footer-brand{grid-column:1/-1;max-width:100%}
}
@media(max-width:560px){
  .sb-social-rail{
    top:auto;
    bottom:76px;
    transform:none;
  }
  .sb-social-rail.sb-scroll-down,
  .sb-social-rail.sb-scroll-up{transform:translateY(0)}
  .sb-footer-main{grid-template-columns:1fr}
  .sb-footer-brand{grid-column:auto}
  .sb-footer-bottom-inner{
    flex-direction:column;
    justify-content:center;
    padding:13px 0;
    text-align:center;
  }
}

/* =========================================================
   SOCIAL SIDEBAR - TRANSPARENT, DISTINCT BACKGROUND
   ========================================================= */

/* Override the previous dark social panel */
.sb-social-rail {
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Individual social buttons are also transparent */
.sb-social-link {
    background: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #1761a7 !important;
}

.sb-social-link:hover {
    background: rgba(28, 160, 242, 0.72) !important;
    border-color: rgba(255, 255, 255, 0.65) !important;
    color: #ffffff !important;
    transform: scale(1.14);
}

/* Keep the rail transparent when the mouse is over it */
.sb-social-rail:hover {
    background: rgba(255, 255, 255, 0.22) !important;
}

/* On dark sections, the transparent icons remain visible */
.sb-social-link svg {
    fill: currentColor;
}


/* =========================================================
   SUBMENU - DARKER BLUE
   ========================================================= */
.secondary-row{
  background:#1761a7 !important;
  border-bottom:1px solid rgba(255,255,255,.25) !important;
}
.secondary-row-inner,
.normal-sub-row,
.product-sub-row{
  background:transparent !important;
}
.normal-sub-row a,
.product-sub-row a{
  color:#fff !important;
}
.normal-sub-row a:hover,
.product-sub-row a:hover,
.normal-sub-row a.secondary-active,
.product-sub-row a.secondary-active{
  color:#fff !important;
  background:rgba(0,0,0,.12) !important;
}
.submenu-icon{
  color:#fff !important;
  background:rgba(255,255,255,.15) !important;
  border-color:rgba(255,255,255,.28) !important;
}
.normal-sub-row a:hover .submenu-icon,
.product-sub-row a:hover .submenu-icon{
  color:#1761a7 !important;
  background:#fff !important;
}



/* =========================================================
   SOCIAL SIDE BAR REMOVED
   Footer social links remain available.
   ========================================================= */
.sb-social-rail{
  display:none!important;
}

/* =========================================================
   SEABORNE BRAND TYPOGRAPHY — FINAL
   ========================================================= */

/* Top black content strip: slightly larger and bold */
.top-content,.top-strip,.top-bar,.header-top,
.announcement-bar,.header-topbar,.site-topbar{
  font-size:18px!important;
  font-weight:700!important;
}

/* Main menu: larger and bold */
header .nav-link,
header .main-nav a,
header nav > ul > li > a,
.main-menu > li > a,
.navbar-nav > li > a{
  font-size:15px!important;
  font-weight:700!important;
}

/* Primary section headings: Seaborne logo upper colour */
.section-title,.section-heading,.page-title{
  color:#7BD8F6!important;
}

/* Secondary headings: Seaborne logo lower colour */
.subsection-title,.sub-section-title{
  color:#168FC2!important;
}

/* Existing image sections follow the same brand hierarchy */
#why .overlay-heading,#principles .overlay-heading{
  color:#7BD8F6!important;
}
#why .kicker,#principles .kicker{
  color:#168FC2!important;
}


/* =========================================================
   FINAL HEADER / MENU ADJUSTMENT
   Keep existing Seaborne logo unchanged.
   Reduce spacing between main menu items.
   ========================================================= */

header nav > ul,
header .main-nav,
.main-menu,
.navbar-nav{
  gap:10px!important;
}

header nav > ul > li,
.main-menu > li,
.navbar-nav > li{
  margin-left:0!important;
  margin-right:0!important;
}

header nav > ul > li > a,
header .main-nav a,
.main-menu > li > a,
.navbar-nav > li > a,
header .nav-link{
  padding-left:7px!important;
  padding-right:7px!important;
  margin-left:0!important;
  margin-right:0!important;
  white-space:nowrap!important;
}

/* Preserve the existing logo size and position. */
header .logo,
header .brand-logo,
header .navbar-brand,
header img{
  /* intentionally no size or position changes */
}

@media(max-width:1100px){
  header nav > ul,
  header .main-nav,
  .main-menu,
  .navbar-nav{
    gap:6px!important;
  }

  header nav > ul > li > a,
  header .main-nav a,
  .main-menu > li > a,
  .navbar-nav > li > a,
  header .nav-link{
    padding-left:5px!important;
    padding-right:5px!important;
  }
}


/* =========================================================
   HEADER FINAL ADJUSTMENT
   Logo slightly smaller + menu items closer together.
   ========================================================= */

/* Keep the existing Seaborne logo — only reduce its displayed size
   slightly so the complete menu, including About Us, remains visible. */
header .logo img,
header .brand-logo img,
header .navbar-brand img,
header .logo,
header .brand-logo{
  max-height:52px!important;
  width:auto!important;
}

/* Main navigation: tighter spacing */
header nav > ul,
header .main-nav,
.main-menu,
.navbar-nav{
  gap:4px!important;
}

header nav > ul > li,
header .main-menu > li,
.main-menu > li,
.navbar-nav > li{
  margin:0!important;
  padding:0!important;
}

header nav > ul > li > a,
header .main-nav a,
.main-menu > li > a,
.navbar-nav > li > a,
header .nav-link{
  padding-left:5px!important;
  padding-right:5px!important;
  margin:0!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}

/* Slightly tighter still on medium desktop widths */
@media (max-width:1200px){
  header .logo img,
  header .brand-logo img,
  header .navbar-brand img{
    max-height:48px!important;
  }

  header nav > ul,
  header .main-nav,
  .main-menu,
  .navbar-nav{
    gap:2px!important;
  }

  header nav > ul > li > a,
  header .main-nav a,
  .main-menu > li > a,
  .navbar-nav > li > a,
  header .nav-link{
    padding-left:4px!important;
    padding-right:4px!important;
    font-size:14px!important;
  }
}


/* HEADER PAGE - ABOUT US: KG_UPD_02092026 */
/*
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 17px;border:1px solid transparent;font-size:12px;font-weight:850;transition:.2s}
.btn-blue{background:var(--sb-blue-deep);color:white}
.btn-blue:hover{background:#104f8d;transform:translateY(-1px)}
.btn-light{background:#fff;color:#0a253c}
.btn-ghost-light{border-color:rgba(255,255,255,.32);color:white}
*/



/*
#about .hero-actions{
  font-family:var(--global-font)!important;
  text-align:center!important;
}

#about .hero-actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:12px;
  padding:11px 17px;
  border:1px solid transparent;
  font-size:18px!important;
  font-weight:850;
  transition:.2s}
}

#about .hero-actions .btn .btn-light{
  display:block!important;
  width:100%!important;
  font-size:18px!important;
}

#about .hero-actions .btn s .btn-ghost-light{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:1.45!important;
}
*/

/* WHO WE ARE — right block */
#who-we-are .right-block h3,
#who-we-are .right-block .block-heading,
#who-we-are .right-block .section-heading,
#who-we-are .right-side h3,
#who-we-are .right-side .block-heading,
#who-we-are .right-side .section-heading{
  text-align:center!important;
  font-size:22px!important;
  font-weight:800!important;
}
#who-we-are .right-block .rectangle,
#who-we-are .right-block .info-box,
#who-we-are .right-block .card,
#who-we-are .right-side .rectangle,
#who-we-are .right-side .info-box,
#who-we-are .right-side .card{
  font-size:16px!important;
}

/* WHY SEABORNE — four bottom rectangles */
#why .overlay-card{font-size:16px!important;}
#why .overlay-card strong{
  font-size:15px!important;
  font-weight:800!important;
}
#why .overlay-card span{
  font-size:13px!important;
  line-height:1.35!important;
}

/* WHAT LEADS US — right-side content */
#what-leads-us .right-block,
#what-leads-us .right-side,
#what-leads-us .content-right{
  font-size:16px!important;
}
#what-leads-us .right-block h3,
#what-leads-us .right-side h3,
#what-leads-us .content-right h3{
  font-size:22px!important;
  font-weight:800!important;
}
#what-leads-us .right-block p,
#what-leads-us .right-side p,
#what-leads-us .content-right p{
  font-size:16px!important;
  line-height:1.55!important;
}

/* GUIDING MANAGEMENT PRINCIPLES — four bottom rectangles */
#principles .overlay-card{font-size:16px!important;}
#principles .overlay-card strong{
  font-size:15px!important;
  font-weight:800!important;
}
#principles .overlay-card span{
  font-size:13px!important;
  line-height:1.35!important;
}

/* MISSION & VISION — OUR MISSION */
#mission-vision .mission h3,
#mission-vision .our-mission,
#mission-vision .mission-title{
  font-weight:800!important;
  color:#0c4f72!important;
}

/* =========================================================
   WHO WE ARE — FACT RECTANGLES
   2012 / 5 / 3 / One-stop and their descriptions are centered
   inside each rectangle.
   ========================================================= */
#who .facts-grid{
  text-align:center!important;
}

#who .facts-grid .fact-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

#who .facts-grid .fact-card strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:28px!important;
  font-weight:800!important;
}

#who .facts-grid .fact-card span{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:15px!important;
}

/* =========================================================
   SECTION RECTANGLE / CONTENT TYPOGRAPHY — FINAL
   Headings are centered; descriptions remain left aligned.
   ========================================================= */
/* ===== Global Effect KG_UPD_30082026:START =========== */

/* WHO WE ARE — four fact rectangles */
#who .facts-grid .fact-card{
  text-align:left!important;
}

#who .facts-grid .fact-card strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:18px!important;
  font-weight:800!important;
}

#who .facts-grid .fact-card span{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  font-size:16px!important;
  line-height:1.45!important;
} 

/* WHY SEABORNE — four bottom rectangles */
#why .value-chips .chip{
  text-align:left!important;
}

#why .value-chips .chip strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

#why .value-chips .chip span{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:1.45!important;
}

/* WHAT LEADS US — right-side contents */
#leads .lead-orbit .lead-node{
  text-align:left!important;
}

#leads .lead-orbit .lead-node strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:18px!important;
  font-weight:800!important;
}

#leads .lead-orbit .lead-node span{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  font-size:16px!important;
  line-height:1.45!important;
} 


/* GUIDING MANAGEMENT PRINCIPLES — four bottom rectangles */
#principles .principle-list .principle {
    text-align: left !important;
}

/* Heading inside each rectangle */
#principles .principle-list .principle b {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

/* Description inside each rectangle */
#principles .principle-list .principle span {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}
/* ===== Global Effect KG_UPD_30082026:END =========== */


/* =========================================================
   COMPACT SECTION HEADERS — FINAL
   Helvetica Neue throughout.
   Main heading and kicker stay visually compact with no
   unnecessary vertical gap.
   ========================================================= */

.section .section-head{
  font-family:var(--global-font)!important;
  gap:0!important;
  margin-bottom:24px!important;
}

.section .section-head > div{
  margin:0!important;
  padding:0!important;
}

.section .section-head .kicker{
  font-family:var(--global-font)!important;
  margin:0!important;
  padding:0!important;
  line-height:1.05!important;
}

.section .section-head h2{
  font-family:var(--global-font)!important;
  margin:2px 0 0!important;
  padding:0!important;
  line-height:1.05!important;
}

.section .section-head p{
  font-family:var(--global-font)!important;
  margin:4px 0 0!important;
  padding:0!important;
  line-height:1.35!important;
}

/* Keep every section heading consistently compact */
.section-title,
.section-heading,
.page-title,
.kicker,
.section .section-head *{
  font-family:var(--global-font)!important;
}


/* =========================================================
   SECTION HEADER / SUB-HEADER LETTER SPACING — FINAL
   Reduce spacing between letters within words.
   Applies only to section headings and sub-headings.
   ========================================================= */

.section .section-head,
.section .section-head *,
.section-title,
.section-heading,
.page-title,
.kicker,
.subsection-title,
.sub-section-title{
  font-family:var(--global-font)!important;
  letter-spacing:-0.015em!important;
}

/* Main section heading — tighter character spacing */
.section .section-head h2{
  letter-spacing:-0.025em!important;
}

/* Section kicker / sub-header — slightly tighter */
.section .section-head .kicker{
  letter-spacing:-0.005em!important;
}

/* Supporting sub-header/tagline */
.section .section-head p{
  letter-spacing:-0.01em!important;
}

/* =========================================================
   ALL SECTION HEADERS & SUB-SECTIONS — CONSISTENT TRACKING
   Applies the same tighter Helvetica Neue letter spacing to
   every section heading, sub-heading and subsection heading.
   ========================================================= */

/* Main section headings */
.section h1,
.section h2,
.section h3.section-title,
.section .section-title,
.section .section-heading,
.section .page-title,
.section .kicker{
  font-family:var(--global-font)!important;
  letter-spacing:-0.025em!important;
}

/* Section sub-headings / taglines */
.section .section-head p,
.section .section-subtitle,
.section .sub-title,
.section .subtitle,
.section .kicker-sub,
.section .kicker-sub-white,
.section .subheading,
.section .sub-heading{
  font-family:var(--global-font)!important;
  letter-spacing:-0.015em!important;
}

/* Sub-section headings */
.section .subsection-title,
.section .sub-section-title,
.section .subsection-heading,
.section .sub-section-heading,
.section .content-title,
.section .block-heading,
.section .card-title{
  font-family:var(--global-font)!important;
  letter-spacing:-0.015em!important;
}

/* Headings inside image/overlay sections */
.section .overlay h1,
.section .overlay h2,
.section .overlay h3,
.section .overlay .title,
.section .overlay .heading,
.section .image-content h1,
.section .image-content h2,
.section .image-content h3,
.section .image-content .title,
.section .image-content .heading{
  font-family:var(--global-font)!important;
  letter-spacing:-0.02em!important;
}

/* Preserve the compact vertical spacing already approved */
.section .section-head,
.section .section-head > div,
.section .section-head h1,
.section .section-head h2,
.section .section-head h3,
.section .section-head p{
  margin-top:0!important;
}

/* Do NOT alter normal body copy letter spacing */
.section p:not(.section-subtitle):not(.subtitle):not(.kicker-sub):not(.kicker-sub-white),
.section .description,
.section .body-copy{
  letter-spacing:normal;
}

/* =========================================================
   SALES & SERVICES — ALIGN WITH APPROVED ABOUT US TYPOGRAPHY
   ========================================================= */
.sales-page,
.sales-page *{
  font-family:var(--global-font)!important;
}

/* Section heading typography: same scale used by About Us */
.sales-page .section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:34px;
  margin-bottom:36px;
}
.sales-page .section-head .kicker{
  color:var(--sb-blue)!important;
  font-size:35px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
  line-height:1.05!important;
  text-transform:uppercase!important;
  margin:0!important;
}
.sales-page .section-head .kicker-sub{
  color:var(--sb-blue-deep)!important;
  font-size:25px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
  line-height:1.08!important;
  text-transform:uppercase!important;
  margin:3px 0 0!important;
}
.sales-page .sales-dark .section-head .kicker{color:#8bd7fa!important;}
.sales-page .sales-dark .section-head .kicker-sub{color:#fff!important;}
.sales-page .section-head > p{
  max-width:590px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.6!important;
}

/* Hero typography: same headline/body scale as About Us */
.sales-page .sales-hero{
  min-height:720px!important;
}
.sales-page .sales-hero-content{
  min-height:720px!important;
}
.sales-page .sales-hero-copy{
  padding:92px 0 100px!important;
  max-width:820px!important;
}
.sales-page .sales-hero h1{
  font-family:var(--global-font)!important;
  font-size:clamp(30px,6.6vw,64px)!important;
  line-height:.96!important;
  letter-spacing:-.052em!important;
  max-width:820px!important;
  margin:18px 0 22px!important;
}
.sales-page .sales-hero .hero-copy{
  font-size:18px!important;
  line-height:1.6!important;
  color:#d2e1ec!important;
  max-width:760px!important;
  margin:0!important;
}
.sales-page .hero-actions{margin-top:30px!important;}


/* Sales-page body copy follows About Us paragraph sizing */
.sales-page .copy p{
  font-size:16px!important;
  line-height:1.6!important;
  margin:0 0 17px!important;
}
.sales-page .sales-card,
.sales-page .edge-point,
.sales-page .benefit-card,
.sales-page .service-card{
  font-family:var(--global-font)!important;
}

/* Hero capability labels — retain compact treatment but use global font */
/*
.sales-page .sales-capability b{font-size:10px!important;}
.sales-page .sales-capability span{font-size:15px!important;}

#sales .sales-capability-strip .sales-capability b{text-align:center!important;font-size:12px!important;}
#sales .sales-capability-strip .sales-capability span{text-align:left!important;font-size:14px!important;}
*/

/* COMPETITIVE EDGE — right-side contents */
#sales .edge-points .edge-point{
  text-align:left!important;
}

#sales .edge-points .edge-point strong{
  display:block!important;
  width:100%!important;
  color:var(--sb-blue-deep)!important;
  text-align:center!important;
  font-size:18px!important;
  font-weight:800!important;
}

#sales .edge-points .edge-point span{
  display:block!important;
  width:100%!important;
  color:var(--black-deep)!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1.45!important;
} 

/* Mobile: preserve About Us responsive behaviour */
@media(max-width:900px){
  .sales-page .section-head{display:block!important;}
  .sales-page .section-head > p{margin-top:14px!important;}
  .sales-page .section-head .kicker{font-size:30px!important;}
  .sales-page .section-head .kicker-sub{font-size:20px!important;}
  .sales-page .sales-hero,
  .sales-page .sales-hero-content{min-height:650px!important;}
}
@media(max-width:600px){
  .sales-page .section-head .kicker{font-size:26px!important;}
  .sales-page .section-head .kicker-sub{font-size:17px!important;}
  .sales-page .sales-hero h1{font-size:42px!important;}
  .sales-page .sales-hero .hero-copy{font-size:16px!important;}
}


/* =========================================================
   SALES & SERVICES — HEADER CAPABILITY STRIP
   Upper cyan title: larger
   Lower white description: smaller
   ========================================================= */
.sales-page .sales-capability b{
  color:#8edcff!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}

.sales-page .sales-capability span{
  color:#fff!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

/* =========================================================
   SALES & SERVICES — SUB-HEADER LETTER SPACING
   Same tighter treatment as the approved About Us page.
   ========================================================= */
.sales-page #competencies .section-head .kicker-sub,
.sales-page #edge .section-head .kicker-sub{
  letter-spacing:-.015em!important;
}

/* Keep Sales & Services typography tied to the global font switch */
.sales-page,
.sales-page *{
  font-family:var(--global-font)!important;
}


/* =========================================================
   SEABORNE GLOBAL SECTION SUB-HEADER COLOUR
   Main heading: cyan
   Second heading/sub-header: Seaborne blue
   Applies consistently across all pages.
   ========================================================= */
.kicker-sub,
.section-head .kicker-sub,
.kicker-sub-white{
  color:#185a98!important;
}


/* =========================================================
   FINAL SECTION SECOND-HEADING COLOUR — SITE WIDE
   Match the WHO WE ARE reference.
   ========================================================= */
.section-head .kicker-sub,
.kicker-sub,
.section-head .kicker-sub-white,
.kicker-sub-white{
  color:#185a98!important;
}

/* =========================================================
   KG FINAL — REDUCED SECTION GAPS
   About Us and Sales & Services
   Keep sections visually connected without changing content.
   ========================================================= */
.about-page .section,
.sales-page .section{
  padding-top:52px!important;
  padding-bottom:52px!important;
}

.about-page .section .section-head,
.sales-page .section .section-head{
  margin-bottom:20px!important;
}

/* Connect With Us: compact spacing while retaining the approved CTA layout */
.about-page #contact,
.sales-page #sales-contact{
  padding-top:46px!important;
  padding-bottom:46px!important;
}

/* Reduce the visual gap before the footer */
.about-page .footer,
.sales-page .footer,
.about-page .sb-footer,
.sales-page .sb-footer{
  margin-top:34px!important;
}

@media(max-width:900px){
  .about-page .section,
  .sales-page .section{
    padding-top:42px!important;
    padding-bottom:42px!important;
  }

  .about-page #contact,
  .sales-page #sales-contact{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
}

@media(max-width:600px){
  .about-page .section,
  .sales-page .section{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }

  .about-page #contact,
  .sales-page #sales-contact{
    padding-top:32px!important;
    padding-bottom:32px!important;
  }
}

/* FINAL PAGE-LEVEL NAV VISIBILITY */
.sales-page .site-header,
.project-page .site-header{
  display:block!important;
  position:relative!important;
  z-index:9999!important;
}
.sales-page .secondary-row.show,
.project-page .secondary-row.show{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:50px!important;
  min-height:50px!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:9998!important;
}
.sales-page .secondary-row-inner,
.project-page .secondary-row-inner{
  visibility:visible!important;
  opacity:1!important;
}


/* Up-arrow top state for Sales & Services and Project Management.
   Keep the primary menu visible; hide only the secondary submenu bar. */
.sales-page.hide-secondary-at-top .secondary-row,
.project-page.hide-secondary-at-top .secondary-row{
  display:none!important;
  height:0!important;
  min-height:0!important;
  border:0!important;
  overflow:hidden!important;
}
.sales-page.hide-secondary-at-top .main-menu-link.submenu-selected,
.project-page.hide-secondary-at-top .main-menu-link.submenu-selected{
  color:#1761a7!important;
  border-bottom-color:#1761a7!important;
}
\n\n/* =========================================================\n   KG FINAL NAVIGATION FIX — UPLOAD(6) BASE\n   1) Primary menu remains fixed while scrolling.\n   2) Open submenu remains fixed directly below primary menu.\n   3) Product submenu wraps naturally into additional rows.\n   ========================================================= */\n:root{\n  --sb-fixed-header-height:122px;\n  --sb-fixed-submenu-height:50px;\n}\nhtml{scroll-padding-top:calc(var(--sb-fixed-header-height) + var(--sb-fixed-submenu-height) + 12px);}\nbody{padding-top:var(--sb-fixed-header-height);}\n.site-header{\n  position:fixed !important;\n  top:0 !important; left:0 !important; right:0 !important;\n  width:100% !important;\n  z-index:10000 !important;\n}\n.secondary-row{\n  position:fixed !important;\n  top:var(--sb-fixed-header-height) !important;\n  left:0 !important; right:0 !important;\n  width:100% !important;\n  z-index:9999 !important;\n  height:0 !important; min-height:0 !important;\n  overflow:hidden !important;\n}\n.secondary-row.show{\n  height:var(--sb-fixed-submenu-height) !important;\n  min-height:var(--sb-fixed-submenu-height) !important;\n  overflow:visible !important;\n}\n/* Product menu: all 11 items are allowed to wrap into another row. */\n.secondary-row.products-open.show{\n  height:auto !important;\n  min-height:100px !important;\n  max-height:none !important;\n  overflow:visible !important;\n}\n.secondary-row.products-open .secondary-row-inner{\n  height:auto !important;\n  min-height:100px !important;\n  overflow:visible !important;\n}\n.secondary-row.products-open .product-sub-row{\n  width:100% !important;\n  height:auto !important;\n  min-height:100px !important;\n  display:flex !important;\n  flex-direction:row !important;\n  flex-wrap:wrap !important;\n  align-items:center !important;\n  justify-content:center !important;\n  align-content:center !important;\n  overflow:visible !important;\n  row-gap:0 !important;\n}\n.secondary-row.products-open .product-sub-row a{\n  height:50px !important;\n  flex:0 1 auto !important;\n  white-space:nowrap !important;\n}\n/* When product submenu is open, reserve two rows below the fixed header. */\nbody.sb-product-submenu-open{\n  padding-top:calc(var(--sb-fixed-header-height) + 100px) !important;\n}\nbody.sb-submenu-open:not(.sb-product-submenu-open){\n  padding-top:calc(var(--sb-fixed-header-height) + 50px) !important;\n}\n/* Do not let old top-arrow rules hide the submenu. */\nbody.hide-secondary-at-top .secondary-row{\n  display:block !important;\n}\n@media(max-width:900px){\n  :root{--sb-fixed-header-height:111px;}\n  body{padding-top:var(--sb-fixed-header-height);}\n  body.sb-product-submenu-open{padding-top:calc(var(--sb-fixed-header-height) + 100px) !important;}\n  body.sb-submenu-open:not(.sb-product-submenu-open){padding-top:calc(var(--sb-fixed-header-height) + 50px) !important;}\n  .secondary-row.products-open.show{min-height:150px !important;}\n  .secondary-row.products-open .product-sub-row{min-height:150px !important;}\n}\n
/* =========================================================
   FINAL PRODUCT SUBMENU FIX
   All 11 Product submenu items are rendered from main.js.
   They wrap to a second row only when the first row cannot
   contain all items.
   ========================================================= */
.secondary-row.products-open.show{
  height:auto!important;
  min-height:50px!important;
  max-height:none!important;
  overflow:visible!important;
}

.secondary-row.products-open.show .secondary-row-inner{
  height:auto!important;
  min-height:50px!important;
  max-height:none!important;
  overflow:visible!important;
}

.secondary-row.products-open.show .product-sub-row{
  width:100%!important;
  min-height:50px!important;
  height:auto!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  justify-content:center!important;
  align-content:center!important;
  overflow:visible!important;
  row-gap:0!important;
}

.secondary-row.products-open.show .product-sub-row a{
  height:50px!important;
  min-height:50px!important;
  flex:0 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* Reserve enough page space when Product submenu wraps. */
body.sb-product-submenu-open{
  padding-top:calc(var(--sb-fixed-header-height) + 100px)!important;
}

/* On narrower screens allow the Product row to grow beyond two lines if
   required rather than clipping any submenu item. */
@media(max-width:900px){
  .secondary-row.products-open.show{
    min-height:100px!important;
    height:auto!important;
  }
  .secondary-row.products-open.show .secondary-row-inner{
    min-height:100px!important;
    height:auto!important;
  }
  .secondary-row.products-open.show .product-sub-row{
    min-height:100px!important;
    height:auto!important;
    overflow:visible!important;
  }
}

/* =========================================================
   PRODUCT SUBMENU — DEFINITIVE 11-ITEM / 2-ROW LAYOUT
   Rows: 6 items on row 1 + 5 items on row 2.
   ========================================================= */
.secondary-row.products-open.show{
  display:block!important;
  height:100px!important;
  min-height:100px!important;
  max-height:100px!important;
  overflow:visible!important;
}

.secondary-row.products-open.show .secondary-row-inner{
  display:block!important;
  width:100%!important;
  height:100px!important;
  min-height:100px!important;
  max-height:100px!important;
  overflow:visible!important;
}

.secondary-row.products-open.show .product-sub-row-1,
.secondary-row.products-open.show .product-sub-row-2{
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
  white-space:nowrap!important;
}

.secondary-row.products-open.show .product-sub-row-1 a,
.secondary-row.products-open.show .product-sub-row-2 a{
  height:50px!important;
  min-height:50px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* Product submenu needs 100px of navigation space below the fixed header. */
body.sb-product-submenu-open{
  padding-top:calc(var(--sb-fixed-header-height) + 100px)!important;
}

/* Prevent earlier mobile rules from collapsing the second row. */
@media(max-width:900px){
  .secondary-row.products-open.show{
    height:100px!important;
    min-height:100px!important;
    max-height:100px!important;
  }
  .secondary-row.products-open.show .secondary-row-inner{
    height:100px!important;
    min-height:100px!important;
    max-height:100px!important;
  }
  .secondary-row.products-open.show .product-sub-row-1,
  .secondary-row.products-open.show .product-sub-row-2{
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
  }
}

/* Project Management toggle: remove the main-menu blue line when the
   submenu is closed; restore it when the submenu is open. */
.project-page .main-menu-link.active{
  border-bottom-color:transparent!important;
}
.project-page .main-menu-link.submenu-selected.active{
  border-bottom-color:#1761a7!important;
}
.project-page .secondary-row:not(.show){
  display:none!important;
  height:0!important;
  min-height:0!important;
}


/* Arrow navigation: keep the destination clean, with neither primary nor secondary menu visible. */
.site-header.sb-arrow-navigation-hidden,
body.sb-arrow-navigation-hidden .secondary-row {
  display:none !important;
}
body.sb-arrow-navigation-hidden {
  padding-top:0 !important;
}


/* =========================================================
   FINAL TOP-ARROW STATE
   Up arrow shows ONLY the primary header/menu. The submenu row,
   its background and its reserved vertical space are removed.
   Down arrow restores the active submenu.
   ========================================================= */
body.hide-secondary-at-top .secondary-row,
body.hide-secondary-at-top .site-header .secondary-row {
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  visibility:hidden !important;
  opacity:0 !important;
}
body.hide-secondary-at-top {
  padding-top:var(--sb-fixed-header-height) !important;
}
body.hide-secondary-at-top.engineering-page,
body.hide-secondary-at-top.project-page,
body.hide-secondary-at-top.sales-page {
  padding-top:var(--sb-fixed-header-height) !important;
}
@media(max-width:900px){
  body.hide-secondary-at-top {
    padding-top:var(--sb-fixed-header-height) !important;
  }
}

/* =========================================================
   FINAL UP-ARROW TOP STATE — MAIN MENU ONLY
   When Up Arrow is clicked, keep the primary header/menu visible
   but completely remove the submenu row and its background.
   Higher-specificity page rules above are intentionally overridden here.
   ========================================================= */
body.hide-secondary-at-top .secondary-row,
body.about-page.hide-secondary-at-top .secondary-row,
body.sales-page.hide-secondary-at-top .secondary-row,
body.project-page.hide-secondary-at-top .secondary-row,
body.engineering-page.hide-secondary-at-top .secondary-row,
body.products-page.hide-secondary-at-top .secondary-row {
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

body.hide-secondary-at-top .secondary-row-inner,
body.hide-secondary-at-top .normal-sub-row,
body.hide-secondary-at-top .product-sub-row {
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}

body.hide-secondary-at-top {
  padding-top:var(--sb-fixed-header-height) !important;
}


/* =========================================================
   APPROVED UP-ARROW BEHAVIOUR — SAME AS SALES / PROJECT
   At the top/heading state, keep ONLY the primary header.
   The secondary submenu row must have zero visual or layout presence.
   Down Arrow removes this state and restores the active submenu.
   ========================================================= */
body.hide-secondary-at-top .secondary-row,
body.hide-secondary-at-top .secondary-row-inner,
body.hide-secondary-at-top .normal-sub-row,
body.hide-secondary-at-top .product-sub-row {
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:none !important;
  overflow:hidden !important;
}
body.hide-secondary-at-top {
  padding-top:var(--sb-fixed-header-height) !important;
}


/* ================================================================
   FINAL NAV GAP ELIMINATION
   Engineering-style fixed navigation for EVERY page.
   This rule deliberately uses higher specificity than the older
   Sales/Project page overrides that set the submenu to position:relative.
   ================================================================ */

body:not(.engineering-page) .site-header,
body.sales-page .site-header,
body.project-page .site-header,
body.about-page .site-header,
body.products-page .site-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:10000 !important;
}

body:not(.engineering-page) .secondary-row,
body.sales-page .secondary-row,
body.project-page .secondary-row,
body.about-page .secondary-row,
body.products-page .secondary-row{
  position:fixed !important;
  top:122px !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  z-index:10001 !important;
  transform:none !important;
}

body:not(.engineering-page) .secondary-row.show,
body.sales-page .secondary-row.show,
body.project-page .secondary-row.show,
body.about-page .secondary-row.show,
body.products-page .secondary-row.show{
  position:fixed !important;
  top:122px !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  display:block !important;
  overflow:visible !important;
  visibility:visible !important;
  opacity:1 !important;
}

body:not(.engineering-page) .secondary-row.products-open.show,
body.sales-page .secondary-row.products-open.show,
body.project-page .secondary-row.products-open.show,
body.about-page .secondary-row.products-open.show,
body.products-page .secondary-row.products-open.show{
  height:100px !important;
  min-height:100px !important;
  max-height:100px !important;
}

body:not(.engineering-page) .secondary-row .secondary-row-inner,
body.sales-page .secondary-row .secondary-row-inner,
body.project-page .secondary-row .secondary-row-inner,
body.about-page .secondary-row .secondary-row-inner,
body.products-page .secondary-row .secondary-row-inner{
  margin:0 auto !important;
  padding:0 !important;
  height:50px !important;
  min-height:50px !important;
}

body:not(.engineering-page) .secondary-row.products-open .secondary-row-inner,
body.sales-page .secondary-row.products-open .secondary-row-inner,
body.project-page .secondary-row.products-open .secondary-row-inner,
body.about-page .secondary-row.products-open .secondary-row-inner,
body.products-page .secondary-row.products-open .secondary-row-inner{
  height:100px !important;
  min-height:100px !important;
}

/* Reserve exactly the header + active submenu height in document flow. */
body:not(.engineering-page):has(.secondary-row.show),
body.sales-page:has(.secondary-row.show),
body.project-page:has(.secondary-row.show),
body.about-page:has(.secondary-row.show),
body.products-page:has(.secondary-row.show){
  padding-top:172px !important;
}

body:not(.engineering-page):has(.secondary-row.products-open.show),
body.sales-page:has(.secondary-row.products-open.show),
body.project-page:has(.secondary-row.products-open.show),
body.about-page:has(.secondary-row.products-open.show),
body.products-page:has(.secondary-row.products-open.show){
  padding-top:222px !important;
}

/* When the Up Arrow hides the submenu, remove only the 50/100px submenu reserve. */
body:not(.engineering-page).hide-secondary-at-top,
body.sales-page.hide-secondary-at-top,
body.project-page.hide-secondary-at-top,
body.about-page.hide-secondary-at-top,
body.products-page.hide-secondary-at-top{
  padding-top:122px !important;
}
body:not(.engineering-page).hide-secondary-at-top .secondary-row,
body.sales-page.hide-secondary-at-top .secondary-row,
body.project-page.hide-secondary-at-top .secondary-row,
body.about-page.hide-secondary-at-top .secondary-row,
body.products-page.hide-secondary-at-top .secondary-row{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Mobile keeps the same no-gap relationship. */
@media(max-width:900px){
  body:not(.engineering-page) .secondary-row,
  body.sales-page .secondary-row,
  body.project-page .secondary-row,
  body.about-page .secondary-row,
  body.products-page .secondary-row{
    top:111px !important;
  }
  body:not(.engineering-page) .secondary-row.show,
  body.sales-page .secondary-row.show,
  body.project-page .secondary-row.show,
  body.about-page .secondary-row.show,
  body.products-page .secondary-row.show{
    top:111px !important;
  }
  body:not(.engineering-page):has(.secondary-row.show),
  body.sales-page:has(.secondary-row.show),
  body.project-page:has(.secondary-row.show),
  body.about-page:has(.secondary-row.show),
  body.products-page:has(.secondary-row.show){
    padding-top:161px !important;
  }
  body:not(.engineering-page):has(.secondary-row.products-open.show),
  body.sales-page:has(.secondary-row.products-open.show),
  body.project-page:has(.secondary-row.products-open.show),
  body.about-page:has(.secondary-row.products-open.show),
  body.products-page:has(.secondary-row.products-open.show){
    padding-top:211px !important;
  }
}

/* ================================================================
   PRODUCTS PAGE — ARROWS & FOOTER MATCH OTHER SEABORNE PAGES
   ================================================================ */

/* Blue fixed Up / Down scroll controls */
body.products-page .sb-scroll-btn,
body.products-page .sb-scroll-up-btn,
body.products-page .sb-scroll-down-btn{
  background:#1D8FD3 !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:1 !important;
}

body.products-page .sb-scroll-btn:hover,
body.products-page .sb-scroll-up-btn:hover,
body.products-page .sb-scroll-down-btn:hover{
  background:#1761A7 !important;
  color:#fff !important;
}

/* Deep-blue footer, same visual treatment as the other Seaborne pages. */
body.products-page footer{
  background:#06263E !important;
  color:#fff !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

body.products-page footer .wrap,
body.products-page footer .foot{
  color:#fff !important;
}

body.products-page footer a{
  color:#fff !important;
}

body.products-page footer span{
  color:rgba(255,255,255,.88) !important;
}

/* ================================================================
   MARINE ENGINE SPARES — SHARED SEABORNE NAVIGATION
   ================================================================ */
body.marine-engine-page .site-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:10000 !important;
}

body.marine-engine-page .secondary-row{
  position:fixed !important;
  top:122px !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:10001 !important;
  margin:0 !important;
  padding:0 !important;
}

body.marine-engine-page{
  padding-top:172px !important;
}

body.marine-engine-page .secondary-row.show{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
}

body.marine-engine-page .secondary-row-inner,
body.marine-engine-page .normal-sub-row{
  height:50px !important;
  min-height:50px !important;
}

body.marine-engine-page .normal-sub-row{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#1761A7 !important;
  overflow:visible !important;
}

body.marine-engine-page .normal-sub-row a{
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
  color:#fff !important;
  background:transparent !important;
  font-family:var(--global-font) !important;
  font-size:12px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

body.marine-engine-page .normal-sub-row a:not(.marine-submenu-heading):hover{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
}

body.marine-engine-page .normal-sub-row a.marine-submenu-heading{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  height:50px !important;
  justify-content:flex-start !important;
  padding:0 26px 0 38px !important;
  margin:0 !important;
  border-right:1px solid rgba(255,255,255,.30) !important;
  pointer-events:none !important;
  color:#fff !important;
  background:transparent !important;
}

body.marine-engine-page .marine-submenu-brand{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1 !important;
}

body.marine-engine-page .marine-submenu-brand strong{
  color:#fff !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:.07em !important;
}

body.marine-engine-page .marine-submenu-brand small{
  margin-top:4px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:9px !important;
  letter-spacing:.08em !important;
  font-weight:500 !important;
}

body.marine-engine-page .sb-scroll-btn,
body.marine-engine-page .sb-scroll-up-btn,
body.marine-engine-page .sb-scroll-down-btn{
  background:#1D8FD3 !important;
  color:#fff !important;
  border:0 !important;
}

body.marine-engine-page footer{
  background:#06263E !important;
  color:#fff !important;
}

@media(max-width:900px){
  body.marine-engine-page{
    padding-top:161px !important;
  }
  body.marine-engine-page .secondary-row{
    top:111px !important;
  }
  body.marine-engine-page .normal-sub-row a{
    padding:0 8px !important;
    font-size:10px !important;
  }
  body.marine-engine-page .normal-sub-row a.marine-submenu-heading{
    padding-left:18px !important;
  }
}

/* ================================================================
   MARINE ENGINE SPARES — VISIBLE CLICKABLE SUBMENU HEAD
   ================================================================ */
body.marine-engine-page .normal-sub-row a.marine-submenu-heading{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:0 26px 0 38px !important;
  margin:0 !important;
  color:#fff !important;
  background:transparent !important;
  border-right:1px solid rgba(255,255,255,.30) !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:3 !important;
}

body.marine-engine-page .normal-sub-row a.marine-submenu-heading:hover{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
}

body.marine-engine-page .marine-heading-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#1761A7 !important;
  border:1px solid rgba(255,255,255,.95) !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:none !important;
}

body.marine-engine-page .marine-submenu-brand{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1 !important;
}

body.marine-engine-page .marine-submenu-brand strong{
  color:#fff !important;
  font-size:14px !important;
  font-weight:850 !important;
  letter-spacing:.10em !important;
}

body.marine-engine-page .marine-submenu-brand small{
  margin-top:4px !important;
  color:rgba(255,255,255,.80) !important;
  font-size:9px !important;
  letter-spacing:.09em !important;
  font-weight:500 !important;
}

@media(max-width:900px){
  body.marine-engine-page .normal-sub-row a.marine-submenu-heading{
    padding-left:18px !important;
  }
}

/* ================================================================
   MARINE SPARES SUBMENU — FINAL VISIBILITY
   ================================================================ */
html body.marine-engine-page #secondaryRow.show #secondaryRowInner .normal-sub-row{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  height:50px !important;
  min-height:50px !important;
  background:#1761A7 !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .marine-submenu-heading{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#fff !important;
  background:transparent !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .marine-heading-icon{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  background:#fff !important;
  color:#1761A7 !important;
  border-radius:50% !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .marine-submenu-brand,
html body.marine-engine-page #secondaryRow.show #secondaryRowInner .marine-submenu-brand strong,
html body.marine-engine-page #secondaryRow.show #secondaryRowInner .marine-submenu-brand small{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#fff !important;
}

/* ================================================================
   MARINE ENGINE SPARES — REQUESTED VISUAL UPDATES
   ================================================================ */

/* 01. All Marine Spares sub-heads centred side-by-side. */
html body.marine-engine-page #secondaryRow.show #secondaryRowInner .normal-sub-row{
  width:100% !important;
  min-height:50px !important;
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  gap:0 !important;
  background:#1761A7 !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .normal-sub-row a{
  position:static !important;
  flex:0 0 auto !important;
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  color:#fff !important;
  background:transparent !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .normal-sub-row a.marine-submenu-heading{
  position:static !important;
  min-width:175px !important;
  padding:0 20px !important;
  margin:0 !important;
  justify-content:center !important;
  border-right:1px solid rgba(255,255,255,.28) !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .normal-sub-row a:not(.marine-submenu-heading){
  padding:0 18px !important;
}

html body.marine-engine-page .marine-submenu-brand strong{
  color:#fff !important;
  font-size:14px !important;
  font-weight:850 !important;
  letter-spacing:.10em !important;
}

html body.marine-engine-page .marine-submenu-brand small{
  color:rgba(255,255,255,.82) !important;
  font-size:9px !important;
}

/* 02. Quality-focused sourcing floating panel is completely removed. */
html body.marine-engine-page .me-floating-badge{
  display:none !important;
}

/* 03. Four assurance boxes under the hero: deep blue with white text. */
html body.marine-engine-page .me-trust-strip{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:38px !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

html body.marine-engine-page .me-trust-item{
  min-height:88px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:16px 18px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:13px !important;
  background:#0B4BD9 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(4,35,75,.14) !important;
}

html body.marine-engine-page .me-trust-item b,
html body.marine-engine-page .me-trust-item span{
  color:#fff !important;
}

html body.marine-engine-page .me-trust-item b{
  font-size:.91rem !important;
  font-weight:850 !important;
}

html body.marine-engine-page .me-trust-item span{
  margin-top:4px !important;
  font-size:.74rem !important;
  opacity:.88 !important;
}

/* 04. Engine Make Coverage — match the attached reference composition. */
html body.marine-engine-page #oems{
  background:#061629 !important;
  color:#fff !important;
  padding:88px 0 !important;
}

html body.marine-engine-page #oems .me-oem-wrap{
  width:min(1240px,calc(100% - 40px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr) !important;
  gap:68px !important;
  align-items:start !important;
}

html body.marine-engine-page #oems .me-eyebrow{
  color:#7AC8EF !important;
  font-size:.76rem !important;
  letter-spacing:.15em !important;
  font-weight:800 !important;
}

html body.marine-engine-page #oems .me-section-title{
  color:#fff !important;
  max-width:500px !important;
  font-size:clamp(2.7rem,4.5vw,4rem) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  margin:14px 0 20px !important;
}

html body.marine-engine-page #oems .me-section-copy{
  color:#AFC3D2 !important;
  max-width:465px !important;
  font-size:1rem !important;
  line-height:1.75 !important;
}

html body.marine-engine-page #oems .me-oem-list{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:11px !important;
}

html body.marine-engine-page #oems .me-oem{
  min-height:51px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  padding:13px 14px !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  font-size:.88rem !important;
}

html body.marine-engine-page #oems .me-oem i{
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  border-radius:50% !important;
  background:#59B8E8 !important;
  box-shadow:0 0 0 4px rgba(89,184,232,.11) !important;
}

/* 05. Supply Workflow — four blue rectangular boxes, white foreground. */
html body.marine-engine-page #supply .me-steps{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:38px !important;
}

html body.marine-engine-page #supply .me-step{
  min-height:190px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:23px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:14px !important;
  background:#0B4BD9 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(4,35,75,.12) !important;
}

html body.marine-engine-page #supply .me-step-num,
html body.marine-engine-page #supply .me-step h3,
html body.marine-engine-page #supply .me-step p{
  color:#fff !important;
}

html body.marine-engine-page #supply .me-step-num{
  font-weight:900 !important;
  opacity:1 !important;
}

html body.marine-engine-page #supply .me-step h3{
  margin:12px 0 8px !important;
}

html body.marine-engine-page #supply .me-step p{
  margin:0 !important;
  opacity:.90 !important;
  line-height:1.55 !important;
}

@media(max-width:900px){
  html body.marine-engine-page .me-trust-strip,
  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr 1fr !important;
  }
  html body.marine-engine-page #oems .me-oem-wrap{
    width:calc(100% - 28px) !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
}

@media(max-width:600px){
  html body.marine-engine-page .me-trust-strip,
  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr !important;
  }
}

/* ================================================================
   MARINE ENGINE SPARES — FINAL SECTION LAYOUT
   ================================================================ */

/* ------------------------------------------------
   HERO ASSURANCE STRIP — FOUR WIDE, CENTRED BOXES
   ------------------------------------------------ */
html body.marine-engine-page .me-trust-strip{
  width:min(1160px,calc(100% - 60px)) !important;
  max-width:1160px !important;
  margin:38px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

html body.marine-engine-page .me-trust-item{
  width:100% !important;
  min-height:92px !important;
  padding:17px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  box-sizing:border-box !important;
  border:1px solid rgba(255,255,255,.23) !important;
  border-radius:13px !important;
  background:#0B4BD9 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(4,35,75,.15) !important;
}

html body.marine-engine-page .me-trust-item b{
  color:#fff !important;
  font-size:1rem !important;
  font-weight:850 !important;
  line-height:1.2 !important;
}

html body.marine-engine-page .me-trust-item span{
  color:#fff !important;
  font-size:.76rem !important;
  line-height:1.35 !important;
  margin-top:5px !important;
  opacity:.90 !important;
}

/* ------------------------------------------------
   ENGINE MAKE COVERAGE — MATCH ATTACHED REFERENCE
   ------------------------------------------------ */
html body.marine-engine-page #oems{
  position:relative !important;
  overflow:hidden !important;
  background-color:#061629 !important;
  background-image:
    linear-gradient(rgba(107,163,199,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(107,163,199,.075) 1px,transparent 1px),
    radial-gradient(circle at 82% 42%,rgba(22,94,147,.20),transparent 34%) !important;
  background-size:44px 44px,44px 44px,auto !important;
  color:#fff !important;
  padding:88px 0 104px !important;
}

html body.marine-engine-page #oems .me-oem-wrap{
  width:min(1240px,calc(100% - 100px)) !important;
  max-width:1240px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:460px minmax(0,1fr) !important;
  gap:48px !important;
  align-items:start !important;
}

html body.marine-engine-page #oems .me-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  color:#59B8E8 !important;
  font-size:.76rem !important;
  line-height:1 !important;
  letter-spacing:.15em !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
}

html body.marine-engine-page #oems .me-eyebrow:before{
  width:22px !important;
  height:2px !important;
  background:#59B8E8 !important;
}

html body.marine-engine-page #oems .me-section-title{
  color:#fff !important;
  max-width:500px !important;
  margin:18px 0 20px !important;
  font-size:clamp(3rem,4.1vw,4rem) !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
}

html body.marine-engine-page #oems .me-section-copy{
  color:#AFC3D2 !important;
  max-width:445px !important;
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.7 !important;
}

html body.marine-engine-page #oems .me-oem-list{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:11px !important;
  padding-top:0 !important;
}

html body.marine-engine-page #oems .me-oem{
  width:100% !important;
  min-height:50px !important;
  padding:12px 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  box-sizing:border-box !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  font-size:.88rem !important;
  line-height:1.25 !important;
}

html body.marine-engine-page #oems .me-oem i{
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  border-radius:50% !important;
  background:#59B8E8 !important;
  box-shadow:0 0 0 4px rgba(89,184,232,.11) !important;
}

/* ------------------------------------------------
   SUPPLY WORKFLOW — FOUR WIDE, CENTRED BLUE BOXES
   ------------------------------------------------ */
html body.marine-engine-page #supply{
  background:#f7fbfd !important;
}

html body.marine-engine-page #supply > .me-container{
  width:min(1160px,calc(100% - 60px)) !important;
  max-width:1160px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

html body.marine-engine-page #supply .me-steps{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:38px auto 0 !important;
}

html body.marine-engine-page #supply .me-step{
  width:100% !important;
  min-height:190px !important;
  padding:24px 22px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.23) !important;
  background:#0B4BD9 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(4,35,75,.13) !important;
}

html body.marine-engine-page #supply .me-step-num{
  color:#fff !important;
  font-size:.76rem !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
}

html body.marine-engine-page #supply .me-step h3{
  color:#fff !important;
  font-size:1.08rem !important;
  margin:12px 0 8px !important;
  line-height:1.2 !important;
}

html body.marine-engine-page #supply .me-step p{
  color:#fff !important;
  font-size:.85rem !important;
  line-height:1.55 !important;
  margin:0 !important;
  opacity:.9 !important;
}

/* Responsive layout */
@media(max-width:900px){
  html body.marine-engine-page .me-trust-strip{
    width:calc(100% - 40px) !important;
    grid-template-columns:1fr 1fr !important;
  }

  html body.marine-engine-page #oems .me-oem-wrap{
    width:calc(100% - 40px) !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  html body.marine-engine-page #oems .me-section-title{
    max-width:700px !important;
  }

  html body.marine-engine-page #oems .me-section-copy{
    max-width:700px !important;
  }

  html body.marine-engine-page #supply > .me-container{
    width:calc(100% - 40px) !important;
  }

  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:600px){
  html body.marine-engine-page .me-trust-strip{
    width:calc(100% - 28px) !important;
    grid-template-columns:1fr !important;
  }

  html body.marine-engine-page #oems .me-oem-wrap{
    width:calc(100% - 28px) !important;
  }

  html body.marine-engine-page #oems .me-oem-list{
    grid-template-columns:1fr !important;
  }

  html body.marine-engine-page #supply > .me-container{
    width:calc(100% - 28px) !important;
  }

  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr !important;
  }
}

/* ================================================================
   MARINE ENGINE SPARES — EXACT REFERENCE LAYOUT OVERRIDE
   Reference: supplied Engine Make Coverage screenshot.
   ================================================================ */

/* ENGINE MAKE COVERAGE: exact deep-navy base with subtle engineering grid. */
html body.marine-engine-page #oems{
  background-color:#061629 !important;
  background-image:
    linear-gradient(rgba(110,171,211,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(110,171,211,.055) 1px, transparent 1px) !important;
  background-size:44px 44px !important;
  color:#fff !important;
  padding:86px 0 96px !important;
}

html body.marine-engine-page #oems .me-oem-wrap{
  width:min(1140px,calc(100% - 80px)) !important;
  max-width:1140px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:430px minmax(0,1fr) !important;
  gap:48px !important;
  align-items:start !important;
}

html body.marine-engine-page #oems .me-section-title{
  max-width:430px !important;
  color:#fff !important;
  font-size:clamp(2.9rem,4.2vw,3.65rem) !important;
  line-height:.94 !important;
  letter-spacing:-.045em !important;
  margin:18px 0 20px !important;
}

html body.marine-engine-page #oems .me-section-copy{
  max-width:410px !important;
  color:#9fb8ca !important;
  font-size:.98rem !important;
  line-height:1.7 !important;
}

html body.marine-engine-page #oems .me-oem-list{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  align-content:start !important;
}

html body.marine-engine-page #oems .me-oem{
  width:100% !important;
  min-height:45px !important;
  height:45px !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.095) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  font-size:.84rem !important;
  line-height:1 !important;
}

html body.marine-engine-page #oems .me-oem i{
  flex:0 0 auto !important;
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  border-radius:50% !important;
  background:#59B8E8 !important;
  box-shadow:0 0 0 4px rgba(89,184,232,.10) !important;
}

/* FOUR ASSURANCE BOXES: wide horizontal cards, one row and centred. */
html body.marine-engine-page .me-trust-strip{
  width:min(1200px,calc(100% - 80px)) !important;
  max-width:1200px !important;
  margin:34px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}

html body.marine-engine-page .me-trust-item{
  width:100% !important;
  min-width:0 !important;
  min-height:76px !important;
  height:76px !important;
  padding:14px 22px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:12px !important;
  background:#0B4BD9 !important;
  color:#fff !important;
}

html body.marine-engine-page .me-trust-item b{
  color:#fff !important;
  font-size:.96rem !important;
  font-weight:850 !important;
  line-height:1.1 !important;
}

html body.marine-engine-page .me-trust-item span{
  color:#fff !important;
  opacity:.88 !important;
  font-size:.72rem !important;
  line-height:1.2 !important;
  margin-top:5px !important;
}

/* SUPPLY WORKFLOW: four wide horizontal cards in one centred row. */
html body.marine-engine-page #supply > .me-container{
  width:min(1200px,calc(100% - 80px)) !important;
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

html body.marine-engine-page #supply .me-steps{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:34px auto 0 !important;
}

html body.marine-engine-page #supply .me-step{
  width:100% !important;
  min-width:0 !important;
  min-height:145px !important;
  height:145px !important;
  padding:20px 22px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:#0B4BD9 !important;
  color:#fff !important;
}

html body.marine-engine-page #supply .me-step-num,
html body.marine-engine-page #supply .me-step h3,
html body.marine-engine-page #supply .me-step p{
  color:#fff !important;
}

html body.marine-engine-page #supply .me-step h3{
  font-size:1.05rem !important;
  margin:10px 0 7px !important;
}

html body.marine-engine-page #supply .me-step p{
  font-size:.80rem !important;
  line-height:1.45 !important;
  margin:0 !important;
  opacity:.9 !important;
}

@media(max-width:900px){
  html body.marine-engine-page #oems .me-oem-wrap{
    width:calc(100% - 40px) !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
  }

  html body.marine-engine-page .me-trust-strip,
  html body.marine-engine-page #supply > .me-container{
    width:calc(100% - 40px) !important;
  }

  html body.marine-engine-page .me-trust-strip,
  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:600px){
  html body.marine-engine-page #oems .me-oem-list{
    grid-template-columns:1fr !important;
  }

  html body.marine-engine-page .me-trust-strip,
  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr !important;
  }
}

/* ================================================================
   ENGINE MAKE COVERAGE — FINAL VISIBILITY / REFERENCE OVERRIDE
   ================================================================ */
html body.marine-engine-page me-section.me-oem-section#oems{
  display:block !important;
  position:relative !important;
  z-index:50 !important;
  isolation:isolate !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  background:#061629 !important;
  background-color:#061629 !important;
  background-image:
    linear-gradient(rgba(109,171,211,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,171,211,.055) 1px,transparent 1px) !important;
  background-size:44px 44px !important;
  color:#fff !important;
  overflow:hidden !important;
}

html body.marine-engine-page me-section.me-oem-section#oems::before,
html body.marine-engine-page me-section.me-oem-section#oems::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  background:none !important;
}

html body.marine-engine-page me-section.me-oem-section#oems > .me-oem-wrap{
  position:relative !important;
  z-index:51 !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

html body.marine-engine-page me-section.me-oem-section#oems .me-section-title,
html body.marine-engine-page me-section.me-oem-section#oems .me-section-copy,
html body.marine-engine-page me-section.me-oem-section#oems .me-eyebrow,
html body.marine-engine-page me-section.me-oem-section#oems .me-oem,
html body.marine-engine-page me-section.me-oem-section#oems .me-oem-list{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

html body.marine-engine-page me-section.me-oem-section#oems .me-section-title{
  color:#fff !important;
}

html body.marine-engine-page me-section.me-oem-section#oems .me-section-copy{
  color:#9FB8CA !important;
}

html body.marine-engine-page me-section.me-oem-section#oems .me-oem{
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.095) !important;
}

/* Keep the reference geometry at desktop size. */
@media(min-width:901px){
  html body.marine-engine-page me-section.me-oem-section#oems{
    min-height:447px !important;
    padding:83px 0 95px !important;
    box-sizing:border-box !important;
  }

  html body.marine-engine-page me-section.me-oem-section#oems > .me-oem-wrap{
    width:min(1125px,calc(100% - 96px)) !important;
    max-width:1125px !important;
    grid-template-columns:425px minmax(0,1fr) !important;
    column-gap:37px !important;
    margin:0 auto !important;
  }
}


/* ================================================================
   PROPULSION & THRUSTERS — SHARED SEABORNE SUBMENU
   ================================================================ */
html body.propulsion-thrusters-page #secondaryRow.show{
  background:#1b65a8 !important;
  border-bottom:1px solid rgba(255,255,255,.22) !important;
}
html body.propulsion-thrusters-page #secondaryRow.show .normal-sub-row{
  background:#1b65a8 !important;
}
html body.propulsion-thrusters-page #secondaryRow.show .normal-sub-row a{
  color:#fff !important;
  background:#1b65a8 !important;
  height:50px !important;
}
html body.propulsion-thrusters-page #secondaryRow.show .normal-sub-row a:hover,
html body.propulsion-thrusters-page #secondaryRow.show .normal-sub-row a.secondary-active{
  background:#155a97 !important;
  color:#fff !important;
}
html body.propulsion-thrusters-page .propulsion-submenu-heading{
  min-width:280px !important;
  padding:0 18px !important;
  border-right:1px solid rgba(255,255,255,.25) !important;
}
html body.propulsion-thrusters-page .propulsion-submenu-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  line-height:1.05 !important;
}
html body.propulsion-thrusters-page .propulsion-submenu-brand strong{
  color:#fff !important;
  font-size:13px !important;
  letter-spacing:.02em !important;
}
html body.propulsion-thrusters-page .propulsion-submenu-brand small{
  color:#d8ecfb !important;
  font-size:9px !important;
  margin-top:3px !important;
  letter-spacing:.08em !important;
}
html body.propulsion-thrusters-page .propulsion-heading-icon{
  background:#fff !important;
  color:#1b65a8 !important;
  border:1px solid #fff !important;
}
html body.propulsion-thrusters-page .sb-scroll-btn,
html body.propulsion-thrusters-page .sb-scroll-up-btn,
html body.propulsion-thrusters-page .sb-scroll-down-btn{
  background:#168ed1 !important;
  color:#fff !important;
}
html body.propulsion-thrusters-page .sb-footer{
  background:#03101a !important;
}
html body.propulsion-thrusters-page .sb-footer-bottom{
  background:#020c15 !important;
}


/* ================================================================
   PROPULSION & THRUSTERS — SUBMENU DISPLAY FIX
   ================================================================ */
html body.propulsion-thrusters-page #secondaryRow.show{background:#1b65a8 !important;height:50px !important;min-height:50px !important;max-height:50px !important;display:block !important;visibility:visible !important;opacity:1 !important;}
html body.propulsion-thrusters-page #secondaryRow.show .secondary-row-inner{height:50px !important;min-height:50px !important;display:block !important;overflow:hidden !important;}
html body.propulsion-thrusters-page #secondaryRow.show .normal-sub-row{width:100% !important;height:50px !important;min-height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;background:#1b65a8 !important;}
html body.propulsion-thrusters-page #secondaryRow.show .normal-sub-row a{height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;background:#1b65a8 !important;}
html body.propulsion-thrusters-page #secondaryRow.show .normal-sub-row a:hover,html body.propulsion-thrusters-page #secondaryRow.show .normal-sub-row a.secondary-active{background:#155a97 !important;color:#fff !important;}
html body.propulsion-thrusters-page .propulsion-submenu-heading{min-width:280px !important;padding:0 18px !important;border-right:1px solid rgba(255,255,255,.25) !important;}
html body.propulsion-thrusters-page .propulsion-submenu-brand{display:flex !important;flex-direction:column !important;align-items:flex-start !important;line-height:1.05 !important;}
html body.propulsion-thrusters-page .propulsion-submenu-brand strong{color:#fff !important;font-size:13px !important;letter-spacing:.02em !important;}
html body.propulsion-thrusters-page .propulsion-submenu-brand small{color:#d8ecfb !important;font-size:9px !important;margin-top:3px !important;letter-spacing:.08em !important;}
html body.propulsion-thrusters-page .propulsion-heading-icon{background:#fff !important;color:#1b65a8 !important;border:1px solid #fff !important;}

/* =========================================================
   FINAL NAVIGATION / FOOTER COLOUR + PRODUCTS TWO-ROW FIX
   ========================================================= */
.sb-scroll-btn,
.sb-scroll-controls .sb-scroll-btn {
  background:#1CA0F2 !important;
  color:#fff !important;
}
.sb-scroll-btn:hover,
.sb-scroll-controls .sb-scroll-btn:hover {
  background:#155ba5 !important;
}

.sb-footer {
  background:#062B49 !important;
  color:#d8e7f0 !important;
}
.sb-footer-bottom {
  background:#031B2C !important;
}

/* Products submenu must show both rows immediately when opened. */
.secondary-row.products-open {
  height:100px !important;
  min-height:100px !important;
  max-height:100px !important;
  display:block !important;
  overflow:visible !important;
}
.secondary-row.products-open .secondary-row-inner {
  height:100px !important;
  min-height:100px !important;
  max-height:100px !important;
  display:block !important;
  overflow:visible !important;
}
.secondary-row.products-open .product-sub-row {
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  overflow:visible !important;
}
.secondary-row.products-open .product-sub-row a {
  visibility:visible !important;
  opacity:1 !important;
  color:#fff !important;
  background:transparent !important;
}


/* =========================================================
   COMMON PRODUCT LANDING HERO — all 11 Product sub-pages
   Uses the supplied Marine Products landing artwork and
   keeps all page-specific catalogue/coverage sections below it.
   ========================================================= */
.sb-product-landing-hero{
  position:relative !important;
  min-height:620px !important;
  overflow:hidden !important;
  color:#fff !important;
  display:flex !important;
  align-items:stretch !important;
  background:#06243b url("../img/products/hero-new.jpg") center center / cover no-repeat !important;
  isolation:isolate;
}
.sb-product-landing-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,18,31,.93) 0%,rgba(2,25,42,.80) 34%,rgba(2,28,46,.34) 66%,rgba(2,18,31,.08) 100%),
    linear-gradient(0deg,rgba(2,18,31,.58),transparent 48%);
}
.sb-product-landing-overlay{display:none}
.sb-product-landing-inner{
  width:min(1200px,calc(100% - 40px));
  margin:0 auto;
  min-height:620px;
  display:flex;
  align-items:center;
  position:relative;
  z-index:2;
  padding:92px 0 100px;
}
.sb-product-landing-copy{max-width:680px}
.sb-product-landing-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#8defff;
}
.sb-product-landing-eyebrow::before{
  content:"";
  width:34px;
  height:2px;
  background:#55dff7;
  flex:0 0 34px;
}
.sb-product-landing-copy h1{
  color:#fff !important;
  font-size:clamp(50px,6.5vw,82px) !important;
  line-height:.94 !important;
  letter-spacing:-.055em !important;
  margin:18px 0 22px !important;
  text-shadow:0 4px 24px rgba(0,0,0,.25);
}
.sb-product-landing-copy p{
  color:#edf8fc !important;
  font-size:18px !important;
  line-height:1.7 !important;
  max-width:650px;
  margin:0 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.28);
}
.sb-product-landing-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.sb-product-landing-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:13px 18px;
  border-radius:12px;
  font-size:12px;
  font-weight:850;
  text-decoration:none !important;
  transition:.2s ease;
}
.sb-product-landing-btn.primary{
  background:#63e7ff;
  color:#06243b !important;
}
.sb-product-landing-btn.secondary{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.45);
  color:#fff !important;
  backdrop-filter:blur(8px);
}
.sb-product-landing-btn:hover{transform:translateY(-2px)}
.sb-product-landing-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:34px;
}
.sb-product-landing-tags span{
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(3,24,40,.36);
  color:#f1fbff;
  font-size:10px;
  font-weight:800;
  backdrop-filter:blur(7px);
}
/* The section immediately following the common landing hero is the
   destination for the Product Portfolio submenu item. */
.sb-product-landing-hero + section,
.sb-product-landing-hero + me-section{
  scroll-margin-top:150px;
}
@media(max-width:800px){
  .sb-product-landing-hero,.sb-product-landing-inner{min-height:680px !important}
  .sb-product-landing-inner{padding:76px 0 88px}
  .sb-product-landing-copy{max-width:100%}
  .sb-product-landing-copy p{font-size:16px !important}
}
@media(max-width:520px){
  .sb-product-landing-hero,.sb-product-landing-inner{min-height:720px !important}
  .sb-product-landing-inner{width:min(100% - 28px,1200px);padding:70px 0 82px}
  .sb-product-landing-actions{flex-direction:column;align-items:stretch}
  .sb-product-landing-btn{width:100%}
}


/* Product landing: first section immediately below the common landing image. */
.sb-product-intro-section{
  position:relative;
  background:linear-gradient(180deg,#f7fbff 0%,#eef5fb 100%);
  border-top:1px solid rgba(20,88,145,.12);
  border-bottom:1px solid rgba(20,88,145,.10);
}
.sb-product-intro-head{
  min-height:220px;
  align-items:center;
}
.sb-product-intro-head h2{
  color:#08395c;
  margin-bottom:0;
}
.sb-product-intro-head p{
  color:#425b70;
  max-width:760px;
  line-height:1.75;
}


/* SBI V1.3 update: ensure the mobile navigation control is always visible */
@media (max-width: 900px) {
  .site-header { overflow: visible !important; }
  .site-header .main-nav,
  .site-header .main-nav-inner {
    position: relative !important;
    overflow: visible !important;
  }
  .site-header .main-nav-inner {
    width: calc(100% - 24px) !important;
    gap: 8px !important;
  }
  .site-header .mobile-toggle {
    display: inline-flex !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 1200 !important;
    color: #fff !important;
    background: #1761a7 !important;
    border-radius: 6px !important;
    font-size: 27px !important;
    line-height: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .site-header .main-menu {
    top: 72px !important;
    z-index: 1100 !important;
    max-width: 100vw !important;
  }
}
@media (max-width: 560px) {
  .site-header .main-nav-inner { width: calc(100% - 16px) !important; }
  .site-header .brand { min-width: 0 !important; }
  .site-header .brand-logo { max-width: min(210px, calc(100vw - 80px)) !important; }
}



/* ================================================================
   PROJECT MANAGEMENT — MATCH REFERENCE HEADER / HERO START
   Keep the hero image directly below the compact primary and
   secondary navigation, as shown in the supplied reference image.
   ================================================================ */
body.project-page .site-header{
  height:73px !important;
  min-height:73px !important;
}
body.project-page .site-header .nav{
  height:73px !important;
  min-height:73px !important;
}
body.project-page .site-header .logo-box img{
  max-height:50px;
  object-fit:contain;
}
body.project-page .secondary-row,
body.project-page .secondary-row.show{
  top:73px !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
}
body.project-page .secondary-row .secondary-row-inner,
body.project-page .secondary-row.show .secondary-row-inner{
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
}
body.project-page:has(.secondary-row.show){
  padding-top:117px !important;
}
body.project-page.hide-secondary-at-top{
  padding-top:73px !important;
}
body.project-page.hide-secondary-at-top .secondary-row{
  top:73px !important;
}
@media(max-width:900px){
  body.project-page .secondary-row,
  body.project-page .secondary-row.show{
    top:73px !important;
  }
  body.project-page:has(.secondary-row.show){
    padding-top:117px !important;
  }
  body.project-page.hide-secondary-at-top{
    padding-top:73px !important;
  }
}



/* PROJECT MANAGEMENT HERO — REMOVE EXCESSIVE TOP-TO-COPY GAP.
   Align the copy near the top of the hero, matching Sales & Services. */
body.project-page .hero-content{
  align-items:start !important;
  padding-top:64px !important;
  padding-bottom:72px !important;
}
body.project-page .hero-copy{
  align-self:start !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
@media(max-width:900px){
  body.project-page .hero-content{
    padding-top:48px !important;
    padding-bottom:56px !important;
  }
}
@media(max-width:560px){
  body.project-page .hero-content{
    padding-top:36px !important;
    padding-bottom:44px !important;
  }
}



/* PROJECT MANAGEMENT SUBMENU VISIBILITY FIX.
   The primary header includes the top info strip, so placing the submenu
   at 73px makes it sit behind the header. Align it below the full header. */
body.project-page .secondary-row,
body.project-page .secondary-row.show{
  position:fixed !important;
  top:122px !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
  z-index:10001 !important;
  margin:0 !important;
  padding:0 !important;
}
body.project-page .secondary-row-inner,
body.project-page .normal-sub-row{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  height:50px !important;
  min-height:50px !important;
  align-items:center !important;
}
body.project-page:has(.secondary-row.show){
  padding-top:172px !important;
}
body.project-page.hide-secondary-at-top .secondary-row{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
}
body.project-page.hide-secondary-at-top{
  padding-top:122px !important;
}
@media(max-width:900px){
  body.project-page .secondary-row,
  body.project-page .secondary-row.show{top:111px !important;}
  body.project-page:has(.secondary-row.show){padding-top:161px !important;}
}


/* =========================================================
   MOBILE VIEWPORT FIX — prevent horizontal page overflow
   Keeps the mobile header/menu visible without sideways scrolling.
   ========================================================= */
html {
  max-width: 100%;
  overflow-x: clip;
}
body {
  max-width: 100%;
  overflow-x: clip;
}
@supports not (overflow: clip) {
  html, body { overflow-x: hidden; }
}
@media (max-width: 900px) {
  .site-header {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }
  .site-header .mobile-toggle {
    position: relative !important;
    z-index: 10002 !important;
    flex-shrink: 0 !important;
    visibility: visible !important;
  }
  .site-header .main-nav,
  .site-header .main-nav-inner {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  img, video, iframe {
    max-width: 100%;
  }
}

/* ================================================================
   HEADER LOGO / ABOUT MENU OVERLAP FIX — 2026-10-29
   Reserve a reliable logo column and fit the navigation into the
   remaining horizontal space. Keep the logo image unchanged.
   ================================================================ */
@media (min-width: 901px) {
  .site-header .main-nav-inner {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
  }
  .site-header .brand {
    display: flex !important;
    flex: 0 0 236px !important;
    width: 236px !important;
    min-width: 236px !important;
    max-width: 236px !important;
    margin: 0 !important;
    padding: 4px 10px 4px 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 2 !important;
  }
  .site-header .brand-logo {
    display: block !important;
    flex: 0 0 auto !important;
    width: 220px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 54px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  .site-header .main-menu {
    display: flex !important;
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    overflow: visible !important;
  }
  .site-header .main-menu-link {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    padding-left: clamp(3px, .34vw, 5px) !important;
    padding-right: clamp(3px, .34vw, 5px) !important;
    font-size: clamp(10px, .86vw, 11.5px) !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
  .site-header .main-menu-link .menu-caret {
    margin-left: 2px !important;
  }
  .site-header .contact-link {
    flex: 0 0 auto !important;
    min-width: 96px !important;
    width: auto !important;
    margin-left: 5px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    white-space: nowrap !important;
  }
  .site-header .sbi-language-switcher {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    margin-left: 3px !important;
    white-space: nowrap !important;
  }
}

/* Mid-size laptops: slightly smaller reserved logo column and nav type. */
@media (min-width: 901px) and (max-width: 1180px) {
  .site-header .brand {
    flex-basis: 205px !important;
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
  }
  .site-header .brand-logo {
    width: 192px !important;
    max-height: 48px !important;
  }
  .site-header .main-menu-link {
    font-size: 9.5px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .site-header .contact-link {
    min-width: 84px !important;
    margin-left: 3px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 10px !important;
  }
  .site-header .sbi-language-switcher {
    gap: 0 !important;
    margin-left: 1px !important;
  }
}

/* Do not let later generic navigation rules shrink the logo column. */
@media (min-width: 901px) {
  .site-header .brand,
  .site-header .brand-logo {
    float: none !important;
    transform: none !important;
  }
  .site-header .main-menu {
    margin-left: 0 !important;
  }
}