.logo-marquee {
    overflow: hidden;
    max-width: 1080px;
    position: relative;
}

.logo-marquee .elementor-element.logo-track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: marquee 18s linear infinite;
}

.logo-marquee:hover .logo-track {
    animation-play-state: paused;
}

.logo-track .elementor-widget-image {
    margin: 0 clamp(20px, 4vw, 40px);
}

.logo-track img {
    max-width: 100%;
    width: auto;
    aspect-ratio: 4/3;
    height: clamp(80px, 10vw, 100px) !important;
    object-fit: contain;

    /* chuyển sang đen xám */
    /*filter: grayscale(100%) brightness(0);*/
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-55%);
    }
}