.elementor-2882 .elementor-element.elementor-element-3d4c38a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2882 .elementor-element.elementor-element-64bfdf3{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;--nav-menu-icon-size:25px;}.elementor-2882 .elementor-element.elementor-element-64bfdf3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle{margin-right:auto;background-color:#111F4500;border-width:0px;}.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown a, .elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle{color:var( --e-global-color-9bccbc1 );fill:var( --e-global-color-9bccbc1 );}.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown a:hover,
					.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown a:focus,
					.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle:hover,
					.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown a:hover,
					.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown a:focus,
					.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown a.highlighted{background-color:#111F4500;}.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown .elementor-item, .elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;}.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown a{padding-left:12px;padding-right:12px;}.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-4px !important;}/* Start custom CSS for nav-menu, class: .elementor-element-64bfdf3 *//* --- KODE ASLI ANDA (JANGAN DIUBAH) --- */
.elementor-2882 .elementor-element.elementor-element-64bfdf3{
    --gap: 0.25em;
    --weight: 0.1em;
    --width: 0.8em;
    position: relative; /* Tambahan kecil: Pastikan induknya relative */
}
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle{
    position: relative;
}
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle:before,
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle:after,
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle i:after{
    content: "";
    height: var(--weight);
    width: var(--width);
    position: absolute;
    background: currentColor;
    top: 50%;
    left: 50%;
    transform: translate(-50%,calc(-50% + var(--gap)));
    transition: all 0.3s ease-in-out;
}
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle.elementor-active:before{
    transform: translate(-50%,-50%) rotate(-45deg);
}
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle:after{
    transform: translate(-50%,calc(-50% - var(--gap)));
}
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle.elementor-active:after{
    transform: translate(-50%,-50%) rotate(45deg);
}
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle i:after{
    transform: translate(-50%,-50%);
}
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle i:before,
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-menu-toggle.elementor-active i:after{
    opacity: 0;
}

/* --- TAMBAHAN BARU (UNTUK MEMBUAT MENU MENGAMBANG/OVERLAY) --- */

/* 1. Target Kontainer Dropdown Elementor */
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--dropdown {
    position: absolute !important; /* KUNCI: Membuatnya mengambang */
    top: 100%;      /* Muncul tepat di bawah widget */
    left: 0;        /* Rata kiri */
    width: 100%;    /* Lebar menyesuaikan */
    z-index: 9999;  /* Pastikan berada di lapisan paling atas */
    
    /* Styling agar tidak transparan (opsional, sesuaikan dengan desain) */
    background-color: #ffffff; 
    box-shadow: 0px 15px 20px rgba(0,0,0,0.1); 
}

/* 2. Opsional: Memastikan konten menu 'push' tidak terjadi */
.elementor-2882 .elementor-element.elementor-element-64bfdf3 .elementor-nav-menu--main .elementor-nav-menu {
    position: static;
}/* End custom CSS */