.auto-slider{margin:20px auto;max-width:1250px;position:relative;overflow:hidden}.auto-slider__slideshow{overflow:hidden;position:relative;width:100%}.auto-slider__slides-container{display:flex;transition:transform .6s ease-in-out;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.auto-slider__slides-container::-webkit-scrollbar{display:none}.auto-slider__slide{flex:0 0 100%;display:flex;justify-content:center;align-items:center;scroll-snap-align:start}.auto-slider__slide img{width:100%;height:90%;object-fit:cover;border-radius:10px}.auto-slider__controls{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);gap:10px}.auto-slider__controls,.auto-slider__icon-wrapper{display:flex;justify-content:center;align-items:center}.auto-slider__icon-wrapper{background-color:#454545;border-radius:50%;height:50px;width:50px;cursor:pointer}.auto-slider__icon{height:30px;width:30px;fill:#fff;display:none}.auto-slider__icon--active{display:block}.auto-slider__dots-wrapper{background-color:#454545;border-radius:50px;height:50px;padding:0 20px;display:flex;align-items:center;gap:10px}.auto-slider__dot{width:10px;height:10px;background-color:#ccc;border-radius:50%;cursor:pointer;transition:all .4s ease-in-out}.auto-slider__dot--active{width:45px;border-radius:5px;background-color:#fff}@media(max-width:768px){.auto-slider{margin:30px 15px}.auto-slider__slide img{height:390px!important}.auto-slider__controls{bottom:10%}}@media(max-width:480px){.auto-slider__controls{flex-direction:row;align-items:flex-end}.auto-slider__dots-wrapper{margin-top:10px}}