body,
html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  scroll-behavior: smooth;
  height: 100vh;
}

<!-- Swiper Section -->
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-wrapper {
  gap: 20px;
}
.swiper-button-next {
  color: white !important;

}
.swiper-button-prev {
  color: white !important;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.accordion-header {
  background-color: #ff7f00; /* Warna orange */
  color: white; /* Teks warna putih */
  transition: background-color 0.3s ease; /* Transisi saat di-click */
}

.accordion-header.clicked {
  background-color: transparent; /* Header menjadi transparan saat diklik */
}

/* Style untuk content accordion */
.accordion-content {
  transition: opacity 0.5s ease, background-color 0.5s ease;
}

.accordion-content.transparent {
  background-color: transparent; /* Body menjadi transparan saat di-expand */
}
  #navbar {
      transition: all 0.3s ease;
      background: transparent; /* Initially transparent */
    }

    /* Black background when scrolled */
    #navbar.scrolled {
      background-color: rgba(0, 0, 0, 0.95); /* Slightly transparent black */
    }

    /* Text colors */
    .text-secondary {
      color: white;
    }

    .text-gray-700 {
      color: white;
    }

    /* Divider color */
    .divider {
      background-color: rgba(255, 255, 255, 0.5);
    }

    /* Hero section styles */
    .bg-orange {
      background-color: #FF6B00;
    }

    .text-orange {
      color: #FF6B00;
    }

    /* Hero background */
    .hero-bg {
      position: fixed; /* Fix the background to create a full-page background effect */
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      background-image: url('./assets/background/new-bg.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    /* Mobile menu button */
    .mobile-menu-button {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .mobile-menu-button svg {
      color: white;
    }
.faq-list {
  list-style-type: none; /* Menghilangkan default bullet point pada parent */
  padding-left: 0;
  margin-left: 20px; /* Menambahkan margin kiri untuk seluruh list */
}

.faq-list > li {
  list-style-type: upper-alpha; /* Menggunakan A, B, C untuk parent */
  margin-bottom: 15px;
  margin-left: 20px; /* Menambahkan margin kiri untuk setiap item parent */
}

.faq-list > li .faq-title {
  font-size: 1.2em; /* Memperbesar ukuran font untuk elemen <strong> */
}

.faq-list li ul {
  list-style-type: disc; /* Menggunakan disc untuk child list */
  padding-left: 20px; /* Menambah indentasi untuk child list */
}

.faq-list li ul li {
  margin-left: 20px; /* Memberikan jarak kiri pada item-child */
}