.elementor-615 .elementor-element.elementor-element-2314d93{--display:flex;}.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-615 .elementor-element.elementor-element-ffea9b4 > .elementor-widget-container{background-color:#D78585;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-type-html{padding-bottom:0px;color:#5D2828;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-button[type="submit"]{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-615 .elementor-element.elementor-element-ffea9b4 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-ffea9b4{--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;}.elementor-615 .elementor-element.elementor-element-6d83adb{--display:flex;}.elementor-615 .elementor-element.elementor-element-5d82996 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-615 .elementor-element.elementor-element-5d82996 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-615 .elementor-element.elementor-element-5d82996 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-615 .elementor-element.elementor-element-5d82996 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-615 .elementor-element.elementor-element-5d82996 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-615 .elementor-element.elementor-element-5d82996 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-615 .elementor-element.elementor-element-5d82996 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-615 .elementor-element.elementor-element-5d82996 .elementor-field-type-html{padding-bottom:0px;}.elementor-615 .elementor-element.elementor-element-5d82996 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-615 .elementor-element.elementor-element-5d82996 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-615 .elementor-element.elementor-element-5d82996 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-5d82996 .elementor-button[type="submit"]{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-5d82996 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-615 .elementor-element.elementor-element-5d82996 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-5d82996 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-5d82996 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-5d82996 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-615 .elementor-element.elementor-element-5d82996 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-615 .elementor-element.elementor-element-5d82996{--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(min-width:768px){.elementor-615 .elementor-element.elementor-element-2314d93{--content-width:585px;}}/* Start custom CSS for form, class: .elementor-element-ffea9b4 *//* CSS untuk Image Comparison Slider */
.image-comparison-container {
    position: relative;
    width: 100%; /* Lebar penuh container */
    max-width: 700px; /* Batasi lebar maksimum agar tidak terlalu besar */
    height: auto; /* Tinggi menyesuaikan gambar */
    overflow: hidden; /* Penting untuk memotong gambar 'after' */
    cursor: ew-resize; /* Kursor geser dua arah */
    border: 1px solid #e0e0e0; /* Border abu-abu tipis */
    box-sizing: border-box;
    margin: 20px auto; /* Memberi jarak atas/bawah dan pusatkan */
    border-radius: 8px; /* Sudut sedikit membulat */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* Efek bayangan lembut */
}

.image-comparison-container img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover; /* Pastikan gambar mengisi area dengan baik */
    pointer-events: none; /* Mencegah drag gambar default browser */
}

.image-comparison-container .image-after {
    position: absolute;
    top: 0;
    left: 50%; /* Lebar awal gambar 'after' (setengah) */
    height: 100%;
}

.slider-handle {
    position: absolute;
    top: 0;
    left: 50%; /* Posisi awal handle di tengah */
    width: 4px; /* Lebar garis handle */
    height: 100%;
    background-color: #ffffff; /* Warna handle putih */
    cursor: ew-resize;
    transform: translateX(-50%); /* Pusatkan handle secara horizontal */
    z-index: 10; /* Pastikan handle di atas gambar */
    box-shadow: 0 0 10px rgba(0,0,0,0.3); /* Bayangan pada handle */
}

.slider-handle::before,
.slider-handle::after {
    content: '';
    position: absolute;
    width: 28px; /* Ukuran lingkaran panah */
    height: 28px;
    background-color: #ffffff;
    border-radius: 50%; /* Bentuk lingkaran */
    top: 50%;
    transform: translateY(-50%) rotate(45deg); /* Pusatkan dan putar untuk efek panah kotak */
    z-index: 11;
    border: 2px solid #555; /* Border pada lingkaran */
}

.slider-handle::before {
    left: -18px; /* Posisikan lingkaran kiri */
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.slider-handle::after {
    right: -18px; /* Posisikan lingkaran kanan */
    border-right-color: transparent;
    border-top-color: transparent;
}

/* Responsif sederhana */
@media (max-width: 768px) {
    .image-comparison-container {
        margin: 15px auto;
    }
    .slider-handle::before,
    .slider-handle::after {
        width: 24px;
        height: 24px;
        left: -15px;
        right: -15px;
    }
}

/* Sembunyikan input radio/checkbox asli */
.elementor-615 .elementor-element.elementor-element-ffea9b4 [type="checkbox"],
.elementor-615 .elementor-element.elementor-element-ffea9b4 [type="radio"] {
    position: absolute;
    visibility: hidden;
}

/* Style umum untuk semua label opsi */
.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-option label {
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid #ccc;
    background-color: #fff;
    padding: 15px;
    margin: 10px; /* Jarak antar opsi */
    font-size: 18px;
    color: black;
    cursor: pointer;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: 0.3s all;
}

/* --- Style KHUSUS untuk Label Opsi yang Berisi Gambar --- */
/* (Hanya berlaku untuk field radio/checkbox yang memiliki kelas 'image-option-field') */
.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-type-radio.elementor-field-group-image-option-field .elementor-field-option label,
.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-type-checkbox.elementor-field-group-image-option-field .elementor-field-option label {
    height: 180px; /* Atur tinggi tetap untuk kotak opsi gambar */
    /* Opsional: Jika Anda juga menggunakan background-image di label (bukan img tag), tambahkan ini */
    /* background-size: cover; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
}

/* Style untuk gambar di dalam label (agar ukurannya seragam di dalam kotak) */
.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-option label img {
    max-width: 100%; /* Gambar tidak melebihi lebar kotak */
    height: 100px; /* Atur tinggi tetap untuk gambar itu sendiri */
    object-fit: contain; /* Memastikan gambar tidak terpotong dan tetap proporsional */
    margin-bottom: 5px; /* Jarak antara gambar dan teks */
    display: block; /* Agar margin-bottom bekerja dengan baik */
}

/* Hover effect */
.elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-option label:hover {
    color: black;
    background-color: #fff;
    border-color: #835139;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    transform: scale(1.03);
}

/* Style untuk label saat terpilih */
.elementor-615 .elementor-element.elementor-element-ffea9b4 input:checked ~ label {
    color: white;
    background-color: #835139;
    border-color: #835139;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    transform: scale(1.03);
}

/* Optional: Style untuk label yang tidak dipilih */
.elementor-615 .elementor-element.elementor-element-ffea9b4 input:not(:checked) ~ label {
    color: black;
    background-color: #fff;
}

/* Responsif untuk perangkat mobile */
@media only screen and (max-width: 600px) {
    .elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-option label {
        font-size: 16px;
        padding: 10px;
        margin: 8px;
    }
    /* Style untuk gambar di dalam label di mobile */
    .elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-option label img {
        height: 80px; /* Tinggi gambar di mobile */
        margin-bottom: 3px;
    }
    /* Tinggi kotak opsi gambar di mobile */
    .elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-type-radio.elementor-field-group-image-option-field .elementor-field-option label,
    .elementor-615 .elementor-element.elementor-element-ffea9b4 .elementor-field-type-checkbox.elementor-field-group-image-option-field .elementor-field-option label {
        height: 120px; /* Tinggi kotak gambar di mobile */
    }
}/* End custom CSS */