.elementor-4088 .elementor-element.elementor-element-cd6a20b{--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-4088 .elementor-element.elementor-element-25e9604{width:100%;max-width:100%;background-color:#F8F7F3;padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#B08D578C;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.08);--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:40px;--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-fd22bae );--e-form-steps-indicator-inactive-secondary-color:var( --e-global-color-fc3ddf0 );--e-form-steps-indicator-active-primary-color:var( --e-global-color-fd22bae );--e-form-steps-indicator-active-secondary-color:var( --e-global-color-fc3ddf0 );--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:20px;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:15px;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-15px;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group > label, .elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-subgroup label{color:#111111;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group > label{font-size:16px;font-weight:500;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-type-html{padding-bottom:0px;color:#000000;font-size:16px;font-weight:400;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group .elementor-field{color:#000000;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group .elementor-field, .elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-subgroup label{font-size:16px;font-weight:400;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#B08D5736;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#B08D5736;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group .elementor-select-wrapper::before{color:#B08D5736;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-button{font-size:16px;font-weight:500;border-style:none;border-radius:3px 3px 3px 3px;padding:12px 25px 12px 25px;}.elementor-4088 .elementor-element.elementor-element-25e9604 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-fc3ddf0 );color:#ffffff;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-button[type="submit"]{background-color:var( --e-global-color-fc3ddf0 );color:#ffffff;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4088 .elementor-element.elementor-element-25e9604 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-fd22bae );color:#ffffff;}.elementor-4088 .elementor-element.elementor-element-25e9604 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4088 .elementor-element.elementor-element-25e9604 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-message{font-size:14px;font-weight:400;line-height:1.4em;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-message.elementor-message-success{color:var( --e-global-color-fd22bae );}.elementor-4088 .elementor-element.elementor-element-25e9604 .e-form__indicators__indicator, .elementor-4088 .elementor-element.elementor-element-25e9604 .e-form__indicators__indicator__label{font-size:14px;font-weight:500;line-height:1.3em;}#elementor-popup-modal-4088 .dialog-widget-content{animation-duration:0.8s;background-color:var( --e-global-color-fd22bae );border-radius:12px 12px 12px 12px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4088{background-color:#00000040;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4088 .dialog-message{width:960px;height:auto;padding:60px 30px 60px 30px;}#elementor-popup-modal-4088 .dialog-close-button{display:flex;top:3%;}body:not(.rtl) #elementor-popup-modal-4088 .dialog-close-button{right:2%;}body.rtl #elementor-popup-modal-4088 .dialog-close-button{left:2%;}@media(max-width:1024px){#elementor-popup-modal-4088 .dialog-message{width:800px;}}@media(max-width:880px){.elementor-4088 .elementor-element.elementor-element-25e9604{padding:15px 15px 15px 15px;}#elementor-popup-modal-4088 .dialog-message{width:680px;padding:60px 20px 60px 20px;}}@media(max-width:767px){.elementor-4088 .elementor-element.elementor-element-cd6a20b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group > label{font-size:14px;}.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group .elementor-field, .elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-subgroup label{font-size:14px;}.elementor-4088 .elementor-element.elementor-element-25e9604{--e-form-steps-indicators-spacing:31px;--e-form-steps-divider-width:1px;}#elementor-popup-modal-4088 .dialog-close-button{top:2%;}body:not(.rtl) #elementor-popup-modal-4088 .dialog-close-button{right:3%;}body.rtl #elementor-popup-modal-4088 .dialog-close-button{left:3%;}}/* Start custom CSS for form, class: .elementor-element-25e9604 *//* ==========================================
   YARINDA PROPERTY FORM
   Complete Custom CSS
========================================== */


/* ==========================================
   1. GLOBAL FORM FONT
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604,
.elementor-4088 .elementor-element.elementor-element-25e9604 *,
.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-group .elementor-field,
.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-subgroup label {
    font-family: "Anuphan", sans-serif !important;
}


/* ==========================================
   2. STEP INDICATOR
   SKIN ONLY
   Layout / Responsive = Elementor Default
========================================== */

/* ---------- Circle: Default / Inactive ---------- */

.elementor-4088 .elementor-element.elementor-element-25e9604 .e-form__indicators__indicator__number {
    background-color: #FAF8F4 !important;
    border-color: #DED8CE !important;
    color: #9B978F !important;

    font-family: "Anuphan", sans-serif !important;
    font-weight: 700 !important;

    box-shadow: none;

    transition:
        background-color .25s ease,
        border-color .25s ease,
        color .25s ease,
        box-shadow .25s ease;
}


/* ---------- Label: Default / Inactive ---------- */

.elementor-4088 .elementor-element.elementor-element-25e9604 .e-form__indicators__indicator__label {
    color: #9B978F !important;

    font-family: "Anuphan", sans-serif !important;
    font-weight: 600 !important;

    transition:
        color .25s ease;
}


/* ---------- Separator ---------- */

.elementor-4088 .elementor-element.elementor-element-25e9604 .e-form__indicators__indicator__separator {
    background-color: #DED8CE !important;
}


/* ==========================================
   3. STEP HOVER
   เฉพาะ Inactive
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604
.e-form__indicators__indicator--state-inactive:hover
.e-form__indicators__indicator__number {
    background-color: #FFFFFF !important;
    border-color: #5A6B5D !important;
    color: #5A6B5D !important;

    box-shadow:
        0 6px 16px rgba(90, 107, 93, .10);
}

.elementor-4088 .elementor-element.elementor-element-25e9604
.e-form__indicators__indicator--state-inactive:hover
.e-form__indicators__indicator__label {
    color: #5A6B5D !important;
}


/* ==========================================
   4. STEP ACTIVE
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604
.e-form__indicators__indicator--state-active
.e-form__indicators__indicator__number {
    background-color: #5A6B5D !important;
    border-color: #5A6B5D !important;
    color: #FFFFFF !important;

    box-shadow:
        0 0 0 4px rgba(90, 107, 93, .10),
        0 8px 20px rgba(90, 107, 93, .16);
}

.elementor-4088 .elementor-element.elementor-element-25e9604
.e-form__indicators__indicator--state-active
.e-form__indicators__indicator__label {
    color: #242424 !important;
    font-weight: 700 !important;
}


/* ==========================================
   5. STEP COMPLETED
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604
.e-form__indicators__indicator--state-completed
.e-form__indicators__indicator__number {
    background-color: #B08D57 !important;
    border-color: #B08D57 !important;
    color: #FFFFFF !important;

    box-shadow:
        0 6px 16px rgba(176, 141, 87, .14);
}

.elementor-4088 .elementor-element.elementor-element-25e9604
.e-form__indicators__indicator--state-completed
.e-form__indicators__indicator__label {
    color: #5A6B5D !important;
    font-weight: 600 !important;
}


/* ป้องกัน Elementor Default ทับ Completed */

.elementor-4088 .elementor-element.elementor-element-25e9604
.e-form__indicators__indicator--state-completed
[class*="indicator--shape-"]:not(
    .e-form__indicators__indicator--shape-none
) {
    background-color: #B08D57 !important;
    border-color: #B08D57 !important;
    color: #FFFFFF !important;
}


/* ==========================================
   6. INPUT / TEXTAREA / SELECT
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604 input,
.elementor-4088 .elementor-element.elementor-element-25e9604 textarea,
.elementor-4088 .elementor-element.elementor-element-25e9604 select,
.elementor-4088 .elementor-element.elementor-element-25e9604 option,
.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field,
.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-textual,
.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-select-wrapper select,
.elementor-4088 .elementor-element.elementor-element-25e9604 input.elementor-field,
.elementor-4088 .elementor-element.elementor-element-25e9604 textarea.elementor-field,
.elementor-4088 .elementor-element.elementor-element-25e9604 select.elementor-field-textual,
.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field.elementor-field-textual {
    font-family: "Anuphan", sans-serif !important;
}


/* ข้อความที่ผู้ใช้พิมพ์ */

.elementor-4088 .elementor-element.elementor-element-25e9604 input,
.elementor-4088 .elementor-element.elementor-element-25e9604 textarea {
    font-weight: 500;
    color: #242424;
}


/* ==========================================
   7. PLACEHOLDER
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604 input::placeholder,
.elementor-4088 .elementor-element.elementor-element-25e9604 textarea::placeholder,
.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field::placeholder,
.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-textual::placeholder,
.elementor-4088 .elementor-element.elementor-element-25e9604 input.elementor-field::placeholder,
.elementor-4088 .elementor-element.elementor-element-25e9604 textarea.elementor-field::placeholder {
    font-family: "Anuphan", sans-serif !important;

    font-weight: 400;

    color: #A0A0A0;

    opacity: 1;
}


/* Firefox */

.elementor-4088 .elementor-element.elementor-element-25e9604 input::-moz-placeholder,
.elementor-4088 .elementor-element.elementor-element-25e9604 textarea::-moz-placeholder {
    font-family: "Anuphan", sans-serif !important;

    font-weight: 400;

    color: #A0A0A0;

    opacity: 1;
}


/* ==========================================
   8. UPLOAD FIELD
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-type-upload {
    background: #F8F6F1;

    border: 1px solid #E3DDD2;
    border-radius: 18px;

    padding: 24px;

    margin-bottom: 24px;

    box-sizing: border-box;

    transition:
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* Upload Hover */

.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-type-upload:hover {
    background: #FFFFFF;

    border-color: #5A6B5D;

    box-shadow:
        0 12px 28px rgba(90, 107, 93, .08);
}


/* ==========================================
   9. UPLOAD LABEL
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604
.elementor-field-type-upload
.elementor-field-label {
    display: block;

    margin-bottom: 10px;

    font-family: "Anuphan", sans-serif !important;

    font-size: 14px;
    font-weight: 600;

    color: #242424;
}


/* ==========================================
   10. FILE INPUT
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-upload-field {
    width: 100%;

    padding: 18px 20px;

    background: #FFFFFF;

    border: 1px dashed #D6CEC1;
    border-radius: 14px;

    color: #666666;

    font-family: "Anuphan", sans-serif !important;
    font-size: 14px;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* File Input Hover */

.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-upload-field:hover {
    background: #FFFFFF;

    border-color: #5A6B5D;

    box-shadow:
        0 10px 24px rgba(90, 107, 93, .08);
}


/* File Input Focus */

.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-upload-field:focus {
    outline: none;

    border-color: #5A6B5D;

    box-shadow:
        0 0 0 4px rgba(90, 107, 93, .10);
}


/* ==========================================
   11. FILE SELECT BUTTON
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604
.elementor-upload-field::file-.elementor-4088 .elementor-element.elementor-element-25e9604-button {
    background: #5A6B5D;

    color: #FFFFFF;

    border: none;
    border-radius: 10px;

    padding: 10px 12px;

    margin-right: 14px;

    font-family: "Anuphan", sans-serif !important;
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color .25s ease;
}


.elementor-4088 .elementor-element.elementor-element-25e9604
.elementor-upload-field::file-.elementor-4088 .elementor-element.elementor-element-25e9604-button:hover {
    background: #465448;
}


/* ==========================================
   12. TWO UPLOAD COLUMNS GAP
========================================== */

@media (min-width: 768px) {

    /* Upload ซ้าย */

    .elementor-4088 .elementor-element.elementor-element-25e9604
    .e-form__step
    > .elementor-field-type-upload.elementor-col-50:nth-of-type(1) {
        width: calc(50% - 12px);

        margin-right: 24px;
    }


    /* Upload ขวา */

    .elementor-4088 .elementor-element.elementor-element-25e9604
    .e-form__step
    > .elementor-field-type-upload.elementor-col-50:nth-of-type(2) {
        width: calc(50% - 12px);
    }

}


/* ==========================================
   13. MOBILE UPLOAD
========================================== */

@media (max-width: 767px) {

    .elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-type-upload.elementor-col-50 {
        width: 100%;
        margin-right: 0;
    }

    .elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field-type-upload {
        padding: 20px;
    }

}


/* ==========================================
   14. VALIDATION ERROR
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field.elementor-error,
.elementor-4088 .elementor-element.elementor-element-25e9604 input.elementor-error,
.elementor-4088 .elementor-element.elementor-element-25e9604 textarea.elementor-error,
.elementor-4088 .elementor-element.elementor-element-25e9604 select.elementor-error {
    border-color: #B85C4A !important;

    background-color: #FFF9F7 !important;

    box-shadow:
        0 0 0 3px rgba(184, 92, 74, .08) !important;
}


/* Error Message ใต้ Field */

.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-message-danger,
.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-help-inline,
.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-form-help-inline {
    display: block;

    width: 100%;

    margin-top: 7px;

    font-family: "Anuphan", sans-serif !important;

    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;

    color: #A34838;
}


/* ==========================================
   15. ERROR FIELD FOCUS
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604 .elementor-field.elementor-error:focus,
.elementor-4088 .elementor-element.elementor-element-25e9604 input.elementor-error:focus,
.elementor-4088 .elementor-element.elementor-element-25e9604 textarea.elementor-error:focus,
.elementor-4088 .elementor-element.elementor-element-25e9604 select.elementor-error:focus {
    border-color: #8F4437 !important;

    outline: none;

    box-shadow:
        0 0 0 4px rgba(184, 92, 74, .10) !important;
}


/* ==========================================
   16. REQUIRED MARK
========================================== */

.elementor-4088 .elementor-element.elementor-element-25e9604
.elementor-mark-required
.elementor-field-label::after {
    color: #B85C4A;
}

.elementor-field-type-upload.elementor-field-group.elementor-column.elementor-field-group-land_photo.elementor-col-50.elementor-field-required.elementor-mark-required {
    margin-right: 12px;
}/* End custom CSS */