$(document).ready(function(){
    $('.owl-carousel').slick({
            lazyLoad: 'progressive',
            slidesToShow: 1,
            slidesToScroll: 1,
             autoplay: true,
            autoplaySpeed: 2000,
             dots: false,
            prevArrow: false,
            nextArrow: false
        });
    $('.scrollbar-outer').each(function(){
        const ps = new PerfectScrollbar(this, {
            suppressScrollY: true
        });
    });
});

function scrollRight(element, amount) {
    element.scrollLeft += 10;
    amount -= 10;

    if (amount >= 10) {
        setTimeout(function() {
            scrollRight(element, amount);
        }, 20);
    }
}

function scrollLeft(element, amount) {
    element.scrollLeft -= 10;
    amount -= 10;

    if (amount >= 10) {
        setTimeout(function() {
            scrollLeft(element, amount);
        }, 20);
    }
}