<div class="row">
  <div class="mb-2 col-lg-12">
    <div class="porto-carousel owl-carousel">
      <div class="porto-ultimate-content-box-container">
        <div
             class="porto-ultimate-content-box vc_custom_1599764578086 has-content-pos justify-content-center"
             style="
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center top;
                    background-color: rgba(0, 0, 0, 0);
                    min-height: 280px;
                    background-image: url('{{media url=&quot;wysiwyg/smartwave/porto/homepage/01/shop1_shop_slider1.jpg&quot;}}');
                    "
             >
          <h4 style="font-size: 0.8675em; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 align-left">Find the Boundaries. Push Through!</h4>
          <h2 style="font-size: 2.524375em; line-height: 1; font-weight: 700; letter-spacing: 0.005em;" class="vc_custom_heading custom-font4 mb-0 align-left heading-light">Summer Sale</h2>
          <h3 style="font-size: 4.38625em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-light">30% OFF</h3>
          <div class="vc_row wpb_row vc_inner row">
            <div class="vc_column_container col-md-12">
              <div class="wpb_wrapper vc_column-inner">
                <h4 style="font-size: 0.75em; line-height: 1; font-weight: 400;" class="vc_custom_heading mr-2 pull-left p-t-sm align-left text-uppercase heading-light">Starting At</h4>
                <h4 style="font-size: 0.8em; color: #ff7272; line-height: 1;" class="vc_custom_heading coupon-sale-text d-inline-block mr-2 align-left">
                  <b><sup>$</sup>199<sup>99</sup></b>
                </h4>
                <div class="btn-container mb-0 d-inline-block" style="margin-left:-4px;"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-lg btn-dark" style="font-size: 11.4px;">Get Yours!</button></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="porto-ultimate-content-box-container">
        <div
             class="porto-ultimate-content-box vc_custom_1599764587094 has-content-pos justify-content-center"
             style="
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center top;
                    background-color: rgba(0, 0, 0, 0);
                    min-height: 280px;
                    background-image: url('{{media url=&quot;wysiwyg/smartwave/porto/homepage/01/shop1_home_slider2.jpg&quot;}}');
                    "
             >
          <h4 style="font-size: 0.92625em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">OVER 200 PRODUCTS WITH DISCOUNTS</h4>
          <h3 style="font-size: 3.183125em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">GREAT DEALS</h3>
          <div class="vc_row wpb_row vc_inner row">
            <div class="vc_column_container col-md-12">
              <div class="wpb_wrapper vc_column-inner">
                <h4 style="font-size: 0.875em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-dark">Starting At</h4>
                <h4 style="font-size: 1.625em; line-height: 1;" class="vc_custom_heading pull-left mr-3 align-left heading-dark">
                  <b><sup>$</sup>299<sup>99</sup></b>
                </h4>
                <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark" style="font-size: 12.17px;">Get Yours!</button></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="porto-ultimate-content-box-container">
        <div
             class="porto-ultimate-content-box vc_custom_1599764595067 has-content-pos justify-content-center"
             style="
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center top;
                    background-color: rgba(0, 0, 0, 0);
                    min-height: 280px;
                    background-image: url('{{media url=&quot;wysiwyg/smartwave/porto/homepage/01/shop1_home_slider3.jpg&quot;}}');
                    "
             >
          <h4 style="font-size: 0.95875em; color: rgba(119, 119, 119, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading ls-80 mb-2 align-left">UP TO 70% OFF</h4>
          <h3 style="font-size: 2.875625em; line-height: 1; font-weight: 700;" class="vc_custom_heading mb-3 align-left heading-dark">NEW ARRIVALS</h3>
          <div class="vc_row wpb_row vc_inner row">
            <div class="vc_column_container col-md-12">
              <div class="wpb_wrapper vc_column-inner">
                <h4 style="font-size: 0.875em; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mr-2 pull-left align-left text-uppercase heading-dark">Starting At</h4>
                <h4 style="font-size: 1.625em; line-height: 1;" class="vc_custom_heading pull-left m-r-lg align-left heading-dark">
                  <b><sup>$</sup>299<sup>99</sup></b>
                </h4>
                <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark" style="font-size: 12.59px;">Get Yours!</button></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
  require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
    var banner_owl = $(".porto-carousel.owl-carousel");
    banner_owl.owlCarousel({
      items: 1,
      autoplay: false,
      autoplayTimeout: 5000,
      autoplayHoverPause: true,
      dots: false,
      nav: false,
      navRewind: true,
      animateIn: "fadeIn",
      animateOut: "fadeOut",
      loop: true,
      lazyLoad: true,
    });
  });
</script>
<style>
  .vc_custom_1599764587094,.vc_custom_1599764578086,.vc_custom_1599764595067 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 7.25%;
  }
  .porto-ultimate-content-box {
    font-size: 16px;
    position: relative;
  }
  .ls-80 {
    letter-spacing: 0.08em;
  }
  .coupon-sale-text {
    transform: rotate(-2deg);
    letter-spacing: -0.01em;
    position: relative;
    font-weight: 700;
  }
  .coupon-sale-text b {
    display: inline-block;
    font-size: 1.6em;
    padding: 5px 8px;
    background: #fff;
  }
  .btn-modern.btn-lg {
    padding: 0.7rem 2.15rem;
    line-height: 1.3333;
  }
  .category-cms, .category-image, .category-description {
    margin-bottom: 0; 
  }
  .m-r-lg {
    margin-right: 30px!important;
  }
</style>
