/* Membuat map iframe responsif */
.map-responsive {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* Ini menjaga aspek rasio 16:9 */
    height: 0;
    max-width: 100%;
}

.map-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-white-blur {
    background-color: rgba(255, 255, 255, 0.2) !important;
    -webkit-backdrop-filter: saturate(100%) blur(5px);
    backdrop-filter: saturate(100%) blur(5px);
}

.nav-link {
    transition: 0.2s ease-in-out;
}

.nav-link:hover,
.nav-link:focus {
    background-color: #5507ff !important;
    color: #ffffff !important;
    border-radius: 0.375rem;
}

.nav-link.active {
    background-color: #5507ff !important; /* Ensure same color for active */
    color: #ffffff !important;
    border-radius: 0.375rem;
}

.nav-link:hover::after,
*.active::after {
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;
}
.feather-chevron-down{
    stroke:white;
}

.brand-logo {
  height: 70px !important;
  max-height: none !important;
  width: auto;
}

.nav-item.dropdown.dropend {
    position: relative !important; /* Mengatur posisi relatif untuk dropdown */
}

.nav-item.dropdown.dropend .dropdown-menu {
    position: absolute !important; /* Memastikan dropdown muncul di posisi absolut */
    left: 90% !important; /* Memindahkan dropdown ke kanan dari elemen induk */
    top: 0 !important; /* Menjaga agar dropdown tetap sejajar dengan menu utama */
    margin-top: 0 !important; /* Menghapus margin default */
    border-radius: 0.375rem; /* Sesuaikan dengan desain */
    background-color: #fff;
    background-clip: padding-box;
}

.nav-item.dropdown > a::after {
    content: "\f107"; /* Unicode untuk panah kanan (font-awesome arrow-right) */
    font-family: "FontAwesome"; /* Pastikan menggunakan Font Awesome */
    font-weight: 900; /* Font awesome icon weight */
    margin-left: 8px; /* Menambahkan sedikit jarak antara teks dan ikon */
    font-size: 12px; /* Ukuran ikon */
    color: #808080; /* Warna ikon, bisa disesuaikan */
}

.nav-item.dropdown.submenu > a::after{
    content: "\f105"; /* Unicode untuk panah kanan (font-awesome arrow-right) */
    font-family: "FontAwesome"; /* Pastikan menggunakan Font Awesome */
    font-weight: 900; /* Font awesome icon weight */
    margin-left: 8px; /* Menambahkan sedikit jarak antara teks dan ikon */
    font-size: 12px; /* Ukuran ikon */
    color: #808080; /* Warna ikon, bisa disesuaikan */
}


@media screen and (max-width: 767px) {
  /* CSS rules for screens with a maximum width of 767px (common for mobile devices) */
  .navbar-expand-lg {
      margin-left : 0.5em !important;
      margin-right : 0.5em !important;
  }
  
}