.edubin-hs{position:relative;width:100%;height:var(--hs-h,85vh);min-height:360px;overflow:hidden;background:#111}
.edubin-hs__track,.edubin-hs__slide{position:absolute;inset:0}
.edubin-hs__slide{background-size:cover;background-position:center;opacity:0;visibility:hidden;transform:scale(1.06);transition:opacity .9s ease,transform 6s ease,visibility .9s;display:flex;align-items:center;justify-content:center;text-align:center}
.edubin-hs__slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:1}
.edubin-hs__slide:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--hs-ov,.35) + .1)) 0%,rgba(0,0,0,var(--hs-ov,.35)) 45%,rgba(0,0,0,calc(var(--hs-ov,.35) + .25)) 100%)}
.edubin-hs__inner{position:relative;max-width:820px;padding:70px 24px 0;color:#fff}
.edubin-hs__inner>*{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.is-active .edubin-hs__inner>*{opacity:1;transform:none}
.is-active .edubin-hs__inner>*:nth-child(1){transition-delay:.25s}
.is-active .edubin-hs__inner>*:nth-child(2){transition-delay:.4s}
.is-active .edubin-hs__inner>*:nth-child(3){transition-delay:.55s}
.edubin-hs__title{color:#fff;font-size:clamp(22px,2.9vw,40px);font-weight:700;line-height:1.5;margin:0 0 12px;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.edubin-hs__sub{font-size:clamp(14px,1.25vw,18px);line-height:1.9;margin:0 auto 24px;max-width:640px;color:rgba(255,255,255,.92);text-shadow:0 1px 8px rgba(0,0,0,.4)}
.edubin-hs__btn{display:inline-block;padding:11px 30px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f7b733,#f5871f);border-radius:50px;text-decoration:none;box-shadow:0 8px 22px rgba(245,135,31,.4);transition:transform .25s,box-shadow .25s}
.edubin-hs__btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 28px rgba(245,135,31,.55)}
/* arrows */
.edubin-hs__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .25s,color .25s,transform .25s}
.edubin-hs__nav:hover{background:#fff;color:#111;transform:translateY(-50%) scale(1.08)}
.edubin-hs__prev{left:24px}.edubin-hs__next{right:24px}
/* RTL: "previous" sits on the right, "next" on the left, arrows mirrored */
.edubin-hs[dir=rtl] .edubin-hs__prev{left:auto;right:24px}
.edubin-hs[dir=rtl] .edubin-hs__next{right:auto;left:24px}
.edubin-hs[dir=rtl] .edubin-hs__nav svg{transform:scaleX(-1)}
/* dots */
.edubin-hs__dots{position:absolute;bottom:22px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:8px}
.edubin-hs__dot{width:10px;height:10px;border-radius:10px;border:0;background:rgba(255,255,255,.5);padding:0;cursor:pointer;transition:width .3s,background .3s}
.edubin-hs__dot.is-active{width:30px;background:#f7b733}
@media(max-width:767px){
  .edubin-hs{height:var(--hs-h-m,60vh)}
  .edubin-hs__inner{padding-top:50px}
  .edubin-hs__nav{width:36px;height:36px}
  .edubin-hs__prev{left:10px}.edubin-hs__next{right:10px}
  .edubin-hs[dir=rtl] .edubin-hs__prev{right:10px}.edubin-hs[dir=rtl] .edubin-hs__next{left:10px}
}