/* =========================
   LOGO CAROUSEL
========================= */

.logo-carousel {
    padding: 30px 0;
}

.logo-carousel .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.logo-carousel img {
    max-width: 180px;
    max-height: 100px;

    object-fit: contain;

    filter: grayscale(10%);
    opacity: 0.6;

    transition: all 0.3s ease;
}

/* hover effect */
.logo-carousel img:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.08);
}