body {
  font-family: 'Poppins', sans-serif;
}

@keyframes awanKiri {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

/* Bergerak dari kanan → kiri → kanan */
@keyframes awanKanan {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}

 /* Animasi awal */
 .fade-start {
  opacity: 0;
  transform: translateY(20px);
}

/* Saat terlihat */
.fade-start.opacity-100 {
  transition: all 0.8s ease-out;
}

/* class countdwon */
.circle {
  background: radial-gradient(circle at 30% 30%, #0ca6c8, #005c99);
  border: 2px solid #ffd700;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.4);
}

.count-text {
  text-shadow: 1px 2px 3px rgba(0,0,0,0.3);
}

.btn-grad {
  background: linear-gradient(135deg, #22c1c3 0%, #0b7a96 100%);
  box-shadow: 3px 4px 0px #005c99;
}
/* end */

/* Class Awan */
.awan-kiri { animation: awanKiri 5.5s ease-in-out infinite; }
.awan-kanan { animation: awanKanan 4s ease-in-out infinite; }

.fade-start {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-show {
  opacity: 1;
  transform: scale(1);
}


/* Small devices (landscape phones, 576px ke atas) */
@media (max-width: 576px) {
  
  /* .bg-galeri {
    background-image: url(/assets/img/bg-Galeri1.png);
  } */
}
  
  /* Medium devices (tablets, 768px ke atas) */
  @media (min-width: 768px) {
    
    
  }
  
  /* Large devices (desktops, 992px ke atas) */
  @media (min-width: 992px) {

    .maps {
      padding-bottom: 40% !important;
    }
  }
  
  /* Extra large devices (large desktops, 1200px ke atas) */
  @media (min-width: 1200px) {

      /* CSS untuk tampilan large desktop */
    }

  /* XX-Large devices (larger desktops, 1400px ke atas) */
  @media (min-width: 1400px) {
    }