.elementor-136 .elementor-element.elementor-element-b8e253b{--display:flex;--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:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overflow:hidden;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;--z-index:9999;}.elementor-136 .elementor-element.elementor-element-b8e253b:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-b8e253b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-11f7775 );}.elementor-136 .elementor-element.elementor-element-27d047c{--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;--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-136 .elementor-element.elementor-element-cdf4a67{--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;--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.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-136 .elementor-element.elementor-element-f326311 .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;font-style:italic;fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );transition-duration:0.5s;border-style:none;border-radius:50px 50px 50px 50px;padding:10px 30px 10px 30px;}.elementor-136 .elementor-element.elementor-element-f326311 .elementor-button:hover, .elementor-136 .elementor-element.elementor-element-f326311 .elementor-button:focus{background-color:var( --e-global-color-11f7775 );color:var( --e-global-color-astglobalcolor5 );border-color:var( --e-global-color-astglobalcolor5 );}.elementor-136 .elementor-element.elementor-element-f326311 .elementor-button:hover svg, .elementor-136 .elementor-element.elementor-element-f326311 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor5 );}.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-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-136 .elementor-element.elementor-element-38e745b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-136 .elementor-element.elementor-element-38e745b .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-136 .elementor-element.elementor-element-38e745b .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-136 .elementor-element.elementor-element-38e745b .elementor-nav-menu--main .elementor-item:hover, .elementor-136 .elementor-element.elementor-element-38e745b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-136 .elementor-element.elementor-element-38e745b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-136 .elementor-element.elementor-element-38e745b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor5 );fill:var( --e-global-color-astglobalcolor5 );}.elementor-136 .elementor-element.elementor-element-38e745b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-astglobalcolor5 );}.elementor-136 .elementor-element.elementor-element-b25d2ca{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}#elementor-popup-modal-136 .dialog-widget-content{animation-duration:0.6s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-136{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-136 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-136 .dialog-close-button{display:flex;}#elementor-popup-modal-136 .dialog-close-button i{color:var( --e-global-color-astglobalcolor5 );}#elementor-popup-modal-136 .dialog-close-button svg{fill:var( --e-global-color-astglobalcolor5 );}@media(max-width:1024px) and (min-width:768px){.elementor-136 .elementor-element.elementor-element-27d047c{--width:65%;}.elementor-136 .elementor-element.elementor-element-cdf4a67{--width:35%;}}@media(max-width:1024px){.elementor-136 .elementor-element.elementor-element-b8e253b{--min-height:75vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-136 .elementor-element.elementor-element-27d047c{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-136 .elementor-element.elementor-element-27d047c:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-27d047c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-136 .elementor-element.elementor-element-27d047c.e-con{--align-self:stretch;}.elementor-136 .elementor-element.elementor-element-cdf4a67{--justify-content:space-evenly;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-136 .elementor-element.elementor-element-cdf4a67.e-con{--align-self:stretch;}.elementor-136 .elementor-element.elementor-element-f326311 .elementor-button{padding:0px 0px 0px 0px;}.elementor-136 .elementor-element.elementor-element-23306e6{text-align:end;}.elementor-136 .elementor-element.elementor-element-23306e6 img{width:50%;}.elementor-136 .elementor-element.elementor-element-38e745b{padding:0px 0px 0px 0px;}.elementor-136 .elementor-element.elementor-element-38e745b.elementor-element{--align-self:center;}.elementor-136 .elementor-element.elementor-element-38e745b .elementor-nav-menu--main .elementor-item{padding-top:10px;padding-bottom:10px;}#elementor-popup-modal-136 .dialog-message{width:1024px;}}@media(max-width:767px){.elementor-136 .elementor-element.elementor-element-b8e253b{--min-height:100vh;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;--z-index:9999;}.elementor-136 .elementor-element.elementor-element-27d047c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-136 .elementor-element.elementor-element-cdf4a67{--justify-content:flex-start;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-136 .elementor-element.elementor-element-f326311{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-136 .elementor-element.elementor-element-f326311.elementor-element{--align-self:flex-end;}.elementor-136 .elementor-element.elementor-element-f326311 .elementor-button{font-size:20px;padding:20px 0px 0px 0px;}.elementor-136 .elementor-element.elementor-element-23306e6 img{width:100%;height:100px;object-fit:contain;}.elementor-136 .elementor-element.elementor-element-38e745b{padding:0px 0px 0px 0px;}.elementor-136 .elementor-element.elementor-element-38e745b .elementor-nav-menu--main .elementor-item{padding-top:5px;padding-bottom:5px;}#elementor-popup-modal-136 .dialog-close-button{top:58%;font-size:15px;}body:not(.rtl) #elementor-popup-modal-136 .dialog-close-button{right:60%;}body.rtl #elementor-popup-modal-136 .dialog-close-button{left:60%;}}/* Start custom CSS for nav-menu, class: .elementor-element-38e745b */#custom-menu-hover-mobile { display: flex !important; flex-direction: column !important; /* Membuat menu tersusun ke bawah */ align-items: flex-end !important; /* Membuat teks rata kanan */ justify-content: center !important; list-style: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; text-align: right !important; } #custom-menu-hover-mobile .elementor-item { position: relative !important; display: inline-block !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; /* Jarak vertikal antar menu */ transition: all 0.3s ease !important; text-align: right !important; } /* Efek garis neon saat hover atau aktif (posisi di bawah teks rata kanan) */ #custom-menu-hover-mobile .elementor-item::after { content: "" !important; position: absolute !important; bottom: -3px; right: 0 !important; /* Garis neon mulai dari kanan */ left: auto !important; width: 0; height: 1px !important; background-color: #ffffff !important; transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; transform: none !important; /* Efek pendaran neon (glow) */ box-shadow: 0 0 8px rgba(255, 255, 255, 0.9), 0 0 15px rgba(255, 255, 255, 0.6), 0 0 25px rgba(255, 255, 255, 0.3) !important; } #custom-menu-hover-mobile .elementor-item:hover::after { width: 100% !important; } /* Gaya teks dan neon tambahan pada menu yang sedang aktif */ #custom-menu-hover-mobile .elementor-item.elementor-item-active { font-weight: bold !important; color: #fff !important; text-shadow: 0 0 10px rgba(255, 255, 255, 0.6) !important; } #custom-menu-hover-mobile .elementor-item.elementor-item-active::after { width: 100% !important; } @media screen and (max-width: 1350px) { #menudesktop { display: none !important; } } /* ===== Dropdown submenu - Tablet & Mobile ===== */ @media screen and (max-width: 1024px) { /* Teks + panah sejajar dalam satu baris */ .elementor-136 .elementor-element.elementor-element-38e745b .menu-item-has-children > .elementor-item { display: inline-flex !important; align-items: center !important; gap: 8px !important; white-space: nowrap !important; } .elementor-136 .elementor-element.elementor-element-38e745b .menu-item-has-children > .elementor-item .sub-arrow { padding: 0 !important; margin: 0 !important; line-height: 1 !important; display: inline-flex !important; } .elementor-136 .elementor-element.elementor-element-38e745b .menu-item-has-children > .elementor-item .sub-arrow svg, .elementor-136 .elementor-element.elementor-element-38e745b .menu-item-has-children > .elementor-item .sub-arrow i { width: 10px !important; height: 10px !important; font-size: 10px !important; fill: #fff !important; color: #fff !important; transition: transform 0.3s ease !important; } /* Panah berputar saat submenu terbuka */ .elementor-136 .elementor-element.elementor-element-38e745b .menu-item-has-children > .elementor-item.highlighted .sub-arrow svg, .elementor-136 .elementor-element.elementor-element-38e745b .menu-item-has-children > .elementor-item.highlighted .sub-arrow i { transform: rotate(180deg) !important; } /* Submenu tampil di bawah (accordion), bukan melayang di atas gambar */ .elementor-136 .elementor-element.elementor-element-38e745b ul.sub-menu { position: static !important; left: auto !important; top: auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: -4px 0 14px 0 !important; padding: 2px 14px 2px 0 !important; background: transparent !important; box-shadow: none !important; border: none !important; border-right: 1px solid rgba(255, 255, 255, 0.5) !important; text-align: right !important; } .elementor-136 .elementor-element.elementor-element-38e745b ul.sub-menu li { display: block !important; text-align: right !important; } .elementor-136 .elementor-element.elementor-element-38e745b ul.sub-menu a.elementor-sub-item { display: block !important; background: transparent !important; color: rgba(255, 255, 255, 0.7) !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0.3px !important; line-height: 1.4 !important; padding: 6px 0 !important; border: none !important; white-space: nowrap !important; text-align: right !important; transition: color 0.3s ease !important; } .elementor-136 .elementor-element.elementor-element-38e745b ul.sub-menu a.elementor-sub-item:hover, .elementor-136 .elementor-element.elementor-element-38e745b ul.sub-menu a.elementor-sub-item.elementor-item-active { color: #fff !important; background: transparent !important; } .elementor-136 .elementor-element.elementor-element-38e745b ul.sub-menu a.elementor-sub-item::after { display: none !important; } }/* End custom CSS */