/* Halaman muncul smooth */
body.fade {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

body.fade.show {
  opacity: 1;
}

/* Untuk fade-out ketika pindah halaman */
.fade-out {
  opacity: 0 !important;
  transition: opacity 0.2 ease-in-out;
}

/* Modal fade-in dan fade-out */

.modal.fade .modal-dialog {
  transition: transform 0.9s ease-out, opacity 0.9s ease-out;
  transform: translateY(-20px);
  opacity: 0;
}

.modal.show .modal-dialog {
  transform: translateY(0);
  opacity: 1;
}

/* Modal fade-out custom */
.modal-out .modal-dialog {
  transform: translateY(-20px);
  opacity: 0;
  transition: transform 0.9s ease-out, opacity 0.9s ease-out !important;
}