.elementor-1146 .elementor-element.elementor-element-6ee4bf4{--display:flex;}.elementor-1146 .elementor-element.elementor-element-6ee4bf4:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-6ee4bf4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF3DD;}.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-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1146 .elementor-element.elementor-element-d798e48{text-align:center;}.elementor-1146 .elementor-element.elementor-element-d798e48 .elementor-heading-title{font-family:"Grandstander", Sans-serif;font-size:40px;font-weight:600;color:#2859A1;}.elementor-1146 .elementor-element.elementor-element-44a601e > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1146 .elementor-element.elementor-element-44a601e{text-align:center;}.elementor-1146 .elementor-element.elementor-element-44a601e .elementor-heading-title{font-family:"Gotham", Sans-serif;font-weight:300;line-height:27px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-1146 .elementor-element.elementor-element-6bb5cac > .elementor-widget-container{background-color:#FDF3DD;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1146 .elementor-element.elementor-element-1e2dee7 > .elementor-widget-container{padding:10px 20px 10px 20px;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-field-group{padding-right:calc( 11px/2 );padding-left:calc( 11px/2 );margin-bottom:15px;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-form-fields-wrapper{margin-left:calc( -11px/2 );margin-right:calc( -11px/2 );margin-bottom:-15px;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-field-group > label{font-family:"Gotham", Sans-serif;font-weight:400;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-field-type-html{padding-bottom:0px;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-field-group .elementor-field, .elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-field-subgroup label{font-family:"Grandstander", Sans-serif;font-weight:400;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#EDE9E9;border-width:0px 0px 0px 0px;border-radius:65px 65px 65px 65px;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-field-group .elementor-select-wrapper select{background-color:#EDE9E9;border-width:0px 0px 0px 0px;border-radius:65px 65px 65px 65px;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .e-form__buttons__wrapper__button-next{background-color:#E5A390;color:#ffffff;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-button[type="submit"]{background-color:#E5A390;color:#ffffff;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .e-form__buttons__wrapper__button-previous{background-color:#E5A390;color:#ffffff;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 .elementor-button{border-radius:30px 30px 30px 30px;}.elementor-1146 .elementor-element.elementor-element-1e2dee7{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-1146 .elementor-element.elementor-element-74fafc9 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-1146 .elementor-element.elementor-element-74fafc9 img{width:40%;}.elementor-1146 .elementor-element.elementor-element-d798e48 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-1146 .elementor-element.elementor-element-d798e48 .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-44a601e > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 5px 0px 5px;}.elementor-1146 .elementor-element.elementor-element-44a601e{text-align:center;}.elementor-1146 .elementor-element.elementor-element-6bb5cac > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-1146 .elementor-element.elementor-element-1e2dee7 > .elementor-widget-container{padding:10px 5px 10px 5px;}.elementor-1146 .elementor-element.elementor-element-1e2dee7.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-1146 .elementor-element.elementor-element-6ee4bf4{--content-width:591px;}}/* Start custom CSS for form, class: .elementor-element-1e2dee7 *//* Selector untuk checkbox dan radio button yang terpilih dan tidak terpilih */
/* Ini akan berlaku untuk SEMUA input radio/checkbox di form Elementor */
.elementor-field-option input[type="checkbox"]:checked,
.elementor-field-option input[type="checkbox"]:not(:checked),
.elementor-field-option input[type="radio"]:checked,
.elementor-field-option input[type="radio"]:not(:checked) {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}
.grayscale {
    filter: grayscale(100%);
    transition: 0.3s ease;
}

/* Style untuk label (shape) - Membuat kotak menjadi transparan dan sebagai kontainer gambar */
/* Ini akan berlaku untuk SEMUA label opsi di form Elementor */
.elementor-field-option label {
    width: 130px; /* Atur lebar sesuai ukuran kotak yang Anda inginkan untuk gambar */
    height: 130px; /* Atur tinggi sesuai ukuran kotak yang Anda inginkan untuk gambar */
    max-width: none;
    display: flex; /* <-- KUNCI: Memastikan label adalah flex container untuk memusatkan isinya */
    flex-direction: column; /* <-- PENTING: Mengatur arah flex item secara vertikal. Meskipun hanya ada gambar, ini memberikan fleksibilitas jika suatu saat Anda ingin menambahkan teks di bawahnya. */
    align-items: center; /* <-- KUNCI: PUSATKAN KONTEN (gambar) SECARA HORIZONTAL DI DALAM LABEL */
    justify-content: center; /* <-- KUNCI: PUSATKAN KONTEN (gambar) SECARA VERTIKAL DI DALAM LABEL */
    text-align: center; /* Ini tidak terlalu relevan jika hanya ada gambar, tapi tidak ada salahnya */

    /* PROPERTI UNTUK MEMBUAT KOTAK TRANSPARAN */
    border: none;
    background-color: transparent;
    padding: 0;
    box-shadow: none;

    margin: 10px; /* Jarak antar opsi */

    /* SEMBUNYIKAN SEMUA TEKS (Ini penting karena label hanya berisi gambar) */
    color: transparent;
    font-size: 0;
    line-height: 0;

    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease; /* Transisi untuk efek halus */
    border-radius: 8px; /* Untuk sudut melengkung pada gambar */

    /* Properti background image default - URL akan ditambahkan secara terpisah */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* KODE BARU/MODIFIKASI: Mengatur properti gambar di dalam label */
.elementor-field-option label img {
    /* Hapus margin inline dari gambar karena flexbox parent akan memposisikannya */
    margin: 0 !important; /* Gunakan !important untuk menimpa inline style */
    display: block; /* Pastikan gambar berperilaku seperti block di dalam flex item */
    /* Pastikan gambar responsif di dalam kotak 130px */
    max-width: 100%;
    height: auto;
}

/* --- BAGIAN UNTUK TEKS DI BAWAH GAMBAR (::after) DIHAPUS --- */
/* Jika Anda ingin mengembalikan teks nanti, tambahkan kembali bagian ini:
.elementor-field-option label::after {
    content: attr(data-label);
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    color: #333;
    font-size: 0.9em;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 2px 5px;
    border-radius: 3px;
    pointer-events: none;
}
*/

/* Hover effect */
/* Ini akan berlaku untuk SEMUA label opsi di form Elementor */
.elementor-field-option label:hover {
    color: transparent; /* Tetap transparan karena label hanya berisi gambar */
    background-color: transparent;
    border: 2px solid #835139; /* Border tipis warna cokelat saat hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Bayangan lebih besar saat hover */
    transform: scale(1.05); /* Membesar sedikit saat hover */
}
/* Jika Anda mengaktifkan kembali teks dengan ::after, aktifkan juga ini:
.elementor-field-option label:hover::after {
    color: #2859a1;
}
*/

/* Style untuk label saat terpilih - EFEK LEBIH TIMBUL */
/* Ini akan berlaku untuk SEMUA label opsi di form Elementor */
.elementor-field-option input:checked ~ label {
    color: transparent; /* Tetap transparan karena label hanya berisi gambar */
    background-color: transparent;
    border: 2px solid #2859a1; /* Border biru saat terpilih */

    /* MODIFIKASI UNTUK EFEK LEBIH TIMBUL */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); /* Bayangan lebih besar dan gelap */
    transform: scale(1.08) translateY(-5px); /* Membesar lebih banyak dan terangkat sedikit ke atas */
}
/* Jika Anda mengaktifkan kembali teks dengan ::after, aktifkan juga ini:
.elementor-field-option input:checked ~ label::after {
    color: #2859a1;
}
*/

/* Optional: Style untuk label yang tidak dipilih */
.elementor-field-option input:not(:checked) ~ label {
    color: transparent; /* Tetap transparan karena label hanya berisi gambar */
    background-color: transparent;
    border: none;
    box-shadow: none;
}

/* Tata letak beberapa kolom */
/* Ini akan berlaku untuk SEMUA subgroup field di form Elementor */
.elementor-field-subgroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* <-- KUNCI: Memusatkan seluruh barisan gambar/opsi di dalam kontainernya */
    gap: 10px; /* Jarak antar gambar */
    width: 100%; /* <-- PENTING: Pastikan subgroup mengisi lebar penuh parent-nya */
    margin: 0 auto; /* <-- PENTING: Memusatkan subgroup itu sendiri jika parent-nya juga di tengah */
}

/* Responsif untuk perangkat mobile */
/* Ini akan berlaku untuk SEMUA label opsi di form Elementor */
@media only screen and (max-width: 600px) {
    .elementor-field-option label {
        width: 100px;
        height: 100px;
        margin: 8px;
    }
    /* Jika Anda mengaktifkan kembali teks dengan ::after, aktifkan juga ini:
    .elementor-field-option label::after {
        font-size: 0.8em;
        bottom: 3px;
    }
    */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Grandstander';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://form.mhdc.co.id/wp-content/uploads/2025/06/Grandstander-VariableFont_wght.ttf') format('truetype');
}
@font-face {
	font-family: 'Grandstander';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://form.mhdc.co.id/wp-content/uploads/2025/06/Grandstander-Italic-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://form.mhdc.co.id/wp-content/uploads/2025/06/GOTHAM-ULTRA.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://form.mhdc.co.id/wp-content/uploads/2025/06/GOTHAM-BLACK.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://form.mhdc.co.id/wp-content/uploads/2025/06/GOTHAM-BOLD.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://form.mhdc.co.id/wp-content/uploads/2025/06/GOTHAM-MEDIUM.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://form.mhdc.co.id/wp-content/uploads/2025/06/GOTHAM-LIGHT.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://form.mhdc.co.id/wp-content/uploads/2025/06/GOTHAM-THIN.ttf') format('truetype');
}
/* End Custom Fonts CSS */