.banner-wrapper{position:relative;width:100%;overflow:hidden}.banner{position:relative;width:100%}.banner__arrow{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:40px;background-color:#fff;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .3s ease}.banner__arrow:hover{opacity:.8}.banner__arrow_left{left:0;border-radius:0 8px 8px 0}.banner__arrow_right{right:0;border-radius:8px 0 0 8px}.banner__arrow__img{width:24px;height:24px}.banner__indexes{position:absolute;bottom:10px;right:10px;display:flex;gap:5px;z-index:5}.banner__index{height:6px;width:40px;border-radius:6px 2px;background:hsla(0,0%,100%,.8);transition:all .2s;cursor:pointer;transition:background-color .3s ease}.banner__index:hover{background-color:#fff}.banner__index.active{background-color:#fff}.banner__items{position:relative;width:100%}.banner-item{width:100%;height:400px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border-radius:16px}.banner-item-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}