@keyframes marquee {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-100%);
        }
    }

    .animate-marquee {
        animation: marquee 40s linear infinite;
    }

    .marquee-container:hover .animate-marquee {
        animation-play-state: paused;
    }

    .quote-item {
        display: inline-flex;
        align-items: center;
        padding: 0 2rem;
    }

    .quote-divider {
        width: 6px;
        height: 6px;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 50%;
        margin: 0 1.5rem;
    }