/* UP SCROLL (News Ticker Style) */

/* Notice Board Container */

.notice-board {
    overflow: hidden;           /* hide extra content */
    position: relative;
    background: #F5F7FB;
    border-radius: 10px;
    padding:10px;
    color:#CC3333;
}

.marquee {
    height: 400px;
    overflow: hidden;
    position: relative;
    
}
/* Scrolling Wrapper */
.marquee-content {
    display: flex;
    flex-direction: column;
    animation: scrollUp 20s linear infinite;
}

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

/* Each Event */
.single-event {
    padding: 10px 0;
}

/* Animation */
@keyframes scrollUp {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(-100%);
    }
}



/* LEFT SCROLL (News Ticker Style) */
.scroll-left {
    overflow: hidden;
    position: relative;
    color: #330000;
    font-weight: 600;
    padding: 8px 0;
    white-space: nowrap;
}

/* Scrolling Content */
.scroll-left div {
    display: inline-block;
    padding-left: 100%; /* Start from right side */
    animation: scrollLeft 20s linear infinite;
}

/* Pause on hover */
.scroll-left:hover div {
    animation-play-state: paused;
}

/* Smooth animation */
@keyframes scrollLeft {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}