.hero-slider{height:500px;overflow:hidden;position:relative}.hero-slide{inset:0;opacity:0;position:absolute;transition:opacity .8s ease}.hero-slide.active{opacity:1;z-index:2}.hero-slide__image{height:100%;object-fit:cover;width:100%}.hero-slide__content{color:#fff;left:10%;max-width:700px;position:absolute;top:50%;transform:translateY(-50%);z-index:3}.hero-slide__content h1{font-size:4rem;margin-bottom:20px}.hero-slide__button{background:#fff;color:#000;display:inline-block;padding:15px 30px;text-decoration:none}.hero-slider__next,.hero-slider__prev{background:rgba(0,0,0,.5);border:none;color:#fff;cursor:pointer;height:50px;position:absolute;top:50%;transform:translateY(-50%);width:50px;z-index:10}.hero-slider__prev{left:20px}.hero-slider__next{right:20px}.hero-slider__dots{bottom:30px;position:absolute;text-align:center;width:100%;z-index:10}.hero-dot{background:#fff;border-radius:50%;cursor:pointer;display:inline-block;height:12px;margin:0 5px;opacity:.5;width:12px}.hero-dot.active{opacity:1}@media (max-width:767px){.hero-slider{height:350px}.hero-slide__content h1{font-size:2.5rem}}