.banner-wrapper{width:100%;height:150px;overflow:hidden;border-radius:16px;position:relative;margin:auto}.banner-slider{display:flex;height:100%;transition:transform .4s ease-in-out}.banner-slide{min-width:100%;height:100%;padding:8px;box-sizing:border-box}.banner-slide img{width:100%;height:100%;object-fit:cover;border-radius:12px}.banner-arrow{position:absolute;top:50%;margin-left:8px;margin-right:8px;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:none;background:#ffffff59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:18px;font-weight:700;cursor:pointer;z-index:20;transition:background .25s}.banner-arrow:hover{background:#ffffff8c}.banner-arrow.left{left:8px}.banner-arrow.right{right:8px}.banner-pagination{position:absolute;left:50%;display:flex;gap:6px;transform:translate(-50%);z-index:30;bottom:15px}.bullet{width:8px;height:8px;background-color:#fff6;border-radius:50%;cursor:pointer;transition:.3s}.bullet.active{width:24px;border-radius:10px;background-color:#fff}