/*
  SANDEEP SEO EXPERT — SHARED SITEWIDE UI SYSTEM
  Header, navigation, dropdowns, CTA, footer, favicon assets and WhatsApp
  are controlled here so fixed elements stay identical on every page.
*/

*{box-sizing:border-box}

/* =========================
   SHARED HEADER
   ========================= */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:10000 !important;
  width:100% !important;
  overflow:visible !important;
  background:rgba(255,255,255,.97) !important;
  border-bottom:1px solid #e2e8f0 !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

.site-header .container.nav,
.site-header .nav{
  width:min(calc(100% - 32px),1180px) !important;
  max-width:1180px !important;
  min-height:88px !important;
  height:88px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  overflow:visible !important;
}

.site-header .brand{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  gap:0 !important;
  text-decoration:none !important;
}

.site-header .brand-logo{
  display:block !important;
  width:174px !important;
  height:auto !important;
  max-width:none !important;
  max-height:58px !important;
  object-fit:contain !important;
}

.site-header .nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  margin-left:auto !important;
  margin-right:4px !important;
  overflow:visible !important;
}

.site-header .nav-item{
  position:relative !important;
  overflow:visible !important;
}

.site-header .nav-link{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:31px 11px !important;
  color:#0b1830 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.site-header .nav-link:hover,
.site-header .nav-item:focus-within>.nav-link{
  color:#16a34a !important;
}

.site-header .chev{
  display:inline-block !important;
  font-size:11px !important;
  line-height:1 !important;
  position:relative !important;
  top:-1px !important;
  color:#64748b !important;
}

/* Desktop dropdowns: hover + keyboard accessible */
.site-header .dropdown{
  position:absolute !important;
  top:calc(100% - 1px) !important;
  left:0 !important;
  min-width:245px !important;
  padding:10px !important;
  margin:0 !important;
  background:#fff !important;
  border:1px solid #dbe4ef !important;
  border-radius:14px !important;
  box-shadow:0 18px 40px rgba(11,24,48,.14) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(8px) !important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease !important;
  pointer-events:none !important;
  z-index:11000 !important;
  overflow:visible !important;
}

.site-header .nav-item:hover>.dropdown,
.site-header .nav-item:focus-within>.dropdown,
.site-header .nav-item.dropdown-open>.dropdown{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  pointer-events:auto !important;
}

.site-header .dropdown a{
  display:block !important;
  padding:11px 12px !important;
  color:#0b1830 !important;
  text-decoration:none !important;
  border-radius:9px !important;
  font-size:14px !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}

.site-header .dropdown a:hover,
.site-header .dropdown a:focus-visible{
  background:#f0fdf4 !important;
  color:#15803d !important;
  outline:none !important;
}

/* One exact header CTA everywhere */
.site-header .nav-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex:0 0 auto !important;
  min-width:313px !important;
  min-height:60px !important;
  height:60px !important;
  padding:0 27px !important;
  margin:0 !important;
  border:1px solid transparent !important;
  border-radius:15px !important;
  background:#16a34a !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  box-shadow:0 12px 30px rgba(22,163,74,.20) !important;
  transform:none !important;
}

.site-header .nav-cta:hover,
.site-header .nav-cta:focus-visible{
  background:#12833b !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
  outline:none !important;
}

.site-header .mobile-toggle{
  display:none !important;
  border:0 !important;
  background:#0b1830 !important;
  color:#fff !important;
  border-radius:10px !important;
  width:44px !important;
  height:44px !important;
  font-size:22px !important;
  cursor:pointer !important;
}

/* =========================
   SHARED CONTENT / FOOTER BOUNDARY
   ========================= */
main{
  overflow:visible !important;
  margin-bottom:0 !important;
}

/* Every page gets the same white separation before the footer.
   Existing page-specific bottom margins/padding are normalized. */
main > section:last-child,
main > :last-child > section:last-child{
  margin-bottom:0 !important;
}

main > section:last-child:not(.bottom),
main > :last-child > section:last-child:not(.bottom){
  padding-bottom:0 !important;
}

main > section:last-child > *:last-child,
main > :last-child > section:last-child > *:last-child{
  margin-bottom:0 !important;
}

/* Market/location/industry CTA panels keep their own internal padding,
   but their old page-specific outer margin is removed. */
main .bottom,
main .bottom-cta{
  margin-bottom:0 !important;
}

.site-footer{
  width:100% !important;
  margin:80px 0 0 !important;
  padding:0 !important;
  background:#071226 !important;
  color:#d8e2f2 !important;
  overflow:visible !important;
}

.site-footer > .container{
  width:min(calc(100% - 32px),1180px) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:64px 0 0 !important;
}

.site-footer .footer-grid{
  display:grid !important;
  grid-template-columns:1.35fr 1fr 1fr 1fr 1fr !important;
  gap:44px !important;
  padding:0 0 50px !important;
  margin:0 !important;
}

.site-footer .footer-brand{min-width:0 !important}

.site-footer .footer-logo-wrap{
  display:inline-flex !important;
  align-items:center !important;
  background:#fff !important;
  border-radius:10px !important;
  padding:8px 12px !important;
  text-decoration:none !important;
}

.site-footer .footer-logo{
  display:block !important;
  width:205px !important;
  height:auto !important;
  max-width:none !important;
  max-height:68px !important;
  object-fit:contain !important;
}

.site-footer .footer-brand p{
  max-width:320px !important;
  color:#b7c7dd !important;
  line-height:1.75 !important;
  margin:20px 0 0 !important;
  font-size:14px !important;
}

.site-footer .footer-title{
  color:#fff !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  margin:2px 0 18px !important;
}

.site-footer .footer-links{
  display:grid !important;
  gap:12px !important;
}

.site-footer .footer-links a,
.site-footer .legal a{
  color:#c5d3e6 !important;
  text-decoration:none !important;
  font-size:14px !important;
  line-height:1.4 !important;
}

.site-footer .footer-links a:hover,
.site-footer .legal a:hover{
  color:#fff !important;
}

.site-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.14) !important;
  padding:22px 0 28px !important;
  margin:0 !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:20px !important;
  align-items:center !important;
  color:#b7c7dd !important;
  font-size:14px !important;
}

.site-footer .legal{
  display:flex !important;
  gap:20px !important;
  flex-wrap:wrap !important;
}

/* =========================
   SHARED WHATSAPP BUTTON
   ========================= */
.whatsapp-float{
  position:fixed !important;
  right:24px !important;
  bottom:24px !important;
  width:56px !important;
  height:56px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#25D366 !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(37,211,102,.30) !important;
  z-index:12000 !important;
  text-decoration:none !important;
}

.whatsapp-float svg{
  width:29px !important;
  height:29px !important;
  display:block !important;
}

/* =========================
   HOMEPAGE HERO IMAGE
   ========================= */
.home-hero-image{
  width:100% !important;
  max-width:610px !important;
  height:auto !important;
  display:block !important;
  border-radius:28px !important;
  box-shadow:0 24px 60px rgba(11,24,48,.13) !important;
  image-rendering:auto !important;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width:1200px){
  .site-header .container.nav,.site-header .nav{gap:12px !important}
  .site-header .brand-logo{width:164px !important}
  .site-header .nav-link{padding-left:7px !important;padding-right:7px !important;font-size:14px !important}
  .site-header .nav-cta{min-width:285px !important;padding-left:20px !important;padding-right:20px !important;font-size:15px !important}
}

@media (max-width:900px){
  .site-header .container.nav,.site-header .nav{
    min-height:76px !important;
    height:76px !important;
  }

  .site-header .brand-logo{
    width:158px !important;
    max-height:52px !important;
  }

  .site-header .nav-links{
    display:none !important;
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    top:76px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #dbe4ef !important;
    border-radius:16px !important;
    padding:10px !important;
    box-shadow:0 18px 45px rgba(11,24,48,.14) !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .site-header .nav-links.open{display:flex !important}
  .site-header .nav-item{width:100% !important}
  .site-header .nav-link{padding:13px 14px !important;font-size:15px !important}

  .site-header .dropdown{
    position:static !important;
    display:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    box-shadow:none !important;
    border:0 !important;
    padding:0 0 5px 12px !important;
    pointer-events:auto !important;
    min-width:0 !important;
  }

  .site-header .nav-item.dropdown-open>.dropdown{display:block !important}
  .site-header .mobile-toggle{display:block !important;margin-left:auto !important}
  .site-header .nav-cta{display:none !important}

  .site-footer{margin-top:56px !important}
  .site-footer > .container{padding-top:56px !important}
  .site-footer .footer-grid{grid-template-columns:1fr 1fr !important;gap:34px !important}
}

@media (max-width:600px){
  .site-header .brand-logo{width:145px !important}
  .site-footer .footer-grid{grid-template-columns:1fr !important;gap:30px !important}
  .site-footer .footer-brand{grid-column:auto !important}
  .site-footer .footer-bottom{flex-direction:column !important;align-items:flex-start !important}
  .whatsapp-float{right:18px !important;bottom:18px !important;width:52px !important;height:52px !important}
  .whatsapp-float svg{width:27px !important;height:27px !important}
}