<div
  class="row category-banner porto-ibanner-layer position-static"
  style="background-image: url('{{media url=&quot;wysiwyg/smartwave/porto/category/banner/shop9_shop_banner.jpg&quot;}}');margin: 20px 0 0 0;padding: 58px 0 58px 5%;background-color: #e7e7e7;background-position: center;background-repeat: no-repeat;background-size: cover;">
  <div class="col-auto col-md-6" style="padding: 15px;">
    <div class="wpb_wrapper vc_column-inner">
      <h3 style="font-size: 1.2em; color: rgba(34, 37, 41, 0.7); line-height: 1.2; font-weight: 500; letter-spacing: 0.065em;" class="vc_custom_heading mb-3 align-left">Find the Boundaries. Push Through!</h3>
      <h2 style="font-size: 4.09em; line-height: 1;" class="vc_custom_heading mb-0 align-left text-uppercase">Shoes Sale</h2>
    </div>
  </div>
  <div class="col-auto m-t-n-xs col-md-6" style="padding: 15px;">
    <div class="wpb_wrapper vc_column-inner">
      <h5 style="font-size: 0.8125em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading d-inline-block mb-3 mr-2 align-left">STARTING AT</h5>
      <h5 style="font-size: 0.8125em; line-height: 0.9; letter-spacing: -0.02em;margin-left: -4px;" class="vc_custom_heading coupon-sale-text m-b-md align-left heading-light">$<b>119</b>99</h5>
      <div class="btn-container mb-0 text-left"><button class="btn btn-modern btn-md btn-dark">Shop Now!</button></div>
    </div>
  </div>
</div>
<style>
  .coupon-sale-text {
    transform: none;
    position: relative;
    display: inline-block;
    padding: 6px 10px 4px;
    z-index: 1;
  }
  .coupon-sale-text:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: #ff7272;
    transform: rotate(-2deg);
  }
  .coupon-sale-text b {
    font-size: 200%;
    vertical-align: text-top;
    padding: 0;
  }
  .porto-ibanner-layer .btn-modern.btn-md {
    font-size: .85em;
    padding: 1em 3.25em;
}
</style>
