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

}

.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;
}

/* Small devices (landscape phones, 576px ke atas) */
@media (max-width: 576px) {
  .bg-page1 {
    background-image: url(/assets/img/Layer_1.png);
  }
  .bg-page2 {
    background-image: url(/assets/img/Layer_2.png);
  }
  .bg-page3 {
    background-image: url(/assets/img/Layer_3.png);
  }
  .bg-page4 {
    background-image: url(/assets/img/Layer_4.png);
  }
  .bg-page5 {
    background-image: url(/assets/img/Layer_1.png);
  }
  .bg-register {
    background-image: url(/assets/img/Layer_1.png);
  }
  /* .bg-galeri {
    background-image: url(/assets/img/bg-Galeri1.png);
  } */
}
  
  /* Medium devices (tablets, 768px ke atas) */
  @media (min-width: 768px) {
    .bg-page1 {
      background-image: url(/assets/img/Dekstop-BG1.png);
    }

    .bg-page2 {
      background-image: url(/assets/img/Dekstop-BG1.png);
    }

    .bg-page3 {
      background-image: url(/assets/img/Dekstop-BG1.png);
    }
    
    .bg-page4 {
      background-image: url(/assets/img/Dekstop-BG1.png);
    }

    .bg-page5 {
      background-image: url(/assets/img/Dekstop-BG2.png);
    }
    .bg-register {
      background-image: url(/assets/img/Dekstop-BG2.png);
    }
    /* .bg-galeri {
      background-image: url(/assets/img/bg-Galeri.svg);
    } */
    
  }
  
  /* 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) {
    }