.elementor-30 .elementor-element.elementor-element-10ab36c{--display:flex;--min-height:0px;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-10ab36c:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-10ab36c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-30 .elementor-element.elementor-element-556ae98{--display:flex;--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:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;}.elementor-widget-theme-site-logo .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-30 .elementor-element.elementor-element-5d5c7c6 img{width:90%;max-width:100%;}.elementor-30 .elementor-element.elementor-element-f4ac336{--display:flex;--justify-content:center;}.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-30 .elementor-element.elementor-element-1e9f76b{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-30 .elementor-element.elementor-element-1e9f76b .elementor-menu-toggle{margin:0 auto;}.elementor-30 .elementor-element.elementor-element-1e9f76b .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-30 .elementor-element.elementor-element-1e9f76b .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-24592db );fill:var( --e-global-color-24592db );}.elementor-30 .elementor-element.elementor-element-be4000c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-30 .elementor-element.elementor-element-be4000c:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-be4000c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-30 .elementor-element.elementor-element-2022cee .elementor-menu-toggle{margin-left:auto;}.elementor-30 .elementor-element.elementor-element-2022cee div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-30 .elementor-element.elementor-element-2022cee div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.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-30 .elementor-element.elementor-element-be4000c{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-30 .elementor-element.elementor-element-10ab36c{--width:100%;}.elementor-30 .elementor-element.elementor-element-556ae98{--width:30%;}}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-be4000c{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-be4000c.e-con{--align-self:center;}.elementor-30 .elementor-element.elementor-element-e5b1db5{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 10px;text-align:start;}.elementor-30 .elementor-element.elementor-element-e5b1db5.elementor-element{--align-self:center;}.elementor-30 .elementor-element.elementor-element-e5b1db5 img{width:80%;}.elementor-30 .elementor-element.elementor-element-2022cee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;--nav-menu-icon-size:25px;}.elementor-30 .elementor-element.elementor-element-2022cee.elementor-element{--align-self:center;}}/* Start custom CSS for nav-menu, class: .elementor-element-1e9f76b *//* ==========================================
   STYLING TOMBOL FREE LAYOUT (DESKTOP VIEW)
   ========================================== */
/* Mengubah teks terakhir menjadi kotak ber-border putih */
.elementor-30 .elementor-element.elementor-element-1e9f76b .elementor-nav-menu--main li:last-child a.elementor-item {
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 4px !important;
    padding: 10px 22px !important;
    margin-left: 15px !important;
    transition: all 0.3s ease !important;
}

/* Menghilangkan efek garis bawah bawaan Elementor khusus untuk tombol ini */
.elementor-30 .elementor-element.elementor-element-1e9f76b .elementor-nav-menu--main li:last-child a.elementor-item:after {
    display: none !important;
}

/* EFEK HOVER DESKTOP: Background Putih, Teks Hitam */
.elementor-30 .elementor-element.elementor-element-1e9f76b .elementor-nav-menu--main li:last-child a.elementor-item:hover {
    background-color: #ffffff !important;
    color: #0b0b0b !important;
    border-color: #ffffff !important;
}


/* ==========================================
   STYLING TOMBOL FREE LAYOUT (MOBILE VIEW)
   ========================================== */
@media (max-width: 1024px) {
    /* Mengubah item terakhir di menu tirai mobile */
    .elementor-30 .elementor-element.elementor-element-1e9f76b .elementor-nav-menu--dropdown li:last-child a {
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
        border-radius: 4px !important;
        margin: 20px auto 10px auto !important;
        max-width: 80% !important;
        text-align: center !important;
        padding: 12px 20px !important;
        transition: all 0.3s ease !important;
    }

    /* EFEK HOVER MOBILE: Background Putih, Teks Hitam */
    .elementor-30 .elementor-element.elementor-element-1e9f76b .elementor-nav-menu--dropdown li:last-child a:hover {
        background-color: #ffffff !important;
        color: #0b0b0b !important;
        border-color: #ffffff !important;
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2022cee *//* ==========================================
   MENGUBAH MOBILE DROPDOWN MENJADI FULL SCREEN
   ========================================== */
@media (max-width: 1024px) {
    /* 1. Paksa pembungkus dropdown menjadi melayang penuh satu layar */
    .elementor-30 .elementor-element.elementor-element-2022cee .elementor-nav-menu--dropdown {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background-color: #0b0b0b !important; /* Latar belakang hitam mewah */
        z-index: 999999 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important; /* Membuat menu berada di tengah vertikal */
        align-items: center !important; /* Membuat menu berada di tengah horizontal */
        padding: 40px 20px !important;
        box-sizing: border-box !important;
    }

    /* 2. Mengatur elemen daftar menu (UL) */
    .elementor-30 .elementor-element.elementor-element-2022cee .elementor-nav-menu--dropdown ul {
        width: 100% !important;
        text-align: center !important;
    }

    /* 3. Mengatur setiap baris teks menu */
    .elementor-30 .elementor-element.elementor-element-2022cee .elementor-nav-menu--dropdown a {
        background-color: transparent !important;
        color: #b3b3b3 !important; /* Warna teks abu premium saat pasif */
        font-size: 22px !important; /* Ukuran font pas di layar HP */
        font-weight: 600 !important;
        letter-spacing: 2px !important;
        padding: 15px 0 !important;
        display: block !important;
        transition: all 0.3s ease !important;
        border: none !important; /* Hilangkan garis pembatas bawaan */
    }

    /* 4. Efek Hover teks biasa di Mobile */
    .elementor-30 .elementor-element.elementor-element-2022cee .elementor-nav-menu--dropdown a:not(.elementor-item-active):hover {
        color: #ffffff !important;
        letter-spacing: 3px !important;
    }

    /* 5. Tombol Toggle Tutup (Ikon X) bawaan Elementor agar tetap di atas kanan layar */
    .elementor-30 .elementor-element.elementor-element-2022cee .elementor-menu-toggle.elementor-active {
        position: fixed !important;
        top: 25px !important;
        right: 30px !important;
        z-index: 1000000 !important;
        color: #ffffff !important;
    }
}/* End custom CSS */