/*--------------------------------------------------------------
# Logo-Slider Section
--------------------------------------------------------------*/
.logo-slider .swiper-slide img {
    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 80%);
    }

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