<div class="services-home">
<div class="banner-policy">
<div class="inner">
<div class="policy"><a title="90 days money back" href="#"><em class="fa fa-truck"></em><span>FREE SHIPPING<br />ON ALL ORDER</span></a></div>
<div class="policy"><a title="free shipping on all orders" href="#"><em class="fa fa-recycle"></em><span>Money Back<br />Guarantee</span></a></div>
<div class="policy"><a title="lowest price guarantee" href="#"><em class="fa fa-umbrella"></em><span>SAFE SHOPPING<br />GUARANTEE</span></a></div>
<div class="policy"><a title="Online Support 24h on day" href="#"><em class="fa fa-medkit"></em><span>Online Support<br />24h on day</span></a></div>
</div>
</div>
</div>
<div class="listingtab-custom list-product-home">{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default_v3.phtml" title="Electronic" type_show="slider" type_listing="all" display_countdown="0" under_price="5" type_filter="fieldproducts" field_tabs="lastest_products,num_view_counts,ordered_qty" category_select="97,98,103" category_tabs="" order_by="" order_dir="ASC" limitation="10"}}</div>
<div class="full-wrapper full-categories">
<div class="container">
<div class="hot-categories-home">{{block class="Sm\Categories\Block\Categories" template="Sm_Categories::default-slider.phtml" title_module="Hot categories" select_category="105,97,99,109,103,98,106,100" limitation="4"}}
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel',
		'domReady!'
	], function ($) {
		var slider_categories = $(".slider-categories");
		slider_categories.owlCarousel({
			nav: true,
			dots:false,
			margin: 30,

			responsive: {
				0: {
					items:1
				},
				480: {
					items:2
				},
				768: {
					items:2
				},
				991: {
					items:3
				},
				1200: {
					items:4
				}
			}
		});
	});
</script>
</div>
</div>
</div>