/* Scrolling text container */
.text-slider {
    width: 100%;
    overflow: hidden;
    background: transparent;
    position: relative;
    white-space: nowrap;
    padding: 10px 0;
}

/* The text wrapper to hold long content */
.scrolling-text {
    display: flex;
    gap: 30px; /* Space between text repeats */
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    color: white;
    white-space: nowrap;
    width: max-content; /* Ensures long text does not wrap */
    animation: scrollText 100s linear infinite; /* Speed adjustable */
}

/* Smooth infinite scrolling animation */
@keyframes scrollText {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-50%);
    }
}