@charset "utf-8";
/* CSS Document */
.sponsor-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
}

/* VIEWPORT */
.carousel-viewport {
    overflow: hidden;
    width:  80%;
}

/* TRACK */
.carousel-track {
    display: flex;
    width: max-content;
    animation: scrollLogos 50s linear infinite;  /* ⬅️ speed here */
}

/* LOGOS */
.carousel-track img {
    height: 150px;
    margin: 0 20px;
    object-fit: contain;
}

/* ANIMATION */
@keyframes scrollLogos {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* PAUSE ON HOVER (nice touch) */
.carousel-viewport:hover .carousel-track {
    animation-play-state: paused;
}