<style>
  .coupon-sale-text {
    transform: rotate(-2deg);
    letter-spacing: -0.02em;
    font-weight: 700;
    display: inline-block;
    padding: 4px 8px;
    position: relative;
  }
  .coupon-sale-text i {
    font-style: normal;
    position: absolute;
    left: -2.25em;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 0.4em;
    opacity: 0.6;
    letter-spacing: 0;
  }
  .coupon-sale-text b {
    color: #fff;
    padding: 0;
    font-size: inherit;
  }
  .coupon-sale-text sub {
    position: absolute;
    left: 100%;
    margin-left: 0.25rem;
    font-size: 0.625em;
    line-height: 1;
    bottom: 0.25em;
  }
</style>
<div class="porto-block">
  <div style="padding-top: 6.25rem; padding-bottom: 6.25rem; background-color: #f4f4f4; background: url('{{media url=&quot;wysiwyg/smartwave/porto/category/banner/shop14_shop_banner.png&quot;}}') no-repeat center;">
    <div class="container">
      <div class="row align-items-center">
        <div class="mb-4 mb-md-0 col-md-5 offset-lg-1 col-lg-4">
          <div class="wpb_wrapper vc_column-inner">
            <h2 style="font-size: 2.25rem; line-height: 1.2;" class="vc_custom_heading d-inline-block mb-0 align-right text-uppercase">
              Top electronic<br />
              Deals
            </h2>
          </div>
        </div>
        <div class="mb-4 mb-md-0 col-md-3">
          <div class="wpb_wrapper vc_column-inner">
            <div class="vc_btn3-container mb-0 vc_btn3-inline"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-primary">View Sale</button></div>
          </div>
        </div>
        <div class="ml-lg-n-4 col-md-4">
          <div class="wpb_wrapper vc_column-inner">
            <div style="font-size: 1.125rem; line-height: 1.8;" class="vc_custom_heading coupon-sale-text background-color-dark d-inline-block mb-2 align-left heading-light">Exclusive COUPON</div>
            <div class="vc_row wpb_row vc_inner row">
              <div class="vc_column_container col-md-12">
                <div class="wpb_wrapper vc_column-inner">
                  <div style="font-size: 1.625rem; line-height: 1;" class="vc_custom_heading coupon-sale-text background-color-secondary d-inline-block align-left heading-dark"><i>UP TO</i><b>$100</b><sub>OFF</sub></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
