Contact Page

<div class="contact-page__form white_smoke-3 fade-wrapper">
    <div class="contact-page__bg d-none d-sm-block">
        <div class="shape">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <div class="row gx-50">
    <div class="col-md-6">
        <div class="contact-page__input fade-top">
            [text* your-name class:form-control placeholder "Name"]
        </div>
    </div>
    <div class="col-md-6">
        <div class="contact-page__input fade-top">
            [email* your-email class:form-control placeholder "Email"]
        </div>
    </div>
    <div class="col-md-6">
        <div class="contact-page__input fade-top">
            [text phone class:form-control placeholder "Phone Number"]
        </div>
    </div>
    <div class="col-md-6">
        <div class="contact-page__input fade-top">
            [text subject class:form-control placeholder "What are your needs"]
        </div>
    </div>
    <div class="col-12">
        <div class="contact-page__textarea fade-top">
            [textarea message id:message class:form-control placeholder "Message"]
        </div>
    </div>
    <div class="col-12">
        <div class="contact-page__btn fade-top">
            <button type="submit" class="wpcf7-submit rr-btn rr-btn_2 hover-anim">
                Submit <i class="fa-light fa-angle-right"></i>
                <span class="hover-bg"></span>
            </button>
        </div>
    </div>
</div>
<p class="ajax-response"></p>

</div>