.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-menu-toggle{margin:0 auto;background-color:#0F3D2E;}.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu .elementor-item{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:500;}.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--main .elementor-item{color:#0F3D2E;fill:#0F3D2E;padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px;}.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--main .elementor-item:focus{color:#F8B737;fill:#F8B737;}.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0F3D2E;}.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--dropdown a, .elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-menu-toggle{color:#0F3D2E;fill:#0F3D2E;}.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--dropdown a:hover,
					.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--dropdown a:focus,
					.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--dropdown a.highlighted,
					.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-menu-toggle:hover,
					.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-menu-toggle:focus{color:#F8B737;}.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--dropdown a.elementor-item-active{color:#0F3D2E;}.elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--dropdown .elementor-item, .elementor-52 .elementor-element.elementor-element-f3cfb4d .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:500;}.elementor-52 .elementor-element.elementor-element-f3cfb4d{--nav-menu-icon-size:66px;}#elementor-popup-modal-52 .dialog-widget-content{animation-duration:1.2s;background-color:#FFFFFF;border-style:none;border-radius:12px 12px 12px 12px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 20px 0px 0px;}#elementor-popup-modal-52 .dialog-message{width:350px;height:740px;align-items:flex-start;padding:25px 0px 0px 0px;}#elementor-popup-modal-52{justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-52 .dialog-close-button{display:flex;top:5%;font-size:15px;}#elementor-popup-modal-52 .dialog-close-button i{color:#0F3D2E;}#elementor-popup-modal-52 .dialog-close-button svg{fill:#0F3D2E;}/* Start custom CSS for nav-menu, class: .elementor-element-f3cfb4d *//* ============================================
   1. LAYOUT MENU — hanya item yang punya dropdown
   ============================================ */
.elementor-nav-menu .menu-item-has-children > a.elementor-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 8px;
}

/* ============================================
   2. TOMBOL DROPDOWN (kotak icon)
   ============================================ */
.elementor-nav-menu .menu-item-has-children > a.elementor-item .sub-arrow {
  margin-left: auto;
  width: 32px;
  height: 32px;
  min-width: 32px;   /* cegah kotak gepeng saat teks menu panjang */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0F3D2E;
  border-radius: 4px;
  padding: 0;
  line-height: 1;
  box-sizing: border-box;
  color: #ffffff;
  transition: background-color .3s ease, color .3s ease;
}

/* ============================================
   3. HOVER — area trigger seluruh menu item
   ============================================ */
.elementor-nav-menu .menu-item-has-children:hover > a.elementor-item .sub-arrow {
  background: #F8B737;
}

/* ============================================
   4. IKON — aman untuk font-icon MAUPUN svg
   ============================================ */
.elementor-nav-menu .menu-item-has-children .sub-arrow i,
.elementor-nav-menu .menu-item-has-children .sub-arrow svg {
  font-size: 15px;
  width: 15px;
  height: 15px;
  flex-shrink: 0;    /* icon tidak ikut menyusut saat container flex */
}

.elementor-nav-menu .menu-item-has-children .sub-arrow svg {
  fill: currentColor;   /* ikut warna putih/kuning dari parent .sub-arrow */
}

.elementor-nav-menu .menu-item-has-children .sub-arrow svg path {
  fill: currentColor;   /* fallback kalau warna diset di <path>, bukan <svg> */
}/* End custom CSS */
/* Start custom CSS */.elementor-popup-modal{
    backdrop-filter: blur(15px);
}/* End custom CSS */