/* Logo Scroller Styles */
.cw-ticker-wrap {
    --ticker-gap: 2.8rem;
    --ticker-duration: 40s;
    --ticker-direction: normal;
    --ticker-height: 40px;
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 20px 0;
    /* Hiệu ứng mờ dần ở 2 đầu */
    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

.cw-ticker-wrap .cw-scroll-container {
    display: flex;
    width: max-content;
}

.cw-ticker-wrap .cw-ticker-list {
    display: flex;
    gap: var(--ticker-gap);
    list-style: none;
    padding: 0;
    margin: 0;
    padding-right: var(--ticker-gap);
    flex-shrink: 0;
    will-change: transform;
    animation: cw-scroll-left var(--ticker-duration) linear infinite var(--ticker-direction);
}

.cw-ticker-wrap:hover .cw-ticker-list {
    animation-play-state: paused;
}

.cw-ticker-wrap .cw-ticker-img {
    height: var(--ticker-height);
    width: auto;
    display: block;
    object-fit: contain;
}

/* Keyframes cho hiệu ứng cuộn */
@keyframes cw-scroll-left {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}