/* ===========================
   Base Animation
=========================== */

.animate{
    opacity:0;
    transition:all .8s ease;
    will-change:transform,opacity;
}

.fade-up{
    transform:translateY(60px);
}

.fade-left{
    transform:translateX(-60px);
}

.fade-right{
    transform:translateX(60px);
}

.zoom-in{
    transform:scale(.8);
}

.animate.show{
    opacity:1;
    transform:none;
}


/* ===================================
   OUR SELECTED STUDENTS MARQUEE
=================================== */

.scroll-text{
    width:100%;
    overflow:hidden;
    background:#fff3e6;
    padding:12px 0;
    border-radius:8px;
    white-space:nowrap;
}

.scroll-content{
    display:inline-flex;
    gap:80px;
    animation:scroll-left 2s linear infinite reverse;
}

.scroll-content span{
    font-size:32px;
    font-weight:700;
    color:#ff6600;
    letter-spacing:2px;
    flex-shrink:0;
}

@keyframes scroll-left{

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

100%{
    transform:translateX(0%);
}

}

@media(max-width:768px){

.scroll-content span{

font-size:22px;

}

}