/* ========================================
   MARQUEE SECTION
   Scrolling text banner
   ======================================== */

/* Container */
.marquee-container {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    padding: 20px 0;
    position: relative;
}

/* Content wrapper */
.marquee-content {
    display: flex;
    animation: marqueeScroll 15s linear infinite;
    white-space: nowrap;
}

/* Individual text spans */
.marquee-content span {
    font-family: 'Inter', 'Roboto', sans-serif;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 6px;
    color: transparent;
    -webkit-text-stroke: 1.5px #999999;
    text-stroke: 1.5px #999999;
    padding: 0 80px;
    display: inline-block;
    text-transform: uppercase;
}

/* Marquee animation */
@keyframes marqueeScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Pause on hover */
.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .marquee-content span {
        font-size: 34px;
        letter-spacing: 5px;
        padding: 0 60px;
    }
}

@media (max-width: 768px) {
    .marquee-container {
        padding: 25px 0;
    }

    .marquee-content span {
        font-size: 28px;
        letter-spacing: 4px;
        padding: 0 50px;
        -webkit-text-stroke: 1.2px #999999;
        text-stroke: 1.2px #999999;
    }
}

@media (max-width: 576px) {
    .marquee-container {
        padding: 20px 0;
    }

    .marquee-content span {
        font-size: 22px;
        letter-spacing: 3px;
        padding: 0 40px;
        -webkit-text-stroke: 1px #999999;
        text-stroke: 1px #999999;
    }
}