<div class="custom-block custom-block-1">
    <div>
        <em class="porto-icon-truck"></em>
        <h3>FREE SHIPPING</h3>
        <p>Free shipping on all orders over $99.</p>
    </div>
    <div>
        <em class="porto-icon-dollar"></em>
        <h3>MONEY BACK GUARANTEE</h3>
        <p>100% money back guarantee.</p>
    </div>
    <div>
        <em class="porto-icon-lifebuoy"></em>
        <h3>ONLINE SUPPORT 24/7</h3>
        <p>Lorem ipsum dolor sit amet.</p>
    </div>
</div>
<div class="custom-block">
    <div id="custom-owl-slider-product" class="owl-carousel">
        <img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/product/ad1.jpg"}}" alt="" />
        <img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/product/ad2.jpg"}}" alt="" />
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $('#custom-owl-slider-product.owl-carousel').owlCarousel({
                items:1,
                lazyLoad:true
            });         
        });
    </script>
</div>
<h2 class="sidebar-title">Featured</h2>
<div class="sidebar-filterproducts custom-block" style="padding-top:0;padding-bottom:0;margin-bottom:0;">
  <div id="featured_product" class="owl-top-narrow">
    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="product_detail_featured_product" product_count="9" aspect_ratio="1" image_width="150" template="Smartwave_Filterproducts::side_list.phtml"}}
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#featured_product .owl-carousel").owlCarousel({
        loop: false,
        items: 1,
        nav: true,
        navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
        dots: false
      });
    });
  </script>
</div>