/*--------------------------------------------------------------
# logo-slider Section
--------------------------------------------------------------*/
.logo-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .logo-slider .swiper-slide img {
        max-width: 100%;
        height: auto;
        width: auto;
        object-fit: contain;
        opacity: 0.5;
        transition: 0.3s;
        filter: grayscale(100%);
    }

    .logo-slider .swiper-slide img:hover {
        filter: none;
        opacity: 1;
    }

.logo-slider .swiper-wrapper {
    height: auto;
}

.logo-slider .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

    .logo-slider .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        opacity: 1;
        background-color: color-mix(in srgb, var(--default-color), transparent 10%);
    }

    .logo-slider .swiper-pagination .swiper-pagination-bullet-active {
        background-color: var(--accent-color);
    }