<div class="porto-block">
  <style>
    .ls-10em {
      letter-spacing: .01em;
    }
    .ls-25em {
      letter-spacing: .025em;
    }
    .ls-negative-25em {
      letter-spacing: -.025em;
    }
    .font-weight-semibold, .text-weight-semibold {
      font-weight: 600;
    }
    .pt_btn3.btn {
      font-family: 'Open Sans';
      font-weight: 700;
      text-transform: uppercase;
      padding: 1.2em 2.5em;
      letter-spacing: .01em;
    }
  </style>
  <div class="pt_row wpb_row porto-inner-container">
    <div class="porto-wrap-container container">
      <div class="row">
        <div class="pt_column_container col-md-12">
          <div class="wpb_wrapper pt_column-inner">
            <div class="pt_row wpb_row pt_inner row pt_row-has-fill pt_row-o-content-middle pt_row-flex" style="margin-top: 20px !important; margin-right: 0px !important; margin-left: 0px !important; background-color: #f4f4f4 !important;">
              <div class="px-0 pt_column_container col-md-4 porto-lazyload lazy-load-loaded"
                   style="background-image: url('{{media url=&quot;wysiwyg/smartwave/porto/category/banner/shop29_shop_banner.jpg&quot;}}');
                          padding-top: 70px;
                          padding-bottom: 70px;
                          background-position: center;
                          background-repeat: no-repeat;
                          background-size: cover;">
                <div class="wpb_wrapper pt_column-inner"></div>
              </div>
              <div class="py-4 pt_column_container col-md-5">
                <div class="wpb_wrapper pt_column-inner">
                  <h2 style="font-size: 38px; color: #181a1c; line-height: 1; font-weight: 800;" class="pt_custom_heading mb-1 ls-10em align-left text-uppercase">PORTO SWITCH LITE</h2>
                  <h3 style="font-size: 18px; color: #777777; line-height: 1; font-weight: 700;" class="pt_custom_heading mb-0 ls-25em align-left text-uppercase">now available for pre-order</h3>
                </div>
              </div>
              <div class="pt_column_container col-md-3">
                <div class="wpb_wrapper pt_column-inner">
                  <div class="btn-container mb-3 mb-md-0 d-inline-block"><button class="pt_btn3 btn btn-md btn-quaternary">PRE-ORDER NOW</button></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
