/* marquee.css */

.marquee{

    width:100%;

    overflow:hidden;

    white-space:nowrap;

    background:#fcb132;

    color:#000;

    padding:8px 0;
}

.marquee p{

    display:inline-block;

    padding-left:100%;

    margin:0;

    font-family:'Manjari-Regular';

    font-size:clamp(15px,1.2vw,18px);

    animation:marqueeText 25s linear infinite;

    will-change:transform;
}

@keyframes marqueeText{

    from{
        transform:translateX(0);
    }

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