.brand-carousel div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px; /* Control the logo box height */
}

.brand-carousel img {
    max-height: 80px;
    max-width: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease-in-out;
}
.brand-carousel img:hover {
    filter: grayscale(0%);
}


/* Optional: Hide Arrows */
.slick-prev,
.slick-next {
    display: none !important;
}