.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    
  }
  
  .navbar-brand {
    margin-right: auto; /* لضمان أن الشعار في أقصى اليسار */
  }
  
  .navbar-nav {
    margin-left: auto; /* لضمان أن القائمة تكون على اليمين */
  }
  
  .navbar-light .navbar-nav .nav-link {
    padding-left: 10px; /* اضبط هذه القيمة حسب الحاجة لإزالة الفراغات بين العناصر */
  }