/* Add custom CSS styles below */ 
 @import url("https://fadyehabamer.github.io/Salla-Assets/04-SHOHRAH25/KETO/index.css");

#customMarqueeBar {
    background-color: #1a7c85;
    color: #ffffff;
    font-size: 17px;
    height: 45px;               /* ارتفاع ثابت لحل مشكلة عدم الظهور */
    line-height: 45px;          /* يجعل النص في منتصف الشريط */
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

/* تعديل بسيط للمسافة بحيث لا يظهر أي فراغ */
body {
    padding-top: 45px !important; 
}

#customMarqueeText {
    position: absolute;
    white-space: nowrap;
    animation: slideLTR 65s linear infinite;
    font-weight: 500;
}

@keyframes slideLTR {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}