/* 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;
}

@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;
  }
  
}