body {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}
/* Kustomisasi navigasi Swiper agar minimalis & estetik */
.swiper-pagination-bullet-active {
  background: #10b981 !important;
  width: 24px !important;
  border-radius: 4px !important;
}
.swiper-pagination-bullet {
  background: #ffffff;
  opacity: 0.7;
}
/* Custom styling untuk garis hierarki agar rapi di desktop */
.hierarchy-line::before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 24px;
  background-color: #22c55e; /* Tailwind green-500 */
}
.hierarchy-line-horizontal::after {
  content: "";
  position: absolute;
  top: -24px;
  left: 20%;
  width: 60%;
  height: 2px;
  background-color: #22c55e;
}
@media (max-width: 768px) {
  .hierarchy-line-horizontal::after {
    display: none;
  }
}
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  position: relative;
}