/* Gaya khusus halaman beranda */

/* Hero slider */
.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s ease, visibility .6s;
}
.hero-slide.is-active {
  opacity: 1;
  visibility: visible;
}

.hero-dot {
  height: .5rem;
  width: .5rem;
  border-radius: 9999px;
  background: rgba(14, 59, 45, .3);
  transition: width .25s, background-color .25s;
}
.hero-dot.is-active {
  width: 1.5rem;
  background: #0e3b2d;
}