$(document).ready(function() {
    $(".owl-carousel").owlCarousel({
        loop: true,          // Enable infinite loop
        margin: 10,         // Space between items
        nav: true,          // Show next/prev buttons
        items: 3,           // Number of items to display
        autoWidth: true,
        responsive: {
            0: { items: 1 },
            600: { items: 2 },
            1000: { items: 3 }
        }
    });
    
    $(".owl-carousel .item").on("click", function() {
        $(this).toggleClass("active");  // Toggles active class for animation
        $(this).siblings().removeClass("active");  // Ensure only one item is expanded
    });
});