.banners-box{padding:80px 0}.banners-box__grid{gap:48px}.banners-box__grid .col-12{margin-bottom:20px}.banners-box__item{aspect-ratio:.9/1;border-radius:24px;position:relative;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.banners-box__item--link:hover{opacity:.8}.banners-box__item:hover .slide-btn__icon{background:var(--primary-dark-theme-color)}.banners-box__item:hover .slide-btn__icon img.static{left:150%}.banners-box__item:hover .slide-btn__icon img.hover{left:50%}.banners-box__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:24px;position:absolute;top:0;left:0}.banners-box__image::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:55%;border-radius:24px;background:rgba(111,111,111,.5);backdrop-filter:blur(7px);-webkit-mask-image:-webkit-gradient(linear, left bottom, left top, color-stop(60%, rgb(0, 0, 0)), to(transparent));-webkit-mask-image:linear-gradient(to top, rgb(0, 0, 0) 60%, transparent 100%);mask-image:-webkit-gradient(linear, left bottom, left top, color-stop(60%, rgb(0, 0, 0)), to(transparent));mask-image:linear-gradient(to top, rgb(0, 0, 0) 60%, transparent 100%)}.banners-box__content{position:relative;z-index:1;padding:24px;color:var(--white-theme-color);gap:12px}.banners-box__content .slide-btn__icon{height:45px}.banners-box__content-title{font-size:24px}@media(max-width: 991px){.banners-box{padding:48px 0}.banners-box__grid{gap:24px}}