.elementor-11 .elementor-element.elementor-element-aeb4ff5{--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;--z-index:99999;}.elementor-11 .elementor-element.elementor-element-aeb4ff5.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-11 .elementor-element.elementor-element-37d0401.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-37d0401 img{width:18%;}.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-11 .elementor-element.elementor-element-8d362b8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-8d362b8 .elementor-menu-toggle{margin:0 auto;}.elementor-11 .elementor-element.elementor-element-8d362b8 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-11 .elementor-element.elementor-element-8c82a3a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-8c82a3a .elementor-menu-toggle{margin:0 auto;}.elementor-11 .elementor-element.elementor-element-8c82a3a .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-weight:600;}.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-11 .elementor-element.elementor-element-37d0401{width:var( --container-widget-width, 500.312px );max-width:500.312px;margin:1% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -23%;--container-widget-width:500.312px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-aeb4ff5{--width:100%;--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;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-37d0401{width:var( --container-widget-width, 46.266% );max-width:46.266%;margin:2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 4%;--container-widget-width:46.266%;--container-widget-flex-grow:0;text-align:start;}.elementor-11 .elementor-element.elementor-element-37d0401 img{width:31%;}.elementor-11 .elementor-element.elementor-element-8d362b8{width:var( --container-widget-width, 40.438% );max-width:40.438%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;--container-widget-width:40.438%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-8d362b8.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-8d362b8 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-11 .elementor-element.elementor-element-8d362b8 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-11 .elementor-element.elementor-element-8d362b8 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-11 .elementor-element.elementor-element-8d362b8 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-11 .elementor-element.elementor-element-8d362b8 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-11 .elementor-element.elementor-element-8d362b8 .e--pointer-underline .elementor-item:after,
					 .elementor-11 .elementor-element.elementor-element-8d362b8 .e--pointer-overline .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-8d362b8 .e--pointer-double-line .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-8d362b8 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-11 .elementor-element.elementor-element-8d362b8 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}.elementor-11 .elementor-element.elementor-element-8c82a3a{width:var( --container-widget-width, 40.438% );max-width:40.438%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;--container-widget-width:40.438%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-8c82a3a.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-8c82a3a .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-11 .elementor-element.elementor-element-8c82a3a .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-11 .elementor-element.elementor-element-8c82a3a .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-11 .elementor-element.elementor-element-8c82a3a .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-11 .elementor-element.elementor-element-8c82a3a .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-11 .elementor-element.elementor-element-8c82a3a .e--pointer-underline .elementor-item:after,
					 .elementor-11 .elementor-element.elementor-element-8c82a3a .e--pointer-overline .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-8c82a3a .e--pointer-double-line .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-8c82a3a .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-11 .elementor-element.elementor-element-8c82a3a .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-8c82a3a *//* ========================= Hamburger + Fullscreen Menu (Proposional) ========================= */ .hamburger-fancy{ position: relative; /* theme */ --fs-bg: rgba(255,255,255,.96); --fs-blur: 10px; --fs-text: #111; --fs-muted: rgba(17,17,17,.55); --fs-accent: #0b6bff; /* sizing */ --toggle-size: 54px; --edge: 16px; /* jarak dari pinggir */ --topbar: 88px; /* ruang area atas (logo + close) */ --maxw: 520px; /* lebar konten menu biar tidak kepanjangan */ } /* Pastikan tidak ke-clip */ .hamburger-fancy, .hamburger-fancy .elementor-widget-container{ overflow: visible !important; } /* ===== Toggle button (hamburger / close) di pinggir kanan, center vertikal di header ===== */ .hamburger-fancy .elementor-menu-toggle{ position: absolute !important; right: var(--edge) !important; top: 50% !important; transform: translateY(-50%) !important; left: auto !important; z-index: 1000000 !important; width: var(--toggle-size) !important; height: var(--toggle-size) !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 16px !important; padding: 0 !important; /* biar benar-benar kotak proporsional */ background: rgba(255,255,255,.90) !important; border: 1px solid rgba(0,0,0,.10) !important; box-shadow: 0 12px 28px rgba(0,0,0,.12) !important; } /* Kalau ada alignment yang bikin widget melebar, netralin */ .hamburger-fancy{ --topbar: 150px; /* jarak aman area atas (close + status bar) */ --menu-top-gap: 24px; /* INI yang kamu ubah untuk jarak item menu dari atas */ } /* Fullscreen panel */ .hamburger-fancy .elementor-nav-menu__container.elementor-nav-menu--dropdown{ position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; margin: 0 !important; padding: var(--topbar) var(--edge) 5px !important; background: var(--fs-bg) !important; backdrop-filter: blur(var(--fs-blur)); -webkit-backdrop-filter: blur(var(--fs-blur)); z-index: 999999 !important; display: block !important; opacity: 0; visibility: hidden; transform: translateY(-8px); pointer-events: none; transition: opacity .22s ease, transform .22s ease, visibility .22s ease; } /* JARAK item menu dengan atas: atur di sini */ .hamburger-fancy .elementor-nav-menu--dropdown .elementor-nav-menu{ padding-top: var(--menu-top-gap) !important; } /* Tampil saat toggle aktif */ .hamburger-fancy .elementor-menu-toggle.elementor-active ~ .elementor-nav-menu__container.elementor-nav-menu--dropdown, .hamburger-fancy .elementor-nav-menu__container.elementor-nav-menu--dropdown.elementor-active{ opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } /* Saat fullscreen kebuka, pindahkan tombol toggle jadi tombol close di pojok kanan atas */ .hamburger-fancy .elementor-menu-toggle.elementor-active{ position: fixed !important; top: var(--edge) !important; right: var(--edge) !important; transform: none !important; z-index: 1000000 !important; } /* ===== Layout list menu: mulai dari atas, bukan turun kebawah ===== */ .hamburger-fancy .elementor-nav-menu--dropdown .elementor-nav-menu{ max-width: var(--maxw); margin: 0 auto; /* biar center secara horizontal */ display: flex; flex-direction: column; gap: 14px; align-items: stretch; justify-content: flex-start; /* INI KUNCI: mulai dari atas */ min-height: 0 !important; /* hapus efek "ketarik ke tengah" */ padding-top: 12px; /* sedikit napas */ } /* ===== Item menu ===== */ .hamburger-fancy .elementor-nav-menu--dropdown .elementor-item{ color: var(--fs-text) !important; font-size: 22px !important; font-weight: 700 !important; padding: 16px 18px !important; border-radius: 18px !important; border: 1px solid rgba(0,0,0,.10); background: rgba(255,255,255,.72); transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease; } .hamburger-fancy .elementor-nav-menu--dropdown .elementor-item:hover{ transform: translateY(-1px); border-color: rgba(11,107,255,.35); background: rgba(11,107,255,.10); color: var(--fs-accent) !important; } /* Submenu (kalau ada) */ .hamburger-fancy .elementor-nav-menu--dropdown .sub-menu{ padding: 8px 0 0 !important; } .hamburger-fancy .elementor-nav-menu--dropdown .sub-menu .elementor-item{ font-size: 18px !important; font-weight: 600 !important; color: var(--fs-muted) !important; } /* Kunci scroll body saat menu kebuka (browser modern) */ body:has(.hamburger-fancy .elementor-menu-toggle.elementor-active){ overflow: hidden; } /* ========================= TABLET: samakan layout hamburger seperti mobile (tanpa fixed) ========================= */ @media (min-width: 768px) and (max-width: 1024px){ /* Jadikan section header yang mengandung hamburger sebagai anchor */ .elementor-location-header .elementor-section:has(.hamburger-fancy){ position: relative !important; } /* Kolom yang berisi hamburger biasanya jatuh jadi baris bawah di tablet, ini yang bikin area kosong. Nol-kan tinggi dan spacing supaya tidak ada "bar" tambahan. */ .elementor-location-header .elementor-column:has(.hamburger-fancy){ min-height: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } .elementor-location-header .elementor-column:has(.hamburger-fancy) > .elementor-widget-wrap{ min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } /* Lepas posisi relative di wrapper agar tombol bisa ngikut anchor section */ .elementor-location-header .hamburger-fancy{ position: static !important; } /* Tombol hamburger: absolute, kanan, center vertikal di header (feel mobile) */ .elementor-location-header .hamburger-fancy .elementor-menu-toggle{ position: absolute !important; right: var(--edge) !important; left: auto !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 1000000 !important; } /* Saat aktif (jadi close): tetap absolute di pojok kanan atas, bukan fixed */ .elementor-location-header .hamburger-fancy .elementor-menu-toggle.elementor-active{ position: absolute !important; top: calc(var(--edge) + env(safe-area-inset-top, 0px)) !important; right: var(--edge) !important; left: auto !important; transform: none !important; } }/* End custom CSS */