.navbar-brand {
  font-size: 1.5rem;
  letter-spacing: 1px;
}

/* Active Link Styling */
.nav-link.active {
  color: #8186d5 !important;
  font-weight: bold;
  border-bottom: 2px solid #8186d5;
}

/* Hover Effect */
.nav-link:hover {
  color: #9fa5fb !important;
}

.navbar-brand {
  color: #8186d5 !important;
}

/* Disabled Link Styling */
.nav-link.disabled {
  color: #6c757d !important;
  pointer-events: none;
}

/* Navbar Shadow */
.navbar {
  background: #fff;
  transition: all 0.3s ease;
}

/* Add Shadow on Scroll */
.navbar.scrolled {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Smooth Collapse Animation */
.collapse {
  transition: all 0.3s ease-in-out;
}


#header {
  position: sticky;
  top: 0; /* Pastikan tetap di atas */
  z-index: 1000; /* Prioritaskan di atas elemen lain */
  background-color: #fff; /* Tambahkan warna latar belakang */
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Tambahkan bayangan untuk pemisah */
}