Cacher is the code snippet organizer for pro developers

        //hero_slider
        $('.hero_slider_wrapper').owlCarousel({
            loop: true,
            margin: 0,
            autoplay: true,
            autoplayTimeout: 22000,
            nav: true,
            dots: true,
            responsiveClass: true,
			autoHeight:true,
            items: 1,
            navText : ["<i class='fas fa-angle-left'></i>","<i class='fas fa-angle-right'></i>"]
        });
		$('.hero_slider_wrapper').on('change.owl.carousel', function (e) {
    if (e.namespace && e.property.name === 'position' && (e.relatedTarget.relative(e.property.value) == 1)) {
        $('.hero_slider_wrapper').trigger('stop.owl.autoplay');
        setTimeout(function () {
            $('.hero_slider_wrapper').trigger('play.owl.autoplay', [5000]);
            //from now on we go to 3s 
        }, 0);
    }
});