.navbar {
        background-color: #ffa500; /* สีส้มสำหรับพื้นหลังเมนูทั้งหมด */
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-brand-area {
        display: flex;
        align-items: center; /* จัดโลโก้และข้อความ (ถ้ามี) ให้อยู่ตรงกลางแนวตั้ง */
        margin-right: 20px; /* เพิ่มระยะห่างจากเมนู */
    }
    .navbar-brand-area img {
        height: 30px; /* ปรับขนาดโลโก้ตามต้องการ */
    }
    .navbar-nav .nav-link {
        color: white !important; /* สีขาวสำหรับข้อความเมนู */
        font-weight: normal; /* ทำให้ข้อความเมนูเป็นตัวปกติ */
        padding: 8px 15px !important; /* ปรับ padding ของลิงก์เมนู */
    }
    .navbar-nav .nav-link:hover {
        color: #007bff !important; /* สีน้ำเงินเมื่อเลื่อนเมาส์ */
        background-color: transparent !important; /* ให้พื้นหลังโปร่งใสเมื่อ hover */
    }