/*
 * DTH Logo Scroller Styles
 */
.dth-logo-scroller-wrapper {
    width: 100%;
    overflow: hidden;
}

.dth-logo-scroller {
    width: 100%;
    height: auto;
}

.dth-logo-scroller .swiper-wrapper {
    align-items: center; /* Vertically center logos */
    transition-timing-function: linear !important; /* Smooth, constant speed */
}

.dth-logo-scroller .swiper-slide {
    width: auto; /* Let each logo define its own width */
    flex-shrink: 0;
}

.dth-logo-item {
    display: block;
    padding: 0 25px; /* Space between logos */
    box-sizing: border-box;
}

.dth-logo-item img {
    max-height: 60px; /* Adjust as needed */
    width: auto;
    display: block;
    margin: 0 auto;
    filter: grayscale(100%); /* Start as grayscale */
    opacity: 0.7;
    transition: all 0.3s ease;
}

.dth-logo-item:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}