/* =========================================================
   Global Ship Services - Premium Light UI v4
   This file is loaded last and safely improves all pages.
   ========================================================= */
:root{
  --gss-navy:#092449;
  --gss-navy-2:#123a6b;
  --gss-blue:#0f68b3;
  --gss-sky:#eaf6ff;
  --gss-red:#d71920;
  --gss-gold:#f4b63d;
  --gss-text:#142033;
  --gss-muted:#64748b;
  --gss-line:#dbe7f3;
  --gss-soft:#f6f9fd;
  --gss-white:#ffffff;
  --gss-radius:24px;
  --gss-shadow:0 18px 55px rgba(10,35,75,.11);
  --gss-shadow-sm:0 10px 28px rgba(10,35,75,.09);
}

html{scroll-behavior:smooth;}
body{
  font-family:'Plus Jakarta Sans','Inter','Roboto',Arial,sans-serif !important;
  color:var(--gss-text);
  background:
    radial-gradient(900px 500px at 8% 0%, rgba(15,104,179,.08), transparent 58%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 42%,#ffffff 100%) !important;
  overflow-x:hidden;
}
body p{color:#52647b;}
img{max-width:100%;}
::selection{background:rgba(15,104,179,.18);color:var(--gss-navy);}

/* ---------- Shared Utility ---------- */
.gss-section-kicker,
.gss-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(15,104,179,.10);
  color:var(--gss-navy);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.gss-section-kicker:before,
.gss-eyebrow:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gss-red),var(--gss-gold));
  box-shadow:0 0 0 5px rgba(215,25,32,.08);
}
.gss-btn-primary,
.gss-action-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:13px 22px;
  border-radius:999px;
  border:1px solid transparent;
  background:linear-gradient(135deg,var(--gss-red),#ef4249);
  color:#fff !important;
  font-weight:900;
  text-decoration:none !important;
  box-shadow:0 14px 30px rgba(215,25,32,.24);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.gss-btn-primary:hover,
.gss-action-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(215,25,32,.30);
  background:linear-gradient(135deg,#bf151b,#ef4249);
}
.gss-btn-light,
.gss-action-light{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:13px 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.65);
  background:rgba(255,255,255,.92);
  color:var(--gss-navy) !important;
  font-weight:900;
  text-decoration:none !important;
  box-shadow:0 14px 30px rgba(9,36,73,.16);
  backdrop-filter:blur(14px);
  transition:transform .22s ease, box-shadow .22s ease;
}
.gss-btn-light:hover,
.gss-action-light:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(9,36,73,.20);}

/* ---------- Premium Top Bar ---------- */
.gss-topbar{
  background:linear-gradient(90deg,#071f42 0%,#0c315e 55%,#0f68b3 100%);
  color:#fff;
  font-size:13px;
  letter-spacing:.01em;
}
.gss-topbar__inner{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.gss-topbar a{color:#fff;text-decoration:none;}
.gss-topbar a:hover{color:#ffe3a5;}
.gss-topbar__left,
.gss-topbar__right{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.gss-topbar__item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.gss-topbar__badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
}

/* ---------- Navbar ---------- */
.gss-light-nav,
.navbar.gss-light-nav{
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(15,104,179,.11);
  box-shadow:0 12px 34px rgba(7,31,66,.08) !important;
  min-height:78px;
  z-index:1030;
}
.gss-light-nav .navbar-brand{min-height:78px;}
.gss-light-nav .navbar-brand img{
  height:60px !important;
  width:auto;
  object-fit:contain;
  filter:drop-shadow(0 10px 20px rgba(10,35,75,.08));
}
.gss-brand-stack{display:flex;flex-direction:column;line-height:1.05;}
.gss-brand-title{
  color:var(--gss-navy) !important;
  font-size:22px !important;
  font-weight:900 !important;
  letter-spacing:-.02em;
}
.gss-brand-subtitle{
  margin-top:4px;
  color:var(--gss-muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.gss-light-nav .navbar-nav .nav-link{
  position:relative;
  color:#24344d !important;
  font-weight:800;
  padding:30px 12px !important;
  transition:color .2s ease;
}
.gss-light-nav .navbar-nav .nav-link:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:22px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--gss-red),var(--gss-gold));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s ease;
}
.gss-light-nav .navbar-nav .nav-link:hover,
.gss-light-nav .navbar-nav .nav-link.active{color:var(--gss-blue) !important;}
.gss-light-nav .navbar-nav .nav-link:hover:after,
.gss-light-nav .navbar-nav .nav-link.active:after{transform:scaleX(1);}
.gss-light-nav .dropdown-menu{
  border:1px solid rgba(15,104,179,.12);
  border-radius:18px;
  padding:10px;
  box-shadow:0 24px 55px rgba(10,35,75,.16);
  overflow:hidden;
}
.gss-light-nav .dropdown-item{
  border-radius:12px;
  font-weight:700;
  padding:10px 12px;
  color:#25344a;
}
.gss-light-nav .dropdown-item:hover{background:#eef7ff;color:var(--gss-blue);}
.gss-nav-cta{
  margin:18px 26px 18px 12px;
  align-self:center;
  white-space:nowrap;
  min-height:42px;
  padding:10px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--gss-red),#1495d3);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900;
  box-shadow:0 13px 27px rgba(117, 136, 199, 0.24);
}
.gss-nav-cta:hover{background:linear-gradient(135deg,#1495d3,#1495d3);transform:translateY(-1px);}
.navbar-toggler{border:0 !important;box-shadow:none !important;background:#eef7ff;border-radius:14px;padding:10px 12px;}

/* ---------- Hero v4 ---------- */
.gss-hero-slider.gss-hero-v4{
  min-height:calc(100vh - 116px);
  height:760px;
  max-height:860px;
  background:#081f3e;
  border-bottom:1px solid rgba(15,104,179,.10);
}
.gss-hero-v4 .gss-hero-track{isolation:isolate;}
.gss-hero-v4 .gss-hero-slide:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg, rgba(5,22,48,.88) 0%, rgba(6,27,57,.70) 35%, rgba(6,27,57,.20) 70%, rgba(6,27,57,.08) 100%),
    linear-gradient(180deg, rgba(6,27,57,.26) 0%, rgba(6,27,57,.05) 50%, rgba(6,27,57,.60) 100%);
}
.gss-hero-v4 .gss-hero-slide img{
  filter:saturate(1.08) contrast(1.03);
  transform:scale(1.02);
}
.gss-hero-content{
  position:absolute;
  z-index:4;
  top:50%;
  left:max(5vw,52px);
  transform:translateY(-50%);
  width:min(720px, calc(100% - 104px));
  color:#fff;
}
.gss-hero-content .gss-eyebrow{
  background:rgba(255,255,255,.16);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(12px);
}
.gss-hero-title{
  margin:18px 0 18px;
  color:#fff;
  font-size:clamp(42px,5.2vw,82px);
  font-weight:950;
  line-height:.98;
  letter-spacing:-.055em;
  text-shadow:0 18px 45px rgba(0,0,0,.28);
}
.gss-hero-title span{
  background:linear-gradient(90deg,#fff 0%,#eef7ff 45%,#ffd982 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.gss-hero-subtitle{
  max-width:650px;
  margin:0 0 28px;
  color:rgba(255,255,255,.88);
  font-size:clamp(16px,1.45vw,21px);
  line-height:1.75;
  font-weight:600;
}
.gss-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px;}
.gss-hero-pills{display:flex;gap:10px;flex-wrap:wrap;}
.gss-hero-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  font-size:13px;
  font-weight:800;
  backdrop-filter:blur(10px);
}
.gss-hero-pill i{color:#ffd982;}
.gss-hero-card{
  position:absolute;
  z-index:4;
  right:max(4vw,36px);
  bottom:78px;
  width:min(380px, calc(100% - 72px));
  padding:22px;
  border-radius:26px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 24px 55px rgba(0,0,0,.20);
  backdrop-filter:blur(18px);
  color:var(--gss-navy);
}
.gss-hero-card__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;}
.gss-hero-card__title{margin:0;font-size:18px;font-weight:950;color:var(--gss-navy);}
.gss-hero-card__icon{
  width:46px;height:46px;display:grid;place-items:center;border-radius:16px;
  background:#eef7ff;color:var(--gss-blue);box-shadow:inset 0 0 0 1px rgba(15,104,179,.10);
}
.gss-hero-card__list{display:grid;gap:10px;margin:0;padding:0;list-style:none;}
.gss-hero-card__list li{display:flex;align-items:center;gap:10px;color:#485a72;font-weight:750;}
.gss-hero-card__list i{color:var(--gss-red);}
.gss-hero-v4 .gss-hero-nav{
  width:50px;height:50px;background:rgba(255,255,255,.92);color:var(--gss-navy);box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.gss-hero-v4 .gss-hero-nav:hover{background:#fff;color:var(--gss-red);}
.gss-hero-v4 .gss-hero-dots{bottom:28px;}
.gss-hero-v4 .gss-hero-dot{background:rgba(255,255,255,.60);}
.gss-hero-v4 .gss-hero-dot.active{background:linear-gradient(90deg,var(--gss-red),var(--gss-gold));}

/* ---------- Port Strip ---------- */
.gss-port-strip{
  position:relative;
  z-index:5;
  margin-top:-36px;
  padding:0 0 28px;
}
.gss-port-strip__box{
  display:grid;
  grid-template-columns:1.15fr repeat(4,1fr);
  gap:14px;
  padding:16px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(15,104,179,.12);
  box-shadow:var(--gss-shadow);
}
.gss-port-strip__intro{
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px 16px;
  border-radius:20px;
  background:linear-gradient(135deg,#f0f8ff,#ffffff);
  border:1px solid #e3eef8;
}
.gss-port-strip__intro i{font-size:25px;color:var(--gss-blue);}
.gss-port-strip__intro strong{display:block;color:var(--gss-navy);font-weight:950;}
.gss-port-strip__intro span{display:block;color:var(--gss-muted);font-size:13px;font-weight:700;}
.gss-port-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 15px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e4eef7;
  text-decoration:none !important;
  color:var(--gss-text);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.gss-port-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,35,75,.10);border-color:rgba(15,104,179,.24);color:var(--gss-blue);}
.gss-port-item .fi{font-size:24px;}
.gss-port-item strong{font-size:14px;font-weight:900;}

/* ---------- Home Sections Enhancement ---------- */
.gss-about-section{
  padding:100px 0 95px !important;
  /* background-image:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,251,255,.88)),
    url('../img/ab1.png') !important; */
  background-attachment:fixed;
}
.gss-about-section:before{
  background:
    radial-gradient(900px 420px at 5% 15%,rgba(15,104,179,.10),transparent 62%),
    radial-gradient(900px 420px at 95% 75%,rgba(215,25,32,.07),transparent 62%) !important;
}
.gss-main-title,
.gss-define-title,
.gss-services__title,
.gss-certs__title,
.gss-certwall__title,
.gss-why__title,
.gss-terms-title{
  color:var(--gss-navy) !important;
  text-shadow:none !important;
  letter-spacing:-.045em;
}
.gss-main-title{font-size:clamp(34px,3.4vw,58px) !important;}
.gss-divider,
.gss-underline{
  width:120px !important;
  height:5px !important;
  background:linear-gradient(90deg,var(--gss-red),var(--gss-gold),var(--gss-blue)) !important;
  border-radius:999px !important;
}
.gss-about-section .lead{
  color:#1d2f49 !important;
  text-shadow:none !important;
  font-weight:850 !important;
}
.gss-about-section .col-lg-11 p:not(.lead),
.gss-about-section .col-lg-10 p:not(.lead){
  color:#53667d !important;
  text-shadow:none !important;
  font-weight:600;
}
.gss-glass-card{
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(15,104,179,.12) !important;
  box-shadow:var(--gss-shadow-sm) !important;
}
.gss-glass-card h5{color:var(--gss-navy) !important;text-shadow:none !important;font-size:28px !important;}
.gss-glass-card p{color:#55677f !important;text-shadow:none !important;}
.gss-icon-box{background:linear-gradient(135deg,var(--gss-blue),#41a7ee) !important;box-shadow:0 12px 25px rgba(15,104,179,.24) !important;}
.gss-feature-card,
.gss-stat-card{
  border:1px solid rgba(15,104,179,.12) !important;
  border-radius:26px !important;
  background:#fff !important;
  box-shadow:var(--gss-shadow-sm) !important;
}
.gss-feature-card:hover,
.gss-stat-card:hover{transform:translateY(-8px);box-shadow:var(--gss-shadow) !important;}
.gss-feature-icon,
.gss-stat-icon{
  background:linear-gradient(135deg,#eef7ff,#fff5f5) !important;
  color:var(--gss-blue) !important;
  border:1px solid rgba(15,104,179,.10);
}
.gss-feature-card h6,.gss-stat-card h2{color:var(--gss-navy) !important;}
.gss-define{background:linear-gradient(180deg,#ffffff,#f6faff) !important;}
.gss-define-left{
  padding:32px;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(15,104,179,.12);
  box-shadow:var(--gss-shadow-sm);
}
.gss-define-left h2{color:var(--gss-navy);font-size:clamp(28px,2.6vw,45px);letter-spacing:-.045em;}
.gss-define-text{color:#53667d !important;font-weight:600;line-height:1.8;}

/* ---------- Services and Certification Sections ---------- */
.gss-services{
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%) !important;
  padding:92px 0 !important;
}
.gss-services__bg,.gss-services__overlay{display:none !important;}
.gss-services__wrap{position:relative;z-index:2;}
.gss-services__head{margin-bottom:38px !important;}
.gss-services__sub,.gss-certs__sub,.gss-certwall__sub,.gss-why__subtitle{color:#60738c !important;font-weight:700;}
.gss-srv-card{
  border-radius:28px !important;
  overflow:hidden;
  background:#fff !important;
  border:1px solid rgba(15,104,179,.12) !important;
  box-shadow:var(--gss-shadow-sm) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}
.gss-srv-card:hover{transform:translateY(-9px);box-shadow:var(--gss-shadow) !important;}
.gss-srv-card__media{height:210px !important;}
.gss-srv-card__media img{height:100% !important;width:100% !important;object-fit:cover !important;transition:transform .45s ease;}
.gss-srv-card:hover .gss-srv-card__media img{transform:scale(1.07);}
.gss-srv-card__badge{
  width:62px !important;height:62px !important;border-radius:20px !important;
  background:linear-gradient(135deg,var(--gss-blue),#42a9ed) !important;
  box-shadow:0 16px 30px rgba(15,104,179,.24) !important;
}
.gss-srv-card__body{padding:26px 24px 24px !important;}
.gss-srv-card__body h4{color:var(--gss-navy) !important;font-weight:950 !important;letter-spacing:-.03em;}
.gss-srv-card__body p{color:#5c6f86 !important;font-weight:600;}
.gss-srv-card__line{height:5px !important;background:linear-gradient(90deg,var(--gss-red),var(--gss-gold),var(--gss-blue)) !important;}

.gss-certs,
.gss-certwall{
  background:
    radial-gradient(700px 360px at 0% 5%, rgba(15,104,179,.08), transparent 62%),
    linear-gradient(180deg,#ffffff,#f7fbff) !important;
  padding:90px 0 !important;
}
.gss-certs__bg,.gss-certs__overlay,.gss-certwall__bg,.gss-certwall__overlay{display:none !important;}
.gss-certs__panel,
.gss-certwall__frame{
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(15,104,179,.12) !important;
  border-radius:34px !important;
  box-shadow:var(--gss-shadow) !important;
  padding:clamp(26px,4vw,54px) !important;
}
.gss-certs__item,
.gss-certwall__card{
  background:#fff !important;
  border:1px solid #e3edf7 !important;
  border-radius:24px !important;
  box-shadow:0 10px 24px rgba(10,35,75,.07) !important;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}
.gss-certs__item:hover,
.gss-certwall__card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(10,35,75,.13) !important;border-color:rgba(15,104,179,.24) !important;}

/* ---------- Why / Terms / Final CTA ---------- */
.gss-why{
  background-image:none !important;
  background:linear-gradient(135deg,#092449,#0d3a70 58%,#0f68b3) !important;
  position:relative;
  overflow:hidden;
}
.gss-why:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(600px 310px at 18% 20%,rgba(255,255,255,.13),transparent 62%),
    radial-gradient(600px 310px at 90% 84%,rgba(244,182,61,.14),transparent 62%);
}
.gss-why__overlay{display:none !important;}
.gss-why__wrap{position:relative;z-index:2;}
.gss-why__title{color:#fff !important;}
.gss-why__subtitle{color:rgba(255,255,255,.78) !important;}
.gss-why__card{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:24px !important;
  box-shadow:0 16px 38px rgba(0,0,0,.16) !important;
}
.gss-why__text h5{color:var(--gss-navy) !important;font-weight:950 !important;}
.gss-why__text p{color:#5a6d83 !important;}
.gss-why__icon{background:linear-gradient(135deg,var(--gss-red),#f05259) !important;color:#fff !important;}
.gss-why__visual{
  min-height:430px;
  border-radius:34px !important;
  background:
    linear-gradient(180deg,rgba(9,36,73,.10),rgba(9,36,73,.14)),
    url('../img/about.jpg') center/cover no-repeat !important;
  box-shadow:0 24px 55px rgba(0,0,0,.24) !important;
  border:1px solid rgba(255,255,255,.22);
}
.gss-terms-section{
  background:linear-gradient(180deg,#f7fbff,#fff) !important;
  padding:80px 0 !important;
}
.gss-terms-box{
  background:#fff !important;
  border:1px solid rgba(15,104,179,.12) !important;
  border-radius:30px !important;
  box-shadow:var(--gss-shadow) !important;
}
.gss-terms-title:after{background:linear-gradient(90deg,var(--gss-red),var(--gss-gold),var(--gss-blue)) !important;}
.gss-terms-note{background:#f3f8fe !important;border-color:#dcebf8 !important;color:#455872 !important;}

.gss-final-cta{
  padding:0 0 86px;
  background:#fff;
}
.gss-final-cta__box{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:42px;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(9,36,73,.96),rgba(15,104,179,.88)),
    url('../img/footer.png') center/cover no-repeat;
  box-shadow:0 28px 65px rgba(9,36,73,.24);
}
.gss-final-cta__box:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(500px 260px at 88% 15%,rgba(244,182,61,.22),transparent 65%);
  pointer-events:none;
}
.gss-final-cta__content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.gss-final-cta h2{color:#fff;margin:0 0 10px;font-size:clamp(28px,3vw,46px);font-weight:950;letter-spacing:-.04em;}
.gss-final-cta p{color:rgba(255,255,255,.82);margin:0;font-weight:650;max-width:740px;}
.gss-final-cta__actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;}

/* ---------- Footer v4 ---------- */
.gss-footer-v4{
  position:relative;
  overflow:hidden;
  background:#071f42;
  color:#fff;
  padding-top:74px;
}
.gss-footer-v4:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px 350px at 15% 8%,rgba(15,104,179,.30),transparent 63%),
    radial-gradient(700px 350px at 86% 35%,rgba(215,25,32,.14),transparent 64%),
    linear-gradient(180deg,rgba(7,31,66,.96),rgba(5,17,36,1));
}
.gss-footer-v4 .container{position:relative;z-index:2;}
.gss-footer-v4__brand{
  display:flex;align-items:center;gap:14px;margin-bottom:18px;
}
.gss-footer-v4__brand img{height:58px;width:auto;background:#fff;border-radius:18px;padding:7px;box-shadow:0 14px 28px rgba(0,0,0,.18);}
.gss-footer-v4__brand h3{margin:0;color:#fff;font-weight:950;letter-spacing:-.03em;}
.gss-footer-v4__brand span{display:block;color:rgba(255,255,255,.62);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-top:3px;}
.gss-footer-v4__text{color:rgba(255,255,255,.74);line-height:1.75;font-weight:500;}
.gss-footer-v4__title{color:#fff;font-weight:950;letter-spacing:-.02em;margin-bottom:18px;font-size:20px;}
.gss-footer-v4__item{display:flex;gap:12px;color:rgba(255,255,255,.76);margin-bottom:12px;line-height:1.55;}
.gss-footer-v4__item i{color:#ffd27a;margin-top:4px;}
.gss-footer-v4 a{color:rgba(255,255,255,.82);text-decoration:none;}
.gss-footer-v4 a:hover{color:#fff;}
.gss-footer-v4__links{display:grid;gap:10px;}
.gss-footer-v4__links a{font-weight:700;transition:transform .18s ease,color .18s ease;}
.gss-footer-v4__links a:hover{transform:translateX(4px);}
.gss-footer-v4__locations{display:flex;gap:8px;flex-wrap:wrap;}
.gss-footer-v4__loc{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 10px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);
  font-size:12px;font-weight:800;
}
.gss-footer-v4__social{display:flex;gap:10px;margin-top:18px;}
.gss-footer-v4__social a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);}
.gss-footer-v4__social a:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);}
.gss-footer-v4__bottom{border-top:1px solid rgba(255,255,255,.10);margin-top:42px;padding:20px 0;color:rgba(255,255,255,.64);font-weight:600;}
.back-to-top{border-radius:18px !important;background:var(--gss-red) !important;border-color:var(--gss-red) !important;box-shadow:0 16px 34px rgba(215,25,32,.25);}

/* ---------- Other Pages ---------- */
.page-header,
.container-fluid.page-header{
  background:
    linear-gradient(135deg,rgba(7,31,66,.88),rgba(15,104,179,.62)),
    url('../img/carousel-1.jpg') center/cover no-repeat !important;
  padding:92px 0 !important;
}
.page-header h1{font-weight:950 !important;letter-spacing:-.045em;}
.service-item,
.team-item,
.testimonial-item,
.bg-light,
.contact-card{
  border-radius:24px !important;
}
.service-item{box-shadow:var(--gss-shadow-sm) !important;border:1px solid rgba(15,104,179,.12);overflow:hidden;}

/* ---------- Responsive ---------- */
@media (max-width:1199px){
  .gss-hero-card{display:none;}
  .gss-port-strip__box{grid-template-columns:1fr 1fr 1fr;}
  .gss-port-strip__intro{grid-column:1/-1;}
}
@media (max-width:991px){
  .gss-topbar{display:none;}
  .gss-light-nav,.navbar.gss-light-nav{min-height:72px;}
  .gss-light-nav .navbar-brand{min-height:72px;padding-left:16px !important;padding-right:8px !important;}
  .gss-brand-title{font-size:18px !important;}
  .gss-brand-subtitle{font-size:9px;}
  .gss-light-nav .navbar-brand img{height:48px !important;}
  .gss-light-nav .navbar-collapse{background:#fff;border-top:1px solid rgba(15,104,179,.10);}
  .gss-light-nav .navbar-nav .nav-link{padding:12px 20px !important;}
  .gss-light-nav .navbar-nav .nav-link:after{display:none;}
  .gss-nav-cta{margin:10px 20px 20px;justify-content:center;}
  .gss-hero-slider.gss-hero-v4{height:auto;min-height:650px;}
  .gss-hero-content{left:24px;width:calc(100% - 48px);}
  .gss-hero-title{font-size:clamp(38px,9vw,62px);}
  .gss-hero-subtitle{font-size:16px;}
  .gss-hero-nav{display:none !important;}
  .gss-port-strip{margin-top:-18px;}
  .gss-port-strip__box{grid-template-columns:1fr 1fr;gap:10px;padding:12px;border-radius:22px;}
  .gss-final-cta__content{flex-direction:column;align-items:flex-start;}
  .gss-final-cta__box{padding:30px;border-radius:28px;}
}
@media (max-width:575px){
  .gss-brand-subtitle{display:none;}
  .gss-light-nav .navbar-brand img{height:42px !important;}
  .gss-brand-title{font-size:16px !important;}
  .gss-hero-slider.gss-hero-v4{min-height:620px;}
  .gss-hero-content{top:52%;}
  .gss-hero-title{font-size:39px;line-height:1.04;}
  .gss-hero-subtitle{line-height:1.6;margin-bottom:20px;}
  .gss-hero-actions a{width:100%;}
  .gss-hero-pills{display:none;}
  .gss-port-strip__box{grid-template-columns:1fr;}
  .gss-about-section{background-attachment:scroll;padding:70px 0 !important;}
  .gss-glass-card h5{font-size:22px !important;}
  .gss-services,.gss-certs,.gss-certwall{padding:66px 0 !important;}
  .gss-certs__panel,.gss-certwall__frame{border-radius:24px !important;padding:22px !important;}
  .gss-final-cta{padding-bottom:60px;}
  .gss-final-cta__actions a{width:100%;}
}

/* =========================================================
   Premium UI v5 - smoother layout + detailed footer locations
   ========================================================= */
:root{
  --gss-footer-dark:#05152c;
  --gss-footer-card:rgba(255,255,255,.055);
  --gss-footer-line:rgba(255,255,255,.12);
}

/* smoother scroll/animations without making the page heavy */
*{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;}
a,button,.gss-srv-card,.gss-feature-card,.gss-stat-card,.gss-footer-v5__locations a{
  transition-timing-function:cubic-bezier(.22,.61,.36,1) !important;
}
.gss-about-section{background-attachment:scroll !important;}
.gss-light-nav{transition:box-shadow .25s ease, background .25s ease;}
.gss-light-nav .dropdown-menu{animation:gssDrop .18s ease both;}
@keyframes gssDrop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* slightly cleaner hero and cards */
.gss-hero-v4 .gss-hero-slide:before{
  background:
    linear-gradient(90deg, rgba(4,18,40,.90) 0%, rgba(6,28,58,.70) 38%, rgba(6,28,58,.22) 72%, rgba(6,28,58,.06) 100%),
    linear-gradient(180deg, rgba(6,27,57,.18) 0%, rgba(6,27,57,.04) 45%, rgba(6,27,57,.62) 100%) !important;
}
.gss-hero-card,
.gss-port-strip__box,
.gss-define-left,
.gss-certs__panel,
.gss-certwall__frame,
.gss-terms-box{
  box-shadow:0 22px 58px rgba(10,35,75,.12) !important;
}
.gss-srv-card,
.gss-feature-card,
.gss-stat-card,
.gss-why__card{
  will-change:transform;
}

/* -------------------- Footer v5 -------------------- */
.gss-footer-v5{
  position:relative;
  overflow:hidden;
  padding-top:72px;
  color:#fff;
  background:
    radial-gradient(950px 460px at 15% 10%,rgba(18,91,161,.30),transparent 62%),
    radial-gradient(780px 420px at 88% 20%,rgba(215,25,32,.16),transparent 62%),
    linear-gradient(135deg,#06152d 0%,#071f42 52%,#050f22 100%);
}
.gss-footer-v5:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.12));
  pointer-events:none;
}
.gss-footer-v5:after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(244,182,61,.55),rgba(215,25,32,.45),transparent);
}
.gss-footer-v5 .container-fluid{
  position:relative;
  z-index:2;
  max-width:1400px;
  margin:0 auto;
}
.gss-footer-v5__grid{
  display:grid;
  grid-template-columns:minmax(230px,1.25fr) minmax(210px,1.05fr) minmax(180px,.86fr) minmax(145px,.68fr) minmax(240px,1.04fr) minmax(220px,.9fr);
  gap:34px;
  align-items:start;
}
.gss-footer-v5__col{min-width:0;}
.gss-footer-v5__brand{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.gss-footer-v5__brand img{
  height:58px;
  width:auto;
  object-fit:contain;
  padding:7px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 32px rgba(0,0,0,.22);
}
.gss-footer-v5__brand h3{
  margin:0;
  color:#fff;
  font-size:24px;
  font-weight:950;
  letter-spacing:-.04em;
}
.gss-footer-v5__brand span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.66);
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.gss-footer-v5__text{
  max-width:360px;
  color:rgba(255,255,255,.75) !important;
  font-size:15.5px;
  line-height:1.82;
  font-weight:550;
}
.gss-footer-v5__title{
  position:relative;
  display:inline-flex;
  align-items:center;
  color:#fff;
  font-size:20px;
  font-weight:950;
  letter-spacing:-.025em;
  margin:0 0 20px;
  padding-bottom:10px;
}
.gss-footer-v5__title:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:42px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--gss-red),var(--gss-gold));
}
.gss-footer-v5__item{
  display:flex;
  gap:12px;
  margin-bottom:13px;
  color:rgba(255,255,255,.78);
  line-height:1.6;
  font-weight:600;
}
.gss-footer-v5__item i{
  width:18px;
  margin-top:4px;
  color:#ffca6b;
  flex:0 0 18px;
}
.gss-footer-v5 a{
  color:rgba(255,255,255,.84);
  text-decoration:none !important;
}
.gss-footer-v5 a:hover{color:#fff;}
.gss-footer-v5__links{
  display:grid;
  gap:12px;
}
.gss-footer-v5__links a{
  position:relative;
  display:inline-flex;
  align-items:flex-start;
  gap:8px;
  color:rgba(255,255,255,.82);
  font-weight:780;
  line-height:1.45;
}
.gss-footer-v5__links a:before{
  content:"›";
  color:#ffb04a;
  font-weight:900;
  line-height:1.2;
}
.gss-footer-v5__links a:hover{transform:translateX(4px);color:#fff;}
.gss-footer-v5__email-block{
  padding:13px 14px;
  margin-bottom:10px;
  border:1px solid var(--gss-footer-line);
  border-radius:16px;
  background:var(--gss-footer-card);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.gss-footer-v5__email-block span{
  display:block;
  margin-bottom:4px;
  color:rgba(255,255,255,.62);
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.gss-footer-v5__email-block a{
  overflow-wrap:anywhere;
  color:#fff;
  font-size:14px;
  font-weight:780;
}
.gss-footer-v5__locations-col{
  padding:16px 15px 15px;
  margin-top:-16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 42px rgba(0,0,0,.16);
}
.gss-footer-v5__locations-col .gss-footer-v5__title{margin-bottom:14px;}
.gss-footer-v5__locations{
  display:grid;
  gap:5px;
}
.gss-footer-v5__locations a{
  display:grid;
  grid-template-columns:24px auto 1fr;
  align-items:center;
  gap:9px;
  min-height:26px;
  padding:4px 7px;
  border-radius:10px;
  color:rgba(255,255,255,.90);
  font-size:13px;
  font-weight:800;
}
.gss-footer-v5__locations a:hover{
  background:rgba(255,255,255,.10);
  transform:translateX(3px);
}
.gss-footer-v5__locations .fi{
  width:22px;
  height:15px;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
}
.gss-footer-v5__locations strong{
  font-size:13px;
  font-weight:880;
  white-space:nowrap;
}
.gss-footer-v5__locations em{
  color:#ffb04a;
  font-size:11px;
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
}
.gss-footer-v5__social{
  display:flex;
  gap:10px;
  margin-top:22px;
}
.gss-footer-v5__social a{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.gss-footer-v5__social a:hover{
  background:linear-gradient(135deg,var(--gss-red),#ef444c);
  border-color:transparent;
  transform:translateY(-3px);
}
.gss-footer-v5__bottom{
  position:relative;
  margin-top:44px;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.70);
  font-weight:700;
}
.gss-footer-v5__bottom a{color:#fff;font-weight:900;}
.back-to-top{
  width:50px !important;
  height:50px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,var(--gss-red),#ef444c) !important;
  border:0 !important;
  box-shadow:0 18px 34px rgba(215,25,32,.30) !important;
}
.back-to-top:hover{transform:translateY(-3px);}

@media (max-width:1399px){
  .gss-footer-v5__grid{
    grid-template-columns:1.25fr 1fr .95fr .72fr 1.05fr;
  }
  .gss-footer-v5__locations-col{grid-column:1/-1;margin-top:0;}
  .gss-footer-v5__locations{grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;}
}
@media (max-width:1199px){
  .gss-footer-v5__grid{grid-template-columns:repeat(3,1fr);gap:30px;}
  .gss-footer-v5__locations{grid-template-columns:repeat(4,minmax(130px,1fr));}
}
@media (max-width:767px){
  .gss-footer-v5{padding-top:54px;}
  .gss-footer-v5__grid{grid-template-columns:1fr;gap:28px;}
  .gss-footer-v5__locations{grid-template-columns:repeat(2,minmax(130px,1fr));}
  .gss-footer-v5__brand h3{font-size:21px;}
  .gss-footer-v5__email-block{padding:12px;}
  .gss-footer-v5__bottom{margin-top:30px;}
}
@media (max-width:420px){
  .gss-footer-v5__locations{grid-template-columns:1fr;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.001ms !important;}
}


/* =========================================================
   ABOUT SECTION FINAL UI FIX - Mission/Vision readability
   Updated for Global Ship Services light professional theme
   ========================================================= */
.gss-about-section{
  padding:96px 0 92px !important;
  color:#101828 !important;
  /* background-image:
    linear-gradient(115deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.91) 44%, rgba(246,250,255,.76) 100%),
    url('../img/ab1.png') !important; */
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
.gss-about-section::before{
  background:
    radial-gradient(720px 360px at 15% 22%, rgba(15,104,179,.11), transparent 64%),
    radial-gradient(780px 420px at 86% 78%, rgba(215,25,32,.08), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06)) !important;
}
.gss-about-section .text-center.mb-5{margin-bottom:34px !important;}
.gss-about-section .gss-section-kicker{
  background:rgba(15,104,179,.10) !important;
  border:1px solid rgba(15,104,179,.15) !important;
  color:#092449 !important;
  box-shadow:0 12px 28px rgba(10,35,75,.08) !important;
}
.gss-about-section .gss-main-title{
  color:#081527 !important;
  font-size:clamp(36px,3.8vw,64px) !important;
  font-weight:950 !important;
  letter-spacing:-.055em !important;
  line-height:1.08 !important;
  text-shadow:none !important;
}
.gss-about-section .gss-divider{
  margin-top:18px !important;
  box-shadow:0 14px 28px rgba(15,104,179,.15) !important;
}
.gss-about-section .lead{
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
  color:#0e1b2f !important;
  font-size:clamp(16px,1.05vw,19px) !important;
  line-height:1.62 !important;
  font-weight:850 !important;
  text-shadow:none !important;
}
.gss-about-section .col-lg-11 > p:not(.lead),
.gss-about-section .col-lg-10 > p:not(.lead){
  max-width:1060px;
  margin-left:auto;
  margin-right:auto;
  color:#34455b !important;
  font-size:15.5px !important;
  line-height:1.7 !important;
  font-weight:650 !important;
  text-shadow:none !important;
}
.gss-about-section .gss-glass-card{
  position:relative !important;
  overflow:hidden !important;
  padding:30px 30px 28px !important;
  border-radius:28px !important;
  background:linear-gradient(145deg, rgba(255,255,255,.98), rgba(246,251,255,.94)) !important;
  border:1px solid rgba(15,104,179,.16) !important;
  box-shadow:0 20px 56px rgba(9,36,73,.12) !important;
  color:#101828 !important;
  transform:translateY(0);
}
.gss-about-section .gss-glass-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:7px;
  background:linear-gradient(180deg, var(--gss-blue), var(--gss-gold), var(--gss-red));
}
.gss-about-section .gss-glass-card::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(15,104,179,.13), transparent 67%);
  pointer-events:none;
}
.gss-about-section .gss-glass-card:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(15,104,179,.26) !important;
  box-shadow:0 30px 78px rgba(9,36,73,.17) !important;
}
.gss-about-section .gss-glass-card .d-flex,
.gss-about-section .gss-glass-card p{position:relative;z-index:1;}
.gss-about-section .gss-icon-box{
  flex:0 0 60px !important;
  width:60px !important;
  height:60px !important;
  border-radius:18px !important;
  color:#fff !important;
  background:linear-gradient(135deg, #0f68b3 0%, #238bd7 55%, #41a7ee 100%) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:0 16px 30px rgba(15,104,179,.25) !important;
}
.gss-about-section .gss-icon-box i{color:#fff !important;}
.gss-about-section .gss-glass-card h5,
.gss-about-section .gss-glass-card h5 *{
  color:#050b18 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:clamp(22px,1.6vw,28px) !important;
  font-weight:950 !important;
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
  text-shadow:none !important;
}
.gss-about-section .gss-glass-card p{
  color:#334155 !important;
  opacity:1 !important;
  font-size:15.5px !important;
  line-height:1.72 !important;
  font-weight:650 !important;
  text-shadow:none !important;
}
.gss-about-section .gss-feature-card{
  position:relative !important;
  overflow:hidden !important;
  padding:26px 22px 24px !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.98) !important;
  border:1px solid rgba(15,104,179,.14) !important;
  box-shadow:0 18px 46px rgba(9,36,73,.10) !important;
  color:#101828 !important;
}
.gss-about-section .gss-feature-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--gss-blue),var(--gss-gold),var(--gss-red));
  opacity:.72;
}
.gss-about-section .gss-feature-card:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(15,104,179,.25) !important;
  box-shadow:0 30px 70px rgba(9,36,73,.16) !important;
}
.gss-about-section .gss-feature-icon{
  width:60px !important;
  height:60px !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,#f5fbff,#fff7f1) !important;
  border:1px solid rgba(15,104,179,.12) !important;
  color:#0f68b3 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px rgba(9,36,73,.08) !important;
}
.gss-about-section .gss-feature-icon i{color:#0f68b3 !important;}
.gss-about-section .gss-feature-card h6{
  color:#071426 !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
}
.gss-about-section .gss-feature-card p{
  color:#475569 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  font-weight:600 !important;
  text-shadow:none !important;
}
@media (max-width:991.98px){
  .gss-about-section{padding:72px 0 68px !important;background-attachment:scroll !important;}
  .gss-about-section .gss-glass-card{padding:24px !important;}
  .gss-about-section .gss-main-title{font-size:clamp(32px,6vw,48px) !important;}
}
@media (max-width:575.98px){
  .gss-about-section{padding:58px 0 54px !important;}
  .gss-about-section .gss-glass-card .d-flex{align-items:flex-start !important;}
  .gss-about-section .gss-icon-box{width:52px !important;height:52px !important;flex-basis:52px !important;}
  .gss-about-section .gss-glass-card h5{font-size:22px !important;}
  .gss-about-section .gss-feature-card{padding:23px 18px 21px !important;}
}

/* =========================================================
   Premium UI v6 - Enhanced Animations + Fully Responsive
   Added for smoother Global Ship Services professional UI
   ========================================================= */
:root{
  --gss-ease:cubic-bezier(.22,.61,.36,1);
  --gss-ease-strong:cubic-bezier(.16,1,.3,1);
  --gss-ring:0 0 0 1px rgba(15,104,179,.13), 0 22px 58px rgba(9,36,73,.13);
  --gss-card-gradient:linear-gradient(145deg, rgba(255,255,255,.99), rgba(246,251,255,.96));
}

html{scroll-behavior:smooth;}
body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";
  position:fixed;
  inset:-20%;
  z-index:-1;
  pointer-events:none;
  opacity:.72;
  background:
    radial-gradient(520px 260px at 10% 14%,rgba(15,104,179,.105),transparent 68%),
    radial-gradient(460px 240px at 92% 16%,rgba(244,182,61,.10),transparent 68%),
    radial-gradient(520px 260px at 82% 88%,rgba(215,25,32,.065),transparent 68%);
  animation:gssBgDrift 18s var(--gss-ease) infinite alternate;
}
@keyframes gssBgDrift{
  from{transform:translate3d(-10px,-8px,0) scale(1);}
  to{transform:translate3d(12px,10px,0) scale(1.03);}
}

/* Better focus/accessibility */
a:focus-visible,
button:focus-visible,
.navbar-toggler:focus-visible{
  outline:3px solid rgba(15,104,179,.30) !important;
  outline-offset:3px !important;
  border-radius:14px;
}

/* Navbar: premium sticky motion */
.gss-light-nav,
.navbar.gss-light-nav{
  transition:transform .32s var(--gss-ease), box-shadow .32s var(--gss-ease), background .32s var(--gss-ease), min-height .32s var(--gss-ease) !important;
}
.gss-light-nav.gss-nav-scrolled,
.navbar.gss-light-nav.gss-nav-scrolled{
  background:rgba(255,255,255,.985) !important;
  box-shadow:0 16px 40px rgba(7,31,66,.13) !important;
  min-height:68px !important;
}
.gss-light-nav.gss-nav-scrolled .navbar-brand{min-height:68px !important;}
.gss-light-nav.gss-nav-scrolled .navbar-brand img{height:52px !important;}
.gss-light-nav.gss-nav-scrolled .navbar-nav .nav-link{padding-top:25px !important;padding-bottom:25px !important;}
.gss-nav-cta{transition:transform .25s var(--gss-ease), box-shadow .25s var(--gss-ease), filter .25s var(--gss-ease) !important;}
.gss-nav-cta:hover{filter:saturate(1.08);box-shadow:0 18px 38px rgba(91, 151, 230, 0.3) !important;}

/* Shared card polish */
.gss-glass-card,
.gss-feature-card,
.gss-stat-card,
.gss-srv-card,
.gss-why__card,
.gss-certwall__card,
.gss-certs__item,
.gss-terms-box,
.gss-final-cta__box{
  transform:translateZ(0);
  backface-visibility:hidden;
  transition:transform .38s var(--gss-ease-strong), box-shadow .38s var(--gss-ease-strong), border-color .38s var(--gss-ease), background .38s var(--gss-ease) !important;
}
.gss-hover-glow{position:relative;overflow:hidden;}
.gss-hover-glow::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(15,104,179,.16),transparent 42%);
  transition:opacity .28s var(--gss-ease);
}
.gss-hover-glow:hover::after{opacity:1;}

/* Scroll reveal animations added by js/main.js */
.gss-reveal{
  opacity:0;
  transform:translate3d(0,26px,0);
  filter:blur(8px);
  transition:opacity .72s var(--gss-ease-strong), transform .72s var(--gss-ease-strong), filter .72s var(--gss-ease-strong);
  transition-delay:var(--gss-delay,0ms);
}
.gss-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}
.gss-reveal-left{transform:translate3d(-28px,0,0);}
.gss-reveal-right{transform:translate3d(28px,0,0);}
.gss-reveal-scale{transform:translate3d(0,22px,0) scale(.96);}
.gss-reveal-left.is-visible,
.gss-reveal-right.is-visible,
.gss-reveal-scale.is-visible{transform:translate3d(0,0,0) scale(1);}

/* Hero animation/smooth slider */
.gss-hero-slider.gss-hero-v4{
  border-bottom:0 !important;
  box-shadow:0 20px 70px rgba(9,36,73,.10);
}
.gss-hero-v4 .gss-hero-slide{
  transition:opacity 1.05s var(--gss-ease), visibility 1.05s var(--gss-ease) !important;
}
.gss-hero-v4 .gss-hero-slide img{
  will-change:transform;
  transform:scale(1.02);
}
.gss-hero-v4 .gss-hero-slide.is-active img{
  animation:gssKenBurns 7.5s ease-out both;
}
@keyframes gssKenBurns{
  from{transform:scale(1.02) translate3d(0,0,0);}
  to{transform:scale(1.085) translate3d(1.2%,0,0);}
}
.gss-hero-content{animation:gssHeroContentIn .9s var(--gss-ease-strong) both;}
@keyframes gssHeroContentIn{
  from{opacity:0;transform:translate3d(0,-42%,0);filter:blur(8px);}
  to{opacity:1;transform:translate3d(0,-50%,0);filter:blur(0);}
}
.gss-hero-title{letter-spacing:-.062em !important;}
.gss-hero-pills .gss-hero-pill{
  transition:transform .25s var(--gss-ease), background .25s var(--gss-ease), border-color .25s var(--gss-ease) !important;
}
.gss-hero-pills .gss-hero-pill:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.20);
  border-color:rgba(255,255,255,.32);
}
.gss-hero-card{animation:gssFloatCard 4.5s ease-in-out infinite alternate;}
@keyframes gssFloatCard{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.gss-hero-dot{transition:width .28s var(--gss-ease), background .28s var(--gss-ease), transform .28s var(--gss-ease) !important;}
.gss-hero-dot:hover{transform:scale(1.18);}

/* About section: more premium, black readable headings */
.gss-about-section{
  isolation:isolate;
  padding:clamp(58px,7vw,108px) 0 clamp(54px,6.4vw,98px) !important;
  background-image:
    linear-gradient(115deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.93) 43%,rgba(248,251,255,.78) 100%),
    url('../img/ab1.png') !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.gss-about-section::after{
  content:"";
  position:absolute;
  inset:auto -8% -90px -8%;
  height:210px;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 72%);
  pointer-events:none;
  z-index:0;
}
.gss-about-section .container{position:relative;z-index:2;}
.gss-about-section .gss-main-title{
  max-width:980px;
  margin-left:auto !important;
  margin-right:auto !important;
  color:#071426 !important;
  font-weight:950 !important;
  letter-spacing:-.064em !important;
  line-height:1.05 !important;
}
.gss-about-section .gss-divider{
  position:relative;
  overflow:hidden;
  height:5px !important;
  width:126px !important;
}
.gss-about-section .gss-divider::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);
  transform:translateX(-110%);
  animation:gssLineShine 2.8s ease-in-out infinite;
}
@keyframes gssLineShine{50%,100%{transform:translateX(115%)}}
.gss-about-section .lead{
  color:#0d1b30 !important;
  text-wrap:balance;
}
.gss-about-section .col-lg-11 > p:not(.lead),
.gss-about-section .col-lg-10 > p:not(.lead){
  color:#334155 !important;
}
.gss-about-section .gss-glass-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:178px !important;
  background:var(--gss-card-gradient) !important;
  border:1px solid rgba(15,104,179,.16) !important;
  box-shadow:var(--gss-ring) !important;
}
.gss-about-section .gss-glass-card:hover{
  transform:translateY(-10px) scale(1.012) !important;
  box-shadow:0 34px 82px rgba(9,36,73,.18) !important;
}
.gss-about-section .gss-glass-card h5,
.gss-about-section .gss-glass-card h5 span,
.gss-about-section .gss-glass-card h5 *{
  color:#030712 !important;
  background:none !important;
  -webkit-text-fill-color:#030712 !important;
  text-shadow:none !important;
  opacity:1 !important;
}
.gss-about-section .gss-glass-card h5::after{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin-top:9px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--gss-red),var(--gss-gold),var(--gss-blue));
}
.gss-about-section .gss-icon-box{
  position:relative;
  overflow:hidden;
  animation:gssIconPulse 3.2s ease-in-out infinite;
}
.gss-about-section .gss-icon-box::after{
  content:"";
  position:absolute;
  inset:-50%;
  background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.44) 50%,transparent 62%);
  transform:translateX(-120%) rotate(18deg);
  animation:gssIconShine 3.4s ease-in-out infinite;
}
@keyframes gssIconPulse{0%,100%{box-shadow:0 16px 30px rgba(15,104,179,.25)}50%{box-shadow:0 18px 38px rgba(15,104,179,.36)}}
@keyframes gssIconShine{0%,58%{transform:translateX(-120%) rotate(18deg)}82%,100%{transform:translateX(120%) rotate(18deg)}}
.gss-about-section .gss-feature-card{
  min-height:180px !important;
  background:linear-gradient(180deg,#fff 0%,#f9fcff 100%) !important;
  border:1px solid rgba(15,104,179,.14) !important;
  box-shadow:0 16px 42px rgba(9,36,73,.10) !important;
}
.gss-about-section .gss-feature-card::after{
  content:"";
  position:absolute;
  width:145px;
  height:145px;
  right:-78px;
  bottom:-78px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(15,104,179,.12),transparent 70%);
  transition:transform .42s var(--gss-ease), opacity .42s var(--gss-ease);
}
.gss-about-section .gss-feature-card:hover::after{transform:scale(1.35);opacity:.95;}
.gss-about-section .gss-feature-card:hover{
  transform:translateY(-10px) !important;
  box-shadow:0 30px 76px rgba(9,36,73,.16) !important;
}
.gss-about-section .gss-feature-icon{
  position:relative;
  z-index:1;
  transition:transform .38s var(--gss-ease-strong), background .38s var(--gss-ease) !important;
}
.gss-about-section .gss-feature-card:hover .gss-feature-icon{
  transform:translateY(-4px) scale(1.08) rotate(-2deg);
  background:linear-gradient(145deg,#eff8ff,#fff2f2) !important;
}
.gss-about-section .gss-feature-card h6,
.gss-about-section .gss-feature-card p{position:relative;z-index:1;}

/* Modern section spacing and service/certificate motion */
.gss-define,
.gss-services,
.gss-certs,
.gss-certwall,
.gss-why,
.gss-terms-section{overflow:hidden;}
.gss-stat-card:hover .gss-stat-icon,
.gss-srv-card:hover .gss-srv-card__badge,
.gss-why__card:hover .gss-why__icon{animation:gssTinyBounce .5s var(--gss-ease-strong) both;}
@keyframes gssTinyBounce{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-6px) scale(1.07)}100%{transform:translateY(0) scale(1)}}
.gss-srv-card__body h4,
.gss-feature-card h6,
.gss-stat-card h2,
.gss-why__text h5{text-wrap:balance;}
.gss-certwall__card img,
.gss-certs__item img{transition:transform .5s var(--gss-ease), filter .5s var(--gss-ease) !important;}
.gss-certwall__card:hover img,
.gss-certs__item:hover img{transform:scale(1.035);filter:saturate(1.05) contrast(1.03);}

/* Footer hover polish */
.gss-footer-v5__email-block,
.gss-footer-v5__locations a,
.gss-footer-v5__social a{
  transition:transform .28s var(--gss-ease), background .28s var(--gss-ease), border-color .28s var(--gss-ease), box-shadow .28s var(--gss-ease) !important;
}
.gss-footer-v5__email-block:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.085);
  border-color:rgba(255,255,255,.20);
}

/* Better mobile/tablet responsiveness */
@media (max-width:1199.98px){
  .gss-about-section .gss-glass-card{min-height:168px !important;}
  .gss-about-section .gss-feature-card{min-height:172px !important;}
}
@media (max-width:991.98px){
  body::before{opacity:.45;}
  .gss-light-nav.gss-nav-scrolled .navbar-nav .nav-link{padding-top:12px !important;padding-bottom:12px !important;}
  .gss-light-nav .navbar-collapse{
    max-height:calc(100vh - 72px);
    overflow-y:auto;
    box-shadow:0 24px 40px rgba(9,36,73,.10);
  }
  .gss-hero-slider.gss-hero-v4{min-height:620px !important;height:calc(100svh - 72px) !important;max-height:760px !important;}
  .gss-hero-content{top:50% !important;left:24px !important;width:calc(100% - 48px) !important;}
  .gss-hero-title{font-size:clamp(38px,8.2vw,64px) !important;letter-spacing:-.045em !important;}
  .gss-hero-subtitle{max-width:640px !important;}
  .gss-about-section .row.g-4{--bs-gutter-y:1.15rem;}
  .gss-about-section .gss-glass-card{min-height:auto !important;}
  .gss-final-cta__content{text-align:left;}
}
@media (max-width:767.98px){
  .container,.container-fluid{padding-left:18px !important;padding-right:18px !important;}
  .gss-light-nav .navbar-brand{max-width:calc(100% - 76px);}
  .gss-brand-title{white-space:normal;line-height:1.05;}
  .gss-hero-slider.gss-hero-v4{min-height:560px !important;height:560px !important;}
  .gss-hero-content{top:49% !important;}
  .gss-hero-title{font-size:clamp(34px,11vw,48px) !important;line-height:1.05 !important;}
  .gss-hero-subtitle{font-size:15.5px !important;line-height:1.65 !important;}
  .gss-action-primary,.gss-action-light,.gss-btn-primary,.gss-btn-light{min-height:46px;padding:12px 18px;font-size:14px;}
  .gss-about-section{text-align:center;}
  .gss-about-section .gss-main-title{font-size:clamp(30px,8.7vw,42px) !important;letter-spacing:-.04em !important;}
  .gss-about-section .lead{font-size:16.5px !important;line-height:1.62 !important;}
  .gss-about-section .col-lg-11 > p:not(.lead),
  .gss-about-section .col-lg-10 > p:not(.lead){font-size:14.5px !important;line-height:1.68 !important;}
  .gss-about-section .gss-glass-card{text-align:left;border-radius:22px !important;padding:22px !important;}
  .gss-about-section .gss-glass-card .d-flex{gap:14px !important;}
  .gss-about-section .gss-glass-card h5{font-size:21px !important;}
  .gss-about-section .gss-glass-card p{font-size:14.5px !important;line-height:1.62 !important;}
  .gss-about-section .gss-feature-card{min-height:auto !important;border-radius:22px !important;}
  .gss-define-left{padding:24px !important;border-radius:24px !important;}
  .gss-srv-card__media{height:190px !important;}
  .gss-terms-box{padding:24px 18px 22px !important;}
  .gss-final-cta__box{padding:26px 22px !important;}
  .gss-final-cta__actions{width:100%;}
}
@media (max-width:480px){
  .gss-light-nav .navbar-brand img{height:40px !important;}
  .gss-brand-title{font-size:15px !important;}
  .gss-hero-slider.gss-hero-v4{min-height:535px !important;height:535px !important;}
  .gss-hero-title{font-size:33px !important;}
  .gss-hero-subtitle{font-size:14.5px !important;}
  .gss-about-section .gss-glass-card .d-flex{display:block !important;}
  .gss-about-section .gss-icon-box{margin-bottom:14px;}
  .gss-about-section .gss-glass-card h5::after{margin-left:0;}
  .gss-footer-v5__locations a{grid-template-columns:24px 1fr;}
  .gss-footer-v5__locations em{grid-column:2;}
}

/* Motion safety + performance */
@media (prefers-reduced-motion:reduce){
  body::before,
  .gss-hero-v4 .gss-hero-slide.is-active img,
  .gss-hero-card,
  .gss-about-section .gss-icon-box,
  .gss-about-section .gss-icon-box::after,
  .gss-about-section .gss-divider::after{animation:none !important;}
  .gss-reveal{opacity:1 !important;transform:none !important;filter:none !important;}
}
@media (max-width:767.98px){
  body::before{animation:none;}
  .gss-hero-v4 .gss-hero-slide.is-active img{animation:none;}
}

/* =========================================================
   UPDATE: Locations Mega Menu + White Theme Fixes
   Added for ZofaTech request
   ========================================================= */

.gss-light-nav,
.navbar.gss-light-nav{
  z-index:1080 !important;
}

.gss-location-mega{
  position:static !important;
}

.gss-location-mega > .nav-link.active{
  color:var(--gss-red, #bb1518) !important;
}

.gss-location-mega .gss-mega-menu{
  width:min(860px, calc(100vw - 36px));
  padding:24px 26px !important;
  border:1px solid rgba(21,32,51,.10) !important;
  border-radius:0 !important;
  background:#ffffff !important;
  box-shadow:0 24px 58px rgba(21,32,51,.16) !important;
  right:18px !important;
  left:auto !important;
  top:100% !important;
  overflow:visible !important;
}

.gss-mega-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(150px, 1fr));
  gap:26px;
}

.gss-mega-col{
  min-width:0;
}

.gss-mega-title{
  color:#697386;
  font-family:"Plus Jakarta Sans", "Inter", sans-serif;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.7px;
  line-height:1.2;
  text-transform:uppercase;
  padding-bottom:10px;
  margin-bottom:12px;
  border-bottom:1px solid #d8dde6;
}

.gss-mega-title-sub{
  margin-top:20px;
}

.gss-mega-link{
  display:flex;
  align-items:center;
  min-height:36px;
  color:#253044 !important;
  font-family:"Plus Jakarta Sans", "Inter", sans-serif;
  font-size:14px;
  font-weight:750;
  line-height:1.25;
  text-decoration:none !important;
  padding:8px 10px;
  margin-bottom:4px;
  border-radius:9px;
  transition:all .18s ease;
}

.gss-mega-link:hover,
.gss-mega-link.active{
  color:var(--gss-red, #bb1518) !important;
  background:rgba(187,21,24,.07) !important;
  padding-left:14px;
}

.gss-mega-link .fi{
  width:20px;
  min-width:20px;
  border-radius:3px;
  box-shadow:0 4px 10px rgba(21,32,51,.08);
}

@media (min-width:992px){
  .gss-location-mega .gss-mega-menu{
    display:block !important;
    opacity:0;
    visibility:hidden;
    transform:translateY(12px);
    pointer-events:none;
    transition:opacity .22s ease, visibility .22s ease, transform .22s ease;
  }

  .gss-location-mega:hover .gss-mega-menu,
  .gss-location-mega .gss-mega-menu.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }
}

@media (max-width:1199.98px){
  .gss-location-mega .gss-mega-menu{
    width:min(760px, calc(100vw - 24px));
    padding:22px !important;
    right:12px !important;
  }
  .gss-mega-grid{gap:22px;}
}

@media (max-width:991.98px){
  .gss-location-mega{
    position:relative !important;
  }

  .gss-location-mega .gss-mega-menu{
    position:static !important;
    width:100% !important;
    padding:18px !important;
    margin-top:8px !important;
    border-radius:14px !important;
    box-shadow:none !important;
  }

  .gss-mega-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .gss-mega-title-sub{
    margin-top:16px;
  }

  .gss-mega-link{
    font-size:14px;
    padding:9px 10px;
  }
}

/* White theme override for Why Choose Us on index/about pages */
.gss-why{
  background-image:none !important;
  background:#f6f8fc !important;
  color:#182033 !important;
  position:relative;
  overflow:hidden;
}

.gss-why::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(760px 380px at 12% 10%, rgba(187,21,24,.08), transparent 62%),
    radial-gradient(760px 380px at 88% 18%, rgba(23,78,166,.08), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f6f8fc 58%, #ffffff 100%) !important;
  pointer-events:none;
}

.gss-why__overlay{
  display:none !important;
}

.gss-why__wrap{
  position:relative;
  z-index:2;
}

.gss-why__title{
  color:#13233f !important;
  text-shadow:none !important;
}

.gss-why__subtitle{
  color:#5f6b7a !important;
  text-shadow:none !important;
}

.gss-why__card{
  background:#ffffff !important;
  border:1px solid rgba(21,32,51,.09) !important;
  border-radius:24px !important;
  box-shadow:0 18px 45px rgba(21,32,51,.10) !important;
}

.gss-why__text h5{
  color:#13233f !important;
  text-shadow:none !important;
}

.gss-why__text p{
  color:#5f6b7a !important;
  text-shadow:none !important;
}

.gss-why__visual{
  min-height:430px;
  border-radius:34px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.16)),
    url('../img/about.jpg') center/cover no-repeat !important;
  box-shadow:0 18px 45px rgba(21,32,51,.12) !important;
  border:1px solid rgba(21,32,51,.10) !important;
}

/* =========================================================
   FINAL FIX: Why Choose Us white section + restore box image
   - Removes the large background image from index/about section
   - Keeps the right-side image card visible
   ========================================================= */
.gss-why{
  background:#ffffff !important;
  background-image:none !important;
  color:#182033 !important;
  position:relative !important;
  overflow:hidden !important;
}

.gss-why::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:
    radial-gradient(760px 380px at 12% 10%, rgba(187,21,24,.06), transparent 62%),
    radial-gradient(760px 380px at 88% 18%, rgba(23,78,166,.06), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 58%, #ffffff 100%) !important;
  pointer-events:none !important;
}

.gss-why__overlay{
  display:none !important;
  background:none !important;
}

.gss-why__wrap{
  position:relative !important;
  z-index:2 !important;
}

.gss-why__title{
  color:#13233f !important;
  text-shadow:none !important;
}

.gss-why__subtitle{
  color:#5f6b7a !important;
  text-shadow:none !important;
}

.gss-why__visual{
  min-height:430px !important;
  border-radius:34px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.14)),
    url('../img/about.jpg') center/cover no-repeat !important;
  box-shadow:0 18px 45px rgba(21,32,51,.12) !important;
  border:1px solid rgba(21,32,51,.10) !important;
}