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

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

        <div class="modal-content">

            <div class="modal-header">

                <div class="modal-title">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="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" placeholder="Full Name*" value="" onkeyup="validateOnlyTextField(this)" 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="this.value=this.value.replace(/[^0-9]/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="readMore" name="whatsapp_submit">Submit <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">

                                    <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>

                                </svg></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">

                <div class="modal-title">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>

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

                    <div class="form-group">

                        <input class="form-control" type="text" name="name" onkeyup="validateOnlyTextField(this)" placeholder="Full Name*" value="" 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="this.value=this.value.replace(/[^0-9]/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="readMore" name="submit_enq">Submit <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">

                            <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>

                        </svg></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">

                <div class="modal-title">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">

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

                        <div class="product_popup">

                            <div class="product_popup_image">

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

                            </div>

                            <div class="fw-bold my-3 catName"><?= COMPANY_NAME; ?></div>

                        </div>

                    </div>

                    <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 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="this.value=this.value.replace(/[^0-9]/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="tel" name="quantity" placeholder="Order Quantity (Minimum 300 Pcs)*" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" value="" maxlength="7" autocomplete="off" 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="readMore" name="submit_cat_popup">Submit <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">

                                        <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>

                                    </svg></button>

                            </div>

                        </form>
                    </div>

                </div>

            </div>

        </div>

    </div>

</div>
<div class="modal fade" id="callback">

    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">

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

                <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-12 col-sm-12 col-12">

                        <div class="product_popup">

                            <div class="product_popup_image">

                                <img class="catImg" src="<?=site_url;?>/designer/images/menswear0001.jpg" alt="Product" title="Product">

                            </div>

                            <div class="fw-bold my-3 catName">Product Heading One</div>

                        </div>

                    </div>

                    <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 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" onkeyup="validateOnlyTextField(this)" 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="this.value=this.value.replace(/[^0-9]/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="readMore" name="submit_callback">Submit <svg fill="currentColor" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">

                                                    <g data-name="Layer 2">

                                                        <g data-name="phone-call">

                                                            <rect width="24" height="24" opacity="0"></rect>

                                                            <path d="M13 8a3 3 0 0 1 3 3 1 1 0 0 0 2 0 5 5 0 0 0-5-5 1 1 0 0 0 0 2z"></path>

                                                            <path d="M13 4a7 7 0 0 1 7 7 1 1 0 0 0 2 0 9 9 0 0 0-9-9 1 1 0 0 0 0 2z"></path>

                                                            <path d="M21.75 15.91a1 1 0 0 0-.72-.65l-6-1.37a1 1 0 0 0-.92.26c-.14.13-.15.14-.8 1.38a9.91 9.91 0 0 1-4.87-4.89C9.71 10 9.72 10 9.85 9.85a1 1 0 0 0 .26-.92L8.74 3a1 1 0 0 0-.65-.72 3.79 3.79 0 0 0-.72-.18A3.94 3.94 0 0 0 6.6 2 4.6 4.6 0 0 0 2 6.6 15.42 15.42 0 0 0 17.4 22a4.6 4.6 0 0 0 4.6-4.6 4.77 4.77 0 0 0-.06-.76 4.34 4.34 0 0 0-.19-.73zM17.4 20A13.41 13.41 0 0 1 4 6.6 2.61 2.61 0 0 1 6.6 4h.33L8 8.64l-.54.28c-.86.45-1.54.81-1.18 1.59a11.85 11.85 0 0 0 7.18 7.21c.84.34 1.17-.29 1.62-1.16l.29-.55L20 17.07v.33a2.61 2.61 0 0 1-2.6 2.6z"></path>

                                                        </g>

                                                    </g>

                                                </svg></button>

                            </div>

                        </form>
                    </div>

                </div>

            </div>

        </div>

    </div>

</div>