/*==========================================
        ANNOUNCEMENT BAR
==========================================*/

.announcement-bar{

    background:#1b1b1b;

    color:#fff;

    overflow:hidden;

    padding:12px 0;

    white-space:nowrap;

}

.announcement-track{

    display:flex;

    width:max-content;

    animation:marquee 25s linear infinite;

}

.announcement-content{

    display:flex;

    gap:80px;

    font-size:15px;

    font-weight:500;

}

.announcement-content span{

    display:flex;

    align-items:center;

    gap:10px;

}

@keyframes marquee{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

.announcement-bar:hover .announcement-track{

    animation-play-state:paused;

}