/*
|--------------------------------------------------------------------------
| Custom Style untuk Lightbox Agar Background Blur
|--------------------------------------------------------------------------
*/
.mfp-bg {
  /* Mengatur ulang warna background agar sedikit lebih transparan, 
     sehingga efek blur lebih terlihat */
  background-color: rgba(10, 10, 10, 0.7);

  /* Properti utama untuk efek blur */
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}