.elementor-124 .elementor-element.elementor-element-701056d{--display:flex;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.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-124 .elementor-element.elementor-element-7d4c556 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-field-type-html{padding-bottom:0px;}.elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-124 .elementor-element.elementor-element-7d4c556 .e-form__buttons__wrapper__button-next{background-color:#7ECE61;color:#ffffff;}.elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-button[type="submit"]{background-color:#7ECE61;color:#ffffff;}.elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-124 .elementor-element.elementor-element-7d4c556 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-124 .elementor-element.elementor-element-7d4c556 .e-form__buttons__wrapper__button-next:hover{background-color:#55993C;color:#ffffff;}.elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-button[type="submit"]:hover{background-color:#55993C;color:#ffffff;}.elementor-124 .elementor-element.elementor-element-7d4c556 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-124 .elementor-element.elementor-element-7d4c556 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-124 .elementor-element.elementor-element-7d4c556{--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;}:root{--page-title-display:none;}/* Start custom CSS for form, class: .elementor-element-7d4c556 *//* ============================================================
   YOURSVOICE — COMPLETE ELEMENTOR FORM DESIGN
   ------------------------------------------------------------
   SAFE WITH ELEMENTOR:
   ✓ Elementor controls column widths
   ✓ Elementor controls 25 / 50 / 75 / 100%
   ✓ Elementor controls responsive layout
   ✓ Does not replace Elementor rows with Grid
   ✓ Checkbox cards always use 100% of their field width
   ============================================================ */


/* ============================================================
   1. DESIGN VARIABLES
   ============================================================ */
/* ============================================================
   YOURSVOICE — PREMIUM FILE UPLOAD
   Paste this at the VERY BOTTOM of your current CSS
   ============================================================ */


/* Upload field section */
form.elementor-form[name="Sign Up Form"]
.elementor-field-group-idcard {
    position: relative;
}


/* Upload label */
form.elementor-form[name="Sign Up Form"]
.elementor-field-group-idcard > .elementor-field-label {
    display: block;

    margin-bottom: 8px;

    color: var(--yv-label, #344054);

    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}


/* ============================================================
   MAIN UPLOAD BOX
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
#form-field-idcard.elementor-upload-field {

    display: block;

    width: 100% !important;
    max-width: 100%;

    min-height: 72px;

    padding: 14px !important;

    margin: 0;

    background:
        linear-gradient(
            135deg,
            rgba(79, 70, 229, 0.025),
            rgba(79, 70, 229, 0.055)
        ) !important;

    border: 1.5px dashed #cbd5e1 !important;
    border-radius: 12px !important;

    color: #667085 !important;

    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;

    cursor: pointer;

    outline: none;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02);

    transition:
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}


/* ============================================================
   HOVER
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
#form-field-idcard.elementor-upload-field:hover {

    background:
        linear-gradient(
            135deg,
            rgba(79, 70, 229, 0.045),
            rgba(79, 70, 229, 0.085)
        ) !important;

    border-color:
        var(--yv-primary, #4f46e5) !important;

    box-shadow:
        0 4px 14px rgba(16, 24, 40, 0.05);

    transform: translateY(-1px);
}


/* ============================================================
   FOCUS
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
#form-field-idcard.elementor-upload-field:focus,
form.elementor-form[name="Sign Up Form"]
#form-field-idcard.elementor-upload-field:focus-visible {

    background: #ffffff !important;

    border-color:
        var(--yv-primary, #4f46e5) !important;

    outline: none !important;

    box-shadow:
        0 0 0 4px rgba(79, 70, 229, 0.09),
        0 4px 14px rgba(16, 24, 40, 0.04) !important;
}


/* ============================================================
   "CHOOSE FILES" BUTTON
   Chrome / Edge / Firefox
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
#form-field-idcard::file-.elementor-124 .elementor-element.elementor-element-7d4c556-button {

    min-height: 42px;

    margin: 0 14px 0 0;

    padding: 0 18px;

    background: #ffffff;

    border: 1px solid #e4e7ec;
    border-radius: 9px;

    color: #344054;

    font-family: inherit;
    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.04);

    transition:
        color 160ms ease,
        background-color 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
}


/* Choose Files hover */
form.elementor-form[name="Sign Up Form"]
#form-field-idcard:hover::file-.elementor-124 .elementor-element.elementor-element-7d4c556-button {

    color:
        var(--yv-primary, #4f46e5);

    background:
        rgba(79, 70, 229, 0.07);

    border-color:
        rgba(79, 70, 229, 0.30);

    box-shadow:
        0 2px 6px rgba(79, 70, 229, 0.08);
}


/* ============================================================
   SAFARI / OLDER CHROME
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
#form-field-idcard::-webkit-file-upload-button {

    min-height: 42px;

    margin: 0 14px 0 0;

    padding: 0 18px;

    background: #ffffff;

    border: 1px solid #e4e7ec;
    border-radius: 9px;

    color: #344054;

    font-family: inherit;
    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.04);
}


/* ============================================================
   ACTIVE / CLICK
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
#form-field-idcard:active {

    transform: translateY(0);
}


/* ============================================================
   REQUIRED FIELD ERROR
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
#form-field-idcard[aria-invalid="true"] {

    border-color: #d92d20 !important;

    background:
        rgba(217, 45, 32, 0.025) !important;

    box-shadow:
        0 0 0 4px rgba(217, 45, 32, 0.07) !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

    form.elementor-form[name="Sign Up Form"]
    #form-field-idcard.elementor-upload-field {

        min-height: 76px;

        padding: 11px !important;

        font-size: 12px;
    }


    form.elementor-form[name="Sign Up Form"]
    #form-field-idcard::file-.elementor-124 .elementor-element.elementor-element-7d4c556-button {

        min-height: 40px;

        margin-right: 10px;

        padding: 0 13px;

        font-size: 12px;
    }

}
form.elementor-form[name="Sign Up Form"] {

    --yv-primary: #4f46e5;
    --yv-primary-hover: #4338ca;
    --yv-primary-soft: rgba(79, 70, 229, 0.08);
    --yv-primary-ring: rgba(79, 70, 229, 0.11);

    --yv-text: #101828;
    --yv-label: #344054;
    --yv-muted: #667085;
    --yv-placeholder: #98a2b3;

    --yv-field-bg: #f9fafb;
    --yv-field-focus: #ffffff;

    --yv-border: #e4e7ec;
    --yv-border-hover: #cbd5e1;

    --yv-danger: #d92d20;

    --yv-radius: 11px;
    --yv-card-radius: 11px;

    color: var(--yv-text);

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   2. BOX SIZING
   Prevents width/padding from causing overflow
   ============================================================ */

form.elementor-form[name="Sign Up Form"] *,
form.elementor-form[name="Sign Up Form"] *::before,
form.elementor-form[name="Sign Up Form"] *::after {
    box-sizing: border-box;
}


/* ============================================================
   3. FORM HEADING
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-html h3 {

    margin-top: 0;
    margin-bottom: 4px;

    color: var(--yv-text);

    font-size: clamp(22px, 2.5vw, 30px);
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -0.025em;
}


/* ============================================================
   4. FIELD LABELS
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
.elementor-field-label {

    color: var(--yv-label);

    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;

    transition: color 180ms ease;
}


/* Active label */

form.elementor-form[name="Sign Up Form"]
.elementor-field-group:focus-within
.elementor-field-label {

    color: var(--yv-primary);
}


/* Required asterisk */

form.elementor-form[name="Sign Up Form"]
.elementor-mark-required
.elementor-field-label::after {

    color: var(--yv-danger);
}


/* ============================================================
   5. TEXT / EMAIL / PHONE / ADDRESS / SELECT FIELDS
   ------------------------------------------------------------
   NO width rule here.
   Elementor remains responsible for field width.
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
input.elementor-field-textual,

form.elementor-form[name="Sign Up Form"]
textarea.elementor-field-textual,

form.elementor-form[name="Sign Up Form"]
select.elementor-field-textual {

    min-height: 52px;

    background-color: var(--yv-field-bg);

    border: 1px solid var(--yv-border);
    border-radius: var(--yv-radius);

    color: var(--yv-text);

    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;

    outline: none;

    box-shadow: none;

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}


/* Hover */

form.elementor-form[name="Sign Up Form"]
input.elementor-field-textual:hover,

form.elementor-form[name="Sign Up Form"]
textarea.elementor-field-textual:hover,

form.elementor-form[name="Sign Up Form"]
select.elementor-field-textual:hover {

    border-color: var(--yv-border-hover);

    background-color: #fbfcfd;
}


/* Focus */

form.elementor-form[name="Sign Up Form"]
input.elementor-field-textual:focus,

form.elementor-form[name="Sign Up Form"]
textarea.elementor-field-textual:focus,

form.elementor-form[name="Sign Up Form"]
select.elementor-field-textual:focus {

    background-color: var(--yv-field-focus);

    border-color: var(--yv-primary);

    box-shadow:
        0 0 0 4px var(--yv-primary-ring);
}


/* Placeholder */

form.elementor-form[name="Sign Up Form"]
.elementor-field-textual::placeholder {

    color: var(--yv-placeholder);

    opacity: 1;
}


/* ============================================================
   6. SELECT FIELDS
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
.elementor-select-wrapper select {

    cursor: pointer;
}


form.elementor-form[name="Sign Up Form"]
.select-caret-down-wrapper {

    pointer-events: none;
}


form.elementor-form[name="Sign Up Form"]
.select-caret-down-wrapper svg {

    fill: var(--yv-muted);

    transition:
        fill 180ms ease,
        transform 180ms ease;
}


form.elementor-form[name="Sign Up Form"]
.elementor-field-group:focus-within
.select-caret-down-wrapper svg {

    fill: var(--yv-primary);
}


/* ============================================================
   7. CHECKBOX FIELD
   ------------------------------------------------------------
   THIS IS THE IMPORTANT PART:
   Every checkbox card uses 100% width.
   ============================================================ */


/* Checkbox field subgroup */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-subgroup {

    display: flex;
    flex-direction: column;
    align-items: stretch;

    width: 100%;
    max-width: 100%;

    gap: 10px;
}


/* EACH CHECKBOX OPTION = FULL WIDTH CARD */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option {

    position: relative;

    display: flex;
    align-items: flex-start;

    flex: 0 0 100%;

    width: 100%;
    max-width: 100%;

    padding: 14px 16px;

    margin: 0;

    background-color: #ffffff;

    border: 1px solid var(--yv-border);
    border-radius: var(--yv-card-radius);

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02);

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}


/* Hover card */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option:hover {

    background-color: #fcfcfd;

    border-color: #cbd5e1;

    box-shadow:
        0 3px 10px rgba(16, 24, 40, 0.045);

    transform: translateY(-1px);
}


/* ============================================================
   8. CUSTOM CHECKBOX
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option input[type="checkbox"] {

    appearance: none;
    -webkit-appearance: none;

    position: relative;

    display: block;

    flex: 0 0 20px;

    width: 20px !important;
    min-width: 20px;
    max-width: 20px;

    height: 20px;

    margin: 1px 12px 0 0;

    padding: 0;

    background-color: #ffffff;

    border: 1.5px solid #cbd5e1;
    border-radius: 6px;

    cursor: pointer;

    box-shadow: none;

    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
}


/* Checkbox hover */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option input[type="checkbox"]:hover {

    border-color: var(--yv-primary);
}


/* Checkbox keyboard focus */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option input[type="checkbox"]:focus-visible {

    outline: none;

    border-color: var(--yv-primary);

    box-shadow:
        0 0 0 4px var(--yv-primary-ring);
}


/* Checked */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option input[type="checkbox"]:checked {

    background-color: var(--yv-primary);

    border-color: var(--yv-primary);

    transform: scale(1.03);
}


/* White tick */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option input[type="checkbox"]:checked::after {

    content: "";

    position: absolute;

    top: 3px;
    left: 6px;

    width: 5px;
    height: 9px;

    border: solid #ffffff;
    border-width: 0 2px 2px 0;

    transform: rotate(45deg);
}


/* ============================================================
   9. CHECKBOX TEXT
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option label {

    display: block;

    flex: 1 1 auto;

    width: auto;
    min-width: 0;

    margin: 0;

    padding: 0;

    color: #475467;

    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;

    cursor: pointer;

    transition: color 180ms ease;
}


/* Hover text */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option:hover label {

    color: var(--yv-text);
}


/* ============================================================
   10. CHECKED CARD
   Entire row highlights when selected
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option:has(input[type="checkbox"]:checked) {

    background-color: var(--yv-primary-soft);

    border-color: rgba(79, 70, 229, 0.42);

    box-shadow:
        0 0 0 3px rgba(79, 70, 229, 0.045);
}


form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option:has(input[type="checkbox"]:checked)
label {

    color: #292565;

    font-weight: 500;
}


/* ============================================================
   11. CHECKBOX CARD FOCUS
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
.elementor-field-type-checkbox
.elementor-field-option:focus-within {

    border-color: var(--yv-primary);

    box-shadow:
        0 0 0 4px var(--yv-primary-ring);
}


/* ============================================================
   12. FILE UPLOAD
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
input[type="file"].elementor-upload-field {

    width: 100%;

    padding: 10px;

    background-color: #fafbfc;

    border: 1.5px dashed #cbd5e1;
    border-radius: 12px;

    color: var(--yv-muted);

    font-family: inherit;
    font-size: 13px;

    cursor: pointer;

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}


form.elementor-form[name="Sign Up Form"]
input[type="file"].elementor-upload-field:hover {

    background-color: var(--yv-primary-soft);

    border-color: var(--yv-primary);
}


form.elementor-form[name="Sign Up Form"]
input[type="file"].elementor-upload-field:focus-visible {

    outline: none;

    border-color: var(--yv-primary);

    box-shadow:
        0 0 0 4px var(--yv-primary-ring);
}


/* Upload button */

form.elementor-form[name="Sign Up Form"]
input[type="file"]::file-.elementor-124 .elementor-element.elementor-element-7d4c556-button {

    min-height: 38px;

    margin-right: 12px;

    padding: 0 15px;

    background-color: #ffffff;

    border: 1px solid var(--yv-border);
    border-radius: 8px;

    color: var(--yv-label);

    font-family: inherit;
    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease;
}


form.elementor-form[name="Sign Up Form"]
input[type="file"]::file-.elementor-124 .elementor-element.elementor-element-7d4c556-button:hover {

    background-color: var(--yv-primary-soft);

    border-color: var(--yv-primary);

    color: var(--yv-primary);
}


/* ============================================================
   13. SUBMIT BUTTON
   Elementor still controls button width
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
.elementor-button {

    position: relative;

    overflow: hidden;

    min-height: 52px;

    background-color: var(--yv-primary);

    border: 1px solid var(--yv-primary);
    border-radius: 10px;

    color: #ffffff;

    font-family: inherit;
    font-size: 15px;
    font-weight: 650;

    letter-spacing: -0.01em;

    cursor: pointer;

    box-shadow:
        0 5px 14px rgba(79, 70, 229, 0.18);

    transform: translateY(0);

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}


/* Button hover */

form.elementor-form[name="Sign Up Form"]
.elementor-button:hover {

    background-color: var(--yv-primary-hover);

    border-color: var(--yv-primary-hover);

    box-shadow:
        0 8px 20px rgba(79, 70, 229, 0.22);

    transform: translateY(-1px);
}


/* Button press */

form.elementor-form[name="Sign Up Form"]
.elementor-button:active {

    transform: translateY(0);

    box-shadow:
        0 3px 9px rgba(79, 70, 229, 0.18);
}


/* Keyboard focus */

form.elementor-form[name="Sign Up Form"]
.elementor-button:focus-visible {

    outline: none;

    box-shadow:
        0 0 0 4px var(--yv-primary-ring),
        0 7px 18px rgba(79, 70, 229, 0.18);
}


/* Disabled */

form.elementor-form[name="Sign Up Form"]
.elementor-button:disabled {

    opacity: 0.6;

    cursor: not-allowed;

    transform: none;
}


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

form.elementor-form[name="Sign Up Form"]
.elementor-error {

    margin-top: 5px;

    color: var(--yv-danger);

    font-size: 12px;
    font-weight: 500;
}


/* Invalid field */

form.elementor-form[name="Sign Up Form"]
[aria-invalid="true"] {

    border-color: var(--yv-danger);

    box-shadow:
        0 0 0 4px rgba(217, 45, 32, 0.08);
}


/* Elementor success/error response */

form.elementor-form[name="Sign Up Form"]
.elementor-message {

    padding: 12px 14px;

    border-radius: 9px;

    font-size: 13px;
    line-height: 1.5;
}


/* ============================================================
   15. BROWSER AUTOFILL
   ============================================================ */

form.elementor-form[name="Sign Up Form"]
input:-webkit-autofill,

form.elementor-form[name="Sign Up Form"]
input:-webkit-autofill:hover,

form.elementor-form[name="Sign Up Form"]
input:-webkit-autofill:focus {

    -webkit-text-fill-color: var(--yv-text);

    -webkit-box-shadow:
        0 0 0 1000px var(--yv-field-focus) inset;

    transition: background-color 9999s ease-out;
}


/* ============================================================
   16. MOBILE
   Elementor still decides column stacking
   ============================================================ */

@media (max-width: 767px) {

    form.elementor-form[name="Sign Up Form"]
    input.elementor-field-textual,

    form.elementor-form[name="Sign Up Form"]
    select.elementor-field-textual,

    form.elementor-form[name="Sign Up Form"]
    textarea.elementor-field-textual {

        min-height: 50px;

        /*
         * 16px avoids automatic zoom
         * on iPhone Safari.
         */
        font-size: 16px;
    }


    /* Checkbox cards */

    form.elementor-form[name="Sign Up Form"]
    .elementor-field-type-checkbox
    .elementor-field-option {

        width: 100%;
        max-width: 100%;

        padding: 13px 14px;
    }


    form.elementor-form[name="Sign Up Form"]
    .elementor-field-type-checkbox
    .elementor-field-option label {

        font-size: 13px;
        line-height: 1.55;
    }


    form.elementor-form[name="Sign Up Form"]
    .elementor-field-type-checkbox
    .elementor-field-option input[type="checkbox"] {

        flex-basis: 20px;

        width: 20px !important;
        min-width: 20px;

        margin-right: 11px;
    }

}


/* ============================================================
   17. REDUCED MOTION / ACCESSIBILITY
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    form.elementor-form[name="Sign Up Form"] *,
    form.elementor-form[name="Sign Up Form"] *::before,
    form.elementor-form[name="Sign Up Form"] *::after {

        transition-duration: 0.01ms;
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
    }

}/* End custom CSS */