.hero-slider .hero-slide-stack{z-index:2}.hero-slider .hero-slide{z-index:0}.hero-slider .hero-slide.is-active{z-index:2}.hero-slider .hero-copy{position:relative;z-index:5;opacity:1;visibility:visible}
.hero-slider .hero-slider-dots button{display:grid;place-items:center;width:25px;height:25px;color:#77708e;font:700 10px Tajawal,sans-serif}.hero-slider .hero-slider-dots button.is-active{width:34px;color:#fff;border-radius:14px}