.marquee-container {
    width: 100%;
    /* Transparent background as user requested 'no background black'. 
       Using dark semi-transparent red for separation without being 'black' */
    background: linear-gradient(90deg, #8B0000, #D00000, #8B0000);
    backdrop-filter: none;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 8px 0;
    /* Slimmer padding for single line effect */
    overflow: hidden;
    position: relative;
    z-index: 900;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);

    /* positioning */
    margin-top: 100px;
    margin-bottom: 0px;
}

.marquee-content {
    display: flex;
    width: fit-content;
    animation: scrollNav 20s linear infinite;
}

.marquee-item {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1.1rem;
    white-space: nowrap;
    padding-right: 5rem;
    letter-spacing: 1px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    gap: 15px;
}

@keyframes scrollNav {
    0% {
        transform: translateX(0);
    }

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

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