.elementor-2238 .elementor-element.elementor-element-2eee406{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2238 .elementor-element.elementor-element-2eee406:not(.elementor-motion-effects-element-type-background), .elementor-2238 .elementor-element.elementor-element-2eee406 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2238 .elementor-element.elementor-element-2eee406::before, .elementor-2238 .elementor-element.elementor-element-2eee406 > .elementor-background-video-container::before, .elementor-2238 .elementor-element.elementor-element-2eee406 > .e-con-inner > .elementor-background-video-container::before, .elementor-2238 .elementor-element.elementor-element-2eee406 > .elementor-background-slideshow::before, .elementor-2238 .elementor-element.elementor-element-2eee406 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2238 .elementor-element.elementor-element-2eee406 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2238 .elementor-element.elementor-element-1502422{--display:flex;}.elementor-2238 .elementor-element.elementor-element-1502422.e-con{--flex-grow:0;--flex-shrink:0;}.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-2238 .elementor-element.elementor-element-76e56e8{--display:flex;--min-height:100px;}.elementor-2238 .elementor-element.elementor-element-76e56e8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2238 .elementor-element.elementor-element-d52ea74{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2238 .elementor-element.elementor-element-d52ea74.e-con{--flex-grow:0;--flex-shrink:0;}.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-2238 .elementor-element.elementor-element-ca52fd4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-menu-toggle{margin:0 auto;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu .elementor-item{font-family:"Albert Sans", Sans-serif;font-weight:300;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--main .elementor-item:hover, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--main .elementor-item:focus{color:#E32427;fill:#E32427;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#E32427;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-framed .elementor-item:before, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-framed .elementor-item:after{border-color:#E32427;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-underline .elementor-item:after, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-overline .elementor-item:before, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-double-line .elementor-item:before, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-2238 .elementor-element.elementor-element-ca52fd4{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown a, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown a:hover, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown a:focus, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown a.highlighted, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-menu-toggle:hover, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-menu-toggle:focus{color:#FF0000;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown a:hover, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown a:focus, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF00;}.elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown .elementor-item, .elementor-2238 .elementor-element.elementor-element-ca52fd4 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Albert Sans", Sans-serif;font-weight:300;}.elementor-2238 .elementor-element.elementor-element-f6b1ba0{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2238 .elementor-element.elementor-element-f6b1ba0:not(.elementor-motion-effects-element-type-background), .elementor-2238 .elementor-element.elementor-element-f6b1ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2238 .elementor-element.elementor-element-f6b1ba0::before, .elementor-2238 .elementor-element.elementor-element-f6b1ba0 > .elementor-background-video-container::before, .elementor-2238 .elementor-element.elementor-element-f6b1ba0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2238 .elementor-element.elementor-element-f6b1ba0 > .elementor-background-slideshow::before, .elementor-2238 .elementor-element.elementor-element-f6b1ba0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2238 .elementor-element.elementor-element-f6b1ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2238 .elementor-element.elementor-element-ef9be68{--display:flex;}.elementor-2238 .elementor-element.elementor-element-ef9be68.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2238 .elementor-element.elementor-element-b1b6f94{--display:flex;--min-height:100px;}.elementor-2238 .elementor-element.elementor-element-b1b6f94.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2238 .elementor-element.elementor-element-e2b2f79 .elementor-menu-toggle{margin-left:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-2238 .elementor-element.elementor-element-ca52fd4{width:var( --container-widget-width, 764.775px );max-width:764.775px;--container-widget-width:764.775px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-2238 .elementor-element.elementor-element-1502422{--width:15%;}.elementor-2238 .elementor-element.elementor-element-76e56e8{--width:15%;}.elementor-2238 .elementor-element.elementor-element-d52ea74{--width:70%;}.elementor-2238 .elementor-element.elementor-element-ef9be68{--width:16%;}.elementor-2238 .elementor-element.elementor-element-b1b6f94{--width:15%;}}@media(max-width:1366px) and (min-width:768px){.elementor-2238 .elementor-element.elementor-element-1502422{--width:180.4px;}.elementor-2238 .elementor-element.elementor-element-76e56e8{--width:180.4px;}.elementor-2238 .elementor-element.elementor-element-d52ea74{--width:778px;}.elementor-2238 .elementor-element.elementor-element-ef9be68{--width:180.4px;}.elementor-2238 .elementor-element.elementor-element-b1b6f94{--width:180.4px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2238 .elementor-element.elementor-element-1502422{--width:17.912%;}.elementor-2238 .elementor-element.elementor-element-76e56e8{--width:17.912%;}.elementor-2238 .elementor-element.elementor-element-d52ea74{--width:46%;}.elementor-2238 .elementor-element.elementor-element-ef9be68{--width:17.912%;}.elementor-2238 .elementor-element.elementor-element-b1b6f94{--width:17.912%;}}@media(max-width:767px){.elementor-2238 .elementor-element.elementor-element-1502422{--width:50%;}.elementor-2238 .elementor-element.elementor-element-76e56e8{--width:50%;}.elementor-2238 .elementor-element.elementor-element-ef9be68{--width:43.438%;}.elementor-2238 .elementor-element.elementor-element-b1b6f94{--width:50%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}}/* Start custom CSS for container, class: .elementor-element-2eee406 *//* === 1. Saat BELUM discroll: transparan === */ .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) { background-color: transparent !important; box-shadow: none !important; transition: background 0.5s ease-in-out, box-shadow 0.5s ease-in-out; } .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-item, .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-button, .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-menu-toggle i, .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-menu-toggle svg { color: #ffffff !important; fill: #ffffff !important; } /* Logo putih saat transparan */ .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .original-logo { display: inline-block !important; } .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .scroll-logo { display: none !important; } /* === 2. Saat SUDAH discroll: solid putih === */ .elementor-sticky--effects { background-color: rgb(243, 245, 247) !important; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2) !important; } .elementor-sticky--effects .elementor-item { color: #1a1a1a !important; } .elementor-sticky--effects .elementor-button { background: #06A3DE !important; } .elementor-sticky--effects .elementor-menu-toggle i, .elementor-sticky--effects .elementor-menu-toggle svg { fill: #06A3DE !important; color: #06A3DE !important; } .elementor-sticky--effects .sub-arrow { fill: black; } /* Hover merah saat header transparan */ .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-item:hover { color: #e60000 !important; /* Merah */ } /* Hover merah saat header sticky (solid) */ .elementor-sticky--effects .elementor-item:hover { color: #e60000 !important; /* Merah */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f6b1ba0 *//* === 1. Saat BELUM discroll: transparan === */ .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) { background-color: transparent !important; box-shadow: none !important; transition: background 0.5s ease-in-out, box-shadow 0.5s ease-in-out; } .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-item, .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-button, .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-menu-toggle i, .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-menu-toggle svg { color: #ffffff !important; fill: #ffffff !important; } /* Logo putih saat transparan */ .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .original-logo { display: inline-block !important; } .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .scroll-logo { display: none !important; } /* === 2. Saat SUDAH discroll: solid putih === */ .elementor-sticky--effects { background-color: rgb(243, 245, 247) !important; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2) !important; } .elementor-sticky--effects .elementor-item { color: #1a1a1a !important; } .elementor-sticky--effects .elementor-button { background: #06A3DE !important; } .elementor-sticky--effects .elementor-menu-toggle i, .elementor-sticky--effects .elementor-menu-toggle svg { fill: #06A3DE !important; color: #06A3DE !important; } .elementor-sticky--effects .sub-arrow { fill: black; } /* Hover merah saat header transparan */ .elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects) .elementor-item:hover { color: #e60000 !important; /* Merah */ } /* Hover merah saat header sticky (solid) */ .elementor-sticky--effects .elementor-item:hover { color: #e60000 !important; /* Merah */ }/* End custom CSS */