<div class="shop7_category_banner" style="padding-top: 3.7rem;padding-bottom: 3.7rem;background-color: #31363d;background-image: url('{{media url=&quot;wysiwyg/smartwave/porto/category/banner/shop7_shop_banner.jpg&quot;}}');background-position: center;background-repeat: no-repeat;background-size: cover;">
  <div class="porto-wrap-container container">
    <div class="row">
      <div class="py-md-4 col-md-12">
        <div class="wpb_wrapper vc_column-inner">
          <div class="porto-ultimate-content-box-container d-md-inline-block mr-4 mb-4 mb-md-0">
            <div class="porto-ultimate-content-box">
              <h3 style="font-size: 2.625em; line-height: 1;" class="vc_custom_heading custom-font4 mb-1 align-left heading-light">New Season Sale</h3>
              <h3 style="font-size: 5.5em; line-height: 1;" class="vc_custom_heading mb-0 align-left heading-light">40% OFF</h3>
            </div>
          </div>
          <div class="btn-container mb-0 d-inline-block" style="margin-left: -4px;border-left: 5px solid #fff;padding-left: 22px;">
            <button class="btn btn-modern btn-lg btn-light">SHOP NOW <i style="padding-left: 7px;" class="fas fa-long-arrow-alt-right"></i></button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<style>
.porto-ultimate-content-box {
    font-size: inherit;
}
.shop7_category_banner .vc_column-inner > div {
    vertical-align: middle;
}
.shop7_category_banner {
    font-size: 16px;
}
.shop7_category_banner .btn-modern {
    font-family: Poppins;
    font-weight: 700;
}
@media (max-width: 767px) {
.shop7_category_banner {
    font-size: 12px;
}
}
</style>