<div class="slider-1">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id18.phtml" title_module="New Arrivals" display_countdown="0" product_source="lastest_products" select_category="221" product_limitation="7"}}
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var slider_1 = $(".slider-1 .block-content-slider");
		slider_1.owlCarousel({				
			nav: true,
			dots:false,
			margin: 30,
			
			responsive: {
				0: {
					items:1
				},
				
				480: {
					items:2
				},
				
				768: {
					items:3
				},
				
				991: {
					items:4
				},	
				
				1200: {
					items:5
				},
			}
		});	  
	});
		
</script>
</div>
<div class="client-wrapper lazyload-container">
<div class="client-slider-fashion">
<div class="item">
<div class="client-info"><img class="mark-lazy"  src="{{media url="wysiwyg/clients/client-1.jpg"}}" alt="Online Support" />
<h5>Johny Walker</h5>
<p>CEO Envato - Themeforest</p>
</div>
<div class="client-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br /> incididunt ut laboreet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco<br /> laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
<div class="item">
<div class="client-info"><img class="mark-lazy"  src="{{media url="wysiwyg/clients/client-2.jpg"}}" alt="Online Support" />
<h5>Nik Johanson</h5>
<p>Designer - Themeforest</p>
</div>
<div class="client-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br /> incididunt ut laboreet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco<br /> laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
<div class="item">
<div class="client-info"><img class="mark-lazy"  src="{{media url="wysiwyg/clients/client-3.jpg"}}" alt="Online Support" />
<h5>Adam Lamber</h5>
<p>Marketing - Themeforest</p>
</div>
<div class="client-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br /> incididunt ut laboreet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco<br /> laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
<div class="item">
<div class="client-info"><img class="mark-lazy"  src="{{media url="wysiwyg/clients/client-1.jpg"}}" alt="Online Support" />
<h5>Micheal Walker</h5>
<p>Supporter - Themeforest</p>
</div>
<div class="client-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br /> incididunt ut laboreet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco<br /> laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		$(".client-slider-fashion").owlCarousel({
			items:1,
			autoplay:true,
			loop:true,
			nav : false, 
			dots: true,
			autoplaySpeed : 500,
			navSpeed : 500,
			dotsSpeed : 500,
			autoplayHoverPause: true,
			margin:20,
		});	  
	});					
			
			
		
</script>
</div>
<div class="slider-2">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id18.phtml" title_module="Featured Products" display_countdown="0" product_source="featured_products" select_category="221" product_limitation="7"}}
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var slider_1 = $(".slider-2 .block-content-slider");
		slider_1.owlCarousel({				
			nav: true,
			dots:false,
			margin: 30,
			
			responsive: {
				0: {
					items:1
				},
				
				480: {
					items:2
				},
				
				768: {
					items:3
				},
				
				991: {
					items:4
				},	
				
				1200: {
					items:5
				},
			}
		});	  
	});

</script>
</div>