.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{width:calc(33.33% - 30px);margin-top:30px;margin-inline-start:30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-item .banner-main{position:relative;display:flex;align-items:center}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-item .banner-main span.image{position:relative;overflow:hidden;border-radius:var(--sti-border-radius)}.banner-grid .grid-wrap ul.banner-ul li.banner-li.two-banner .banner-item .banner-main:not(:first-child){margin-top:30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.single-banner .banner-item .banner-main{align-items:flex-start;justify-content:center;text-align:center}.banner-grid .grid-wrap ul.banner-ul li.banner-li.single-banner .banner-item,.banner-grid .grid-wrap ul.banner-ul li.banner-li.single-banner .banner-item .banner-main,.banner-grid .grid-wrap ul.banner-ul li.banner-li.single-banner .banner-item .banner-main span.image,.banner-grid .grid-wrap ul.banner-ul li.banner-li.single-banner .banner-item .banner-main span.image img{height:100%}.banner-grid .grid-wrap ul.banner-ul li.banner-li.single-banner .banner-item .banner-main span.image img{object-fit:cover}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-item .banner-main .banner-content{position:absolute;left:30px;right:30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.two-banner .banner-item .banner-main .banner-content{width:50%}.banner-grid .grid-wrap ul.banner-ul li.banner-li.single-banner .banner-item .banner-main .banner-content{top:50px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-item .banner-main .banner-content span.subtitle{font-size:var(--subtitle-font-size-body);margin-bottom:16px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-item .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 .banner-item .banner-main .banner-content a.banner-link{color:var(--font-color-body);font-size:var(--subtitle-font-size-body);font-weight:var(--subtitle-custom-font-weight-body);margin-top:20px;text-transform:uppercase;border-bottom:1px solid;line-height:1}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-item .banner-main .banner-content a.banner-link:hover{color:var(--font-color-primary)}@media (max-width: 1199px){.banner-grid .grid-wrap ul.banner-ul li.banner-li.single-banner .banner-item .banner-main .banner-content{top:30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-item .banner-main .banner-content span.subtitle{margin-bottom:8px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-item .banner-main .banner-content h4.title{font-size:24px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-item .banner-main .banner-content a.banner-link{margin-top:12px}}@media (max-width: 991px){.banner-grid .grid-wrap ul.banner-ul li.banner-li{width:calc(50% - 30px)}.banner-grid .grid-wrap ul.banner-ul li.banner-li.two-banner{width:calc(100% - 30px);order:1}.banner-grid .grid-wrap ul.banner-ul li.banner-li.two-banner .banner-item{display:flex;flex-wrap:wrap;margin-top:-30px;margin-inline-start:-30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.two-banner .banner-item .banner-main{width:calc(50% - 30px);margin-top:30px;margin-inline-start:30px}}@media (max-width: 767px){.banner-grid .grid-wrap ul.banner-ul{margin-top:-12px;margin-inline-start:-12px}.banner-grid .grid-wrap ul.banner-ul li.banner-li{width:calc(50% - 12px);margin-top:12px;margin-inline-start:12px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.two-banner{width:calc(100% - 12px);order:1}.banner-grid .grid-wrap ul.banner-ul li.banner-li.two-banner .banner-item{margin-top:-12px;margin-inline-start:-12px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.two-banner .banner-item .banner-main{width:calc(50% - 12px);margin-top:12px;margin-inline-start:12px}.banner-grid .grid-wrap ul.banner-ul li.banner-li.two-banner .banner-item .banner-main:not(:first-child){margin-top:12px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-item .banner-main .banner-content{left:12px;right:12px}}@media (max-width: 479px){.banner-grid .grid-wrap ul.banner-ul li.banner-li,.banner-grid .grid-wrap ul.banner-ul li.banner-li.two-banner .banner-item .banner-main{width:calc(100% - 12px)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/banner-grid.css.map */