.elementor-kit-40{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-size:31px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:16px;--e-global-typography-secondary-font-family:"Nunito Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito Sans";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-kit-40 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:#FFFFFF;padding-inline-end:20px;padding-inline-start:20px;}.elementor-kit-40 a{color:#050505;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.site-header .site-branding .site-logo img{width:55%;max-width:55%;}.site-header .site-navigation ul.menu li a{color:#83BD0D;}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:#83BD0D;}.site-header .site-navigation-toggle{background-color:#FFFFFF;}.site-header .site-navigation .menu li{font-family:"Nunito Sans", Sans-serif;line-height:1px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header{padding-inline-end:20px;padding-inline-start:20px;}.site-header .site-branding .site-logo img{width:55%;max-width:55%;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}}/* Start custom CSS *//* Membatasi lebar maksimal seluruh halaman */
body {
    max-width: 480px !important;
    margin: 0 auto !important; /* Membuat halaman berada di tengah */
    background-color: #f5f5f5; /* Opsional: warna luar area page */
    box-shadow: 0 0 20px rgba(0,0,0,0.1); /* Opsional: memberi efek bayangan */
    min-height: 100vh;
}

/* Memastikan elemen Elementor mengikuti lebar body */
.elementor-section-wrap, 
.elementor {
    width: 100% !important;
}

/* Memaksa header tetap konsisten di 480px jika menggunakan sticky */
.elementor-location-header {
    max-width: 480px !important;
    margin: 0 auto !important;
    left: 0;
    right: 0;
}

/* 1. Mengubah warna background saat HOVER */
.site-navigation-dropdown ul.menu li a:hover {
    background-color: #f8bf1a !important; /* Hijau IZI */
    color: #ffffff !important; /* Teks Putih */
}

/* 2. Mengubah warna menu yang sedang AKTIF (Beranda) */
.site-navigation-dropdown ul.menu li.current-menu-item a,
.site-navigation-dropdown ul.menu li.current_page_item a {
    background-color: #81b441 !important;
    color: #ffffff !important;
}

/* 3. Merapikan tampilan agar background memenuhi kotak */
.site-navigation-dropdown ul.menu li a {
    display: block !important;
    padding: 20px 20px !important;
    transition: 0.3s ease-in-out;
}

/* Memaksa Logo dan Toggle Sejajar di Header */
.site-header .site-header-inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}


/* Mengatur margin layar */
.site-header {
    padding-top: 20px !important;
    padding-left: au !important;
    padding-bottom: 10px !important;
}

/* Mengatur lebar maksimal logo agar ada ruang untuk toggle */
.site-header .site-branding {
    max-width: 70% !important;
}

/* Mengatur posisi toggle menu */
.site-header .site-navigation-toggle-holder {
    width: auto !important;
}/* End custom CSS */