/* Custom CSS untuk memperjelas tampilan ala M-Banking */

/* Menyembunyikan scrollbar bawaan agar rapi di layar HP */
::-webkit-scrollbar {
  display: none;
}
* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Transisi perindahan halaman Tab */
.tab-content {
  animation: fadeIn 0.2s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tab button aktif */
.nav-btn.active {
  color: #818cf8; /* indigo-400 */
}

.nav-btn.active i {
  transform: translateY(-2px);
  transition: transform 0.2s ease;
}


/* Sembunyikan scrollbar bawaan agar rapi di layar Mobile */
::-webkit-scrollbar {
  display: none;
}

* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Transisi perpindahan halaman Tab */
.tab-content {
  animation: fadeIn 0.2s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tab button aktif */
.nav-btn.active {
  color: #818cf8; /* indigo-400 */
}

.nav-btn.active i {
  transform: translateY(-2px);
  transition: transform 0.2s ease;
}