.clean-slider{height:650px;position:relative;overflow:hidden;background:var(--ink)}
.clean-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease}.clean-slide.active{opacity:1;visibility:visible;z-index:1}.clean-slide .clean-hero-content{display:flex;min-height:650px;flex-direction:column;justify-content:center}.clean-slide h1{font:800 clamp(42px,5vw,70px)/1.07 'Plus Jakarta Sans';letter-spacing:-2.8px;max-width:720px;margin:20px 0}.clean-slide p{max-width:630px;font-size:18px;color:#d9ebe7;margin:0 0 30px}.clean-slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(10,43,40,.55);color:#fff;font-size:25px;cursor:pointer}.clean-slider-prev{left:24px}.clean-slider-next{right:24px}.clean-slider-dots{position:absolute;z-index:5;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:9px}.clean-slider-dots button{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.5);cursor:pointer}.clean-slider-dots button.active{width:28px;border-radius:10px;background:var(--aqua)}
.clean-service-carousel{position:relative;padding:0 46px}.clean-service-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:7px 2px 24px}.clean-service-track::-webkit-scrollbar{display:none}.clean-service-track .clean-service-card{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start}.clean-service-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);box-shadow:0 8px 22px rgba(18,60,54,.12);cursor:pointer}.clean-service-prev{left:0}.clean-service-next{right:0}.clean-process-card li>i{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:rgba(66,200,176,.14);color:var(--aqua);font-size:18px}
@media(max-width:991px){.clean-slider,.clean-slide .clean-hero-content{height:580px;min-height:580px}.clean-service-track .clean-service-card{flex-basis:calc((100% - 24px)/2)}}@media(max-width:640px){.clean-slider,.clean-slide .clean-hero-content{height:620px;min-height:620px}.clean-slider-arrow{width:40px;height:40px}.clean-slider-prev{left:10px}.clean-slider-next{right:10px}.clean-service-carousel{padding:0 36px}.clean-service-track .clean-service-card{flex-basis:100%}}
