.elementor-20 .elementor-element.elementor-element-12b72d75 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-20 .elementor-element.elementor-element-12b72d75:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-12b72d75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-20 .elementor-element.elementor-element-12b72d75{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:3% 10% 3% 10%;z-index:1000;}.elementor-20 .elementor-element.elementor-element-12b72d75 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-20 .elementor-element.elementor-element-4f841ece.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-20 .elementor-element.elementor-element-4f841ece.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-bc-flex-widget .elementor-20 .elementor-element.elementor-element-62a9775e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-20 .elementor-element.elementor-element-62a9775e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-20 .elementor-element.elementor-element-62a9775e > .elementor-element-populated{padding:0% 0% 0% 0%;}.elementor-20 .elementor-element.elementor-element-d03a2fd .elementor-heading-title{font-family:var( --e-global-typography-f739b48-font-family ), Sans-serif;font-size:var( --e-global-typography-f739b48-font-size );font-weight:var( --e-global-typography-f739b48-font-weight );line-height:var( --e-global-typography-f739b48-line-height );letter-spacing:var( --e-global-typography-f739b48-letter-spacing );word-spacing:var( --e-global-typography-f739b48-word-spacing );}.elementor-20 .elementor-element.elementor-element-d03a2fd{width:var( --container-widget-width, 121.07% );max-width:121.07%;--container-widget-width:121.07%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-menu-toggle{margin-left:auto;border-width:0px;border-radius:0px;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu .elementor-item{font-family:"Work Sans", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-e1e1a6d );fill:var( --e-global-color-e1e1a6d );padding-left:5px;padding-right:5px;padding-top:36px;padding-bottom:36px;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main .elementor-item:hover,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-framed .elementor-item:before,
					.elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-framed .elementor-item:before{border-width:3px;}.elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 3px 3px;}.elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:3px 3px 0 0;}.elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:3px 0 0 3px;}.elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 3px 3px 0;}.elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-underline .elementor-item:after,
					 .elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-overline .elementor-item:before,
					 .elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-double-line .elementor-item:before,
					 .elementor-20 .elementor-element.elementor-element-8c293eb .e--pointer-double-line .elementor-item:after{height:3px;}.elementor-20 .elementor-element.elementor-element-8c293eb{--e-nav-menu-horizontal-menu-item-margin:calc( 6px / 2 );--nav-menu-icon-size:30px;width:var( --container-widget-width, 161.099% );max-width:161.099%;--container-widget-width:161.099%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:6px;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown a, .elementor-20 .elementor-element.elementor-element-8c293eb .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown{background-color:#D0D1D3;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown a:hover,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown a:focus,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown a.highlighted,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-menu-toggle:hover,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-menu-toggle:focus{color:var( --e-global-color-e1e1a6d );}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown a:hover,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown a:focus,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown a.highlighted{background-color:#ededed;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown .elementor-item, .elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:15px;}.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-20 .elementor-element.elementor-element-12b72d75{padding:20px 20px 20px 20px;}.elementor-20 .elementor-element.elementor-element-c652aa2{text-align:start;}.elementor-20 .elementor-element.elementor-element-c652aa2 img{width:40%;}.elementor-20 .elementor-element.elementor-element-d03a2fd .elementor-heading-title{font-size:var( --e-global-typography-f739b48-font-size );line-height:var( --e-global-typography-f739b48-line-height );letter-spacing:var( --e-global-typography-f739b48-letter-spacing );word-spacing:var( --e-global-typography-f739b48-word-spacing );}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main .elementor-item{padding-left:14px;padding-right:14px;}.elementor-20 .elementor-element.elementor-element-8c293eb{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-12b72d75{padding:20px 20px 20px 20px;}.elementor-20 .elementor-element.elementor-element-4f841ece{width:50%;}.elementor-20 .elementor-element.elementor-element-4f841ece > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-20 .elementor-element.elementor-element-c652aa2{text-align:start;}.elementor-20 .elementor-element.elementor-element-c652aa2 img{width:90%;}.elementor-20 .elementor-element.elementor-element-62a9775e{width:50%;}.elementor-20 .elementor-element.elementor-element-62a9775e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-20 .elementor-element.elementor-element-d03a2fd .elementor-heading-title{font-size:var( --e-global-typography-f739b48-font-size );line-height:var( --e-global-typography-f739b48-line-height );letter-spacing:var( --e-global-typography-f739b48-letter-spacing );word-spacing:var( --e-global-typography-f739b48-word-spacing );}.elementor-20 .elementor-element.elementor-element-afdc34d{width:50%;}.elementor-20 .elementor-element.elementor-element-afdc34d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--dropdown a{padding-top:12px;padding-bottom:12px;}.elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-20 .elementor-element.elementor-element-8c293eb .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-4f841ece{width:10%;}.elementor-20 .elementor-element.elementor-element-62a9775e{width:25%;}.elementor-20 .elementor-element.elementor-element-afdc34d{width:64.332%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-4f841ece{width:20%;}.elementor-20 .elementor-element.elementor-element-62a9775e{width:30%;}.elementor-20 .elementor-element.elementor-element-afdc34d{width:80%;}}/* Start custom CSS for section, class: .elementor-element-12b72d75 *//* 1. Kondisi Awal: Logo tampil warna asli (gradasi) */
.elementor-20 .elementor-element.elementor-element-12b72d75 .logo-svg img {
    filter: none;
    transition: all 0.4s ease-in-out;
    width: 150px; /* Ukuran awal */
}

/* 2. Kondisi Saat Scroll: Logo berubah jadi putih/terang */
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .logo-svg img {
    filter: brightness(0) invert(1); /* Membuat logo menjadi putih */
    width: 120px; /* Ukuran mengecil saat scroll */
}

/* 3. Background Header saat Scroll (biasanya gelap agar logo putih terlihat) */
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects {
    background-color: #0F2A44 !important; /* Ganti ke warna gelap sesuai desain Anda */
    transition: all 0.4s ease-in-out;
}

/* Warna ikon dan garis hamburger SAAT scroll */
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .elementor-menu-toggle,
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .elementor-menu-toggle i,
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .elementor-menu-toggle svg {
    color: #ffffff !important;
    fill: #ffffff !important; /* Untuk ikon berbasis SVG */
    background-color: transparent !important; /* Menghapus kotak abu-abu di belakang ikon */
}

/* Pastikan saat di-hover warna tetap putih */
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .elementor-menu-toggle:hover i,
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .elementor-menu-toggle.elementor-active i {
    color: #ffffff !important;
}


/* Warna teks menu saat scroll */
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .menu-utama .elementor-item {
    color: #ffffff !important; /* Ganti dengan warna yang diinginkan */
}
/* Warna ikon hamburger SAAT scroll (Sticky Aktif) */
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .elementor-menu-toggle i,
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .elementor-menu-toggle i:before,
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .elementor-menu-toggle i:after {
    color: #ffffff !important;
    background-color: #ffffff !important; /* Jika ikon menggunakan baris garis */
}

/* Pastikan saat di-klik (aktif) warna tidak berubah jadi grey */
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .elementor-menu-toggle.elementor-active i {
    color: #ffffff !important;
}



/* Warna teks saat posisi di atas (awal) */
.elementor-20 .elementor-element.elementor-element-12b72d75 .teks-header {
    color: #0F2A44 !important; /* Ganti dengan warna awal teks Anda */
    transition: all 0.4s ease-in-out;
}

/* Warna teks berubah saat scroll */
.elementor-20 .elementor-element.elementor-element-12b72d75.elementor-sticky--effects .teks-header {
    color: #FFFFFF !important; /* Ganti dengan warna teks saat scroll (misal: putih) */
}/* End custom CSS */