body.page-template-templatespage-contact-us-php>.contact-form {
    display: none;
}

.contact-form {
    overflow: hidden;
    padding: 67px 0 77px;

}

.contact-form .contact {

    position: absolute;

    left: 0;

    top: 0;

}

.contact-form .contact span {

    padding-right: 58px;

}

.contact-form .contact a {

    color: #fff;

    font-size: 24px;

}

.contact-form .contact svg {

    fill: #fff;

}

.contact-form .contact a:hover {

    text-decoration: underline;

}

.contact-form h3 {
    color: #fff;
    text-align: right;
    margin-bottom: 28px;

}

body:not(.rtl) .contact-form h3 {
    text-align: left;
}

body:not(.rtl) .contact-form .contact {
    right: 0;
    left: unset;
}

.contact-form .input-wrapper:nth-child(3),
form .input-wrapper,
#strip_contact_form form p:nth-child(4) {

    flex: 1.85;

}

.form_body {

    margin: 16px 0;

}

form input,
form textarea {

    border: 1px solid #fff;

    flex: 1;

    text-align: center;

    margin-left: 7px;

    padding: 9px 5px;

    background-color: transparent;

    color: #fff;

    padding: 8px 10px 10px;

    text-align: right;

}



form .input-wrapper,
#strip_contact_form form p,
#quize_form form p {

    position: relative;

    flex: 1;

    display: inline-flex;

    display: flex;

}

form .input-wrapper.error input,
form .input-wrapper.error textarea,
form .input-wrapper.wpcf7-not-valid,
#quize_form form input.wpcf7-not-valid {

    border: 1px solid #ffa8a8;

    position: relative;

}

form .input-wrapper span {

    display: none;

}

form .input-wrapper.error span,
form .input-wrapper.wpcf7-not-valid~span {

    display: block;

    color: #ffa8a8;

    position: absolute;

    right: 0;

    top: 100%;

    font-size: 14px;

    font-weight: 300;

}

#quize_form form p .wpcf7-not-valid~span {
    color: #ffa8a8;
}

#strip_contact_form form,
#quize_form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 7px;
}

#strip_contact_form form input,
#strip_contact_form form textarea,
#quize_form form input {
    display: block;
    width: 100%;
    height: 100%;
}

#quize_form form p {
    flex: 1;
    margin-left: 14px;
}

body:not(.rtl) #quize_form form p {
    margin-left: 0;
    margin-right: 14px;
}

#quize_form form p:last-of-type {
    flex: 0.32;
    margin: 0;
}

#quize_form form p>span:not(.wpcf7-spinner) {
    width: 100%;
}

#strip_contact_form form p span.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    height: 100%;
}

.wpcf7-not-valid-tip::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 486.463 486.463' style='enable-background:new 0 0 486.463 486.463' xml:space='preserve'%3E%3Cpath d='M243.225 333.382c-13.6 0-25 11.4-25 25s11.4 25 25 25c13.1 0 25-11.4 24.4-24.4.6-14.3-10.7-25.6-24.4-25.6z' /%3E%3Cpath d='M474.625 421.982c15.7-27.1 15.8-59.4.2-86.4l-156.6-271.2c-15.5-27.3-43.5-43.5-74.9-43.5s-59.4 16.3-74.9 43.4l-156.8 271.5c-15.6 27.3-15.5 59.8.3 86.9 15.6 26.8 43.5 42.9 74.7 42.9h312.8c31.3 0 59.4-16.3 75.2-43.6zm-34-19.6c-8.7 15-24.1 23.9-41.3 23.9h-312.8c-17 0-32.3-8.7-40.8-23.4-8.6-14.9-8.7-32.7-.1-47.7l156.8-271.4c8.5-14.9 23.7-23.7 40.9-23.7 17.1 0 32.4 8.9 40.9 23.8l156.7 271.4c8.4 14.6 8.3 32.2-.3 47.1z' /%3E%3Cpath d='M237.025 157.882c-11.9 3.4-19.3 14.2-19.3 27.3.6 7.9 1.1 15.9 1.7 23.8 1.7 30.1 3.4 59.6 5.1 89.7.6 10.2 8.5 17.6 18.7 17.6s18.2-7.9 18.7-18.2c0-6.2 0-11.9.6-18.2 1.1-19.3 2.3-38.6 3.4-57.9.6-12.5 1.7-25 2.3-37.5 0-4.5-.6-8.5-2.3-12.5-5.1-11.2-17-16.9-28.9-14.1z' /%3E%3C/svg%3E");
    filter: invert(85%) sepia(57%) saturate(4825%) hue-rotate(301deg) brightness(113%) contrast(99%);
    width: 12px;
    display: inline-block;
    padding-left: 4px;
}

.wpcf7-spinner {
    position: absolute;
    margin: 0;
    display: block;
    left: -5px;
    top: 50%;
    transform: translate(-100%, -50%);
}

.wpcf7-response-output {
    width: 100%;
}

form .input-wrapper.error svg {

    fill: #ffa8a8;

    width: 12px;

    height: 11px;

}

::placeholder {

    color: #fff;

}



form input[type="submit"] {

    margin-left: 0;

    margin-top: 15px;

    background-color: transparent;

    color: #fff;

    border: 1px solid #fff;

    padding: 10px 49px;

    margin-right: 82%;

    display: inline;

    opacity: 1;

}

form input[type="submit"] {

    margin: 0;

    background-color: #343433;

    flex: 0.32;

    font-weight: bold;

    border: 1px solid #343433;

    text-align: center;

}

#strip_contact_form form p:last-of-type {
    flex: 0.32;
}


form input[type="submit"]:hover,
#strip_contact_form form input[type="submit"]:hover {

    background-color: transparent;

    border: 1px solid #fff;

}

body:not(.rtl) form input, body:not(.rtl) form textarea {
    text-align: left;
    margin-left: 0;
    margin-right: 7px;
}

form input[type="submit"]:focus {

    opacity: 0.5;

}

.thank-you h3 {

    margin-bottom: 11px;

}

.thank-you {

    color: #fff;

    /* text-align: center; */

    padding-right: 0px;

    position: relative;

    padding-top: 82px;

    background-color: #344975;

}

.thank-you svg {

    fill: #fff;

    position: absolute;

    right: 2.5%;

    transform: translate(50%, 50%);

    top: -20%;

    opacity: 0.5;

}

.quiz-section .thank-you svg {

    opacity: 0.22;

    position: relative;

    right: 0;

    top: 30%;

    transform: unset;

}

.quiz-section .thank-you {

    text-align: right;

    padding-right: 0px;

    padding-top: 0px;

    background-color: transparent;

}

@media (min-width: 780px) and (max-width: 1100px) {

    form .input-wrapper {

        height: 50px;

    }

    .form_body>.flex {

        align-items: baseline;

    }

}

@media (max-width: 940px) {

    form input[type="submit"] {

        margin: 44px auto 0;

    }

}

@media (max-width: 550px) {

    .contact-form .contact {

        display: none;

    }

    .contact-form {

        padding: 50px 0 45px;

        text-align: center;

    }

    .contact-form h3 {
        text-align: center;
        margin-bottom: 16px;

    }

    .contact-form h4 {

        font-size: 16px;

    }

    .form_body .input-wrapper,
    #strip_contact_form form p,
    #strip_contact_form form p:nth-child(4) {

        flex: unset;

        margin-left: 0;

        width: 100%;

        margin-bottom: 9px;

    }

    #strip_contact_form form p,
    #strip_contact_form form p:nth-child(4) {
        margin: 0;
    }

    #strip_contact_form input,
    #strip_contact_form form textarea {
        height: auto;
    }

    form .input-wrapper.error input,
    form .input-wrapper.wpcf7-not-valid {

        margin-bottom: 24px;

    }

    form .input-wrapper.wpcf7-not-valid~span {
        top: auto;
        bottom: 0;
    }

    form .input-wrapper.error span {

        top: 71%;

    }

    form input[type="submit"],
    #strip_contact_form form p:last-of-type {

        margin-right: auto;

        text-align: center;

        flex: unset;

        margin-top: 16px;

        width: 100%;

    }

    form textarea,
    #strip_contact_form form textarea {

        height: 104px;

    }

    #quize_form form p {
        position: relative;
        width: 100%;
        flex: unset;
        margin: 0 0 9px 0;
    }

    #quize_form form p>span:not(.wpcf7-spinner) {
        display: block;
        width: 100%;
    }

    #quize_form form p:last-of-type {
        flex: unset;
        margin: 16px 0 0 0;
    }

    #quize_form form p input {
        margin: 0;
    }

    #quize_form form p .wpcf7-not-valid-tip {
        position: absolute;
        bottom: 0;
        transform: translateY(100%);
    }

    #quize_form form input.wpcf7-not-valid {
        margin-bottom: 20px;
    }

    .thank-you {

        max-width: 200px;

        margin: 0 auto;

        background-size: 47px 47px;



    }

    .thank-you h5 {

        font-size: 16px;

        line-height: 20px;

        padding-bottom: 50px;

    }

    .thank-you svg {
        top: -12%;
        right: 50%;
    }

    .quiz-section .thank-you svg {

        right: auto;

        left: auto;

    }

    .quiz-section .thank-you {

        text-align: center;

    }

    form .input-wrapper {

        margin-bottom: 20px;

    }

}