.banner-arrow{position:absolute;top:50%;z-index:5;width:60px;height:60px;padding:0;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:transparent;transform:translateY(-50%);cursor:pointer}
.banner-prev{left:5%}.banner-next{right:5%}
.banner-arrow::before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff}
.banner-prev::before{transform:translate(-35%,-50%) rotate(-135deg)}
.banner-next::before{transform:translate(-65%,-50%) rotate(45deg)}
.banner-dots{bottom:9%}
.banner-dots button{width:55px;height:5px;border:0;border-radius:4px;background:rgba(255,255,255,.35)}
.banner-dots button.active{background:#fff}
@media(max-width:760px){.banner-arrow{display:none}.banner-dots button{width:28px;height:4px}}