.elementor-328 .elementor-element.elementor-element-4959e35f{--display:flex;--position:absolute;--min-height:80px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;top:0px;--z-index:999;}.elementor-328 .elementor-element.elementor-element-4959e35f:not(.elementor-motion-effects-element-type-background), .elementor-328 .elementor-element.elementor-element-4959e35f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}body:not(.rtl) .elementor-328 .elementor-element.elementor-element-4959e35f{left:0px;}body.rtl .elementor-328 .elementor-element.elementor-element-4959e35f{right:0px;}.elementor-widget-theme-site-logo .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-328 .elementor-element.elementor-element-3ba80063{text-align:start;}.elementor-328 .elementor-element.elementor-element-3ba80063 img{width:100%;height:60px;object-fit:contain;object-position:center center;}.elementor-328 .elementor-element.elementor-element-7a95f2f5{--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;}.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-328 .elementor-element.elementor-element-3a0b6b6e .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:700;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-0695a1b );fill:var( --e-global-color-0695a1b );padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main .elementor-item:hover, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main .elementor-item.highlighted, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main .elementor-item:focus{color:#192E03;fill:#192E03;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-0695a1b );}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-framed .elementor-item:before, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-0695a1b );}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-0695a1b );}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-0695a1b );}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-0695a1b );}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-underline .elementor-item:after, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-overline .elementor-item:before, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-double-line .elementor-item:before, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e{--e-nav-menu-horizontal-menu-item-margin:calc( 24px / 2 );}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:24px;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown a, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-menu-toggle{color:#1C244B;fill:#1C244B;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown a:hover, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown a:focus, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown .elementor-item, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e div.elementor-menu-toggle{color:var( --e-global-color-0695a1b );}.elementor-328 .elementor-element.elementor-element-3a0b6b6e div.elementor-menu-toggle svg{fill:var( --e-global-color-0695a1b );}.elementor-328 .elementor-element.elementor-element-5b28d41b .ekit_navsearch-button :is(i, svg){font-size:18px;}.elementor-328 .elementor-element.elementor-element-5b28d41b .ekit_navsearch-button, .elementor-328 .elementor-element.elementor-element-5b28d41b .ekit_search-button{color:var( --e-global-color-0695a1b );fill:var( --e-global-color-0695a1b );}.elementor-328 .elementor-element.elementor-element-5b28d41b .ekit_navsearch-button{background-color:#192E0300;width:20px;height:20px;line-height:35px;text-align:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-328 .elementor-element.elementor-element-4959e35f{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown .elementor-item, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}}@media(max-width:767px){.elementor-328 .elementor-element.elementor-element-4959e35f{--min-height:50px;}.elementor-328 .elementor-element.elementor-element-7a95f2f5{--width:30%;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-328 .elementor-element.elementor-element-3a0b6b6e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-328 .elementor-element.elementor-element-3a0b6b6e{--nav-menu-icon-size:20px;}}/* Start custom CSS for elementskit-header-search, class: .elementor-element-5b28d41b *//* Mengubah warna ikon pencarian saat di-scroll */ .elementor-sticky--effects .elementor-328 .elementor-element.elementor-element-5b28d41b i, .elementor-sticky--effects .elementor-328 .elementor-element.elementor-element-5b28d41b svg { color: #192E03 !important; fill: #192E03 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4959e35f *//* 1. Transisi Halus untuk Background & Tinggi (Saat di Atas) */ .elementor-328 .elementor-element.elementor-element-4959e35f { transition: background-color 0.4s ease-in-out, min-height 0.4s ease-in-out !important; } /* 2. Efek Saat Di-scroll (Background Putih Transparan + Tinggi 60px) */ .elementor-328 .elementor-element.elementor-element-4959e35f.elementor-sticky--effects { background-color: rgba(255, 255, 255, 0.8) !important; min-height: 60px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.1) !important; } /* 3. Menjaga Teks Tetap di Tengah Pas Header Mengecil */ .elementor-328 .elementor-element.elementor-element-4959e35f.elementor-sticky--effects .elementor-container { align-items: center !important; } /* ========================================= TAMBAHAN BARU: ANIMASI WARNA TEKS MENU ========================================= */ /* 4. Bikin transisi warna teksnya mulus nggak patah-patah */ .elementor-328 .elementor-element.elementor-element-4959e35f .elementor-nav-menu--main .elementor-item { transition: color 0.4s ease-in-out !important; } /* 5. Ubah warna teks jadi Hitam pas di-scroll */ .elementor-328 .elementor-element.elementor-element-4959e35f.elementor-sticky--effects .elementor-nav-menu--main .elementor-item { color: #1C1917 !important; /* Ganti kode hex ini kalau mau hitam yang agak soft, misal #333333 */ } /* 6. (Opsional) Ubah warna teks pas di-hover saat background putih */ .elementor-328 .elementor-element.elementor-element-4959e35f.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:hover { color: #192E03 !important; /* Contoh: berubah jadi biru pas disorot mouse */ }/* End custom CSS */