/* ===== NEWS BAR WRAPPER ===== */
.news-bar {
    display: flex;
    width: 100%;
    height: 45px;
    overflow: hidden;
}

/* ===== FIXED LABEL ===== */
.news-label {
    background-color: #2f3b73;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 22px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

/* ===== MARQUEE AREA ===== */
.marquee {
    flex: 1;
    height: 45px;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;

    /* Catchy notice gradient */
    background: linear-gradient(90deg, #ffefba, #ffc47c);
    border-bottom: 1px solid #e3a76d;

    /* Soft glow for importance */
    box-shadow: 0 0 10px rgba(255, 180, 90, 0.4);
}

/* ===== SCROLLING TEXT ===== */
.marquee-text {
    display: inline-block;
    padding-left: 100%;
    text-decoration: none;
    color: #5a2c00;
    font-weight: 600;
    font-size: 1.8rem;
    animation: slide-left 15s linear infinite;
    transition: color 0.3s ease;
}

.marquee-text:hover {
    animation-play-state: paused;
    color: #ad5105;
}

/* ===== ANIMATION ===== */
@keyframes slide-left {
    from { transform: translateX(0); }
    to   { transform: translateX(-100%); }
}


/* about section background images */
.about-section{
    position: relative;
}

.about-section img{
    position: absolute;
    z-index: 1;
}
.about-section img:nth-child(1){
    top: 50px;
    left: 0;
    height: 150px;
    width: 150px;
    opacity: 0.8;
}
.about-section img:nth-child(2){
    top: 0;
    right: 0;
    height: 235px;
    width: 235px;
}

.about-section-rest {
    position: relative;
    z-index: 2;
}
/* news-bar */
@media (max-width: 650px ) {
    .news-bar .news-label{
        font-size: 1.1rem;
    }
    .news-bar a{
        font-size: 1.2rem;
    }
    .news-bar .news-label{
        padding: 0 7px;
        height: 35px;
    }
    .news-bar .marquee{
        height: 35px;
    }
}
@media (max-width: 1300px){
    .about-section-rest .about-section-left{
        padding: 0 3.5%;
    }
}
@media (max-width:400px){
    .about-section img:nth-child(1){
        display: none;
    }
    .about-section-rest{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    body .news-events{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    #achievers{
        padding-top: 35px;
        padding-bottom: 35px;
    }
}