.news-marquee-container {
    overflow: hidden;
    width: 100%;
    
    padding: 8px;
    white-space: nowrap;
    border: 1px solid #fff;
    position: relative;
   
}

.news-marquee {
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
}

.marquee-content {
    display: flex;
    gap: 15px;
    min-width: 100%;
    animation: marqueeScroll 10s linear infinite;
}

@keyframes marqueeScroll {
    from { transform: translateX(100%); }
    to { transform: translateX(-100%); }
}

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

.news-item {
    text-decoration: none;
    color: #000;
    
}