<div class="porto-block">
  <style>
    .section {
      background-color: #f4f4f4;
      padding: 70px 0 20px;
      margin: 0;
    }
    .porto-u-heading {
      text-align: center;
      margin-bottom: 17px;
    }
    .shop-banner .porto-u-sub-heading {
      letter-spacing: -0.05em;
      margin-left: -3px;
    }
    .shop-banner .vc_column_container > .vc_column-inner {
      width: auto;
    }
  </style>
  <div
       class="vc_row wpb_row shop-banner section"
       style="padding-bottom: 50px;
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
              background-image: url('{{media url=&quot;wysiwyg/smartwave/porto/category/banner/shop21_shop_banner.jpg&quot;}}');
              ">
    <div class="container">
      <div class="row">
        <div class="d-flex justify-content-md-center col-md-6">
          <div class="wpb_wrapper vc_column-inner">
            <div class="porto-u-heading"style="text-align: left;">
              <div class="porto-u-main-heading"><h2 style="font-weight: 400; color: #444444; margin-bottom: 8px; font-size: 20px;line-height: normal;">START THE REVOLUTION</h2></div>
              <div class="porto-u-sub-heading" style="font-weight: 700; color: #222529; margin-bottom: 0px; font-size: 52px; line-height: 48px;">DRONE PRO 4</div>
            </div>
            <h3 style="font-size: 24px; color: #444444; line-height: 1; font-weight: 400;" class="vc_custom_heading align-left text-uppercase">from <b>$499</b></h3>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
