<div class="modal fade" id="productEnquiry">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header modal-header2">
                <div class="main-tt mb-0 text-white fs-6">Send Enquiry</div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row g-3">
                    <div class="col-md-7 col-12">
                        <div class="pop-img">
                            <img class="catImg" src="<?= site_url; ?>/designer/images/category/Hair-Growth-Medicine.jpg" alt="<?= COMPANY; ?>" title="<?= COMPANY; ?>">
                        </div>
                        <div class="main-tt my-3 fs-6 text-start catName"><?= COMPANY; ?></div>
                    </div>
                    <div class="col-md-5 col-12">
                        <form action="contact-form" method="post" id="product_pop_form">
                            <div id="cat_pop_up"></div>
                            <div class="form-group">
                                <input type="text" class="form-control" name="name" placeholder="Full Name" value="" onkeyup="validateOnlyTextField(this)" pattern="[a-z A-Z]+" required>
                            </div>
                            <div class="form-group">
                                <input type="email" class="form-control" name="email" placeholder="Email id" value="" required>
                            </div>
                            <div class="form-group">
                                <input type="tel" class="form-control" name="mobile" placeholder="Mobile Number" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" minlength="10" maxlength="10" required="" autocomplete="off">
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Your Location" name="location" value="" pattern="[a-z A-Z]+" autocomplete="off" required>
                            </div>
                            <div class="form-group">
                                <input type="tel" class="form-control" name="quantity" placeholder="Order Quantity*" autocomplete="off" maxlength="7" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" required>
                            </div>
                            <div class="form-group">
                                <textarea class="form-control" name="message" placeholder="Your Message" required></textarea>
                            </div>
                            <div class="form-group mb-0">
                                <div class="g-recaptcha" data-sitekey="<?= site_key; ?>"></div>
                            </div>
                            <button class="main-btn w-100  justify-content-center" name="submit_cat_popup" title="Submit">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                                    <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z">
                                    </path>
                                </svg> Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="whatsappEnquiry">
    <div class="modal-dialog modal-dialog-centered modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <div class="main-tt mb-0 fs-6">Message on WhatsApp</div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form method="post" target="_blank" id="whatsapp_form">
                    <span class="text-danger wht_error_message"></span>
                    <span class="text-success wht_success_message"></span>
                    <div class="form-group">
                        <!-- <label class="form-label">Your / Company Name*</label> -->
                        <input type="text" name="name" class="form-control" onkeyup="validateOnlyTextField(this)" placeholder="Full Name">
                    </div>
                    <div class="form-group">
                        <!-- <label class="form-label">Your / Company Mobile Number*</label> -->

                        <input class="form-control" type="tel" name="mobile" value="" maxlength="10" minlength="10" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" placeholder="Mobile Number*" required>
                    </div>
                    <button type="submit" class="main-btn py-2 mt-2" name="whatsapp_submit" title="Submit"> Submit <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                            <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z"></path>
                        </svg>
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="sendEnquiry">
    <div class="modal-dialog modal-dialog-centered modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <div class="main-tt mb-0 fs-6">Quick Enquiry</div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="enq_pop_form1" method="post">
                    <div id="enq_pop_up"></div>
                    <div class="form-group">
                        <input type="text" name="name" class="form-control" onkeyup="validateOnlyTextField(this)" placeholder="Full Name" value="" required>
                    </div>
                    <div class="form-group">
                        <input type="email" name="email" class="form-control" placeholder="Email id" value="" required>
                    </div>
                    <div class="form-group">

                        <input class="form-control" type="tel" name="mobile" value="" maxlength="10" minlength="10" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" placeholder="Mobile Number*" required>
                    </div>
                    <div class="form-group">
                        <input type="text" name="location" class="form-control" placeholder="Your Location" required>
                    </div>
                    <div class="form-group">
                        <textarea class="form-control" name="message" placeholder="Your Message" required></textarea>
                    </div>
                    <div class="form-group m-0">
                        <div class="g-recaptcha" data-sitekey="<?= site_key; ?>"></div>
                    </div>
                    <button type="submit" class="main-btn py-2" name="submit_enq" title="Submit"> Submit <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                            <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z"></path>
                        </svg>
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>