.feature-slider{position:relative;height:605px;width:calc(100% - 64px);max-width:1220px;margin:32px auto 0;overflow:hidden;background:#f4f6f6;touch-action:pan-y;outline-offset:-4px;border:1px solid #e4e9e9;border-radius:16px}
.feature-slide{position:absolute;inset:0 0 55px;isolation:isolate;visibility:hidden;transform:translateX(100%);color:#202a2d;background:linear-gradient(115deg,#fff 5%,#f5f7f7 55%,#edf0f0)}
.feature-slide.active,.feature-slide.leaving{visibility:visible}.feature-slide.active{transform:translateX(0)}
.feature-slide.entering{animation:feature-in .85s cubic-bezier(.25,.65,.25,1) both}.feature-slide.leaving{animation:feature-out .85s cubic-bezier(.25,.65,.25,1) both}
.feature-photo{position:absolute;right:32px;top:32px;width:43%;height:calc(100% - 64px);object-fit:cover;object-position:65% center;border-radius:10px;z-index:-1}
.feature-inner{height:100%;display:flex;align-items:center;position:relative;padding:35px 44px;pointer-events:none}
.feature-copy{width:49%;max-width:560px;pointer-events:auto}
.feature-copy .eyebrow{color:#17656b;font-size:10px;letter-spacing:1.4px;margin-bottom:25px}
.feature-copy h1,.feature-copy h2{color:#202a2d;font-size:clamp(34px,3.7vw,50px);line-height:1.1;letter-spacing:-1.6px;font-weight:600;margin:0}
.feature-copy h1 em,.feature-copy h2 em{color:#17656b;font-style:normal}
.feature-copy p{font-size:16px;line-height:1.7;margin:25px 0 28px;color:#627075}
.feature-copy .btn.dark{background:#263337;color:white;border-color:#263337}.feature-copy .btn:hover{background:#17656b;border-color:#17656b}
.feature-2 .feature-photo{object-position:70% center}.feature-3 .feature-photo{object-position:55% center;filter:saturate(.65)}.feature-4 .feature-photo{object-position:30% center}.feature-5 .feature-photo{object-position:65% center}
.feature-5 h2{font-size:clamp(33px,3.4vw,46px)}
.feature-4 .feature-photo{object-fit:contain;object-position:center;background:#edf4f4}
.slider-dots{position:absolute;bottom:0;left:0;right:0;height:55px;display:flex;align-items:center;justify-content:center;gap:4px;background:#f4f6f6;z-index:5}
.slider-dots button{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;cursor:pointer;border-radius:50%;padding:0}
.slider-dots button:before{content:'';display:block;width:8px;height:8px;background:#b2bfc1;border-radius:50%;transition:background .2s,box-shadow .2s}
.slider-dots button[aria-pressed=true]:before{background:#17656b;box-shadow:0 0 0 4px #17656b17}
.slider-dots button:focus-visible{outline:2px solid #17656b;outline-offset:-4px}
@keyframes feature-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes feature-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media(max-width:820px){.feature-slider{height:625px;width:calc(100% - 40px);margin-top:22px}.feature-inner{padding:30px}.feature-photo{right:22px;top:30px;height:calc(100% - 60px);width:42%}.feature-copy h1,.feature-copy h2,.feature-5 h2{font-size:35px}.feature-copy p{font-size:15px}}
@media(max-width:580px){.feature-slider{height:820px;width:calc(100% - 28px);margin-top:18px;border-radius:12px}.feature-inner{align-items:flex-start;padding:30px 24px}.feature-copy{width:100%}.feature-copy h1,.feature-copy h2,.feature-5 h2{font-size:34px;letter-spacing:-1px}.feature-copy .eyebrow{font-size:9px;letter-spacing:.8px;margin-bottom:22px}.feature-copy p{font-size:15px;line-height:1.65;margin:22px 0}.feature-photo{left:24px;right:24px;top:auto;bottom:18px;width:calc(100% - 48px);height:265px}.feature-copy .btn{padding:12px 16px}.feature-1 .feature-photo{height:330px}}
@media(prefers-reduced-motion:reduce){.feature-slide.entering,.feature-slide.leaving{animation:none}.slider-dots button:before{transition:none}}

.feature-1 .feature-photo{object-fit:contain;object-position:center;background:#eef2f3}

/* Pearson VUE exam centre slide */
.feature-6 .feature-photo{object-fit:contain;object-position:center;background:#fff;padding:40px;box-sizing:border-box}
@media(max-width:580px){.feature-6 .feature-photo{padding:30px}}