<div class="porto-block">
  <style>
    .feature-box .feature-box-info {
      padding-left: 0;
    }
    .porto-ibanner {
      z-index: 1;
      overflow: hidden;
      margin: 0 0 35px;
      text-align: center;
    }
    .product-banner:before {
      content: "";
      position: absolute;
      left: 10px;
      top: 10px;
      right: 10px;
      bottom: 10px;
      border: 2px solid rgba(255, 255, 255, 0.5);
      z-index: 1;
    }
    .porto-ibanner-layer {
      position: absolute;
      z-index: 10;
      text-align: left;
      font-size: 1rem;
    }
    .porto-ibanner .porto-ibanner-desc.no-padding {
      padding: 0;
    }
    .product-banner .sale-text {
      position: relative;
    }
    .product-banner .sale-text:before,
    .product-banner .sale-text:after {
      content: "";
      position: absolute;
      width: 120px;
      height: 60px;
      margin-top: -30px;
      margin-left: -60px;
      top: 50%;
      left: 50%;
      border-radius: 60px 60px 0 0;
      transform-origin: 50% 100%;
    }
    .product-banner .sale-text {
      padding-top: 1.1em;
      margin-bottom: 0.9em;
      padding-left: 0.1em;
    }
    .product-banner .sale-text:before {
      transform: rotate(-60deg);
    }
    .product-banner .sale-text:after {
      margin-top: -34px;
      margin-left: -56px;
      transform: rotate(120deg);
    }
    .product-banner .sale-text > * {
      position: relative;
      z-index: 1;
    }
    .product-banner .sale-text b {
      font-weight: inherit;
    }
    .product-banner .sale-text sup {
      font-size: 45%;
      top: -0.9em;
      left: 0.3em;
    }
    .product-banner .sale-text sub {
      font-size: 35%;
      font-weight: 200;
      left: -0.8em;
      bottom: 0.1em;
    }
    .custom-font1 {
      font-family: Oswald, sans-serif;
    }
  </style>
  <div class="porto-sicon-box style_1 default-icon">
    <div class="porto-sicon-default">
      <div class="porto-just-icon-wrapper" style="text-align: center;">
        <div class="porto-icon none" style="font-size: 40px; display: inline-block;"><i class="porto-icon-shipped"></i></div>
      </div>
    </div>
    <div class="porto-sicon-header">
      <h5 class="porto-sicon-title" style="color: #6b7a83;">
        FREE <br />
        HIPPING
      </h5>
    </div>
  </div>
  <hr style="background-color: #e7e7e7; color: #e7e7e7; opacity: 0.4;" />
  <div class="porto-sicon-box style_1 default-icon">
    <div class="porto-sicon-default">
      <div class="porto-just-icon-wrapper" style="text-align: center;">
        <div class="porto-icon none" style=" font-size: 40px; display: inline-block;"><i class="porto-icon-us-dollar"></i></div>
      </div>
    </div>
    <div class="porto-sicon-header">
      <h5 class="porto-sicon-title" style="color: #6b7a83;">
        100% MONEY BACK<br />
        GUARANTEE
      </h5>
    </div>
  </div>
  <hr style="background-color: #e7e7e7; color: #e7e7e7; opacity: 0.4;" />
  <div class="porto-sicon-box mb-5 style_1 default-icon">
    <div class="porto-sicon-default">
      <div class="porto-just-icon-wrapper" style="text-align: center;">
        <div class="porto-icon none" style="font-size: 40px; display: inline-block;"><i class="porto-icon-online-support"></i></div>
      </div>
    </div>
    <div class="porto-sicon-header">
      <h5 class="porto-sicon-title" style="color: #6b7a83;">
        ONLINE<br />
        SUPPORT 24/7
      </h5>
    </div>
  </div>
  <div class="porto-ibanner product-banner" style="">
    <img src="{{media url=&quot;wysiwyg/smartwave/porto/product/shop1_product_banner.jpg&quot;}}" />
    <div class="porto-ibanner-desc no-padding d-flex">
      <div class="porto-ibanner-layer" style="width: 80%; left: 50%; transform: translateX(-50%); top: 3%;">
        <h4 class="porto-heading sale-text custom-font1" style="font-size: 3rem; font-weight: 400; line-height: 1; letter-spacing: -0.01em; color: #ffffff; text-align: center;"><b>50</b><sup>%</sup><sub>OFF</sub></h4>
        <h3 class="porto-heading custom-font1 mb-2" style="font-size: 2.3125em; font-weight: 700; line-height: 1.2; color: #113952; text-align: center;">MEGA SALE</h3>
        <h5 class="porto-heading mb-0 custom-font1" style="font-size: 1.2em; font-weight: 400; letter-spacing: 0.1em; color: #113952; text-align: center;">MANY ITEM</h5>
      </div>
    </div>
  </div>
</div>
