.elementor-176 .elementor-element.elementor-element-7d5b8b88{--display:flex;--min-height:86px;--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:center;--align-items:center;--gap:5% 5%;--row-gap:5%;--column-gap:5%;border-style:none;--border-style:none;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;--z-index:10;}.elementor-176 .elementor-element.elementor-element-7558acd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-176 .elementor-element.elementor-element-6ca4717{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:-10px;text-align:left;}body:not(.rtl) .elementor-176 .elementor-element.elementor-element-6ca4717{left:0px;}body.rtl .elementor-176 .elementor-element.elementor-element-6ca4717{right:0px;}.elementor-176 .elementor-element.elementor-element-6ca4717 img{width:125px;}.elementor-176 .elementor-element.elementor-element-0bbd3e3{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:-10px;text-align:left;}body:not(.rtl) .elementor-176 .elementor-element.elementor-element-0bbd3e3{left:0px;}body.rtl .elementor-176 .elementor-element.elementor-element-0bbd3e3{right:0px;}.elementor-176 .elementor-element.elementor-element-0bbd3e3 img{width:125px;}.elementor-176 .elementor-element.elementor-element-e69a143{--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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-176 .elementor-element.elementor-element-2b30a1e8{margin:0px 40px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 41px / 2 );}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-menu-toggle{margin-right:auto;background-color:rgba(255, 255, 255, 0);}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-69b684b-font-family ), Sans-serif;font-size:var( --e-global-typography-69b684b-font-size );font-weight:var( --e-global-typography-69b684b-font-weight );text-transform:var( --e-global-typography-69b684b-text-transform );line-height:var( --e-global-typography-69b684b-line-height );}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--main .elementor-item:hover, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:41px;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-text );border-style:solid;border-color:#000000;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a:hover, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a:focus, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a.highlighted, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-menu-toggle:hover, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-menu-toggle:focus{color:#000000;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a:hover, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a:focus, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a.highlighted{background-color:#F2EFEC;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a.elementor-item-active{color:#000000;background-color:#F2EFEC;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown .elementor-item, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-69b684b-font-family ), Sans-serif;font-size:var( --e-global-typography-69b684b-font-size );font-weight:var( --e-global-typography-69b684b-font-weight );text-transform:var( --e-global-typography-69b684b-text-transform );}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a{padding-top:10px;padding-bottom:10px;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;border-bottom-width:1px;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 div.elementor-menu-toggle{color:#000000;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 div.elementor-menu-toggle svg{fill:#000000;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 div.elementor-menu-toggle:hover, .elementor-176 .elementor-element.elementor-element-2b30a1e8 div.elementor-menu-toggle:focus{color:#ACA298;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 div.elementor-menu-toggle:hover svg, .elementor-176 .elementor-element.elementor-element-2b30a1e8 div.elementor-menu-toggle:focus svg{fill:#ACA298;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-176 .elementor-element.elementor-element-0a0c537 .elementor-button{background-color:#26262600;font-family:var( --e-global-typography-69b684b-font-family ), Sans-serif;font-size:var( --e-global-typography-69b684b-font-size );font-weight:var( --e-global-typography-69b684b-font-weight );text-transform:var( --e-global-typography-69b684b-text-transform );line-height:var( --e-global-typography-69b684b-line-height );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );padding:10px 30px 10px 30px;}.elementor-176 .elementor-element.elementor-element-0a0c537{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.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-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-69b684b-font-size );line-height:var( --e-global-typography-69b684b-line-height );}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown .elementor-item, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-69b684b-font-size );}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown{border-width:0px 0px 1px 0px;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown a{padding-top:20px;padding-bottom:20px;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:29px !important;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-176 .elementor-element.elementor-element-0a0c537 .elementor-button{font-size:var( --e-global-typography-69b684b-font-size );line-height:var( --e-global-typography-69b684b-line-height );}}@media(max-width:767px){.elementor-176 .elementor-element.elementor-element-7558acd{--width:50%;--justify-content:center;}.elementor-176 .elementor-element.elementor-element-7558acd.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-176 .elementor-element.elementor-element-6ca4717.elementor-element{--order:-99999 /* order start hack */;}.elementor-176 .elementor-element.elementor-element-6ca4717{text-align:left;}.elementor-176 .elementor-element.elementor-element-6ca4717 img{width:109px;}.elementor-176 .elementor-element.elementor-element-0bbd3e3.elementor-element{--order:-99999 /* order start hack */;}.elementor-176 .elementor-element.elementor-element-0bbd3e3{text-align:left;}.elementor-176 .elementor-element.elementor-element-0bbd3e3 img{width:109px;}.elementor-176 .elementor-element.elementor-element-e69a143{--width:40%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-176 .elementor-element.elementor-element-2b30a1e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-69b684b-font-size );line-height:var( --e-global-typography-69b684b-line-height );}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown .elementor-item, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-69b684b-font-size );}.elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-176 .elementor-element.elementor-element-2b30a1e8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:16px !important;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-176 .elementor-element.elementor-element-0a0c537 .elementor-button{font-size:var( --e-global-typography-69b684b-font-size );line-height:var( --e-global-typography-69b684b-line-height );}}/* Start custom CSS for container, class: .elementor-element-7d5b8b88 *//* Header container */ #site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } /* Background layer pakai pseudo-element */ #site-header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f7f4ed; transform: translateY(-100%); /* sembunyi di atas */ transition: transform 0.5s ease; z-index: -1; /* supaya konten (logo/menu) tetap di atas */ } /* Saat scroll, background turun */ #site-header.scrolled::before { transform: translateY(0); } /* Text saat scroll */ #site-header.scrolled .header-text, #site-header.scrolled .elementor-heading-title, #site-header.scrolled .elementor-nav-menu--main .elementor-item { color: black !important; fill: black !important; } /* Button saat scroll */ #site-header.scrolled .elementor-button, #site-header.scrolled .header-button { background-color: #313131 !important; color: #ffffff !important; border: 1px solid black; } #site-header.scrolled .logo1 img{ display: none !important; } #site-header.scrolled .logo2 img{ display: block !important; } .logo2 img{ display: none !important; } .logo1 img{ display: block !important; } #site-header.scrolled .elementor-menu-toggle svg path{ fill: #1e1e1e !important; }/* End custom CSS */