.elementor-117 .elementor-element.elementor-element-26333947{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:-110px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:13px;--padding-left:15px;--padding-right:15px;--z-index:999;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Manrope;font-weight:var( --e-global-typography-text-font-weight );}.elementor-117 .elementor-element.elementor-element-67f23c1{padding:0px 0px 0px 0px;}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Manrope;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Manrope;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover, .elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-accent );} .elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Manrope;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item a.hfe-menu-item{padding-left:9px;padding-right:9px;}.elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item a.hfe-sub-menu-item{padding-left:calc( 9px + 20px );padding-right:9px;}.elementor-117 .elementor-element.elementor-element-8ecb096 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 9px + 40px );padding-right:9px;}.elementor-117 .elementor-element.elementor-element-8ecb096 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 9px + 60px );padding-right:9px;}.elementor-117 .elementor-element.elementor-element-8ecb096 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 9px + 80px );padding-right:9px;}.elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item a.hfe-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-117 .elementor-element.elementor-element-8ecb096 .sub-menu{border-radius:0px 0px 35px 35px;}.elementor-117 .elementor-element.elementor-element-8ecb096 .sub-menu li.menu-item:first-child{border-top-left-radius:0px;border-top-right-radius:0px;overflow:hidden;}.elementor-117 .elementor-element.elementor-element-8ecb096 .sub-menu li.menu-item:last-child{border-bottom-right-radius:35px;border-bottom-left-radius:35px;overflow:hidden;}.elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown{border-radius:0px 0px 35px 35px;}.elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown li.menu-item:first-child{border-top-left-radius:0px;border-top-right-radius:0px;overflow:hidden;}.elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown li.menu-item:last-child{border-bottom-right-radius:35px;border-bottom-left-radius:35px;overflow:hidden;}.elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown-expandible{border-radius:0px 0px 35px 35px;}.elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown-expandible li.menu-item:first-child{border-top-left-radius:0px;border-top-right-radius:0px;overflow:hidden;}.elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown-expandible li.menu-item:last-child{border-bottom-right-radius:35px;border-bottom-left-radius:35px;overflow:hidden;}.elementor-117 .elementor-element.elementor-element-8ecb096 ul.sub-menu{width:220px;}.elementor-117 .elementor-element.elementor-element-8ecb096 .sub-menu a.hfe-sub-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown li a.hfe-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-117 .elementor-element.elementor-element-8ecb096 .hfe-nav-menu__toggle{margin-left:auto;}.elementor-117 .elementor-element.elementor-element-8ecb096 a.hfe-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 a.hfe-sub-menu-item{font-family:"Manrope", Manrope;font-size:14px;font-weight:400;}.elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item a.hfe-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-89af4ec );}.elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item a.hfe-menu-item:hover, .elementor-117 .elementor-element.elementor-element-8ecb096 .sub-menu a.hfe-sub-menu-item:hover, .elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item.current-menu-item a.hfe-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item a.hfe-menu-item.highlighted, .elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item a.hfe-menu-item:focus{color:#E1B76F;}.elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item.current-menu-item a.hfe-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 .menu-item.current-menu-ancestor a.hfe-menu-item{color:var( --e-global-color-89af4ec );}.elementor-117 .elementor-element.elementor-element-8ecb096 .sub-menu a.hfe-sub-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 .elementor-menu-toggle, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown li a.hfe-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{color:var( --e-global-color-89af4ec );}.elementor-117 .elementor-element.elementor-element-8ecb096 .sub-menu, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown-expandible, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown .menu-item a.hfe-menu-item, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:var( --e-global-color-primary );}.elementor-117 .elementor-element.elementor-element-8ecb096 .sub-menu li.menu-item:not(:last-child), .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown li.menu-item:not(:last-child), .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-117 .elementor-element.elementor-element-8ecb096 div.hfe-nav-menu-icon{color:var( --e-global-color-89af4ec );}.elementor-117 .elementor-element.elementor-element-8ecb096 div.hfe-nav-menu-icon svg{fill:var( --e-global-color-89af4ec );}.elementor-117 .elementor-element.elementor-element-4c44e7e6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-117 .elementor-element.elementor-element-4c44e7e6.e-con{--align-self:center;}.elementor-117 .elementor-element.elementor-element-6abd4d0 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-117 .elementor-element.elementor-element-6abd4d0 .elementskit-btn{background-color:var( --e-global-color-accent );padding:11px 30px 9px 30px;font-family:var( --e-global-typography-primary-font-family ), Manrope;font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;fill:#FFFFFF;border-style:none;border-radius:30px 30px 30px 30px;}.elementor-117 .elementor-element.elementor-element-6abd4d0 .elementskit-btn:hover{background-color:var( --e-global-color-primary );color:#ffffff;fill:#ffffff;}.elementor-117 .elementor-element.elementor-element-6abd4d0{width:auto;max-width:auto;}.elementor-117 .elementor-element.elementor-element-6abd4d0 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-117 .elementor-element.elementor-element-6abd4d0 .elementskit-btn > i, .elementor-117 .elementor-element.elementor-element-6abd4d0 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-117 .elementor-element.elementor-element-6abd4d0 .elementskit-btn > i, .rtl .elementor-117 .elementor-element.elementor-element-6abd4d0 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-117 .elementor-element.elementor-element-5065183{width:auto;max-width:auto;}.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-117 .elementor-element.elementor-element-4c44e7e6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}@media(max-width:767px){.elementor-117 .elementor-element.elementor-element-26333947{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-117 .elementor-element.elementor-element-67f23c1{width:auto;max-width:auto;}.elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-nav-menu__layout-horizontal:not(.hfe-dropdown) ul.sub-menu, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-nav-menu__layout-expandible.menu-is-active, .elementor-117 .elementor-element.elementor-element-8ecb096 nav.hfe-nav-menu__layout-vertical:not(.hfe-dropdown) ul.sub-menu{margin-top:20px;}.elementor-117 .elementor-element.elementor-element-8ecb096 .hfe-dropdown.menu-is-active{margin-top:20px;}.elementor-117 .elementor-element.elementor-element-8ecb096{width:var( --container-widget-width, 100px );max-width:100px;--container-widget-width:100px;--container-widget-flex-grow:0;}.elementor-117 .elementor-element.elementor-element-8ecb096.elementor-element{--align-self:center;}.elementor-117 .elementor-element.elementor-element-4c44e7e6{--width:5px;}}@media(min-width:768px){.elementor-117 .elementor-element.elementor-element-26333947{--content-width:1140px;}.elementor-117 .elementor-element.elementor-element-4c44e7e6{--width:14%;}}@media(max-width:1024px) and (min-width:768px){.elementor-117 .elementor-element.elementor-element-4c44e7e6{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-26333947 *//* 1. Pengaturan dasar header: Ukuran penuh saat di paling atas */ .header-sticky-custom { position: fixed !important; top: 0; left: 0; right: 0; margin: 0 auto; /* Memastikan header selalu di tengah layar */ width: 100%; max-width: 100%; /* Lebar penuh pada awalnya */ z-index: 9999; background-color: transparent; border-radius: 0px; /* Sudut kotak saat di atas */ /* Transisi halus untuk perubahan bentuk, posisi, dan bayangan */ transition: top 0.4s ease-in-out, width 0.4s ease-in-out, max-width 0.4s ease-in-out, border-radius 0.4s ease-in-out, box-shadow 0.4s ease-in-out; } /* 2. Layer Glassmorphism (Hijau Gelap) */ .header-sticky-custom::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: linear-gradient(135deg, #0f5132 0%, #06301d 100%); */ background: radial-gradient(circle at top right, rgba(203, 161, 83, 0.15), transparent 50%), linear-gradient(135deg, #0c120f 0%, #16211B 100%); border-radius: inherit; /* Otomatis mengikuti lengkungan parent */ z-index: -1; opacity: 0; transition: opacity 0.4s ease-in-out; } /* 3. PERUBAHAN UTAMA: Bentuk melayang & melengkung saat di-scroll */ .header-sticky-custom.scrolled-down { top: 15px; /* Turun 15px dari atas layar agar terlihat melayang */ width: 95%; /* Menyisakan jarak di layar HP */ max-width: 1140px; /* Lebar maksimal di PC */ border-radius: 50px; /* Sudut menjadi membulat (rounded) */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } /* Memunculkan warna glassmorphism */ .header-sticky-custom.scrolled-down::before { opacity: 1 !important; } /* 4. Efek mengecilkan konten di dalam header */ .header-sticky-custom > .e-con, .header-sticky-custom > .e-con-inner, .header-sticky-custom > .elementor-container { transition: transform 0.4s ease-in-out; transform-origin: center top; } .header-sticky-custom.scrolled-down > .e-con, .header-sticky-custom.scrolled-down > .e-con-inner, .header-sticky-custom.scrolled-down > .elementor-container { /* Saya ubah menjadi 0.9 agar tidak terlalu kecil, karena kontainer luarnya sudah menyusut menjadi 1140px */ transform: scale(0.9); }/* End custom CSS */