.services-slider{position:relative;isolation:isolate;margin:0 24px;overflow:hidden;background:#10202e;color:#fff;height:calc(100svh - 112px);min-height:580px;max-height:900px;font-family:'Plus Jakarta Sans',Arial,sans-serif;touch-action:pan-y}
.services-slider button{color:inherit;cursor:pointer}.services-slider button:focus-visible,.services-slider a:focus-visible{outline:3px solid #87d492;outline-offset:5px}
.slider-track{display:flex;height:100%;width:100%;transition:transform .85s cubic-bezier(.16,1,.3,1)}
.service-slide{position:relative;isolation:isolate;flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;overflow:hidden;padding:90px 64px}
.slide-background{position:absolute;inset:0;z-index:-1;overflow:hidden}
.slide-background img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform 7s ease-out}
.active-slide .slide-background img{transform:scale(1.035)}
.slide-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,20,.72),rgba(0,10,20,.50) 60%,rgba(0,10,20,.36))}
.slide-panel{width:100%;max-width:1120px}
.slide-panel h1,.slide-panel h2{margin:0 0 32px;font-size:clamp(44px,4.2vw,76px);line-height:1.12;letter-spacing:-1.7px;font-weight:700;color:#fff;text-wrap:balance}
.slide-description{max-width:1000px;margin:0 0 38px;font-size:clamp(17px,1.15vw,21px);font-weight:400;line-height:1.65;color:#fff;text-shadow:0 1px 3px #0004}
.slide-learn-more{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 30px;border:2px solid rgba(255,255,255,.9);border-radius:3px;background:transparent;color:#fff;font-size:16px;font-weight:500;line-height:1.4;transition:background .2s,color .2s}
.slide-learn-more:hover{background:white;color:#103258}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:56px;display:grid;place-items:center;border:0;border-radius:3px;background:transparent;color:#fff;opacity:.8;font-size:26px;transition:background .2s,opacity .2s}
.slider-arrow:hover{opacity:1;background:#0003}.slider-prev{left:5px}.slider-next{right:5px}
.slider-footer{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:3}
.slider-dots{display:flex;align-items:center;gap:0}.slider-dot{display:grid;place-items:center;width:23px;height:28px;padding:0;background:none;border:0}
.slider-dot span{display:block;width:8px;height:8px;background:#ffffff5c;border-radius:50%;transition:background .2s,transform .2s}
.slider-dot:hover span{background:#ffffffa8}.slider-dot[aria-current=true] span{background:white;transform:scale(1.12)}
.slider-progress,.slider-counter,.slider-brand{display:none}
.slider-status{position:absolute;right:18px;bottom:17px;z-index:4}
#statusDot,#statusText{display:none}
#togglePlayBtn{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff59;border-radius:50%;background:#0003;color:white;font-size:11px}
#togglePlayBtn:hover{background:#0006}
@keyframes heroContentIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.active-slide .slide-panel>*{animation:heroContentIn .65s both}.active-slide .slide-description{animation-delay:.12s}.active-slide .slide-learn-more{animation-delay:.24s}
@media(min-width:1600px){.service-slide{padding-left:64px;padding-right:100px}.slide-panel h1,.slide-panel h2{max-width:1120px}}
@media(max-width:1020px){.services-slider{height:calc(100svh - 94px);min-height:560px;margin:0 16px}.service-slide{padding:80px 52px}.slide-panel h1,.slide-panel h2{font-size:clamp(40px,6vw,60px)}}
@media(max-width:640px){.services-slider{height:calc(100svh - 94px);min-height:540px;max-height:760px;margin:0 10px}.service-slide{padding:68px 34px 90px}.slide-panel h1,.slide-panel h2{font-size:clamp(32px,8vw,44px);letter-spacing:-.8px;margin-bottom:24px}.slide-description{font-size:16px;line-height:1.65;margin-bottom:28px}.slide-learn-more{font-size:14px;min-height:48px;padding:12px 24px}.slider-arrow{width:27px;font-size:20px}.slider-prev{left:0}.slider-next{right:0}.slider-status{right:12px;bottom:14px}.slide-background:after{background:rgba(0,10,20,.62)}}
@media(max-width:420px){.services-slider{height:calc(100svh - 86px)}}
@media(prefers-reduced-motion:reduce){.slider-track,.slide-background img,.slider-dot span,.slide-learn-more,.slider-arrow{transition:none}.active-slide .slide-panel>*{animation:none}.active-slide .slide-background img{transform:none}}
