/*
  Theme Name: Medxwaste
  Author: Netgain SEO
  Author URI: https://netgain.agency/
  Description: Wordpress theme for Medxwaste. Use of this theme outside of this company's website is strictly prohibited.
  Template: ion
  Text Domain: medxwaste
*/

#mockForm > .e-con-inner {
    padding: 65px 55px 57px;
    border-radius: 26px;
    background-color: var(--primary);
    width: 892px;
    max-width: 100% !important;
}

#crmWebToEntityForm {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: unset !important;
}

#crmWebToEntityForm .zcwf_title,
#crmWebToEntityForm .form-group .zcwf_col_lab,
#crmWebToEntityForm .zcwf_button[aria-label="Reset"],
#crmWebToEntityForm .zcwf_col_help,
#crmWebToEntityForm .form-actions .zcwf_col_lab {
    display: none !important;
}

#crmWebToEntityForm form {
    display: flex !important;
    flex-wrap: wrap !important;
    grid-gap: 17px 30px !important;
}

#crmWebToEntityForm .form-group,
#crmWebToEntityForm .form-actions {
    margin: 0 !important;
}

#crmWebToEntityForm .form-group {
    width: calc(50% - 15px) !important;
}

#crmWebToEntityForm .form-group:has(textarea, .captcha-note),
#crmWebToEntityForm .form-actions,
#crmWebToEntityForm h2 {
    width: 100% !important;
}

#crmWebToEntityForm h2 {
    text-align: center;
}

#crmWebToEntityForm .form-group .zcwf_col_fld {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

#crmWebToEntityForm .form-group .zcwf_col_fld input,
#crmWebToEntityForm .form-group .zcwf_col_fld textarea {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #757575 !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0) !important;
    border-color: var(--form-field--border) !important;
    background-color: #fff !important;
    height: auto !important;
    font-family: var(--font) !important;
    padding: var(--form-field--padding-top) var(--form-field--padding-right) var(--form-field--padding-bottom) var(--form-field--padding-left) !important;
    transition: all 0.3s;
    border-radius: var(--form-field--radius) !important;
    border: 1px solid var(--form-field--border) !important;
    flex-grow: 1 !important;
    max-width: 100% !important;
    vertical-align: middle !important;
    width: 100% !important;
    line-height: 1.4 !important;
    min-height: 40px !important;
    width: 100% !important;
}

#crmWebToEntityForm .form-group .zcwf_col_fld textarea {
    resize: none !important;
    height: 112px !important;
}

#crmWebToEntityForm .form-group .zcwf_col_fld input:hover,
#crmWebToEntityForm .form-group .zcwf_col_fld textarea:hover,
#crmWebToEntityForm .form-group .zcwf_col_fld input:focus,
#crmWebToEntityForm .form-group .zcwf_col_fld textarea:focus {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid var(--primary) !important;
    transition: all 0.3s;
}

#crmWebToEntityForm .captcha-note {
    margin: 0 !important;
}

#crmWebToEntityForm .captcha-note p,
#crmWebToEntityForm .captcha-note p a {
    color: #FFF !important;
    text-align: center !important;
}

#crmWebToEntityForm .captcha-note p a:hover,
#crmWebToEntityForm .captcha-note p a:focus {
    color: #000 !important;
}

#crmWebToEntityForm .form-actions .zcwf_col_fld {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

#crmWebToEntityForm #formsubmit {
    color: #FFF !important;
    border: 2px solid #FFF !important;
    padding: 12px 40px !important;
    text-transform: uppercase !important;
    font-family: var(--button-text--font) !important;
    font-size: var(--button-text--size) !important;
    background: var(--button-background--primary) !important;
    line-height: 1 !important;
    font-weight: var(--button-text--weight) !important;
    border-radius: var(--button-radius) !important;
    cursor: pointer !important;
    display: inline-block !important;
    transition: var(--transition) !important;
    letter-spacing: var(--button-text--letter-spacing) !important;
    max-width: 100% !important;
    text-overflow: unset !important;
    white-space: unset !important;
    width: max-content !important;
}

#crmWebToEntityForm #formsubmit:hover,
#crmWebToEntityForm #formsubmit:focus {
    border: 2px solid #000 !important;
    background: var(--button-hover--background) !important;
    transition: all 0.3s;
}

#wf_splash {
    position: fixed !important;
    top: unset !important;
    bottom: 0 !important;
    text-align: center !important;
    color: #FFF !important;
    margin: 0 auto 20px !important;
    padding: 5px 15px !important;
    background-color: #61bb49 !important;
    width: max-content !important;
    max-width: 100% !important;
}

@media (max-width: 991px) {
    #wf_splash {
        max-width: 90% !important;
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    #crmWebToEntityForm .form-group {
        width: 100% !important;
    }
}