.banner-grid{position:relative}.banner-grid .grid-wrap ul.banner-ul{display:flex;flex-wrap:wrap;justify-content:center;margin-top:-30px;margin-inline-start:-30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li{position:relative;width:calc(33.33% - 30px);margin-top:30px;margin-inline-start:30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main{display:flex;align-items:center;border-radius:var(--sti-border-radius)}.banner-grid .grid-wrap ul.banner-ul li.banner-li.content-banner .banner-main{height:100%}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main.bg-image{background-position:center;background-size:cover;background-repeat:no-repeat}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main span.image{position:relative;overflow:hidden;border-radius:var(--sti-border-radius)}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main,.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main span.image,.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main span.image img{height:100%}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main span.image img{object-fit:cover}.banner-grid .grid-wrap ul.banner-ul li.banner-li.offer-banner .banner-main .banner-content{position:absolute;width:50%}.banner-grid .grid-wrap ul.banner-ul li.banner-li.content-banner .banner-main .banner-content{padding:27px 30px 34px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.offer-banner .banner-main .banner-content.slider-content-right{margin-left:auto;inset-inline-start:30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.offer-banner .banner-main .banner-content.slider-content-left{margin-right:auto;inset-inline-end:30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main.offer-banner .banner-content.slider-content-center{margin:0 auto}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-content.slider-text-left{text-align:start}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-content.slider-text-right{text-align:end}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-content.slider-text-center{text-align:center}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-content span.subtitle{font-size:var(--font-size-body);font-weight:var(--font-custom-weight-body);margin-bottom:8px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.content-banner .banner-main .banner-content span.subtitle{border-bottom:1px solid}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-content h4.title{font-size:30px;font-weight:var(--font-custom-weight-section-header)}.banner-grid .grid-wrap ul.banner-ul li.banner-li.content-banner .banner-main .banner-content p.desc{margin-top:16px;margin-bottom:0}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-content a.banner-link{margin-top:28px}@media (max-width: 1399px){.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-content h4.title{font-size:24px}}@media (max-width: 1199px){.banner-grid .grid-wrap ul.banner-ul li.banner-li{width:calc(50% - 30px)}.banner-grid .grid-wrap ul.banner-ul li.banner-li.content-banner{order:1}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main,.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main span.image,.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main span.image img{height:unset}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main span.image img{object-fit:unset}}@media (max-width: 767px){.banner-grid .grid-wrap ul.banner-ul{margin-top:-15px;margin-inline-start:-15px}.banner-grid .grid-wrap ul.banner-ul li.banner-li{width:calc(50% - 15px);margin-top:15px;margin-inline-start:15px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.offer-banner .banner-main .banner-content.slider-content-right{inset-inline-start:20px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.offer-banner .banner-main .banner-content.slider-content-left{inset-inline-end:20px}}@media (max-width: 600px){.banner-grid .grid-wrap ul.banner-ul li.banner-li{width:calc(100% - 15px)}.banner-grid .grid-wrap ul.banner-ul li.banner-li.content-banner{order:unset}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/banner-grid.css.map */