.hero-banner-row{display:flex;flex-wrap:wrap;margin:0 -2.5px}.hero-banner-row>*{width:50%;padding:0 2.5px}.hero-banner-main{position:relative;border-radius:5px;overflow:hidden;display:block;height:100%;min-height:200px}.hero-banner-main>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width:767px){.hero-banner-main>img{object-position:right}}.hero-banner-txt{position:absolute;top:0;left:0;width:100%;height:100%;padding:12.5% 8.5%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#fff}.hero-banner-txt h4{font-size:48px;text-transform:uppercase;margin-bottom:18px}.hero-banner-txt h6{font-size:26px;margin-bottom:16px}.hero-banner-sub-row{display:flex;flex-wrap:wrap;margin:-2.5px}.hero-banner-sub-row>*{width:33.33%;padding:2.5px}.hero-banner-sub-main{position:relative;padding-bottom:calc(119% + 2px);border-radius:5px;overflow:hidden;display:block}.hero-banner-sub-main>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-banner-sub-txt{position:absolute;top:0;left:0;width:100%;height:100%;padding:18% 10px;color:#0b0b0b;text-align:center}.hero-banner-sub-txt h6{margin:0;text-transform:uppercase;font-size:18px;font-weight:700}@media (min-width:501px) and (max-width:991px){.hero-banner-sub-txt h6{font-size:24px}body .categories-img-box{padding-bottom:225px}.hero-banner-sub-item .hero-banner-sub-main>img{transform:scale(1.2) translateY(-8%)}}@media (max-width:991px){.hero-banner-row{margin:0}.hero-banner-row>*{width:100%;padding:0}.hero-banner-sub-row{margin:1px}.hero-banner-sub-row>*{width:50%;padding:1px}.section-hero-banner{overflow:hidden}.section-hero-banner .page-width{padding:0}.hero-banner-main{border-radius:0;min-height:auto;padding-bottom:96%;height:auto}.hero-banner-txt{padding:47px 20px}.hero-banner-txt h4{font-size:36px;margin-bottom:9px}.hero-banner-txt h6{font-size:20px;font-weight:500;margin-bottom:5px}.hero-banner-sub-main{padding-bottom:calc(150% + 2px);border-radius:0}.hero-banner-sub-txt{padding:30px 5px}}@media (max-width:767px){.hero-banner-sub-main>img{object-position:50% 75%;transform:scale(1.2) translateY(-22px)}.hero-banner-row-2 .hero-banner-sub-main{padding-bottom:0;display:initial}.hero-banner-row-2 .hero-banner-sub-main img{position:unset;transform:none;object-position:unset}}
/*# sourceMappingURL=/cdn/shop/t/444/assets/global-hero-banner.css.map */