.elementor-359 .elementor-element.elementor-element-cdbb0be{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-359 .elementor-element.elementor-element-cdbb0be:not(.elementor-motion-effects-element-type-background), .elementor-359 .elementor-element.elementor-element-cdbb0be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_white );}.elementor-359 .elementor-element.elementor-element-dc0a596{width:var( --container-widget-width, 43% );max-width:43%;--container-widget-width:43%;--container-widget-flex-grow:0;}.elementor-359 .elementor-element.elementor-element-d323772{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-359 .elementor-element.elementor-element-d323772:not(.elementor-motion-effects-element-type-background), .elementor-359 .elementor-element.elementor-element-d323772 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#081E3A;}.elementor-359 .elementor-element.elementor-element-c257652{width:100%;max-width:100%;}.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu .elementor-item{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.7px;}.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-uicore_white );fill:var( --e-global-color-uicore_white );padding-top:16px;padding-bottom:16px;}.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-uicore_white );fill:var( --e-global-color-uicore_white );}.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-uicore_secondary );}#elementor-popup-modal-359 .dialog-widget-content{animation-duration:0.5s;background-color:#081E3A;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-359{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:center;pointer-events:all;}#elementor-popup-modal-359 .dialog-message{width:450px;height:100vh;align-items:flex-start;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){#elementor-popup-modal-359 .dialog-message{width:277px;}}/* Start custom CSS for nav-menu, class: .elementor-element-c257652 *//* ========================================== 
   BASE WRAPPER 
========================================== */
.elementor-nav-menu--main {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #081e3a00 !important;
}

.elementor-nav-menu--main li {
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

/* ========================================== 
   LINK UTAMA 
========================================== */
.elementor-nav-menu--main > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 25px;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 1px;
    position: relative;
    padding-right: 0 !important; /* untuk arrow mentok kanan */
}

/* ========================================== 
   ARROW BOX (DEFAULT) 
========================================== */
.elementor-nav-menu--main .sub-arrow {
    width: 80px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    transition: background 0.25s ease;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10 !important; /* FIX turun 10px */
}

/* Hapus SVG default Elementor */
.elementor-nav-menu--main .sub-arrow svg {
    display: none !important;
}

/* Icon Font (Vault) Styling */
.elementor-nav-menu--main .sub-arrow i {
    color: #ffffff !important;
    font-size: 14px;
    transition: transform 0.25s ease;
}

/* Hover → Arrow background hijau */
.elementor-nav-menu--main li > a:hover .sub-arrow {
    background: #008A89;
}

/* ========================================== 
   ARROW ROTATE (CORRECTED FOR FONT ICON) 
========================================== */
.elementor-nav-menu--main li.active .sub-arrow i,
.elementor-nav-menu--main li.current-menu-parent .sub-arrow i,
.elementor-nav-menu--main li.current-menu-ancestor .sub-arrow i {
    transform: rotate(90deg);
}

/* ========================================== 
   SUBMENU DROPDOWN 
========================================== */
.elementor-nav-menu--main .sub-menu {
    display: none;
    position: static !important;
    background: #081E3A !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-nav-menu--main li.active > .sub-menu {
    display: block !important;
}

/* Submenu Item */
.elementor-nav-menu--main .sub-menu li a {
    padding: 28px 28px;
    font-size: 13px;
    color: #cfd8dc;
}

.elementor-nav-menu--main .sub-menu li a:hover {
    color: #008A89;
}

/* ========================================== 
   FIX HOVER SUBITEM BG
========================================== */
.elementor-sub-item:hover {
    background-color: transparent !important;
}

/* ========================================== 
   ELEMENTOR SELECTOR OVERRIDES 
========================================== */
.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu--main .elementor-nav-menu a {
    padding: 13px 30px;
}

.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu .elementor-item:hover {
    font-size: 14px;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

/* ========================================== 
   ACTIVE STATE (PARENT + SUBMENU) 
========================================== */

/* Parent aktif highlight */
.elementor-nav-menu--main li.current-menu-parent > a,
.elementor-nav-menu--main li.current-menu-ancestor > a,
.elementor-nav-menu--main li.current-page-ancestor > a {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #008A8A !important;
}

/* Arrow parent aktif */
.elementor-nav-menu--main li.current-menu-parent .sub-arrow,
.elementor-nav-menu--main li.current-menu-ancestor .sub-arrow {
    background: #008A89 !important;
}

/* Icon font ikut warna state aktif */
.elementor-nav-menu--main li.current-menu-parent .sub-arrow i,
.elementor-nav-menu--main li.current-menu-ancestor .sub-arrow i {
    color: #ffffff !important; 
}

/* Submenu item aktif */
.elementor-nav-menu--main .sub-menu li.current-menu-item > a {
    color: #008A8A !important;
}

.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
        background-color: transparent; !important
}

/* Full background untuk parent aktif (kena seluruh bar termasuk arrow) */
.elementor-nav-menu--main li.current-menu-parent,
.elementor-nav-menu--main li.current-menu-ancestor,
.elementor-nav-menu--main li.current-page-ancestor {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Paksa semua child dalam li aktif TIDAK menimpa background li */
.elementor-nav-menu--main li.current-menu-parent > *,
.elementor-nav-menu--main li.current-menu-ancestor > *,
.elementor-nav-menu--main li.current-page-ancestor > * {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Arrow tetap highlight sesuai style lu */
.elementor-nav-menu--main li.current-menu-parent .sub-arrow,
.elementor-nav-menu--main li.current-menu-ancestor .sub-arrow {
    background: #008A89 !important;
}

/* Hover panah hanya ubah panah, JANGAN ubah teks parent */
.elementor-nav-menu--main .sub-arrow:hover {
    background: #008A89;
    
}

/* Kunci warna teks parent saat hover berasal dari sub-arrow */
.elementor-nav-menu--main a:has(.sub-arrow:hover) {
    color: #008A8A !important;
}

.elementor-359 .elementor-element.elementor-element-c257652 .elementor-nav-menu--main .elementor-item.elementor-item-active {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #008A8A !important;
}/* End custom CSS */
/* Start custom CSS *//* === FORCE DARK SCROLL BACKGROUND (NO HOVER BRIGHTENING) === */
#elementor-popup-modal-359 .dialog-widget-content,
.dialog-lightbox-widget-content,
.dialog-message {
    background-color: #081E3A !important;
}

/* WebKit browsers */
#elementor-popup-modal-359 .dialog-message::-webkit-scrollbar {
    width: 6px;
}

#elementor-popup-modal-359 .dialog-message::-webkit-scrollbar-track {
    background: #081E3A; /* SAMA persis dgn bg */
}

#elementor-popup-modal-359 .dialog-message::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.25); /* hanya thumb terlihat */
    border-radius: 6px;
}

#elementor-popup-modal-359 .dialog-message::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0.35);
}

/* HILANGKAN efek glow / shadow bawaan */
#elementor-popup-modal-359 .dialog-message::-webkit-scrollbar-track:hover,
.dialog-message::-webkit-scrollbar-track:active {
    background: #081E3A;
}

/* Firefox */
#elementor-popup-modal-359 .dialog-message {
    scrollbar-width: thin;
    scrollbar-color: rgb(0 0 0 / 17%) #081E3A;
}/* End custom CSS */