.banner-grid{position:relative}.banner-grid .grid-wrap ul.banner-ul{display:flex;flex-wrap:wrap;border-radius:var(--sti-border-radius);overflow:hidden;margin-top:-30px;margin-inline-start:-30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li{width:calc(50% - 30px);margin-top:30px;margin-inline-start:30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main{position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main a.banner-image span.image{position:relative;overflow:hidden;display:block;border-radius:var(--sti-border-radius)}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main a.banner-image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgb(3 3 3 / 50%),transparent);z-index:1;pointer-events:none;border-radius:var(--sti-border-radius)}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text{position:absolute;bottom:50px;left:50px;right:50px;z-index:3}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text .banner-text-wrap{display:flex;text-align:start;align-items:center;justify-content:space-between}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text span.subtitle{font-size:25px;margin-bottom:2px;font-family:var(--font-custom-stack-other);font-weight:var(--font-custom-weight-section-header)}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text h2.title{font-size:30px;font-weight:var(--font-custom-weight-section-header);line-height:1}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text h2.title:hover{color:var(--font-color-primary)}@media (max-width: 1399px){.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text{bottom:30px;left:30px;right:30px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text span.subtitle{font-size:22px;margin-bottom:1px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text h2.title{font-size:26px}}@media (max-width: 1199px){.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text span.subtitle{font-size:18px;margin-bottom:1px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text h2.title{font-size:24px}}@media (max-width: 991px){.banner-grid .grid-wrap ul.banner-ul li.banner-li{width:calc(100% - 30px)}}@media (max-width: 767px){.banner-grid .grid-wrap ul.banner-ul{margin-top:-15px;margin-inline-start:-12px}.banner-grid .grid-wrap ul.banner-ul li.banner-li{width:calc(100% - 12px);margin-top:15px;margin-inline-start:12px}}@media (max-width: 479px){.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text{bottom:15px;left:15px;right:15px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text span.subtitle{font-size:16px;margin-bottom:1px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text h2.title{font-size:20px}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text .banner-text-wrap{text-align:center;flex-direction:column}.banner-grid .grid-wrap ul.banner-ul li.banner-li .banner-main .banner-text .banner-text-wrap .banner-button{margin-top:13px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/banner-grid.css.map */