/* =========================================================
   GSS LIGHT PROFESSIONAL THEME
   Added by ZofaTech UI update
   Purpose: make the existing website lighter, cleaner, and more corporate
   without changing PHP logic/content.
   ========================================================= */

:root{
  --primary: #bb1518;
  --secondary: #174ea6;
  --light: #f7f9fc;
  --dark: #152033;
  --gss-page-bg: #f6f8fc;
  --gss-card: #ffffff;
  --gss-text: #182033;
  --gss-muted: #5f6b7a;
  --gss-border: rgba(21,32,51,.10);
  --gss-soft-shadow: 0 18px 45px rgba(21,32,51,.10);
}

html, body{
  background: var(--gss-page-bg) !important;
  color: var(--gss-text) !important;
  font-family: Inter, Roboto, Arial, sans-serif;
}

body::selection{ background: rgba(187,21,24,.16); }

/* =========================
   NAVBAR - LIGHT / PREMIUM
   ========================= */
.navbar.navbar-light,
.navbar.gss-light-nav{
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid rgba(21,32,51,.09) !important;
  box-shadow: 0 10px 30px rgba(21,32,51,.08) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.navbar-light .navbar-brand,
.navbar-light a.btn{
  height: 82px !important;
}

.navbar-light .navbar-brand img{
  height: 58px !important;
}

.navbar-light .navbar-brand h1,
.navbar-light .navbar-brand .gss-brand-title{
  color: #13233f !important;
  font-weight: 900 !important;
  letter-spacing: -.2px;
  text-shadow: none !important;
}

.navbar-light .navbar-nav .nav-link{
  color: #1d2d48 !important;
  padding: 28px 0 !important;
  font-weight: 800 !important;
  letter-spacing: .25px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link{
  color: var(--primary) !important;
}

@media (min-width: 992px){
  .navbar-light .navbar-nav .nav-link::before{
    top: auto !important;
    bottom: 18px !important;
    height: 3px !important;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--primary), #f06d76) !important;
  }

  .navbar .nav-item .dropdown-menu{
    border-radius: 16px !important;
    box-shadow: 0 22px 55px rgba(21,32,51,.15) !important;
    border: 1px solid rgba(21,32,51,.09) !important;
    overflow: hidden;
  }
}

.navbar-light .navbar-toggler{
  border: 1px solid rgba(21,32,51,.14) !important;
  border-radius: 12px;
  padding: 8px 10px;
  background: #fff;
}

.dropdown-menu{
  background: #ffffff !important;
  border: 1px solid rgba(21,32,51,.10) !important;
}
.dropdown-item{
  color: #24344f !important;
  font-weight: 650;
  padding: 10px 16px !important;
}
.dropdown-item:hover,
.dropdown-item:focus{
  color: var(--primary) !important;
  background: rgba(187,21,24,.07) !important;
}

@media (max-width: 991.98px){
  .navbar-light .navbar-nav{
    background: #fff;
    border-top: 1px solid rgba(21,32,51,.10) !important;
    padding-top: 8px;
  }
  .navbar-light .navbar-nav .nav-link{
    padding: 11px 18px !important;
    border-radius: 10px;
  }
  .navbar-light .navbar-nav .nav-link:hover{
    background: rgba(187,21,24,.07);
  }
}

/* =========================
   COMMON LIGHT CARDS / TEXT
   ========================= */
.gss-main-title,
.gss-define-title,
.gss-services__title,
.gss-services__pagetitle,
.gss-certs__title,
.gss-certwall__title,
.gss2-services-hero__title{
  color: #12213a !important;
  text-shadow: none !important;
}

.gss-divider,
.gss-underline{
  background: linear-gradient(90deg, var(--primary), #f06d76) !important;
  box-shadow: 0 8px 20px rgba(187,21,24,.20) !important;
}

.gss-feature-card,
.gss-stat-card,
.gss-srv-card,
.gss2-service-card,
.gss-call-card,
.gss-glass-card{
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(21,32,51,.09) !important;
  box-shadow: var(--gss-soft-shadow) !important;
}

.gss-feature-card:hover,
.gss-stat-card:hover,
.gss-srv-card:hover,
.gss2-service-card:hover,
.gss-glass-card:hover{
  box-shadow: 0 24px 60px rgba(21,32,51,.14) !important;
}

.gss-feature-card h6,
.gss-glass-card h5,
.gss-srv-card__body h4,
.gss2-service-card__body h4,
.gss-stat-card h5{
  color: #13233f !important;
  text-shadow: none !important;
}

.gss-feature-card p,
.gss-glass-card p,
.gss-srv-card__body p,
.gss2-service-card__body p,
.gss-define-text,
.gss-why__subtitle,
.gss-why__text p{
  color: #5f6b7a !important;
  text-shadow: none !important;
}

/* =========================
   HOME ABOUT SECTION - lighter image wash
   ========================= */
.gss-about-section{
  background-image:
    linear-gradient(120deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.80) 48%, rgba(255,255,255,.56) 100%),
    url('../img/ab1.png') !important;
  background-size: cover !important;
  background-position: center !important;
  color: #182033 !important;
}

.gss-about-section::before{
  background:
    radial-gradient(850px 520px at 18% 30%, rgba(187,21,24,.08), transparent 62%),
    radial-gradient(850px 520px at 85% 55%, rgba(23,78,166,.08), transparent 60%) !important;
}

.gss-about-section .lead,
.gss-about-section p,
.gss-about-section .col-lg-10 p:not(.lead){
  color: #344158 !important;
  text-shadow: none !important;
}

.gss-about-section .lead{
  font-weight: 800 !important;
}

.gss-icon-box,
.gss-feature-icon,
.gss-stat-icon,
.gss-why__icon,
.gss-srv-card__badge{
  background: linear-gradient(135deg, var(--primary), #ef5964) !important;
  color: #fff !important;
}

/* =========================
   WHY / DEFINE / TERMS
   ========================= */
.gss-why{
  background-color: #f7f9fc !important;
}
.gss-why__overlay{
  background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.90) 52%, rgba(255,255,255,.65) 100%) !important;
}
.gss-why__card{
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(21,32,51,.08) !important;
  box-shadow: var(--gss-soft-shadow) !important;
}

.gss-define{
  background-image:
    linear-gradient(120deg, rgba(255,255,255,.94), rgba(255,255,255,.72)),
    url('../img/ship-bg.jpg') !important;
  color: #182033 !important;
}
.gss-define::before{
  background:
    radial-gradient(850px 520px at 18% 25%, rgba(187,21,24,.08), transparent 60%),
    radial-gradient(850px 520px at 85% 55%, rgba(23,78,166,.08), transparent 60%) !important;
}
.gss-define .gss-define-left h2,
.gss-define-title{
  color: #13233f !important;
}

.gss-terms-section{
  background-image:
    linear-gradient(120deg, rgba(255,255,255,.92), rgba(255,255,255,.74)),
    url('../img/term.png') !important;
}
.gss-terms-box{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(21,32,51,.10) !important;
  box-shadow: var(--gss-soft-shadow) !important;
}

/* =========================
   SERVICES SECTIONS
   ========================= */
.gss-services,
.gss2-services-hero{
  background: #f6f8fc !important;
  padding-top: 72px !important;
  padding-bottom: 78px !important;
}
.gss-services__bg,
.gss2-services-hero{
  filter: none !important;
}
.gss-services__bg,
.gss2-services-hero::before{
  opacity: .16 !important;
}
.gss-services__overlay,
.gss2-services-hero__overlay{
  background:
    radial-gradient(900px 520px at 70% 30%, rgba(187,21,24,.06), transparent 60%),
    linear-gradient(120deg, rgba(255,255,255,.97), rgba(255,255,255,.85), rgba(255,255,255,.74)) !important;
}
.gss-services__sub,
.gss-services__crumb,
.gss-services__crumb a,
.gss-services__crumb strong,
.gss2-services-hero__sub{
  color: #5f6b7a !important;
  text-shadow: none !important;
}

/* =========================
   MEMBERSHIPS / CERTIFICATIONS - light premium
   ========================= */
.gss-certs,
.gss-certwall{
  background: #f6f8fc !important;
}
.gss-certs__bg,
.gss-certwall__bg{
  opacity: .14 !important;
  filter: saturate(.9) brightness(1.2) !important;
}
.gss-certs__overlay,
.gss-certwall__overlay{
  background:
    radial-gradient(1000px 520px at 18% 25%, rgba(187,21,24,.07), transparent 62%),
    radial-gradient(900px 520px at 85% 55%, rgba(23,78,166,.07), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.88)) !important;
}
.gss-certs::before{
  opacity: 0 !important;
}
.gss-certs__panel,
.gss-certwall__frame{
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(21,32,51,.09) !important;
  box-shadow: var(--gss-soft-shadow) !important;
}
.gss-certs__panel::before,
.gss-certwall__frame::before,
.gss-certwall__frame::after{
  opacity: .18 !important;
}
.gss-certs__sub,
.gss-certwall__sub{
  color: #5f6b7a !important;
}
.gss-certs__item,
.gss-certwall__card{
  background: #ffffff !important;
  border: 1px solid rgba(21,32,51,.09) !important;
  box-shadow: 0 12px 30px rgba(21,32,51,.10) !important;
}
.gss-certs__item:hover,
.gss-certwall__card:hover{
  border-color: rgba(187,21,24,.32) !important;
  box-shadow: 0 18px 42px rgba(21,32,51,.14) !important;
}
.gss-certwall__card::before{ opacity: .08 !important; }
.gss-certwall__title{ color: #12213a !important; }

/* =========================
   PAGE HEROES / LOCATION PAGES
   ========================= */
.gss-loc-hero,
.gss-contact-hero,
.gss-about-hero,
.page-header{
  color: #182033 !important;
}
.gss-loc-hero::before,
.gss-contact-hero::before,
.gss-about-hero::before,
.page-header::before{
  background: linear-gradient(120deg, rgba(255,255,255,.86), rgba(255,255,255,.62)) !important;
}

/* =========================
   FOOTER - still premium, but less heavy
   ========================= */
.gss-footer{
  background: #f8fafc url('../img/footer.png') center/cover no-repeat !important;
}
.gss-footer::before{
  background:
    radial-gradient(900px 520px at 20% 30%, rgba(187,21,24,.10), transparent 60%),
    radial-gradient(900px 520px at 85% 60%, rgba(23,78,166,.10), transparent 60%),
    linear-gradient(180deg, rgba(15,30,55,.78) 0%, rgba(15,30,55,.70) 50%, rgba(15,30,55,.82) 100%) !important;
}
.gss-footer::after{
  opacity: .38 !important;
}
.gss-footer__title{
  color: #fff !important;
  text-shadow: 0 8px 24px rgba(0,0,0,.25) !important;
}

/* =========================
   RESPONSIVE POLISH
   ========================= */
@media (max-width: 767px){
  .gss-about-section,
  .gss-services,
  .gss2-services-hero,
  .gss-certs,
  .gss-certwall{
    padding-top: 48px !important;
    padding-bottom: 54px !important;
  }
  .navbar-light .navbar-brand,
  .navbar-light a.btn{
    height: 72px !important;
  }
  .navbar-light .navbar-brand img{
    height: 48px !important;
  }
  .navbar-light .navbar-brand h1{
    font-size: 16px !important;
  }
}