@keyframes marquee {
    0% { transform: translateX(0%); }
    50% { transform: translateX(-100%); }
    100% { transform: translateX(0%); }
}
.animate-marquee {
    animation: marquee 30s linear infinite;
}
.hover\:pause-animation:hover {
    animation-play-state: paused;
}
.special-card{
    background: var(--thirdColor) ;

}
.special-card:hover{
        background: var(--secondGradient) ;
    }