/*Write your custom style or CSS code here*/


/*==============================================
This CSS For Top Scroll Text . Make By Shakil
=============================================*/
.notice-bar {
    background: #ff6a01; /* Orange background */
    color: white;
    font-size: 14px;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    
}


.notice-label {
    background: black;
    color: white;
    padding: 7px 10px;
    margin-right: 10px;
    border-radius:0px 0px 15px 0px;
    z-index: 2;
    position: relative;
}

.marquee-container:hover .marquee-text {
    animation-play-state: paused;
}


.marquee-text {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: marquee-scroll 25s linear infinite;
}



@keyframes marquee-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}



/*===============================================
End This CSS For Top Scroll Text . Make By Shakil
================================================*/