/* Basic styles for the slider */
.logo-marquee-slider .slick-track {
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
}

.logo-marquee-slider .slick-list {
    padding: 0 !important;
    overflow: visible;
}

.logo-marquee-slider .slick-slide {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center; 
}

/* Styles for logos with smooth transitions */
.logo-marquee-slider .slick-slide .logos-items {
    margin: 1rem 10px;
    transition: transform 0.6s ease, box-shadow 0.6s ease;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 2px;
    padding: 10px;
    box-sizing: content-box;
    background: #fff;
}

/* Adding transition to the images */
.logo-marquee-slider .slick-slide img {
    transition: transform 0.6s ease, box-shadow 0.6s ease;
    max-width: 100%;
    max-height: 55px; /* Adjust this value based on your requirement */
    height: auto;
    width: auto;
    display: block;
    margin: 0 auto;
}

/* Hover effect with smoother scaling */
{# .logo-marquee-slider .slick-slide:hover .logos-items {
    transform: scale(1.05); /* Slightly reduced zoom level for smoother effect */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.2); /* Gradient shadow */
    background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 4px) no-repeat,
                linear-gradient(90deg, #00e4d0 0%, #71cff4 40%, #d269cf 74%, #f4648a 100%);
} #}

/* Additional styles for marquee */
.logo-marquee-slider .marquee_rtl,
.logo-marquee-slider .marquee {
    margin-top: 0px;overflow:hidden;
}

.logo-marquee-slider .hide {
    display: none !important;
}