.contact_form_svg {
    filter: url("#shadow");
}

.contact_form_polygon,
.contact_form_polygon_corner {
    fill: var(--white);
}

.contact_form {
    padding: 80px 40px 40px 40px;
    box-sizing: border-box;
}

.contact_form_mobile {
    display: none;
}

.contact_form_field,
.contact_form_textarea {
    font-family: 'Open Sans', sans-serif !important;
    height: 48px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 20px;
    padding: 0;
    padding-left: 20px;
    border: 2px solid var(--grey);
    border-radius: 25px;
    box-sizing: border-box;
    background-color: transparent;
    color: var(--grey);
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.contact_form_field::placeholder,
.contact_form_textarea::placeholder {
    font-family: 'Open Sans', sans-serif !important;
    color: var(--grey);
}

.contact_form_field:focus,
.contact_form_textarea:focus {
    outline: var(--grey);
}

.contact_form_textarea {
    padding-top: 15px;
    box-sizing: border-box;
    height: 170px;
    max-width: 100%;
}

.introduction_wrapper .contact_form .form_actions button,
.mobile_introduction .contact_form .form_actions button {
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    margin-top: 30px;
}

#form-messages {
    display: none;
}

.contact_form .success,
.contact_form .error {
    display: block !important;
    text-align: center;
    width: 100%;
    margin: 30px auto 0 auto;
    color: var(--grey);
    font-size: 15px;
}

@media (max-width: 950px) {
    .introduction_wrapper .column {
        width: 100%;
    }

    .introduction_wrapper .image_column {
        width: 80%;
    }

    .contact_form_svg {
        display: none;
    }

    .contact_form_mobile {
        display: block;
    }
}

@media (max-width: 800px) {
    .introduction_wrapper .image_column {
        width: 100%;
    }

    .contact_form {
        padding: 60px 0 0 0;
    }
}