.body {
    background-color: white; /* bukan putih */
}
/* Pastikan navbar selalu di atas elemen lain */
.navbar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999 !important;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
  position: absolute;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a::after {
  content: "";
  float: right;
  margin-top: 5px;
  font-size: 0.7rem;
  opacity: 0.6;
}
.dropdown-menu {
  transition: all 0.2s ease-in-out;
}
/* Warna hover */
.dropdown-menu .dropdown-item:hover {
  background-color: #EFFFCF;
  color: #000;
}

/* Submenu posisi di desktop */
.dropdown-menu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
}

/* Warna hover semua level */
.dropdown-menu .dropdown-item:hover {
  background-color: #EFFFCF;
  color: #000;
}

/* Posisi submenu di desktop */
.dropdown-menu .dropdown-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
}

/* Tampilkan submenu ketika aktif */
.dropdown-menu .dropdown-menu.show {
  display: block;
}

/* Di mobile tampil di bawah, bukan di samping */
@media (max-width: 991.98px) {
  .dropdown-menu .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    margin: 0;
  }
}


@media (max-width: 991px) {
  .dropdown-submenu > .dropdown-menu {
    position: static;
    margin-left: 1rem;
  }
  .dropdown-submenu > a::after {
    content: "";
  }
}