.elementor-12039 .elementor-element.elementor-element-8864be6{--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;border-style:solid;--border-style:solid;border-width:0px 0px 4px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;border-color:#17066D7D;--border-color:#17066D7D;--margin-top:-7px;--margin-bottom:-222px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-12039 .elementor-element.elementor-element-8864be6:not(.elementor-motion-effects-element-type-background), .elementor-12039 .elementor-element.elementor-element-8864be6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D275C69;}.elementor-12039 .elementor-element.elementor-element-83aa333{--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 19px;--row-gap:0px;--column-gap:19px;}.elementor-12039 .elementor-element.elementor-element-83aa333.e-con{--flex-grow:0;--flex-shrink:0;}.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-12039 .elementor-element.elementor-element-681808b img{width:69%;}.elementor-12039 .elementor-element.elementor-element-8cba9d0{--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-12039 .elementor-element.elementor-element-a2acb81 .elementor-menu-toggle{margin:0 auto;}.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--main .elementor-item:focus{color:#F7FF15;fill:#F7FF15;}.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--dropdown a, .elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-menu-toggle{color:#0439A3;fill:#0439A3;}.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--dropdown{background-color:#EAEC19;}.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--dropdown a:hover,
					.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--dropdown a:focus,
					.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-12039 .elementor-element.elementor-element-a2acb81 .elementor-nav-menu--dropdown a.highlighted{background-color:#BD9A106E;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-12039 .elementor-element.elementor-element-83aa333{--width:39.307%;}.elementor-12039 .elementor-element.elementor-element-8cba9d0{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-8864be6 *//* --- EFEK STICKY HEADER PROFESIONAL --- */

/* 1. Membuat transisi menjadi mulus */
.elementor-12039 .elementor-element.elementor-element-8864be6 {
    transition: background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease;
}

/* 2. Efek yang terjadi SAAT header menjadi sticky */
.elementor-12039 .elementor-element.elementor-element-8864be6.elementor-sticky--effects {
    background-color: #050F98FC; /* Warna latar belakang putih semi-transparan */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); /* Bayangan halus di bawah header */
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* 3. Mengecilkan logo SAAT header menjadi sticky */
.elementor-12039 .elementor-element.elementor-element-8864be6.elementor-sticky--effects .elementor-widget-site-logo img {
    max-height: 50px; /* Atur tinggi maksimal logo saat sticky */
    transition: max-height 0.4s ease;
}

/* 4. Mengecilkan blok teks (jika ada) SAAT header menjadi sticky */
.elementor-12039 .elementor-element.elementor-element-8864be6.elementor-sticky--effects .elementor-widget-site-title {
    font-size: 22px; /* Atur ukuran font judul saat sticky */
    transition: font-size 0.4s ease;
}/* End custom CSS */