/* Hero Scroll Animation */
.hero-scroll-content {
    display: flex;
    flex-direction: column;
    animation: scrollUp 10s linear infinite;
}

.scroll-item {
    height: 100px;
    /* Matches container height */
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center;  Let alignment be handled by parent text-align */
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
        /* Move up by half the content height (since we duplicated items) */
    }
}