/* Marquee Text Component Styles */

.marquee-text-container {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

.marquee-text-move {
    display: flex;
    white-space: nowrap;
    width: max-content;
    will-change: transform;
    animation: marqueeContinuous 20s linear infinite;
}

.marquee-text-marquee {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 1.5rem;
    padding-right: 1.5rem;
}

.marquee-text-marquee h1 {
    color: #f4efe7;
    margin: 0;
    white-space: nowrap;
}

@keyframes marqueeContinuous {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}