ul.navbar-nav > li.primary > a.firstLevel {
    color: #00031f;
}
ul.navbar-nav > li.primary > a.firstLevel.active 
{
color: #ff8c00 !important;
    border-bottom: 1px solid #ff8c00;
}
#preHeader {
    background: #00031f;
}


        /* تصميم الزر */
        .enquiry-button {
            position: fixed; /* يجعل الزر مثبتًا على الشاشة */
            top: 50%; /* لضبطه على منتصف الشاشة عموديًا */
            left: 0; /* يجعله يلتصق بالجانب الأيمن */
            transform: translateY(-50%); /* لضبط الزر بشكل متوازن في المنتصف */
            background-color: #007BFF; /* لون خلفية الزر */
            color: white; /* لون النص */
            padding: 15px 20px; /* الحشوة الداخلية للزر */
            font-size: 18px; /* حجم النص */
            font-weight: bold; /* خط النص عريض */
            border-radius: 0 5px 5px 0; /* حواف مستديرة من اليسار */
            text-align: center; /* توسيط النص */
            text-decoration: none; /* إزالة الخط السفلي للنص */
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* ظل خفيف تحت الزر */
            transition: background-color 0.3s ease; /* تأثير عند تمرير الماوس على الزر */
            z-index: 1000;
        }

        /* تأثير تمرير الماوس على الزر */
        .enquiry-button:hover {
            background-color: #0056b3; /* لون مختلف عند التمرير */
        }