.banner-grid{width:100%}.banner-grid .button-content{text-align:unset;width:unset}.advanced-image-blog,.banner-image,.banner-up,.banner-down{position:relative}.banner-up{margin-bottom:30px}.banner-grid-style-1{position:absolute;z-index:9;top:0;right:1.5rem;left:1.5rem;bottom:0;padding:3rem}.banner-grid-style-2{padding:0 4rem;margin-top:-40px}.title-section em{color:red}.banner-content{align-items:center}.banner-image-hover{overflow:hidden}.banner-image-hover:before,.banner-image-hover:after{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;opacity:0;transition:all .5s ease-in-out;z-index:99}.banner-image-hover:before{border-top:.1rem solid #fff;border-bottom:.1rem solid #fff;transform:scaleX(0)}.banner-image-hover:after{transform:scaleY(0);border-left:.1rem solid #fff;border-right:.1rem solid #fff}.banner-image-hover:hover:before,.banner-image-hover:hover:after{transform:scale(1);opacity:1}.banner-image-hover img{transition:all .5s ease-in-out}.banner-image-hover:hover img{transform:scale(1.1)}.banner-grid-content.image-banner-grid__media--placeholder.placeholder{background:transparent}.image-banner-grid__media--placeholder .placeholder-svg{height:100%;width:100%}@media (max-width: 767px){.banner-grid-content.image-banner-grid__media--placeholder.placeholder{margin-bottom:15px}}.banner-grid h5{font-weight:500;font-size:13px;line-height:1.7;text-transform:uppercase;margin-bottom:0}.banner-grid h5 span{position:relative}.banner-grid h5 span:before{content:"";display:inline-block;position:absolute;width:0;height:2px;background-color:var(--g-main);left:auto;right:0;bottom:-2px;transition:all .3s ease}.banner-grid .banner-grid-content:hover h5 span:before{width:100%;left:0;right:auto}.banner-grid h3{font-size:40px;line-height:1.2;font-weight:700;text-transform:capitalize}.banner-grid p{font-style:normal;font-weight:400;font-size:18px;line-height:1.5;margin-bottom:0;text-transform:capitalize}.banner-grid img{max-width:100%;width:100%;transition:all .3s ease}.banner-grid .full-box img{height:auto}.banner-grid .banner-item{margin-bottom:30px}.banner-grid-content:hover .banner-hover:before{width:100%;left:0;right:auto}.banner-grid .banner-grid-content{overflow:hidden}.banner-grid .banner-grid-content:hover img{transform:scale(1.02)}.banner-grid .full-box .banner-left{display:none}.banner-grid .full-box .banner-main{width:100%}.banner-grid .two-col .banner-main{padding:0 15px}.banner-grid .text-sale{font-style:normal;font-weight:900;font-size:40px;line-height:60px;text-transform:uppercase}@media (max-width: 1200px){.banner-grid img{min-height:240px;object-fit:cover;transition:all .3s ease}}@media (min-width: 768px) and (max-width: 1199px){.banner-grid .banner-main-content img{max-height:347px}.banner-grid .banner-up,.banner-grid .banner-down{width:50%}.banner-grid .banner-up{padding-right:10px}.banner-grid .banner-down{padding-left:10px}.banner-grid .banner-row{display:flex}.banner-grid .banner-item{padding:0 10px}.banner-grid .banner-item{margin-bottom:20px}}@media (max-width:567px){.banner-grid .banner-item,.banner-up{margin-bottom:10px}.banner-grid-style-1{right:0;left:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/banner-grid.css.map */
