.banner-slider{position:relative;width:100%;height:100%;overflow:hidden}.banner-slide{position:relative;width:100%;height:100%;transition:opacity .5s ease-in-out}.banner-slide.active{opacity:1}.banner-slide:not(.active){opacity:0}.slider-prev,.slider-next{background:#fff3;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.slider-prev:hover,.slider-next:hover{background:#ffffff4d;transform:scale(1.1)}.slider-dot{transition:all .3s ease;cursor:pointer}.slider-dot:hover{transform:scale(1.2)}