/* ======================================================================================================================================================
Infinite Text Animation
====================================================================================================================================================== */

.infinite-animation {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: flex;
}

.infinite-animation p {
    white-space: nowrap;
    padding-left: 100%;
    /* Default duration, overwritten by inline style from PHP */
    animation: scroll-text 60s linear infinite;

    /* Font family kept as requested */
    font-family: 'megrim', Helvetica, Arial, sans-serif;

    flex-shrink: 0;
    padding-right: 50px;
    margin: 0;
    /* Important for clean alignment */
}

/* Optional: styling for the individual repeated items if needed */
.infinite-animation .infinite-item {
    display: inline-block;
}

@keyframes scroll-text {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}