.image-slider{position:relative;overflow:hidden}.image-slider-wrapper{display:flex;transition:transform 0.3s ease-in-out}.image-slider-wrapper>*{min-width:100%;box-sizing:border-box}.image-slider-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.image-slider-dot{width:10px;height:10px;background-color:rgb(255 255 255 / .5);border-radius:50%;cursor:pointer;transition:background-color 0.3s ease}.image-slider-dot.active{background-color:#fff}.image-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:25px;height:25px;cursor:pointer;z-index:10;background-color:#0000008c;border-radius:100px}.image-slider-prev{left:10px}.image-slider-next{right:10px}.image-slider-arrow::before{content:'';position:relative;border-bottom:2px solid #fff;border-left:2px solid #fff;display:block;border-radius:1px;width:8px;height:8px;top:8px!important}.image-slider-prev::before{transform:rotate(45deg);left:10px}.image-slider-next::before{transform:rotate(-135deg);left:7px}