:root{
  --primary:#315f8f;
  --primary-dark:#183b5f;
  --secondary:#7aa6c8;
  --accent:#c98645;
  --accent-dark:#a5652b;
  --accent-soft:#fbefe4;
  --sky:#e6f1f7;
  --dark:#263746;
  --text:#445365;
  --muted:#6f7e8d;
  --light:#f4f7f8;
  --soft:#edf3f6;
  --white:#ffffff;
  --border:#d9e3e8;
  --shadow:0 24px 70px rgba(24,59,95,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'Inter',sans-serif;color:var(--text);background:linear-gradient(180deg,#ffffff 0%,#f7fafb 42%,#ffffff 100%);overflow-x:hidden;line-height:1.75;position:relative}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 18%,rgba(122,166,200,.16),transparent 30%),radial-gradient(circle at 82% 28%,rgba(201,134,69,.10),transparent 26%),linear-gradient(115deg,transparent 0 18%,rgba(122,166,200,.08) 19%,transparent 31% 55%,rgba(201,134,69,.07) 56%,transparent 68%);background-size:100% 100%,100% 100%,180% 180%;animation:ambientAir 16s ease-in-out infinite}
a{text-decoration:none}.full-section{width:100%}.section-pad{padding:95px 0}.section-light{background:var(--light)}
.glass-nav{background:rgba(255,255,255,.90);backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(24,59,95,.08);border-bottom:1px solid rgba(217,227,232,.65)}
.navbar-brand{font-weight:900;color:var(--primary-dark);letter-spacing:-.5px}.navbar-brand span{color:var(--accent)}.nav-link{font-weight:700;color:var(--dark)!important}.nav-btn{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:white!important;border-radius:999px;padding:11px 20px;font-weight:800;box-shadow:0 14px 30px rgba(217,163,91,.28)}
.hero{position:relative;background:radial-gradient(circle at 15% 20%,rgba(122,166,200,.30),transparent 28%),radial-gradient(circle at 84% 18%,rgba(201,134,69,.14),transparent 24%),linear-gradient(135deg,var(--primary-dark),var(--primary));color:white;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(ellipse at 20% 70%,rgba(255,255,255,.13),transparent 32%);background-size:72px 72px,72px 72px,100% 100%;opacity:.30;animation:airGrid 18s linear infinite}.hero .container-fluid{position:relative;z-index:2}.hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:.96;font-weight:900;letter-spacing:-4px;max-width:850px}.hero-text{font-size:clamp(1rem,1.4vw,1.25rem);max-width:680px;color:#dbeafe}.eyebrow,.section-tag{display:inline-flex;gap:9px;align-items:center;padding:8px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.eyebrow{background:rgba(255,255,255,.12);color:#e0f2fe;border:1px solid rgba(255,255,255,.2)}.section-tag.light{background:rgba(217,163,91,.18);color:white;border:1px solid rgba(217,163,91,.34)}
.btn-main{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border:0;color:white!important;border-radius:16px;padding:15px 24px;font-weight:700;box-shadow:0 18px 40px rgba(217,163,91,.30);transition:.35s; font-size: larger;}.btn-main:hover{transform:translateY(-4px);box-shadow:0 26px 55px rgba(217,163,91,.40)}.btn-ghost{border:1px solid rgba(255,255,255,.28);color:white!important;border-radius:16px;padding:15px 24px;font-weight:800;font-size: larger}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.trust-row{display:flex;gap:18px;flex-wrap:wrap}.trust-row div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px 20px;min-width:130px}.trust-row strong{display:block;color:white;font-size:1.15rem}.trust-row span{color:#bfdbfe;font-size:.85rem}.hero-bg-orb{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(8px);opacity:.23}.orb-one{right:8%;top:12%;background:#b9d5e7;animation:pulseOrb 7s ease-in-out infinite}.orb-two{left:45%;bottom:-140px;background:#f1cda8;animation:pulseOrb 9s ease-in-out infinite reverse}
.hero-visual{position:relative;min-height:520px;border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.22);box-shadow:0 50px 120px rgba(0,0,0,.25);overflow:hidden}.floating-card{animation:floaty 5s ease-in-out infinite}.duct-illustration{
  position:absolute;
  inset:55px;
  background:linear-gradient(145deg,#f8fafc,#cbd5e1);
  border-radius:34px;
  display:grid;
  place-items:center;
  overflow:hidden; 
}

.duct-illustration img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover; 
  border-radius:34px; 
  z-index:0;
}

.vent-grid,
.air-line,
.fan-icon{
  position:relative;
  z-index:1; 
}.fan-icon{
  position:absolute;
  top:-50px;      
  right:50px;    
  font-size:8rem;
  color:white;
  animation:spin 9s linear infinite;
  z-index:2;  opacity: .8;   
}
.air-line{position:absolute;height:10px;border-radius:10px;background:linear-gradient(90deg,transparent,var(--secondary),transparent);animation:airMove 2.5s ease-in-out infinite}.a1{width:55%;top:8%;left:20%}.a2{width:38%;bottom:10%;right:18%;animation-delay:.4s}.a3{width:48%;top:85%;left:18%;animation-delay:.8s}.status-card{position:absolute;background:white;color:var(--dark);border-radius:20px;padding:16px 18px;font-weight:800;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center}.status-card i{color:var(--accent)}.top-card{top:28px;left:28px}.bottom-card{bottom:28px;right:28px}
.benefits-strip{background:var(--white);box-shadow:0 16px 35px rgba(15,23,42,.06)}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}.strip-grid div{background:white;padding:24px;text-align:center;font-weight:900;color:var(--primary-dark)}.strip-grid i{display:block;font-size:1.7rem;color:var(--accent);margin-bottom:8px}
h2{font-size:clamp(2rem,3.6vw,3rem);font-weight:900;letter-spacing:-1px;color:var(--primary-dark);line-height:1.05}h3{font-weight:900;color:var(--primary-dark)}.section-head{text-align:center;max-width:760px;margin:0 auto 45px}.section-head p{color:var(--muted);font-size:1.1rem}.section-head.light h2,.section-head.light p{color:white}
.image-panel,.photo-card{min-height:460px;border-radius:34px;position:relative;box-shadow:var(--shadow);overflow:hidden;background:linear-gradient(135deg,#dbeafe,#fff)}
.photo-duct{
  position:absolute;
  inset:18px;
  border-radius:28px;
  overflow:hidden;
  background:radial-gradient(circle at 30% 25%,rgba(59,130,246,.15),transparent 40%);
}

.photo-duct img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:28px;
}
/* .photo-duct:before{content:"";position:absolute;inset:70px 36px;border-radius:20px;background:repeating-linear-gradient(90deg,var(--primary) 0 16px,transparent 16px 38px),linear-gradient(#cbd5e1,#fff);box-shadow:inset 0 0 0 10px #94a3b8} */
.clean-motion{animation:softLift 4s ease-in-out infinite}.mini-badge{position:absolute;left:30px;bottom:30px;background:white;border-radius:18px;padding:14px 18px;font-weight:900;color:var(--primary);box-shadow:var(--shadow)}.check-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.check-list span{background:var(--soft);color:var(--primary);font-weight:800;border-radius:999px;padding:10px 14px}.check-list i{color:var(--accent)}
.service-card,.why-card,.review-card,.offer,.booking-form{height:100%;background:white;border:1px solid var(--border);border-radius:28px;padding:30px;box-shadow:0 18px 42px rgba(15,23,42,.06);transition:.35s}.service-card:hover,.why-card:hover,.offer:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-card i{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:var(--sky);color:var(--primary);font-size:1.7rem;margin-bottom:24px}.service-card p,.why-card p,.offer p{color:var(--muted)}.story-block{background:white}.large-copy{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:600;color:#475569;line-height:1.65}
.contaminants{padding:75px 0;background:radial-gradient(circle at 12% 20%,rgba(201,134,69,.18),transparent 26%),linear-gradient(135deg,var(--primary-dark),var(--primary));color:white;position:relative;overflow:hidden}.contaminants h2{color:white}.contaminants p{color:#dbeafe;max-width:760px}.contaminant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contaminant-grid span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.17);border-radius:22px;padding:24px;color:white;font-weight:900}.contaminant-grid i{color:#93c5fd;margin-right:8px}.sticky-title{position:sticky;top:120px}.why-card b{color:var(--accent);font-size:2rem}.review-card .stars{color:var(--accent);letter-spacing:3px;margin-bottom:18px}.review-card.featured{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;transform:translateY(-14px)}.review-card.featured h4,.review-card.featured p{color:white}.review-card h4{font-size:1rem}.blue-list{padding:0;list-style:none}.blue-list li{position:relative;padding:10px 0 10px 34px;font-weight:700}.blue-list li:before{content:"✓";position:absolute;left:0;top:10px;background:var(--sky);color:var(--primary);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.metric-grid div{background:var(--soft);border:1px solid var(--border);border-radius:28px;padding:34px;text-align:center}.metric-grid strong{display:block;font-size:2.5rem;color:var(--primary);font-weight:900}.metric-grid span{color:var(--muted);font-weight:700}
.before-after{padding:80px 0;background:radial-gradient(circle at 90% 20%,rgba(122,166,200,.18),transparent 30%),linear-gradient(135deg,#203040,var(--primary-dark));color:white}.ba-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.ba-panel{height:330px;border-radius:30px;position:relative;overflow:hidden;display:flex;align-items:end;padding:26px;font-weight:900;font-size:2rem}.before{background:radial-gradient(circle at 35% 35%,rgba(100,116,139,.6),transparent 24%),linear-gradient(135deg,#475569,#111827)}.after{background:radial-gradient(circle at 35% 35%,rgba(59,130,246,.35),transparent 24%),linear-gradient(135deg,#dbeafe,#fff);color:var(--primary)}.ba-divider{width:58px;height:58px;border-radius:50%;background:white;color:var(--primary);display:grid;place-items:center;font-size:1.3rem}.signs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sign{background:white;border:1px solid var(--border);border-radius:24px;padding:24px;text-align:center;font-weight:900;box-shadow:0 14px 35px rgba(15,23,42,.05)}.sign i{display:block;font-size:2rem;color:var(--accent);margin-bottom:12px}.cta-band{padding:70px 0;background:radial-gradient(circle at 18% 50%,rgba(201,134,69,.22),transparent 28%),linear-gradient(135deg,var(--primary),var(--primary-dark));color:white}.cta-band h2{color:white}.cta-band p{color:#dbeafe}.light-btn{background:white!important;color:var(--primary)!important;box-shadow:0 18px 40px rgba(217,163,91,.22)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}.step{background:white;border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:0 18px 42px rgba(15,23,42,.06)}.step b{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:18px;background:var(--accent-soft);color:var(--accent-dark);margin-bottom:20px}.technician-photo:before{content:"";position:absolute;width:140px;height:180px;border-radius:70px 70px 35px 35px;background:linear-gradient(var(--primary),var(--secondary));left:50%;top:44%;transform:translate(-50%,-50%);box-shadow:0 0 0 18px rgba(59,130,246,.12)}.technician-photo:after{content:"";position:absolute;left:15%;right:15%;bottom:70px;height:90px;border-radius:24px;background:repeating-linear-gradient(90deg,#1e3a8a 0 12px,transparent 12px 28px),#cbd5e1}.text-link{font-weight:900;color:var(--primary)}.offer{text-align:center;border-top:5px solid var(--accent)}.offer span{display:block;color:var(--accent);font-size:2.5rem;font-weight:900}.main-offer{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;border-top:5px solid var(--accent)}.main-offer h3,.main-offer p,.main-offer span{color:white}.accordion-item{border:0;margin-bottom:14px;border-radius:18px!important;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.06)}.accordion-button{font-weight:900;color:var(--primary-dark)}.accordion-button:not(.collapsed){background:var(--accent-soft);color:var(--accent-dark)}.area-cloud{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.area-cloud span{background:var(--soft);border:1px solid var(--border);border-radius:999px;padding:12px 18px;font-weight:800;color:var(--primary-dark)}.form-control,.form-select{border:1px solid var(--border);border-radius:15px;padding:14px 16px}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(59,130,246,.18);border-color:var(--secondary)}.contact-line{font-size:1.4rem;font-weight:900;color:var(--primary)}.contact-line i{color:var(--accent);margin-right:8px}.footer{background:var(--primary-dark);color:#ffffff;padding:60px 0 24px}.footer h3,.footer h4{color:white;font-weight:900}.footer a{color:#ffffff;font-weight:800}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:22px;color:#93a4bb}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s ease}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}
@keyframes ambientAir{0%,100%{background-position:0 0,0 0,0% 50%}50%{background-position:0 0,0 0,100% 50%}}@keyframes airGrid{0%{background-position:0 0,0 0,0 0}100%{background-position:72px 0,0 72px,0 0}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes airMove{0%,100%{opacity:.25;transform:translateX(-24px)}50%{opacity:1;transform:translateX(24px)}}@keyframes pulseOrb{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes softLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:991px){.section-pad{padding:72px 0}.hero h1{letter-spacing:-2px}.hero-visual{min-height:430px}.strip-grid{grid-template-columns:repeat(2,1fr)}.contaminant-grid,.metric-grid{grid-template-columns:1fr}.ba-wrap{grid-template-columns:1fr}.ba-divider{margin:auto;transform:rotate(90deg)}.signs-grid,.timeline{grid-template-columns:repeat(2,1fr)}.review-card.featured{transform:none}.sticky-title{position:static}.navbar-collapse{background:white;padding:18px;border-radius:20px;margin-top:12px}}
@media (max-width:575px){.navbar-brand{width: 70%;}.navbar-brand img {width: 100%;}.section-pad{padding:58px 0}.hero{padding-top:80px}.hero .min-vh-100{min-height:auto!important;padding-bottom:60px}.hero-actions .btn{width:100%}.trust-row div{}.strip-grid,.signs-grid,.timeline{grid-template-columns:1fr}.hero-visual{min-height:340px;border-radius:28px}.duct-illustration{inset:28px}.fan-icon{font-size:4.8rem}.status-card{width: 30%;position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:14px; font-size: .8rem;}.status-card i {display: none;}.top-card{margin-top:18px}.image-panel,.photo-card{min-height:340px}.ba-panel{height:240px}.contaminants,.before-after,.cta-band{padding:58px 0}h2{letter-spacing:-1px}}

.hero:before,.contaminants:before,.before-after:before,.cta-band:before{content:"";position:absolute;inset:auto -10% 10% -10%;height:110px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);filter:blur(18px);transform:skewY(-4deg);animation:airSweep 8s ease-in-out infinite;pointer-events:none}.contaminants>.container,.before-after>.container,.cta-band>.container{position:relative;z-index:2}@keyframes airSweep{0%,100%{transform:translateX(-18%) skewY(-4deg);opacity:.25}50%{transform:translateX(18%) skewY(-4deg);opacity:.65}}

/* V8 fresh-air motion update */
body:before{
  background:
    radial-gradient(circle at 12% 18%,rgba(122,190,226,.18),transparent 32%),
    radial-gradient(circle at 88% 25%,rgba(213,237,249,.45),transparent 28%),
    linear-gradient(115deg,transparent 0 16%,rgba(205,233,247,.22) 18%,transparent 32% 55%,rgba(122,190,226,.13) 58%,transparent 72%);
  background-size:100% 100%,100% 100%,220% 220%;
  animation:freshAirDrift 18s ease-in-out infinite;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.55;
  background:
    linear-gradient(100deg,transparent 0 18%,rgba(255,255,255,.55) 22%,rgba(176,219,240,.30) 25%,transparent 34%),
    linear-gradient(104deg,transparent 0 48%,rgba(255,255,255,.45) 52%,rgba(176,219,240,.22) 55%,transparent 64%),
    radial-gradient(ellipse at 18% 72%,rgba(148,213,240,.24),transparent 34%);
  background-size:160% 160%,190% 190%,100% 100%;
  animation:freshAirWisps 14s ease-in-out infinite;
}
.hero:before,.contaminants:before,.before-after:before,.cta-band:before{
  height:130px;
  background:linear-gradient(90deg,transparent,rgba(221,245,255,.24),rgba(255,255,255,.34),rgba(165,219,243,.18),transparent);
  filter:blur(22px);
  animation:freshAirSweep 9s ease-in-out infinite;
}
.hero:after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    radial-gradient(ellipse at 20% 70%,rgba(218,243,255,.18),transparent 34%),
    linear-gradient(105deg,transparent 35%,rgba(226,246,255,.18) 45%,transparent 60%);
  background-size:72px 72px,72px 72px,100% 100%,170% 170%;
  animation:airGrid 18s linear infinite, freshAirHero 12s ease-in-out infinite;
}
.air-line{
  background:linear-gradient(90deg,transparent,#dff6ff,var(--secondary),transparent);
  box-shadow:0 0 18px rgba(223,246,255,.55);
}
.nav-btn-blue{background:linear-gradient(135deg,var(--secondary),var(--primary))!important;box-shadow:0 14px 30px rgba(49,95,143,.22)}
.footer-phone,.footer-address{margin-bottom:8px;color:#dbeafe;line-height:1.55}.footer-phone strong,.footer-address strong{color:#fff}.footer .row{row-gap:26px}
@keyframes freshAirDrift{0%,100%{background-position:0 0,0 0,0% 50%}50%{background-position:0 0,0 0,100% 50%}}
@keyframes freshAirWisps{0%,100%{background-position:-20% 50%,120% 50%,0 0;opacity:.42}50%{background-position:120% 50%,-20% 50%,0 0;opacity:.66}}
@keyframes freshAirSweep{0%,100%{transform:translateX(-22%) skewY(-4deg);opacity:.24}50%{transform:translateX(22%) skewY(-4deg);opacity:.72}}
@keyframes freshAirHero{0%,100%{background-position:0 0,0 0,0 0,0% 50%}50%{background-position:72px 0,0 72px,0 0,100% 50%}}
@media (max-width:991px){.navbar .nav-item.d-flex{display:block!important}.navbar .nav-btn{margin:5px 0;width:100%;text-align:center}.hero-actions{gap:10px}.hero-actions .btn{width:100%;}}

/* V9 Pro Fresh Air Background Motion
   Clear, premium, and subtle movement for Hero + 3 featured sections */
.air-motion-zone{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.air-motion-zone > .container,
.air-motion-zone > .container-fluid,
.air-motion-zone .row{
  position:relative;
  z-index:3;
}
.air-pro-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:1;
  pointer-events:none;
  opacity:.95;
}
.air-pro-bg::before{
  content:"";
  position:absolute;
  width:130%;
  height:130%;
  left:-15%;
  top:-15%;
  background:
    radial-gradient(circle at 18% 35%, rgba(214,244,255,.24), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(125,188,220,.18), transparent 25%),
    linear-gradient(110deg, transparent 0 32%, rgba(235,250,255,.22) 40%, transparent 55%);
  animation:proAirGlow 16s ease-in-out infinite alternate;
  filter:blur(.2px);
}
.air-pro-bg::after{
  content:"";
  position:absolute;
  inset:-40% -20%;
  background-image:
    repeating-linear-gradient(115deg,
      transparent 0 44px,
      rgba(220,246,255,.13) 45px,
      rgba(220,246,255,.13) 47px,
      transparent 48px 92px
    );
  animation:proAirMesh 22s linear infinite;
  opacity:.58;
}
.flow-line{
  position:absolute;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(236,251,255,.18), rgba(157,215,240,.82), rgba(236,251,255,.18), transparent);
  box-shadow:0 0 18px rgba(197,235,250,.48);
  transform:rotate(-8deg);
  animation:flowStream 8.5s ease-in-out infinite;
}
.flow-line::before,
.flow-line::after{
  content:"";
  position:absolute;
  inset:-18px 6%;
  border-top:2px solid rgba(221,247,255,.25);
  border-radius:50%;
  filter:blur(.2px);
}
.flow-line::after{
  inset:18px 14%;
  opacity:.55;
}
.line-1{width:44%;left:-18%;top:28%;animation-delay:0s;}
.line-2{width:52%;left:20%;top:58%;animation-delay:2.1s;animation-duration:10s;}
.line-3{width:38%;right:-16%;top:78%;animation-delay:4s;animation-duration:9.2s;}
.air-dot{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(214,244,255,.95);
  box-shadow:0 0 18px rgba(214,244,255,.9), 0 0 35px rgba(91,166,205,.45);
  opacity:0;
  animation:airDotFloat 9s linear infinite;
}
.dot-1{left:10%;bottom:12%;animation-delay:.4s;}
.dot-2{left:52%;bottom:8%;animation-delay:3s;animation-duration:11s;}
.dot-3{right:12%;bottom:18%;animation-delay:5.5s;animation-duration:10s;}
.air-glow{
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  left:58%;
  top:18%;
  background:radial-gradient(circle, rgba(224,248,255,.22), rgba(126,190,222,.10) 42%, transparent 68%);
  filter:blur(6px);
  animation:breathGlow 7s ease-in-out infinite;
}
.hero .air-pro-bg{opacity:.82;mix-blend-mode:screen;}
.contaminants .air-pro-bg,.before-after .air-pro-bg,.cta-band .air-pro-bg{opacity:.72;}
.before-after .flow-line,.cta-band .flow-line,.contaminants .flow-line{background:linear-gradient(90deg, transparent, rgba(255,255,255,.15), rgba(180,230,250,.72), rgba(255,255,255,.15), transparent);}
@keyframes flowStream{
  0%{transform:translateX(-28%) translateY(18px) rotate(-8deg);opacity:0;}
  18%{opacity:.78;}
  62%{opacity:.78;}
  100%{transform:translateX(155%) translateY(-30px) rotate(-8deg);opacity:0;}
}
@keyframes airDotFloat{
  0%{transform:translate3d(0,80px,0) scale(.65);opacity:0;}
  18%{opacity:.75;}
  72%{opacity:.58;}
  100%{transform:translate3d(55px,-260px,0) scale(1.35);opacity:0;}
}
@keyframes proAirGlow{
  0%{transform:translateX(-4%) translateY(2%) scale(1);opacity:.62;}
  100%{transform:translateX(5%) translateY(-3%) scale(1.05);opacity:.88;}
}
@keyframes proAirMesh{
  0%{transform:translateX(0) translateY(0);}
  100%{transform:translateX(-180px) translateY(-95px);}
}
@keyframes breathGlow{
  0%,100%{transform:scale(.86) translate(0,0);opacity:.35;}
  50%{transform:scale(1.12) translate(28px,-14px);opacity:.75;}
}
@media (prefers-reduced-motion:reduce){
  .air-pro-bg,.air-pro-bg::before,.air-pro-bg::after,.flow-line,.air-dot,.air-glow{animation:none!important;}
}
@media (max-width:575px){
  .flow-line{height:2px;}
  .line-1,.line-2,.line-3{width:72%;}
  .air-glow{width:240px;height:240px;left:36%;}
}

/* Extra Paragraph + Image Sections */
.feature-story {
  position: relative;
  background: #fff;
}
.feature-story .container {
  position: relative;
  z-index: 2;
}
.story-photo {
  min-height: 430px;
  border-radius: 34px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(20, 58, 78, .14);
  border: 1px solid rgba(126, 190, 222, .24);
  isolation: isolate;
}
.story-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(32, 70, 91, .12), rgba(255,255,255,.06)),
    radial-gradient(circle at 18% 18%, rgba(199, 231, 244, .55), transparent 30%),
    radial-gradient(circle at 86% 75%, rgba(64, 136, 176, .28), transparent 35%);
  z-index: 1;
}
.story-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .92;
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
  transition: transform .8s ease;
  z-index: 0;
}
.story-photo:hover::after {
  transform: scale(1.08);
}
/* .story-photo-family::after {
  background-image:
    linear-gradient(135deg, rgba(15, 52, 72, .18), rgba(91, 166, 205, .1)),
    url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80');
} */
.story-photo{
  position: relative;
  overflow: hidden;
  border-radius: 30px; /* لو عندك نفس الستايل */
}

.story-photo-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
  z-index: -1;
}

.story-photo::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(15, 52, 72, .18),
    rgba(91, 166, 205, .1)
  );
  z-index: -1;
}

.story-photo:hover .story-photo-img{
  transform: scale(1.08);
}

.story-photo-tech::after {
  background-image:
    linear-gradient(135deg, rgba(15, 52, 72, .16), rgba(91, 166, 205, .1)),
    url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?auto=format&fit=crop&w=1200&q=80');
}
.story-photo-commercial::after {
  background-image:
    linear-gradient(135deg, rgba(15, 52, 72, .18), rgba(91, 166, 205, .1)),
    url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=80');
}
.photo-label {
  position: absolute;
  left: 26px;
  bottom: 26px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: var(--dark);
  font-weight: 800;
  box-shadow: 0 18px 40px rgba(20, 58, 78, .16);
  backdrop-filter: blur(12px);
}
.photo-label i {
  color: var(--accent-blue);
}
.feature-story h2 {
  max-width: 560px;
}
.feature-story p {
  color: var(--muted);
  font-size: 1.04rem;
  line-height: 1.85;
}
.feature-story-a::before,
.feature-story-c::before {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(214, 244, 255, .65), transparent 68%);
  filter: blur(4px);
  right: 5%;
  top: 14%;
  pointer-events: none;
}
.feature-story-b::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(91, 166, 205, .16), transparent 70%);
  left: 4%;
  bottom: 10%;
  pointer-events: none;
}
@media (max-width: 1150px) {
  .navbar-brand{width: 30%;}
  .navbar-brand img{width: 100%;}
}
@media (max-width: 991px) {
  .story-photo { min-height: 340px; }
   .navbar-brand{width: 45%;}
}
@media (max-width: 575px) {
  .story-photo { min-height: 280px; border-radius: 24px; }
  .photo-label { left: 16px; bottom: 16px; font-size: .9rem; }
}



.before, .after{background-size: cover; background-position: center; background-repeat: no-repeat;}
.subject {
    display: none !important;
}.left-line{border-left: #61748f 2px solid;}

.locations-strip{
  position: relative;
  background: #f7fbff;
  overflow: hidden;
}

.locations-strip::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(91,166,205,.10), transparent 35%),
    radial-gradient(circle at bottom right, rgba(15,52,72,.08), transparent 35%);
  pointer-events: none;
}

.city-box{
  position: relative;
  height: 100%;
  padding: 35px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid rgba(15,52,72,.08);
  box-shadow: 0 12px 35px rgba(15,52,72,.08);
  transition: .35s ease;
  overflow: hidden;
}

.city-box::after{
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(91,166,205,.08);
  top: -70px;
  right: -70px;
}

.city-box:hover{
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(15,52,72,.14);
}

.city-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}

.city-title{
  display: flex;
  align-items: center;
  gap: 14px;
}

.city-title i{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: linear-gradient(135deg,#0f3448,#5ba6cd);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  box-shadow: 0 10px 25px rgba(15,52,72,.18);
}

.city-title h3{
  margin: 0;
  font-size: 1.45rem;
  font-weight: 700;
  color: #0f3448;
}

.see-more-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 18px;
  border-radius: 50px;
  background: linear-gradient(135deg,#0f3448,#5ba6cd);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: .9rem;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(15,52,72,.16);
  transition: .3s ease;
}

.see-more-btn:hover{
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(15,52,72,.25);
}

.city-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  position: relative;
  z-index: 2;
}

.city-grid span{
  padding: 12px 20px;
  border-radius: 50px;
  background: rgba(91,166,205,.10);
  border: 1px solid rgba(91,166,205,.18);
  color: #0f3448;
  font-weight: 600;
  transition: .3s ease;
}

.city-grid span:hover{
  background: linear-gradient(135deg,#0f3448,#5ba6cd);
  color: #fff;
  transform: translateY(-3px);
}

@media(max-width:767px){
  .city-box{
    padding: 28px 22px;
  }

  .city-header{
    flex-direction: column;
    align-items: flex-start;
  }

  .city-title h3{
    font-size: 1.25rem;
  }

  .see-more-btn{
    width: 100%;
    justify-content: center;
  }

  .city-grid{
    gap: 10px;
  }

  .city-grid span{
    width: 100%;
    text-align: center;
  }
}


.services-dropdown{position:relative;}

.professional-menu{
  min-width:310px;
  padding:14px;
  border:0;
  border-radius:20px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 45px rgba(15,52,72,.16);
  backdrop-filter:blur(12px);
  margin-top:14px;
}

.professional-menu .dropdown-item{
  display:flex;
  align-items:center;
  gap:13px;
  padding:13px 15px;
  border-radius:14px;
  color:#0f3448;
  font-weight:700;
  transition:.3s ease;
}

.professional-menu .dropdown-item i{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(91,166,205,.12);
  color:#5ba6cd;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.3s ease;
}

.professional-menu .dropdown-item:hover,
.professional-menu .dropdown-item:focus{
  background:linear-gradient(135deg,#0f3448,#5ba6cd);
  color:#fff;
  transform:translateX(4px);
}

.professional-menu .dropdown-item:hover i,
.professional-menu .dropdown-item:focus i{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.dropdown-toggle::after{margin-left:7px;vertical-align:middle;}

@media(min-width:992px){
  .services-dropdown:hover > .dropdown-menu{display:block;}
}

@media(max-width:991px){
  .navbar-collapse{
    max-height:calc(100vh - 95px);
    overflow-y:auto;
  }

  .professional-menu{
    position:static!important;
    transform:none!important;
    min-width:100%;
    margin-top:8px;
    padding:10px;
    border-radius:16px;
    background:rgba(247,251,255,.96);
    box-shadow:none;
  }

  .professional-menu .dropdown-item{white-space:normal;}
}

.locations-strip{
  position: relative;
  background: #f7fbff;
  overflow: hidden;
}

.locations-strip::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(91,166,205,.10), transparent 35%),
    radial-gradient(circle at bottom right, rgba(15,52,72,.08), transparent 35%);
  pointer-events: none;
}

.city-box{
  position: relative;
  height: 100%;
  padding: 35px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid rgba(15,52,72,.08);
  box-shadow: 0 12px 35px rgba(15,52,72,.08);
  transition: .35s ease;
  overflow: hidden;
}

.city-box::after{
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(91,166,205,.08);
  top: -70px;
  right: -70px;
}

.city-box:hover{
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(15,52,72,.14);
}

.city-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}

.city-title{
  display: flex;
  align-items: center;
  gap: 14px;
}

.city-title i{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: linear-gradient(135deg,#0f3448,#5ba6cd);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  box-shadow: 0 10px 25px rgba(15,52,72,.18);
}

.city-title h3{
  margin: 0;
  font-size: 1.45rem;
  font-weight: 700;
  color: #0f3448;
}

.see-more-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 18px;
  border-radius: 50px;
  background: linear-gradient(135deg,#0f3448,#5ba6cd);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: .9rem;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(15,52,72,.16);
  transition: .3s ease;
}

.see-more-btn:hover{
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(15,52,72,.25);
}

.city-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  position: relative;
  z-index: 2;
}

.city-grid span{
  padding: 12px 20px;
  border-radius: 50px;
  background: rgba(91,166,205,.10);
  border: 1px solid rgba(91,166,205,.18);
  color: #0f3448;
  font-weight: 600;
  transition: .3s ease;
}

.city-grid span:hover{
  background: linear-gradient(135deg,#0f3448,#5ba6cd);
  color: #fff;
  transform: translateY(-3px);
}

.zip-area{
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px dashed rgba(15,52,72,.18);
  position: relative;
  z-index: 2;
}

.zip-area h4{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f3448;
}

.zip-area h4 i{
  color: #5ba6cd;
}

.zip-text{
  margin: 0;
  line-height: 2;
  color: #4b6175;
  font-size: .95rem;
  font-weight: 500;
}

@media(max-width:767px){

  .city-box{
    padding: 28px 22px;
  }

  .city-header{
    flex-direction: column;
    align-items: flex-start;
  }

  .city-title h3{
    font-size: 1.25rem;
  }

  .see-more-btn{
    width: 100%;
    justify-content: center;
  }

  .city-grid{
    gap: 10px;
  }

  .city-grid span{
    width: 100%;
    text-align: center;
  }

  .zip-text{
    line-height: 1.9;
    font-size: .9rem;
  }

}
.footer h3 i,
.footer h4 i,
.footer-phone i,
.contact-item i,
.zip-codes i,
.footer-links i{
  color:#d49659;
}

.footer h3,
.footer h4{
  color:#7aa6c8;;
}

.footer-links a:hover,
.footer a:hover{
  color:#e6c3a1;
}

.footer-phone a:hover{
  color:#d49659;
}

.footer-highlight{
  color:#d49659;
  font-weight:700;
}

.zip-codes strong{
  color:#d49659;
}

.footer-bottom{
  border-top:1px solid rgba(201,134,69,.22);
}

.left-line{
  border-left:1px solid rgba(201,134,69,.20);
}

.footer-links a{
  transition:.3s ease;
}

.footer-links a:hover i{
  color:#e6c3a1;
}

.footer h3 i,
.footer h4 i{
  color:#d49659;
}