.navbar {
      background-color: #444A9E;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

    .navbar-brand {
      display: flex;
      align-items: center;
      font-size: 1.25rem;
      color: #fff !important;
      font-weight: 600;
      gap: 10px;
    }

    .navbar-brand img {
      height: 35px;
    }

    .navbar-nav .nav-link {
      color: #fff !important;
      font-weight: 500;
      padding: 10px 15px;
    }

    .navbar-nav .nav-link:hover {
      color: #000 !important;
    }

    /* Dropdown on hover for desktop */
    @media (min-width: 992px) {
      .dropdown:hover .dropdown-menu {
        display: block;
      }
    }

    .dropdown-menu {
      background-color: #fff;
      border: none;
    }

    .dropdown-item {
      color: #444A9E;
      font-weight: bold;
    }

    .dropdown-item:hover {
      background-color: #3a408a;
      color: #fff;
    }

    /* Toggler Close Button */
    .navbar-toggler-close {
      position: absolute;
      top: 12px;
      right: 16px;
      font-size: 2rem;
      display: none;
      color: white;
      background: none;
      border: none;
      z-index: 1051;
    }

    .navbar-toggler-close.show {
      display: block;
    }
      .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5);
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
#google_translate_element select {
  padding: 4px;
  font-size: 0.85rem;
  border-radius: 4px;
}
.google-translate-icon {
       color: white;
       margin-right: 5px;
   }

   #google_translate_element {
       display: inline-block;
   }

   /* Hide 'Powered by Google Translate' */
   .goog-logo-link,
   .goog-te-gadget span {
       display: none !important;
   }

   .goog-te-gadget {
       color: var(--text-main) !important;
   }
    /* Align logo left and menu right in mobile */
    @media (max-width: 991.98px) {
      .navbar .container-fluid {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
     @media (min-width: 991.98px) {
      .shownavbar{
        display: none;
      }
    }
     @media (max-width: 991.98px) {
      .shownavbarss{
        display: none;
      }
    }