.elementor-kit-3613{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-3000a6e:#0A0A0A;--e-global-color-7b56ab7:#0A0A0AA6;--e-global-color-b5fe890:#D9CDB4;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-3613 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}/* Start custom CSS *//* --- Style Header Transparan & Liquid Glass --- */

/* 1. Style Awal Header (Sebelum Scroll) */
#my-sticky-header {
  background-color: transparent; /* Awalnya transparan */
  transition: background-color 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease; /* Animasi perubahan yang halus */
}

/* 2. Style Akhir Header (Setelah di-scroll) */
#my-sticky-header.scrolled-header {
  background-color: rgba(25, 25, 25, 0.5); /* Warna dasar kaca, sedikit gelap. Sesuaikan! */
  -webkit-backdrop-filter: blur(10px); /* Efek blur untuk Safari */
  backdrop-filter: blur(10px); /* Efek blur utama */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Bayangan tipis di bawah header */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Garis tepi bawah seperti kaca */
}

/* -- Custom Accordion Styling (Versi Perbaikan) -- */

/* -- Style untuk State Default & Hover Accordion Item -- */

/* 1. Kondisi Default Item */
.custom-accordion-item {
  opacity: 0.6; /* Set opacity default ke 80% */
  transition: opacity 0.3s ease-in-out; /* Animasi perubahan opacity yang halus */
}

/* 2. Kondisi Hover atau Saat Item Aktif/Terbuka */
.custom-accordion-item:hover,
.custom-accordion-item.is-active {
  opacity: 1; /* Kembalikan opacity ke 100% */
}

/* 1. Style untuk Trigger */
.accordion-trigger {
  cursor: pointer;
}

/* 2. Style untuk Icon Panah */
.accordion-icon {
  transition: transform 0.4s ease;
}

/* 3. Style untuk Konten (sekarang menargetkan widget langsung) */
.accordion-content {
 overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-15px); /* Kita tambahkan lagi sedikit slide dari atas */
  
  /* INI BAGIAN UTAMANYA */
  transition: max-height 0.6s cubic-bezier(0.23, 1, 0.32, 1), /* Animasi tinggi yang sangat halus */
              opacity 0.4s ease-in-out, /* Fade in sedikit lebih cepat */
              transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); /* Animasi slide yang halus */
}

/* --- LOGIKA UTAMA (AKTIF/HOVER) --- */

/* Saat item di-klik (aktif) ATAU di-hover, targetkan .accordion-content */
.custom-accordion-item.is-active .accordion-content,
.custom-accordion-item:hover .accordion-content {
  max-height: 500px; /* Pastikan nilai ini lebih besar dari tinggi konten Anda */
  opacity: 1;
  transform: translateY(0);
}

/* Putar icon saat item di-klik (aktif) ATAU di-hover */
.custom-accordion-item.is-active .accordion-icon,
.custom-accordion-item:hover .accordion-icon {
  transform: rotate(180deg);
}/* End custom CSS */