/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .gambar-blog {
    width: 100%;
    height: 205px;
  }

  .gambar-blog-home {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .gambar-keunggulan {
    width: 100%;
    height: 150px;
    object-fit: contain;
  }
  .gambar-fasilitas {
    width: 55px;
    height: 55px;
    object-fit: contain;
  }

  .gambar-testimonial {
    height: 60px;
    width: 60px;
    object-fit: cover;
  }

  .gambar-mitra {
    width: 100%;
    height: 120px;
    object-fit: contain;
  }

  .gambar-galeri {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  .gambar-paket {
    width: 100%;
    height: 230px;
    object-fit: cover;
  }

  .carousel-inner .carousel-item {
    padding: 0;
    min-height: 100%;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .gambar-blog {
    width: 100%;
    height: 205px;
  }

  .gambar-blog-home {
    width: 100%;
    height: 150px;
    object-fit: cover;
  }

  .gambar-keunggulan {
    width: 100%;
    height: 150px;
    object-fit: contain;
  }
  .gambar-fasilitas {
    width: 55px;
    height: 55px;
    object-fit: contain;
  }

  .gambar-testimonial {
    height: 60px;
    width: 60px;
    object-fit: cover;
  }

  .gambar-mitra {
    width: 100%;
    height: 80px;
    object-fit: contain;
  }

  .gambar-galeri {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .gambar-paket {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .section-keunggulan .col-xl-2 {
    width: 20%;
  }

  .gambar-blog {
    width: 100%;
    height: 205px;
  }

  .gambar-blog-home {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .gambar-keunggulan {
    width: 100%;
    height: 150px;
    object-fit: contain;
  }

  .gambar-fasilitas {
    width: 55px;
    height: 55px;
    object-fit: contain;
  }

  .gambar-testimonial {
    height: 60px;
    width: 60px;
    object-fit: cover;
  }

  .gambar-mitra {
    width: 100%;
    height: 120px;
    object-fit: contain;
  }

  .gambar-galeri {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  .gambar-paket {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}

/* /////////////////////////////////// */

.line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

:root {
  --primary-color: #dcb959 !important;
  --primary-color-hover: #c3a040 !important;
}

.bg-gelap {
  background-color: #282828;
}

.section-keunggulan .secHeading-wrap h2 {
  color: var(--bs-light);
}

.section-keunggulan,
.box-keunggulan {
  background-color: #282828;
}

.box-keunggulan h4 {
  color: var(--primary-color);
}

.box-keunggulan p span {
  color: var(--bs-light);
}