/* Custom Styles */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px; /* Offset for sticky navbar */
}

body {
    font-family: 'Space Grotesk', sans-serif;
}

/* Infinite Smooth Marquee Animation */
@keyframes scrollMarquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

.animate-marquee {
    display: flex;
    width: max-content;
    animation: scrollMarquee 25s linear infinite;
}

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