.hero-slider{position:relative;min-height:inherit}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s var(--ease),visibility .8s}.hero-slide.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;z-index:1}.hero-slide .hero-copy{opacity:0;transform:translateY(24px);transition:opacity .75s .2s var(--ease),transform .75s .2s var(--ease)}.hero-slide .hero-visual{opacity:0;transform:translateX(28px);transition:opacity .9s .12s var(--ease),transform .9s .12s var(--ease)}.hero-slide.is-active .hero-copy,.hero-slide.is-active .hero-visual{opacity:1;transform:none}.hero-slide .hero-picture img{transform:scale(1.045)}.hero-slide.is-active .hero-picture img{transform:scale(1)}.hero-slider-controls{position:absolute;z-index:8;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:7px;background:rgba(3,10,42,.72);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px)}.hero-slider-arrow{width:38px;height:38px;padding:0;border:0;background:transparent;color:#fff;font-size:1.35rem;cursor:pointer;transition:.25s}.hero-slider-arrow:hover{background:#9080c8}.hero-slider-dots{display:flex;align-items:center;gap:7px}.hero-slider-dot{position:relative;width:42px;height:38px;border:0;background:transparent;color:#909bb1;font-size:.58rem;letter-spacing:.1em;cursor:pointer}.hero-slider-dot:after{content:"";position:absolute;left:6px;right:6px;bottom:5px;height:2px;background:rgba(255,255,255,.2)}.hero-slider-dot:before{content:"";position:absolute;left:6px;bottom:5px;width:0;height:2px;background:#b9aee3;z-index:1}.hero-slider-dot.is-active{color:#fff}.hero-slider-dot.is-active:before{width:calc(100% - 12px);transition:width 7s linear}.hero-slider.is-paused .hero-slider-dot.is-active:before{animation-play-state:paused}.hero-slide--infrastructure .hero-picture img{object-position:center}.hero-slide--infrastructure .hero-visual-card{background:#001888}.hero-slide--infrastructure .hero-mark{font-size:9rem}html[dir="rtl"] .hero-slide .hero-visual{transform:translateX(-28px)}html[dir="rtl"] .hero-slide.is-active .hero-visual{transform:none}html[dir="rtl"] .hero-slider-dot{font-family:'Noto Kufi Arabic',Tahoma,sans-serif}
@media(max-width:1000px){.hero-slider-controls{bottom:18px}.hero-slide .hero-content{padding-bottom:82px}}
@media(max-width:640px){.hero-slider-controls{bottom:13px}.hero-slider-arrow{width:34px;height:34px}.hero-slider-dot{width:36px;height:34px}.hero-slide .hero-content{padding-bottom:70px}.hero-slide--infrastructure .hero-mark{font-size:7rem}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide .hero-copy,.hero-slide .hero-visual,.hero-slide .hero-picture img{transition:none!important}.hero-slider-dot.is-active:before{transition:none!important}}
@keyframes heroSlideProgress{from{width:0}to{width:calc(100% - 12px)}}
.hero-slider-dot.is-active:before{width:calc(100% - 12px);transition:none;animation:heroSlideProgress 7s linear}.hero-slider.is-paused .hero-slider-dot.is-active:before{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.hero-slider-dot.is-active:before{animation:none!important}}

.hero-slide--wastewater .hero-picture img{object-position:center}.hero-slide--wastewater .hero-visual-card{background:#14265f}.hero-slide--wastewater .hero-mark{font-size:8.5rem}.hero-slide--fast-track .hero-picture img{object-position:center 38%}.hero-slide--fast-track .hero-visual-card{background:#66589f}.hero-slide--fast-track .hero-mark{font-size:8.5rem}
