.elementor-31 .elementor-element.elementor-element-50a6f17f{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:99;}.elementor-31 .elementor-element.elementor-element-50a6f17f:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-50a6f17f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, #07236800 100%);}.elementor-31 .elementor-element.elementor-element-50a6f17f::before, .elementor-31 .elementor-element.elementor-element-50a6f17f > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-50a6f17f > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-50a6f17f > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-50a6f17f > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-50a6f17f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-31 .elementor-element.elementor-element-7d8b52bf{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-7d8b52bf.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-31 .elementor-element.elementor-element-58689b6e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-31 .elementor-element.elementor-element-58689b6e.elementor-element{--align-self:flex-start;}.elementor-31 .elementor-element.elementor-element-58689b6e img{width:100%;}.elementor-31 .elementor-element.elementor-element-ed0acb4{--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:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-ed0acb4.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-1748673{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-1748673.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-31 .elementor-element.elementor-element-6c6fa6e{width:100%;max-width:100%;margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-6c6fa6e.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-menu-toggle{margin-left:auto;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main .elementor-item:hover, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main .elementor-item.highlighted, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-framed .elementor-item:before, .elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#F3F4F6;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-underline .elementor-item:after, .elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-overline .elementor-item:before, .elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-double-line .elementor-item:before, .elementor-31 .elementor-element.elementor-element-6c6fa6e .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a:hover, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a:focus, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a.highlighted, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-menu-toggle:hover, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a:hover, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a:focus, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown .elementor-item, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;border-bottom-width:40px;}.elementor-31 .elementor-element.elementor-element-6c6fa6e div.elementor-menu-toggle{color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-6c6fa6e div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-f999e22{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-31 .elementor-element.elementor-element-fd89dde .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:none;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #FFA401 0%, var( --e-global-color-aebe056 ) 100%);border-radius:50px 50px 50px 50px;padding:14px 20px 14px 20px;}.elementor-31 .elementor-element.elementor-element-fd89dde{width:100%;max-width:100%;}.elementor-31 .elementor-element.elementor-element-fd89dde.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-fd89dde .elementor-button-content-wrapper{flex-direction:row;}.elementor-31 .elementor-element.elementor-element-fd89dde .elementor-button .elementor-button-content-wrapper{gap:10px;}.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-31 .elementor-element.elementor-element-50a6f17f{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-31 .elementor-element.elementor-element-50a6f17f.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-7d8b52bf{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-31 .elementor-element.elementor-element-58689b6e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-31 .elementor-element.elementor-element-ed0acb4{--justify-content:center;}.elementor-31 .elementor-element.elementor-element-ed0acb4.e-con{--order:99999 /* order end hack */;}.elementor-31 .elementor-element.elementor-element-1748673{--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-31 .elementor-element.elementor-element-1748673.e-con{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-31 .elementor-element.elementor-element-6c6fa6e{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-31 .elementor-element.elementor-element-6c6fa6e.elementor-element{--order:99999 /* order end hack */;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu .elementor-item{line-height:1.1em;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a{padding-top:8px;padding-bottom:8px;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:17px !important;}.elementor-31 .elementor-element.elementor-element-fd89dde .elementor-button{font-size:13px;padding:010px 15px 10px 15px;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-50a6f17f{--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-31 .elementor-element.elementor-element-50a6f17f.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-7d8b52bf{--width:14%;}.elementor-31 .elementor-element.elementor-element-58689b6e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-31 .elementor-element.elementor-element-ed0acb4{--width:77%;--justify-content:flex-end;}.elementor-31 .elementor-element.elementor-element-1748673{--width:14%;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu .elementor-item{font-size:28px;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown .elementor-item, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a{padding-top:12px;padding-bottom:12px;}.elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:14px !important;}.elementor-31 .elementor-element.elementor-element-f999e22{--width:70%;}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-7d8b52bf{--width:5%;}.elementor-31 .elementor-element.elementor-element-ed0acb4{--width:90%;}.elementor-31 .elementor-element.elementor-element-1748673{--width:78%;}}@media(max-width:1024px) and (min-width:768px){.elementor-31 .elementor-element.elementor-element-7d8b52bf{--width:6.153%;}.elementor-31 .elementor-element.elementor-element-ed0acb4{--width:90%;}.elementor-31 .elementor-element.elementor-element-1748673{--width:8%;}.elementor-31 .elementor-element.elementor-element-f999e22{--width:100%;}}/* Start custom CSS for nav-menu, class: .elementor-element-6c6fa6e *//* ======================================================= 1. UNTUK WIDGET "NAV MENU" (KLASIK) ======================================================= */ .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown { padding: 30px 15px !important; /* Sesuaikan: 30px Atas-Bawah, 15px Kiri-Kanan */ /* Opsional: Kalau mau dikasih lengkungan di ujung bawahnya */ /* border-radius: 0 0 20px 20px !important; */ } /* ======================================================= 2. UNTUK WIDGET "MENU" (VERSI BARU ELEMENTOR) ======================================================= */ .elementor-31 .elementor-element.elementor-element-6c6fa6e .e-n-menu-dropdown, .elementor-31 .elementor-element.elementor-element-6c6fa6e .e-n-menu-dropdown-content { padding: 30px 15px !important; } /* ======================================================= TWEAK TAMBAHAN (Biar item menu nggak nempel banget) ======================================================= */ /* Memastikan jarak antar menu tetap aman dan di tengah */ .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-nav-menu--dropdown a, .elementor-31 .elementor-element.elementor-element-6c6fa6e .e-n-menu-dropdown-content a { padding-top: 12px !important; padding-bottom: 12px !important; justify-content: center !important; /* Karena di gambar teksnya rata tengah */ } /*BACKGROUND MENU ACTIVE*/ /* 1. Memberikan Padding dan efek melengkung (Kapsul) ke SEMUA item menu */ /* Tujuannya agar saat menu diklik, ukurannya tidak tiba-tiba membesar/goyang */ .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-item { padding: 8px 24px !important; /* Atas-Bawah 8px, Kiri-Kanan 24px */ border-radius: 50px !important; /* Membuat ujung membulat penuh */ transition: all 0.3s ease !important; } /* 2. STYLE UNTUK MENU AKTIF */ /* Memberikan warna background semi-transparan putih */ .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-item-active { background-color: rgba(255, 255, 255, 0.25) !important; color: #FFFFFF !important; } /* 3. OPTIONAL: Style saat di-hover (disentuh mouse) */ .elementor-31 .elementor-element.elementor-element-6c6fa6e .elementor-item:hover { background-color: rgba(255, 255, 255, 0.15) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50a6f17f *//* Bikin transisi perubahannya halus (smooth fade) */ .elementor-31 .elementor-element.elementor-element-50a6f17f { transition: background-color 0.4s ease-in-out !important; } /* Warna background berubah hanya saat header masuk mode sticky */ .elementor-31 .elementor-element.elementor-element-50a6f17f.elementor-sticky--effects { background-color: #DD1C1C !important; }/* End custom CSS */