        <style>

            .error-message {
                color: red;
                font-size: 12px;
            }

            #feedback-form .error-message {
                padding-left: 50px;
            }

            #feedback-form input {
                margin-bottom: 0px;
                padding: 5px;

            }

            #feedback-form textarea {
                margin-bottom: 0px;

            }

            #feedback-form select {
                margin-bottom: 0px;
                display: block !important;

            }

            #feedback-form div {
                margin-bottom: 10px;
                padding-bottom: 5px;

            }

            .loader-container {
                display: flex;
                align-items: center;
                margin: 0 !important;
                height: 100%;
                padding: 9px;
            }

            .sbmt-btn {
                display: flex !important;
                justify-content: center;
                align-items: center;
                margin-bottom: 10px;
            }

            .sbmt-btn span {
                height: 100%;
            }

            .sbmt-btn span:nth-child(2) {
                display: none;
            }

            .sbmt-btn[disabled] span:nth-child(2) {
                display: block !important;
            }

            .loader {
                height: 20px;
                width: 20px;
                border-radius: 50%;
                border: 2px solid grey;
                border-bottom-color: white;
                animation: spin 1s linear infinite;;
                margin: 0 !important;
            }

            @keyframes spin {
                0% {
                    transform: rotate(0deg);
                }

                100% {
                    transform: rotate(360deg);
                }

            }

            button span {
                margin-bottom: 0px !important;
            }


        </style>

        <form name="myform" class="contact-form dt-form chart-bg" id="feedback-form" method="post"">
        <h3>Feedback Form</h3>
        <div class="">
            <div class="form-country">
                <input style="width: 90%; margin-left: 5%; margin-top: 4%;" name="cgp_id" type="text" value=""
                       placeholder="CGP ID">
            </div>

            <div class="form-name">

                <input class="validate[required]" style="width: 90%; margin-top: 1%;margin-left: 5%;" name="name"
                       type="text" value=""
                       id="firstname" placeholder="Name *" pattern="^[A-Za-z -]+$" title="Please enter valid name"
                       required="">
            </div>

            <div class="form-telephone">

                <input style="width: 90%; margin-left: 5%;" name="phone_number" type="text" id="number" value=""
                       placeholder="Mobile No *" pattern="[6789][0-9]{9}"
                       title="Mobile Number (Format: 9875463211) and must start with 9 or 8 or 7 or 6" required="">
            </div>

            <input class="" style="width: 90%; margin-left: 5%;" id="email" name="email_address" type="text"
                   value=""
                   placeholder="E-mail *" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"
                   title="Please enter valid Email ID" required="">
        </div>

        <div class="form-city">
            <select class="validate[required]" style="width: 90%; margin-left: 8%;" name="complaint" required="">
                <option value="">Category *</option>
                <option value="complaints">Complaint</option>
                <option value="request">Request</option>
                <option value="enquiry">Enquiry</option>
            </select>
        </div>

        <div class="form-name">
                    <textarea name="comments" row="4" style="width: 90%; margin-left: 5%;" type="textarea" value=""
                              placeholder="comments *"
                              maxlength="500" required=""></textarea>
        </div>

        <center>
            <button class="btn btn-primary"
                    type="submit" name="submit" value="Submit">
                        <span>
                            Submit
                        </span>
                <span>



                      </span>
            </button>
            <input style="display: none" type="reset" id="reset-feedback-form">
        </center>

        </div>

        </form>

		{"id":39304,"date":"2016-12-20T18:20:42","date_gmt":"2016-12-20T12:50:42","guid":{"rendered":"https:\/\/www.saralvaastu.com\/gujarati\/?page_id=39304"},"modified":"2021-07-15T11:24:07","modified_gmt":"2021-07-15T11:24:07","slug":"feedback","status":"publish","type":"page","link":"https:\/\/www.saralvaastu.com\/gujarati\/feedback\/","title":{"rendered":"\u0aaa\u0acd\u0ab0\u0aa4\u0abf\u0ab8\u0abe\u0aa6"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_single_image image=&#8221;41320&#8243; img_size=&#8221;full&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text][\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_single_image image=&#8221;41320&#8243; img_size=&#8221;full&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text][\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":28,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-39304","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.saralvaastu.com\/gujarati\/wp-json\/wp\/v2\/pages\/39304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.saralvaastu.com\/gujarati\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.saralvaastu.com\/gujarati\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.saralvaastu.com\/gujarati\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.saralvaastu.com\/gujarati\/wp-json\/wp\/v2\/comments?post=39304"}],"version-history":[{"count":1,"href":"https:\/\/www.saralvaastu.com\/gujarati\/wp-json\/wp\/v2\/pages\/39304\/revisions"}],"predecessor-version":[{"id":41527,"href":"https:\/\/www.saralvaastu.com\/gujarati\/wp-json\/wp\/v2\/pages\/39304\/revisions\/41527"}],"wp:attachment":[{"href":"https:\/\/www.saralvaastu.com\/gujarati\/wp-json\/wp\/v2\/media?parent=39304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}