.navbar {
      background-color: #00589e;
      position: relative;
      height: 60px;
    }

    .navbar-nav {
      display: flex;

      width: 100%;
    }

    .nav-item {
      padding: 0 15px;
      text-align: center;
    }

    .nav-link {
      color: white !important;
      height: 60px;
      display: flex;
      align-items: center;
    }

    .nav-item:hover {
      background-color: #002a4e;
    }

    .dropdown {
      position: static;
    }

    /* تظهر القائمة عند تحويم المستخدم على .dropdown أو على .mega-menu */
    .dropdown:hover .mega-menu,
    .mega-menu:hover {
      display: block;
    }

    .mega-menu {
      display: none;
      position: absolute;
      right: 0;
      left: 0;
      top: 100%;
      background-color: #043f6d;
      z-index: 1050;
      color: #fff;
    }

    .mega-menu .col a {
      color: white;
      text-decoration: none;
      display: block;
    }

    .mega-menu .col a:hover {
      text-decoration: underline;
      background-color: #002a4e;
    }

    .link {
      font-size: 1.25rem;
      padding: 8px 30px;
      color: #7e92a1;
      text-decoration: none;
    }

    .link:hover {
      background-color: #0225445f;
      color: white;

    }

    .icon_social_media {
      color: #b8c4ce;
      font-size: 1.2rem;
      text-decoration: none;
      padding: 0 10px;
    }

    .icon_social_media:hover {
      color: #002a4e;

    }

    .fixed-header {
      position: sticky;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1050;
      justify-items: center !important;
      overflow: visible !important;
    }

    .flag-icon {
      width: 20px;
      height: 15px;
      object-fit: cover;
      margin-left: 5px;
    }

    .dropdown-toggle::after {
      margin-right: 8px;
    }

    .country-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 5px 15px;
      cursor: pointer;
    }

    .country-item:hover {
      background-color: #f1f1f1;
    }

    .country-flag {
      width: 20px;
      height: 14px;
    }


    @media (max-width: 480px) {
      .middle-bar {
        width: 100%;
      }

      .top-bar {
        width: 100%;
      }

      .fixed-header,
      .fixed-header nav {
        width: 100%;

      }

      .icon_social_media {
        display: none;
      }

      .navbar-collapse {
        background-color: #043f6d;
        /* يمكنك تغيير اللون حسب رغبتك */
        padding: 10px;
        border-radius: 0 0 10px 10px;
      }

      .navbar-collapse .nav-link {
        color: #fff !important;
        /* اللون الأبيض للنص داخل القائمة */
        padding: 10px;
        border-bottom: 1px solid #444;
      }



      .navbar-toggler {
        border: none;
        background-color: transparent;
      }



    }

    .emirate-card {
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      padding: 15px;
      height: 100%;
    }

    .emirate-card2 {
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      height: 100%;
    }

    .header-bar {
      padding: 10px;
      border-radius: 10px;
      text-align: right;
      margin-bottom: 30px;
    }

    .main-image {
      width: 100%;
      height: auto;
      object-fit: contain;
      /* أو استخدم 'cover' حسب الحالة */
      display: block;
      max-height: 100vh;
      /* لتحديد أقصى ارتفاع */
      border-radius: 10px;

    }