.elementor-3388 .elementor-element.elementor-element-28a9f8b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:100px;--padding-right:100px;--z-index:99;}.elementor-3388 .elementor-element.elementor-element-e9c849b{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3388 .elementor-element.elementor-element-0966e09{width:var( --container-widget-width, 140px );max-width:140px;--container-widget-width:140px;--container-widget-flex-grow:0;}.elementor-3388 .elementor-element.elementor-element-0966e09 img{width:100%;height:32px;}.elementor-3388 .elementor-element.elementor-element-cd9a029{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-3388 .elementor-element.elementor-element-6b873ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-menu-toggle{margin:0 auto;background-color:#00000000;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu .elementor-item{font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:600;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--main .elementor-item:hover,
					.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-text );}.elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-framed .elementor-item:before,
					.elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-text );}.elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-underline .elementor-item:after,
					 .elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-overline .elementor-item:before,
					 .elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-double-line .elementor-item:before,
					 .elementor-3388 .elementor-element.elementor-element-6b873ea .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--dropdown a, .elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--dropdown{background-color:#000000CC;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--dropdown .elementor-item, .elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:500;}.elementor-3388 .elementor-element.elementor-element-6b873ea div.elementor-menu-toggle{color:#FFFFFF;}.elementor-3388 .elementor-element.elementor-element-6b873ea div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3388 .elementor-element.elementor-element-63cabb7 .elementor-button:hover, .elementor-3388 .elementor-element.elementor-element-63cabb7 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-3388 .elementor-element.elementor-element-63cabb7 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3388 .elementor-element.elementor-element-63cabb7 .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:80px 80px 80px 80px;padding:10px 16px 10px 16px;}.elementor-3388 .elementor-element.elementor-element-63cabb7 .elementor-button:hover svg, .elementor-3388 .elementor-element.elementor-element-63cabb7 .elementor-button:focus svg{fill:#000000;}@media(max-width:1024px){.elementor-3388 .elementor-element.elementor-element-28a9f8b{--padding-top:16px;--padding-bottom:16px;--padding-left:40px;--padding-right:40px;}.elementor-3388 .elementor-element.elementor-element-0966e09{--container-widget-width:128px;--container-widget-flex-grow:0;width:var( --container-widget-width, 128px );max-width:128px;}.elementor-3388 .elementor-element.elementor-element-cd9a029{--justify-content:flex-end;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--dropdown .elementor-item, .elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:20px;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--dropdown a{padding-left:40px;padding-right:40px;padding-top:16px;padding-bottom:16px;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:17px !important;}.elementor-3388 .elementor-element.elementor-element-63cabb7.elementor-element{--order:-99999 /* order start hack */;}}@media(max-width:767px){.elementor-3388 .elementor-element.elementor-element-28a9f8b{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-3388 .elementor-element.elementor-element-e9c849b{--width:40%;}.elementor-3388 .elementor-element.elementor-element-0966e09{--container-widget-width:96px;--container-widget-flex-grow:0;width:var( --container-widget-width, 96px );max-width:96px;}.elementor-3388 .elementor-element.elementor-element-0966e09 img{height:24px;}.elementor-3388 .elementor-element.elementor-element-cd9a029{--width:60%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 16px;--row-gap:0px;--column-gap:16px;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--dropdown a{padding-left:16px;padding-right:16px;}.elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3388 .elementor-element.elementor-element-6b873ea .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:17px !important;}}/* Start custom CSS for container, class: .elementor-element-28a9f8b *//* Memaksa kanvas paling dasar menjadi hitam pekat 
   untuk mencegah glitch warna putih saat scroll */
html, body {
    background-color: #000000 !important;
}

/* =========================================
   1. KONDISI DEFAULT (PALING ATAS) - HITAM PEKAT
   ========================================= */
.elementor-3388 .elementor-element.elementor-element-28a9f8b,
.elementor-3388 .elementor-element.elementor-element-28a9f8b.elementor-sticky:not(.elementor-sticky--effects) {
    background-color: #000000 !important; /* Hitam pekat solid sejak awal */
    
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
    border-bottom: 1px solid transparent !important;
    box-shadow: none !important;
    
    /* Transisi mulus saat scroll */
    transition: background-color 0.4s ease, backdrop-filter 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease !important;
}

/* =========================================
   2. KONDISI SAAT DI-SCROLL - AGAK TRANSPARAN
   ========================================= */

/* Desktop & Tablet */
@media (min-width: 768px) {
    .elementor-3388 .elementor-element.elementor-element-28a9f8b.elementor-sticky--effects {
        /* Opacity 0.80 agar agak transparan tapi tetap elegan */
        background-color: rgba(18, 18, 18, 0.80) !important; 
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important; 
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-3388 .elementor-element.elementor-element-28a9f8b.elementor-sticky--effects {
        /* Sedikit lebih pekat (0.90) di mobile untuk menjaga keterbacaan menu */
        background-color: rgba(18, 18, 18, 0.90) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
    }
}

/* =========================================
   3. FIX MODE EDITOR ELEMENTOR 🛠️
   ========================================= */
.elementor-editor-active .elementor-3388 .elementor-element.elementor-element-28a9f8b {
    background-color: #121212 !important; 
    backdrop-filter: none !important;
    border-bottom: 1px dashed #3f3f46 !important; 
}/* End custom CSS */