/* Elementor Form Validation Fix */

form.elementor-form .efvf-error-message {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 6px 0 0 !important;
    padding: 7px 10px !important;
    box-sizing: border-box !important;
    color: #b42318 !important;
    background: #fff3f2 !important;
    border-left: 3px solid #d92d20 !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

form.elementor-form .efvf-invalid > .elementor-field,
form.elementor-form .efvf-invalid > .elementor-field-subgroup {
    position: relative;
}

/* Keep Elementor's own validation messages visible too, in case a theme or
   optimization stylesheet accidentally hides them. */
form.elementor-form .elementor-message.elementor-message-danger,
form.elementor-form .elementor-help-inline {
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
}