/* Fonts & Root */
:root{
  --bs-primary:#08938c;
  --bs-primary-rgb:/* WhatsApp Floating Button */
.whatsapp-float{
  position:fixed;
  right:1.5rem;
  bottom:1.5rem;
  width:60px;
  height:60px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  box-shadow:0 4px 20px rgba(37,211,102,.4), 0 2px 8px rgba(0,0,0,.1);
  z-index:1060;
  transition:all .3s ease;
  animation:pulse-glow 3s infinite ease-in-out;
  border:2px solid rgba(255,255,255,.2);
  text-decoration: none;
}
.whatsapp-float:hover{
  color:#fff;
  transform:scale(1.1) translateY(-2px);
  box-shadow:0 8px 30px rgba(37,211,102,.6), 0 4px 12px rgba(0,0,0,.2);
  background:linear-gradient(135deg, #128c7e 0%, #075e54 100%);
}
.whatsapp-float:active{
  transform:scale(1.05) translateY(0);
}
.whatsapp-float i{
  font-size:1.5rem;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));
}
@keyframes pulse-glow{
  0%{box-shadow:0 4px 20px rgba(37,211,102,.4), 0 2px 8px rgba(0,0,0,.1)}
  50%{box-shadow:0 6px 25px rgba(37,211,102,.6), 0 3px 10px rgba(0,0,0,.15)}
  100%{box-shadow:0 4px 20px rgba(37,211,102,.4), 0 2px 8px rgba(0,0,0,.1)}
}

/* Mobile adjustments for WhatsApp button */
@media (max-width:767.98px){
  .whatsapp-float{
    right:1rem;
    bottom:1rem;
    width:56px;
    height:56px;
  }
  .whatsapp-float i{font-size:1.25rem}
}7,140;
  --bs-link-color:#08938c;
  --bs-link-hover-color:#0b2f49;
  --fe-primary-500:#08938c; /* teal */
  --fe-primary-600:#0b2f49; /* deep blue */
  --fe-primary-700:#072034; /* navy */
  --fe-surface:#ffffff;
  --fe-on-surface:#072034;
  --fe-muted:#6b7280;
  --fe-accent-300:#60e0da;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins', 'Roboto', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;color:var(--fe-on-surface);background:#f6f8fb}

/* Navbar redesign */
.navbar{--bs-navbar-padding-y:1rem}
.navbar .nav-link{position:relative;color:var(--fe-primary-700);padding:.5rem .75rem;border-radius:.5rem;transition:color .2s ease, background-color .2s ease}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:#072034;background-color:rgba(8,147,140,.08)}
.navbar .nav-link.active{color:#fff;background-color:#08938c}
/* disable previous underline effect */
.navbar .nav-link::after{display:none !important}

/* Navbar spacing for pill look */
.navbar .navbar-nav{gap:.375rem}

/* Ensure dropdown item brand coloring works everywhere */
.navbar .dropdown-item:hover,.navbar .dropdown-item:focus{color:#072034;background-color:rgba(8,147,140,.1)}
.navbar .dropdown-item.active,.navbar .dropdown-item:active{color:#fff;background-color:#08938c}

/* Dropdown theming */
.navbar .dropdown-menu{
  --bs-dropdown-link-color:#072034;
  --bs-dropdown-link-hover-bg:rgba(8,147,140,.1);
  --bs-dropdown-link-active-bg:#08938c;
  --bs-dropdown-link-active-color:#fff;
  border-color:rgba(7,32,52,.08);
  box-shadow:0 8px 24px rgba(7,32,52,.08);
}

/* Buttons: replace blue with brand teal */
.btn-outline-primary{color:#08938c;border-color:#08938c}
.btn-outline-primary:hover,.btn-outline-primary:focus{color:#fff;background:#08938c;border-color:#08938c}

/* Brand solid button */
.btn-brand{background-color:#08938c;border-color:#08938c;color:#fff}
.btn-brand:hover,.btn-brand:focus{background-color:#0b2f49;border-color:#0b2f49;color:#fff}
.btn-brand:focus{box-shadow:0 0 0 .25rem rgba(8,147,140,.25)}

/* Hero */
.hero{min-height:100vh;display:grid;place-items:center}
.hero .parallax-bg{position:absolute;inset:0;background:#072034 url('../img/commercial-cleaning1.jpg') center/cover fixed;transform:translateZ(0);will-change:transform}
.hero .hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,32,52,.9),rgba(7,32,52,.7))}
.scroll-down{position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%);color:#fff;font-size:1.25rem;opacity:.85}

/* Parallax CTA */
.parallax-cta{min-height:420px;display:grid;place-items:center}
.parallax-cta .parallax-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1581578017423-3c1b3775a4b3?q=80&w=2000&auto=format&fit=crop') center/cover fixed}
.parallax-cta .hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,147,140,.65),rgba(8,147,140,.35))}

/* Cards & Icons */
.icon-circle{width:60px;height:60px;border-radius:50%;display:inline-grid;place-items:center}
.icon-circle i{font-size:1.5rem}
.service-card{transition:transform .25s ease, box-shadow .25s ease;transform-style:preserve-3d}
.service-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(8,147,140,.18)}
.blog-card img{aspect-ratio:16/9;object-fit:cover}

/* Trust badges */
.trust-badges img{height:clamp(80px,12vw,150px);width:auto}

/* WhatsApp Floating Button */
.whatsapp-float{position:fixed;left:1rem;bottom:1rem;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#25d366;box-shadow:0 8px 20px rgba(37,211,102,.4);z-index:1050;animation:pulse 2.25s infinite ease-in-out;text-decoration:none}
.whatsapp-float:hover{color:#fff;filter:brightness(1.05)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* Back to Top */
.back-to-top{position:fixed;right:1rem;bottom:1rem;display:none}
.back-to-top.show{display:inline-flex}

/* Preloader */
#preloader{position:fixed;inset:0;background:#072034;display:grid;place-items:center;z-index:2000}
.spinner{display:grid;grid-auto-flow:column;gap:8px}
.spinner span{width:10px;height:10px;border-radius:50%;background:#08938c;animation:bounce .9s infinite alternate}
.spinner span:nth-child(2){animation-delay:.15s}
.spinner span:nth-child(3){animation-delay:.3s}
@keyframes bounce{to{transform:translateY(-10px);opacity:.6}}

/* Micro-interactions */
.ripple{position:relative;overflow:hidden}
.ripple:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.35) 10%,transparent 11%) center/0% 0% no-repeat;transition:background-size .45s ease}
.ripple:active:after{background-size:250% 250%;transition:none}

/* Utilities */
[data-animate]{opacity:0;transform:translateY(12px)}

/* Accessibility focus */
:focus-visible{outline:3px solid var(--fe-accent-300);outline-offset:2px}

/* Navbar custom background */
.navbar.bg-white{background:#faf6f3 !important;box-shadow:0 1px 2px rgba(7,32,52,.05)}

/* Navbar phone number size */
.nav-phone{font-size:1.05rem}
.nav-phone a{font-size:1.05rem}
@media (min-width:1200px){.nav-phone{font-size:1.15rem}.nav-phone a{font-size:1.15rem}}

/* Responsive/mobile adjustments */
body{overflow-x:hidden}
@media (max-width:991.98px){
  body{padding-top:74px}
  .hero{min-height:calc(100svh - 74px)}
  .hero h1{font-size:2rem}
  .hero .lead{font-size:1rem}
  .trust-badges img{max-width:120px;height:auto}
}
@media (min-width:992px){
  body{padding-top:86px}
}
/* Disable background fixed on mobile to avoid jank / overflow */
@media (max-width:991.98px){
  .hero .parallax-bg,.parallax-cta .parallax-bg{background-attachment:scroll}
}
/* Ensure badge images never overflow */
.trust-badges img{max-width:160px;width:100%;object-fit:contain}

.button123 {color: #08938c; !important}