<div class="wpb_content_element">
  <style>
   .sidebar-content .widget-title {
      font-size: 12px;
      font-weight: 600;
      color: #000;
      letter-spacing: .05em;
      border-bottom: 1px solid #e7e7e7!important;
      padding: 6px 0!important;
    }
    .flash-sale .product-item-info .product-item-inner,
    .flash-sale .product-item-info .product-reviews-summary,
    .flash-sale .product-item .weltpixel-quickview.weltpixel_quickview_button_v2{
      display: none;
    }
    .flash-sale .product-item-photo img {
      max-width: 64%;
    }
    .flash-sale .product-item-photo {
      background: none;
      margin-bottom: 0!important;
    }
    .flash-sale .products .product-item {
      margin-bottom: 0;
    }
    .flash-sale .product-item-info:hover .product-item-photo {
      box-shadow: none;
    }
    .background-color-gray {
      background-color: #f6f7f9;
    }
    .porto-ultimate-content-box {
      font-size: inherit;
    }
    .vc_btn3.btn {
       font-weight: 700;
       letter-spacing: .01em;
       padding: 1em 1.75em;
       text-transform: uppercase;
    }
  </style>
  <div class="wpb_wrapper">
    <div class="widget woocommerce widget_products">
      <h3 class="widget-title">Featured Products<span class="toggle"></span></h3>
      {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="3" aspect_ratio="0" image_width="150" image_height="150" template="small_list.phtml"}}
    </div>
    <div class="widget widget_text">
      <h3 class="widget-title">Custom HTML Block<span class="toggle"></span></h3>
      <div class="textwidget">
        <p style="font-size: 13px;">This is a custom sub-title.</p>
        <h6>Lorem ipsum dolor sit amet, con sec tetur elitad.</h6>
      </div>
    </div>
    <div class="widget widget-block">
      <div class="block">
        <div class="porto-block">
          <div class="pt_row wpb_row row">
            <div class="pt_column_container col-md-12">
              <div class="wpb_wrapper pt_column-inner">
                <div class="porto-separator"><hr class="separator-line align_center solid" style="background-color: #e7e7e7;" /></div>
                <div class="porto-ultimate-content-box-container background-color-secondary h-100">
                  <div class="porto-ultimate-content-box" style="padding: 20px;">
                    <h2 style="font-size: 15px; line-height: 1; text-align: center; font-weight: 700; margin: -20px -20px 20px; padding-top: 20px; padding-bottom: 20px; background-color: #f86c86;" class="pt_custom_heading text-uppercase heading-light">
                      Flash Sale Running!
                    </h2>
                    <div class="porto-products wpb_content_element m-b-md background-color-gray flash-sale">
                    	{{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="1" product_count="1" column_count="1" aspect_ratio="1" image_width="300" image_height="300" template="grid.phtml"}}
                    </div>
                    <div class="btn-container btn-secondary-light mb-0 text-center w-100">
                      <a class="vc_btn3 btn btn-md btn-secondary d-block" href="#">SHOP SALE NOW</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
