/* Start custom CSS for html, class: .elementor-element-7b90318 *//* Ensure the First Name and Last Name fields appear in the same row */
#crmWebToEntityForm .name-fields-container {
    display: flex;
    gap: 20px; /* Space between First Name and Last Name fields */
    width: 100%;
}

/* Style the individual name field containers */
#crmWebToEntityForm .name-field-wrapper {
    flex: 1;
    min-width: 200px; /* Ensure each field is flexible but doesn't shrink too much */
}

/* Make the label and input full width within their wrapper */
#crmWebToEntityForm .name-field-wrapper .zcwf_col_lab,
#crmWebToEntityForm .name-field-wrapper .zcwf_col_fld {
    width: 100% !important;
    float: none !important;
}

#crmWebToEntityForm .name-field-wrapper .zcwf_col_lab label {
    display: block;
    margin-bottom: 5px;
}

/* Email field styling */
.email-field-wrapper {
    width: 100%;
}

/* Remove any excess margin/padding for the button row */
.button-row {
    margin-top: 20px;
}

/* Responsive adjustments for small screens */
@media all and (max-width: 480px) {
    /* Stacks fields in a column on small screens */
    #crmWebToEntityForm .name-fields-container {
        flex-direction: column;
        gap: 15px;
    }
    
    /* Ensure individual name fields fill width on smaller screens */
    #crmWebToEntityForm .name-field-wrapper {
        min-width: 100%;
    }
}

/* Optional: Style enhancements */
#crmWebToEntityForm {
    font-family: Arial, sans-serif;
}

.zcwf_col_lab label {
    font-weight: bold;
    color: #333;
    font-size: 14px;
}

.zcwf_col_fld input[type="text"] {
    padding: 8px 12px;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    width: 100% !important;
    font-size: 14px;
}

/* Submit button styles */
.formsubmit.zcwf_button {
    background: #0279FF;
    color: white !important;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
}

.formsubmit.zcwf_button:hover {
    background: #0069d9;
}



/* Ensure the Email row aligns label and field properly */
#crmWebToEntityForm .email-field-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Style the label */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_lab {
    width: 100% !important;
    float: none !important;
    margin-bottom: 5px;
}

/* Style the input to span full width and sit immediately below the label */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_fld {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Full-width input box for email */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_fld input[type="text"] {
    width: 100% !important;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

/* Remove any unintended spacing from help div */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_help {
    display: none;
}



    #Description {
        font-family: Arial, sans-serif;
        width: 100%;
        height: 100%;
        min-height: 200px; /* ensures it has a minimum height */
        box-sizing: border-box; /* includes padding in width/height */
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8323d5 *//* Ensure the First Name and Last Name fields appear in the same row */
#crmWebToEntityForm .name-fields-container {
    display: flex;
    gap: 20px; /* Space between First Name and Last Name fields */
    width: 100%;
}

/* Style the individual name field containers */
#crmWebToEntityForm .name-field-wrapper {
    flex: 1;
    min-width: 200px; /* Ensure each field is flexible but doesn't shrink too much */
}

/* Make the label and input full width within their wrapper */
#crmWebToEntityForm .name-field-wrapper .zcwf_col_lab,
#crmWebToEntityForm .name-field-wrapper .zcwf_col_fld {
    width: 100% !important;
    float: none !important;
}

#crmWebToEntityForm .name-field-wrapper .zcwf_col_lab label {
    display: block;
    margin-bottom: 5px;
}

/* Email field styling */
.email-field-wrapper {
    width: 100%;
}

/* Remove any excess margin/padding for the button row */
.button-row {
    margin-top: 20px;
}

/* Responsive adjustments for small screens */
@media all and (max-width: 480px) {
    /* Stacks fields in a column on small screens */
    #crmWebToEntityForm .name-fields-container {
        flex-direction: column;
        gap: 15px;
    }
    
    /* Ensure individual name fields fill width on smaller screens */
    #crmWebToEntityForm .name-field-wrapper {
        min-width: 100%;
    }
}

/* Optional: Style enhancements */
#crmWebToEntityForm {
    font-family: Arial, sans-serif;
}

.zcwf_col_lab label {
    font-weight: bold;
    color: #333;
    font-size: 14px;
}

.zcwf_col_fld input[type="text"] {
    padding: 8px 12px;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    width: 100% !important;
    font-size: 14px;
}

/* Submit button styles */
.formsubmit.zcwf_button {
    background: #0279FF;
    color: white !important;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
}

.formsubmit.zcwf_button:hover {
    background: #0069d9;
}



/* Ensure the Email row aligns label and field properly */
#crmWebToEntityForm .email-field-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Style the label */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_lab {
    width: 100% !important;
    float: none !important;
    margin-bottom: 5px;
}

/* Style the input to span full width and sit immediately below the label */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_fld {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Full-width input box for email */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_fld input[type="text"] {
    width: 100% !important;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

/* Remove any unintended spacing from help div */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_help {
    display: none;
}



    #Description {
        font-family: Arial, sans-serif;
        width: 100%;
        height: 100%;
        min-height: 200px; /* ensures it has a minimum height */
        box-sizing: border-box; /* includes padding in width/height */
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e742024 *//* Ensure the First Name and Last Name fields appear in the same row */
#crmWebToEntityForm .name-fields-container {
    display: flex;
    gap: 20px; /* Space between First Name and Last Name fields */
    width: 100%;
}

/* Style the individual name field containers */
#crmWebToEntityForm .name-field-wrapper {
    flex: 1;
    min-width: 200px; /* Ensure each field is flexible but doesn't shrink too much */
}

/* Make the label and input full width within their wrapper */
#crmWebToEntityForm .name-field-wrapper .zcwf_col_lab,
#crmWebToEntityForm .name-field-wrapper .zcwf_col_fld {
    width: 100% !important;
    float: none !important;
}

#crmWebToEntityForm .name-field-wrapper .zcwf_col_lab label {
    display: block;
    margin-bottom: 5px;
}

/* Email field styling */
.email-field-wrapper {
    width: 100%;
}

/* Remove any excess margin/padding for the button row */
.button-row {
    margin-top: 20px;
}

/* Responsive adjustments for small screens */
@media all and (max-width: 480px) {
    /* Stacks fields in a column on small screens */
    #crmWebToEntityForm .name-fields-container {
        flex-direction: column;
        gap: 15px;
    }
    
    /* Ensure individual name fields fill width on smaller screens */
    #crmWebToEntityForm .name-field-wrapper {
        min-width: 100%;
    }
}

/* Optional: Style enhancements */
#crmWebToEntityForm {
    font-family: Arial, sans-serif;
}

.zcwf_col_lab label {
    font-weight: bold;
    color: #333;
    font-size: 14px;
}

.zcwf_col_fld input[type="text"] {
    padding: 8px 12px;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    width: 100% !important;
    font-size: 14px;
}

/* Submit button styles */
.formsubmit.zcwf_button {
    background: #0279FF;
    color: white !important;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
}

.formsubmit.zcwf_button:hover {
    background: #0069d9;
}



/* Ensure the Email row aligns label and field properly */
#crmWebToEntityForm .email-field-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Style the label */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_lab {
    width: 100% !important;
    float: none !important;
    margin-bottom: 5px;
}

/* Style the input to span full width and sit immediately below the label */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_fld {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Full-width input box for email */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_fld input[type="text"] {
    width: 100% !important;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

/* Remove any unintended spacing from help div */
#crmWebToEntityForm .email-field-wrapper .zcwf_col_help {
    display: none;
}



    #Description {
        font-family: Arial, sans-serif;
        width: 100%;
        height: 100%;
        min-height: 200px; /* ensures it has a minimum height */
        box-sizing: border-box; /* includes padding in width/height */
    }/* End custom CSS */