<div class="porto-block">
  <style>
    .vc_custom_1575507713175 {
      padding-top: 4.25rem;
      padding-bottom: 4.25rem;
      background-color: #77e1ff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .coupon-sale-text {
      letter-spacing: -.01em;
    }
    .coupon-sale-text b {
      display: inline-block;
      font-size: 1.6em;
      padding: 5px 8px;
      background: #fff;
    }
    .coupon-sale-text i {
      font-style: normal;
      position: absolute;
      left: -2.25em;
      top: 50%;
      transform: translateY(-50%) rotate(-90deg);
      font-size: .65em;
      opacity: .6;
      letter-spacing: 0;
    }
  </style>
  <div
       class="vc_custom_1575507713175 text-left porto-inner-container"
       style="background-image: url('{{media url=&quot;wysiwyg/smartwave/porto/category/banner/shop1_shop_banner.jpg&quot;}}');"
       >
    <div class="porto-wrap-container container">
      <div class="row">
        <div class="pl-lg-4 pl-xl-5 mb-4 mb-md-0 vc_column_container col-md-5 col-xl-4 col-lg-4 offset-1">
          <div class="wpb_wrapper vc_column-inner">
            <h2 style="font-size: 3rem; line-height: 1;" class="vc_custom_heading mb-3 align-left text-uppercase">ELECTRONIC DEALS</h2>
            <div class="vc_btn3-container mb-0 vc_btn3-inline"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-md btn-dark">GET YOURS!</button></div>
          </div>
        </div>
        <div class="vc_column_container col-md-4 offset-md-0 offset-1">
          <div class="wpb_wrapper vc_column-inner">
            <div style="font-size: 0.7rem; line-height: 1.7;" class="vc_custom_heading coupon-sale-text my-2 align-left heading-dark"><b>Exclusive COUPON</b></div>
            <div style="font-size: 1rem; line-height: 0.9;" class="vc_custom_heading coupon-sale-text align-left heading-dark"><i>UP TO</i><b>$100</b> OFF</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
