$(document).ready(function () {
    $(".innovation-sliders").slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        dots: false,
        arrows: false,
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 2,
                    SlidesToScroll: 1,
                    infinite: true,
                }
            },
            {
                breakpoint: 990,
                settings: {
                    slidesToShow: 2,
                    SlidesToScroll: 1,
                    infinite: true,
                }
            }
        ]
    });

    let images = $(".fade-in-img");

    setTimeout(fadeInImages(images), 1000);

    var mobile_img = $(".mobile-about-us-img");

    setTimeout(showSequentially(0), 1000);

    function showSequentially(index) {
        if (index < mobile_img.length) {
            // Fade in the image
            $(mobile_img[index]).css({ top: 0, opacity: 1 });

            // Call the function recursively for the next image
            setTimeout(function () {
                showSequentially(index + 1);
            }, 500); // Adjust the timeout value as needed
        }
    }

});

function fadeInImages(images) {
    images.each(function (index) {
        $(this).delay(1000 * index).fadeIn(1000); // Delay each image by 2 seconds * its index
    });
}