<div class="modal fade" id="whatsapp" tabindex="-1" role="dialog">

    <div class="modal-dialog modal-sm">

        <div class="modal-content">

            <div class="modal-header">

                <h6 class="modal-title">Message on WhatsApp</h6>

                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

            </div>

            <div class="modal-body">

                <form method="post"  id="whatsapp_form" target="_blank">

                    <span class="text-danger wht_error_message"></span>
    <span class="text-success wht_success_message"></span>

                    <div class="row">

                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">

                            <div class="form-group">

                                <input class="form-control" type="text" name="name" onkeyup="validateOnlyTextField(this)" placeholder="Full Name*" value="" required>

                            </div>

                        </div>

                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">

                        <div class="form-group">

            <input type="hidden" class="countryName countryName" name="countryName" value="">
            <input type="hidden" name="code" class="code" value="">
            <input class="form-control telePhone mobile" value="" type="tel" name="mobile" placeholder="Mobile Number*" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" minlength="10" maxlength="10" required="" autocomplete="off" style="padding-left: 84px;">

        </div>

                        </div>

                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">

                            <button type="submit" class="moreBtn" name="whatsapp_submit">Submit</button>

                        </div>

                    </div>

                </form>

            </div>

        </div>

    </div>

</div>



<div class="modal fade" id="myModal" tabindex="-1" role="dialog">

    <div class="modal-dialog modal-sm">

        <div class="modal-content">

            <div class="modal-header">

                <h6 class="modal-title">Quick Enquiry</h6>

                <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>

                    <!-- <script src="https://www.google.com/recaptcha/api.js" async defer></script> -->

                    <div class="form-group">

                        <input class="form-control" type="text" name="name" placeholder="Full Name*" value="" onkeyup="validateOnlyTextField(this)" required>

                    </div>



                    <div class="form-group">

                        <input class="form-control" type="email" name="email" value="" placeholder="Email ID*" required>

                    </div>



                    <div class="form-group">

            <input type="hidden" class="countryName countryName" name="countryName" value="">
            <input type="hidden" name="code" class="code" value="">
            <input class="form-control telePhone mobile" value="" type="tel" name="mobile" placeholder="Mobile Number*" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" minlength="10" maxlength="10" required="" autocomplete="off" style="padding-left: 84px;">

        </div>



                    <div class="form-group">

                        <input class="form-control" type="text" name="location" value="" 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" style="margin-bottom: 0;">

                        <div class="g-recaptcha" data-sitekey="<?=site_key;?>"></div>

                    </div>



                    <button type="submit" class="moreBtn" name="submit_enq">Submit</button>

                </form>

            </div>

        </div>

    </div>

</div>



<div class="modal fade" id="productID" tabindex="-1">

    <div class="modal-dialog modal-lg">

        <div class="modal-content">

            <div class="modal-header">

                <h6 class="modal-title">Send Enquiry</h6>

                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

            </div>

            <div class="modal-body">

                <div class="row">

                    <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">

                        <div class="product_popup">

                        <div class="product_popup_image">

                                <img class="catImg" src="<?=site_url;?>/designer/images/image4.webp" alt="<?=COMPANY_NAME;?>" title="<?=COMPANY_NAME;?>">

                            </div>

                            <h6 class="titlePopup catName"><?=COMPANY_NAME;?></h6>

                        </div>

                    </div>

                    <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">



                        <form name="contact-form" method="post" id="product_pop_form">
                        <div id="cat_pop_up"></div>

                            <!-- <script src="https://www.google.com/recaptcha/api.js" async defer></script> -->

                            <div class="form-group">

                                <input class="form-control" type="text" name="name" placeholder="Full Name*" onkeyup="validateOnlyTextField(this)"  value="" pattern="[a-z A-Z]+" required>

                            </div>



                            <div class="form-group">

                                <input class="form-control" type="email" name="email" placeholder=" Email ID*" value="" required>

                            </div>

                            <div class="form-group">

            <input type="hidden" class="countryName countryName" name="countryName" value="">
            <input type="hidden" name="code" class="code" value="">
            <input class="form-control telePhone mobile" value="" type="tel" name="mobile" placeholder="Mobile Number*" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" minlength="10" maxlength="10" required="" autocomplete="off" style="padding-left: 84px;">

        </div>



                            <div class="form-group">

                                <input class="form-control" type="text" name="location" placeholder="Location*" value="" pattern="[a-z A-Z]+" autocomplete="off" required>

                            </div>


                            
                            <div class="form-group">

                                <input class="form-control" type="text" name="quantity" placeholder="MOQ (Minimum Order Quantity)*" value="" pattern="[a-z A-Z]+" autocomplete="off"  maxlength="4" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" required>

                            </div>

                            <div class="form-group">

                                <textarea class="form-control" name="message" placeholder=" Message*" required></textarea>

                            </div>



                            <div class="form-group" style="margin-bottom: 0;">

                                <div class="g-recaptcha" data-sitekey="<?=site_key;?>"></div>

                            </div>



                            <div class="form-group">

                                <button type="submit" class="moreBtn" name="submit_cat_popup">Submit</button>

                            </div>

                        </form>



                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<div class="modal fade" id="callback" tabindex="-1">

    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">

                <h6 class="modal-title">Get Callback Quickly</h6>

                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

            </div>

            <div class="modal-body">

                <div class="row">

                    <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">

                        <div class="product_popup">

                            <div class="product_popup_image">

                                <img class="catImg" src="<?=site_url;?>/designer/images/image4.webp" alt="<?=COMPANY_NAME;?>" title="<?=COMPANY_NAME;?>">

                            </div>

                            <h6 class="titlePopup catName">Category Heading One</h6>

                        </div>

                    </div>

                    <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">



                        <form name="contact-form" method="post" id="callback_form">
                        <div id="cpop_up"></div>

                            <!-- <script src="https://www.google.com/recaptcha/api.js" async defer></script> -->

                            <div class="form-group">

                                <input class="form-control" type="text" name="name" placeholder="Full Name*" value="" pattern="[a-z A-Z]+" required>

                            </div>





                            <div class="form-group">

            <input type="hidden" class="countryName countryName" name="countryName" value="">
            <input type="hidden" name="code" class="code" value="">
            <input class="form-control telePhone mobile" value="" type="tel" name="mobile" placeholder="Mobile Number*" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" minlength="10" maxlength="10" required="" autocomplete="off" style="padding-left: 84px;">

        </div>

                            <p>We will contact you on this number</p>



                            <div class="form-group">

                                <button type="submit" class="moreBtn" name="submit_callback">Submit</button>

                            </div>

                        </form>



                    </div>

                </div>

            </div>

        </div>

    </div>

</div>