.elementor-kit-199{--e-global-color-primary:#2F496D;--e-global-color-secondary:#2F496D;--e-global-color-text:#2F496D;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Poppins";--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;background-color:#10294C;}.elementor-kit-199 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Override overflow hidden pada wrapper Astra Header */
.ast-primary-header-bar,
.site-header,
.elementor-location-header .elementor-section {
  overflow: visible !important;
}

/* 2. Pastikan parent <li> relatif agar submenu bisa absolut */
.elementor-nav-menu .menu-item-has-children {
  position: relative !important;
}

/* 3. Tampilkan submenu di atas semua layer */
.elementor-nav-menu .sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 9999 !important;
  background-color: #ffffff; /* Atur sesuai background menu Anda */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border-radius: 4px;
  /* Jika terlalu panjang, tambahkan scroll */
  max-height: 400px;
  overflow-y: auto;
  opacity: 0;             /* jika theme Astra sudah memakai animasi opacity */
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* 4. Saat hover, munculkan */
.elementor-nav-menu li.menu-item-has-children:hover > .sub-menu,
.elementor-nav-menu li.focus > .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* 5. Jika header Anda fixed di Astra, override juga */
.site-header.ast-header-fixed {
  position: fixed !important;
  overflow: visible !important;
}

/* 6. Di tablet/mobile, mungkin Astra punya breakpoint khusus */
@media(max-width: 992px) {
  .ast-primary-header-bar .ast-builder-menu {
    overflow: visible !important;
  }
}/* End custom CSS */