<div class="slider-product-container big-nav-slider">
		<div class="slider-1">
		{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-grid-id16.phtml" title_module="Best Sellers" display_countdown="0" product_source="lastest_products" select_category="214,215,216,217,218" product_limitation="6"}}
		</div>
		<script type="text/javascript">
			require([
				'jquery',
				'owlcarousel'
			], function ($) {
				$(".slider-1 .block-content-products").owlCarousel({
					autoplay:false,
					nav : true, 
					dots: false,
					autoplaySpeed : 500,
					navSpeed : 500,
					dotsSpeed : 500,
					autoplayHoverPause: true,
					margin:20,
					
					responsive: {
						0: {
							items:1
						},
						480: {
							items:2
						},
						768: {
							items:3
						},
						991: {
							items:4
						},
						
						1200: {
							items:5
						},
					},
				});	  
			});		
		
		</script>
	</div>
	
<div class="list-services">
	<div class="item">
		<div class="item-inner">
			<img class="mark-lazy"  src="{{media url="wysiwyg/icon-services/sv-1.png"}}" alt="Free Shipping" />
			<h3>Free Shipping</h3>
			<p>Free shipping on all UK oders</p>
		</div>
	</div>
	<div class="item">
		<div class="item-inner">
			<img class="mark-lazy"  src="{{media url="wysiwyg/icon-services/sv-2.png"}}" alt="Money Guarantee" />
			<h3>Money Guarantee</h3>
			<p>30 days money back guarantee</p>
		</div>
	</div>
	<div class="item">
		<div class="item-inner">
			<img class="mark-lazy"  src="{{media url="wysiwyg/icon-services/sv-3.png"}}" alt="Safe Shopping" />
			<h3>Safe Shopping</h3>
			<p>Safe shopping guarantee</p>
		</div>
	</div>
	<div class="item">
		<div class="item-inner">
			<img class="mark-lazy"  src="{{media url="wysiwyg/icon-services/sv-4.png"}}" alt="Online Support" />
			<h3>Online Support</h3>
			<p>We support online 24/24 on day</p>
		</div>
	</div>
</div>