<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"></button>
            </div>
            <div class="modal-body">
                <form id="whatsapp_form" method="post">
                    <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" name="countryName" class="countryName" value="">
                                <input type="hidden" name="code" class="code" value="">
                                <input class="form-control" type="tel" name="mobile" value=""
                                    placeholder="Mobile Number*" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"
                                    minlength="10" maxlength="10" required>
                            </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="read_more_1 bg_btn_1">Submit
                                <span></span><span></span><span></span><span></span></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-md">
        <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"></button>
            </div>
            <div class="modal-body">
               
                <form id="enq_pop_form1" method="post">
                    <div id="enq_pop_up"></div>
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <input class="form-control" type="text" name="name" placeholder="Full Name*" value=""
                                    onkeyup="validateOnlyTextField(this)" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <input class="form-control" type="text" name="orgname"
                                    placeholder="Company/Institute Name" value="" onkeyup="validateOnlyTextField(this)"
                                    required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <input class="form-control" type="email" name="email" value="" placeholder="Email ID*"
                                    required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <input type="hidden" name="countryName" class="countryName" value="">
                                <input type="hidden" name="code" class="code" value="">
                                <input class="form-control" type="tel" name="mobile" value=""
                                    placeholder="Mobile Number*" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"
                                    minlength="10" maxlength="10" required>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <!-- <input class="form-control" type="text" name="location" value="" placeholder="State"
                                                required> -->

                                <?php
                                            $states = [
                                                "Andhra Pradesh" => "Andhra Pradesh",
                                                "Arunachal Pradesh" => "Arunachal Pradesh",
                                                "Assam" => "Assam",
                                                "Bihar" => "Bihar",
                                                "Chhattisgarh" => "Chhattisgarh",
                                                "Goa" => "Goa",
                                                "Gujarat" => "Gujarat",
                                                "Haryana" => "Haryana",
                                                "Himachal Pradesh" => "Himachal Pradesh",
                                                "Jharkhand" => "Jharkhand",
                                                "Karnataka" => "Karnataka",
                                                "Kerala" => "Kerala",
                                                "Madhya Pradesh" => "Madhya Pradesh",
                                                "Maharashtra" => "Maharashtra",
                                                "Manipur" => "Manipur",
                                                "Meghalaya" => "Meghalaya",
                                                "Mizoram" => "Mizoram",
                                                "Nagaland" => "Nagaland",
                                                "Odisha" => "Odisha",
                                                "Punjab" => "Punjab",
                                                "Rajasthan" => "Rajasthan",
                                                "Sikkim" => "Sikkim",
                                                "Tamil Nadu" => "Tamil Nadu",
                                                "Telangana" => "Telangana",
                                                "Tripura" => "Tripura",
                                                "Uttar Pradesh" => "Uttar Pradesh",
                                                "Uttarakhand" => "Uttarakhand",
                                                "West Bengal" => "West Bengal",
                                                "Andaman & Nicobar Islands" => "Andaman & Nicobar Islands",
                                                "Chandigarh" => "Chandigarh",
                                                "Dadra & Nagar Haveli and Daman & Diu" => "Dadra & Nagar Haveli and Daman & Diu",
                                                "Delhi" => "Delhi (NCT)",
                                                "Jammu & Kashmir" => "Jammu & Kashmir",
                                                "Ladakh" => "Ladakh",
                                                "Lakshadweep" => "Lakshadweep",
                                                "Puducherry" => "Puducherry"
                                            ];
                                            ?>

                                <select name="state" id="state" class="form-control">
                                    <option value="">Select State</option>
                                    <?php foreach ($states as $key => $value): ?>
                                    <option value="<?= $key ?>"><?= $value ?></option>
                                    <?php endforeach; ?>
                                    <!-- States -->

                                </select>

                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <input class="form-control" type="text" name="location" value="" placeholder="City"
                                    required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">

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

                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <?php
                                            $budgets = [
                                                "Upto 5 lakh" => "Upto 5 lakh",
                                                "5 Lakh - 10 Lakh" => "5 Lakh - 10 Lakh",
                                                "10 Lakh - 50 Lakh " => "10 Lakh - 50 Lakh",
                                                "Above 50 Lakh" => "Above 50 Lakh"
                                            ];
                                            ?>
                                <!-- <label for="budget" class="mb-2 fw-bold">Approximate Budget</label> -->
                                <select id="budget" name="budget" class="form-control">
                                    <option value="">Select Budget</option>

                                    <?php foreach ($budgets as $key => $value): ?>
                                    <option value="<?= $key ?>"><?= $value ?></option>
                                    <?php endforeach; ?>

                                </select>
                                <!-- <input class="form-control" type="text" name="location" value="" placeholder="Approximate Budget" required> -->
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <textarea class="form-control" name="message" placeholder="Your Message*"
                                    required></textarea>
                            </div>
                        </div>
                        <div class="col-md-12">

                            <div class="form-group" style="margin-bottom: 0;">
                                <div class="g-recaptcha" data-sitekey="<?=site_key?>"></div>
                            </div>

                            <button type="submit" name="submit_enq" class="read_more_1 bg_btn_1">Submit
                                <span></span><span></span><span></span><span></span></button>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="myModal3" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-md">
        <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"></button>
            </div>
            <div class="modal-body">
                <form id="enq_pop_form_org" method="post">
                    <div id="enq_pop_up2"></div>
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <input class="form-control" type="text" name="name" placeholder="Full Name*" value=""
                                    onkeyup="validateOnlyTextField(this)" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <input class="form-control" type="text" name="orgname"
                                    placeholder="Company/Institute Name" value="" onkeyup="validateOnlyTextField(this)"
                                    required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <input class="form-control" type="email" name="email" value="" placeholder="Email ID*"
                                    required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <input type="hidden" name="countryName" class="countryName" value="">
                                <input type="hidden" name="code" class="code" value="">
                                <input class="form-control" type="tel" name="mobile" value=""
                                    placeholder="Mobile Number*" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"
                                    minlength="10" maxlength="10" required>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <!-- <input class="form-control" type="text" name="location" value="" placeholder="State"
                                    required> -->

                                <?php
                                $states = [
                                    "Andhra Pradesh" => "Andhra Pradesh",
                                    "Arunachal Pradesh" => "Arunachal Pradesh",
                                    "Assam" => "Assam",
                                    "Bihar" => "Bihar",
                                    "Chhattisgarh" => "Chhattisgarh",
                                    "Goa" => "Goa",
                                    "Gujarat" => "Gujarat",
                                    "Haryana" => "Haryana",
                                    "Himachal Pradesh" => "Himachal Pradesh",
                                    "Jharkhand" => "Jharkhand",
                                    "Karnataka" => "Karnataka",
                                    "Kerala" => "Kerala",
                                    "Madhya Pradesh" => "Madhya Pradesh",
                                    "Maharashtra" => "Maharashtra",
                                    "Manipur" => "Manipur",
                                    "Meghalaya" => "Meghalaya",
                                    "Mizoram" => "Mizoram",
                                    "Nagaland" => "Nagaland",
                                    "Odisha" => "Odisha",
                                    "Punjab" => "Punjab",
                                    "Rajasthan" => "Rajasthan",
                                    "Sikkim" => "Sikkim",
                                    "Tamil Nadu" => "Tamil Nadu",
                                    "Telangana" => "Telangana",
                                    "Tripura" => "Tripura",
                                    "Uttar Pradesh" => "Uttar Pradesh",
                                    "Uttarakhand" => "Uttarakhand",
                                    "West Bengal" => "West Bengal",
                                    "Andaman & Nicobar Islands" => "Andaman & Nicobar Islands",
                                    "Chandigarh" => "Chandigarh",
                                    "Dadra & Nagar Haveli and Daman & Diu" => "Dadra & Nagar Haveli and Daman & Diu",
                                    "Delhi" => "Delhi (NCT)",
                                    "Jammu & Kashmir" => "Jammu & Kashmir",
                                    "Ladakh" => "Ladakh",
                                    "Lakshadweep" => "Lakshadweep",
                                    "Puducherry" => "Puducherry"
                                ];
                                ?>

                                <select name="state" id="state" class="form-control">
                                    <option value="">Select State</option>
                                    <?php foreach ($states as $key => $value): ?>
                                    <option value="<?= $key ?>"><?= $value ?></option>
                                    <?php endforeach; ?>
                                    <!-- States -->

                                </select>

                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <input class="form-control" type="text" name="location" value="" placeholder="City"
                                    required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">

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

                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-0">
                                <?php
                                $budgets = [
                                    "Upto 5 lakh" => "Upto 5 lakh",
                                    "5 Lakh - 10 Lakh" => "5 Lakh - 10 Lakh",
                                    "10 Lakh - 50 Lakh " => "10 Lakh - 50 Lakh",
                                    "Above 50 Lakh" => "Above 50 Lakh"
                                ];
                                ?>
                                <!-- <label for="budget" class="mb-2 fw-bold">Approximate Budget</label> -->
                                <select id="budget" name="budget" class="form-control">
                                    <option value="">Select Approximate Budget</option>

                                    <?php foreach ($budgets as $key => $value): ?>
                                    <option value="<?= $key ?>"><?= $value ?></option>
                                    <?php endforeach; ?>

                                </select>
                                <!-- <input class="form-control" type="text" name="location" value="" placeholder="Approximate Budget" required> -->
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <textarea class="form-control" name="message" placeholder="Your Message*"
                                    required></textarea>
                            </div>
                        </div>
                        <div class="col-md-12">

                            <div class="form-group" style="margin-bottom: 0;">
                                <div class="g-recaptcha" data-sitekey="<?=site_key?>"></div>
                            </div>

                            <button type="submit" name="submit_enq" class="read_more_1 bg_btn_1">Submit
                                <span></span><span></span><span></span><span></span></button>
                        </div>

                    </div>















                </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"></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 src="designer/images/image1.jpg" alt="Image" title="Image">
                            </div>
                            <div class="popTitle">Category Heading One</div>
                        </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 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 class="form-control" type="email" name="email" placeholder=" Email ID*" value="" required>
                            </div>

                            <div class="form-group">
                                <input class="form-control telePhone" type="tel" name="mobile" placeholder=" Phone No*" value="" required>
                            </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">
                                <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="6LeIanwUAAAAAFmGKxHc8HDyiVvsJdvRc01uSMVD"></div>
                            </div>

                            <div class="form-group">
                                <button type="submit" class="read_more_1 bg_btn_1">Submit <span></span><span></span><span></span><span></span></button>
                            </div>
                        </form>
                    </div>
                </div>
            </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" id="myModalLabel2">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-6 col-xl-6 col-lg-6 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/Designer-Beds.jpg"
                                    alt="Designer Beds" title="Designer Beds">
                            </div>
                            <div class="popTitle catName">Category Heading One</div>
                        </div>
                    </div>
                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">


                        <!-- <form name="contact-form" method="post" id="product_pop_form">
                            <div id="cat_pop_up"></div>
                            <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 class="form-control" type="email" name="email" placeholder=" Email ID*" value=""
                                    required>
                            </div>

                            <div class="form-group">
                                <input type="hidden" name="countryName" class="countryName" value="">
                                <input type="hidden" name="code" class="code" value="">
                                <input class="form-control" type="tel" name="mobile" placeholder=" Phone No*"
                                    maxlength="10" minlength="10" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"
                                    value="" required>
                            </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*"
                                    value="" pattern="[a-z A-Z]+" 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=" 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" name="submit_cat_popup"
                                    class="readMore read_more_1 bg_btn_1">Submit
                                    <span></span><span></span><span></span><span></span></button>
                            </div>


                        </form> -->
                        <form id="product_pop_form" method="post">
                            <div id="cat_pop_up"></div>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <div class="form-group mb-0">
                                        <input class="form-control" type="text" name="name" placeholder="Full Name*"
                                            value="" onkeyup="validateOnlyTextField(this)" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-0">
                                        <input class="form-control" type="text" name="orgname"
                                            placeholder="Company/Institute Name" value=""
                                            onkeyup="validateOnlyTextField(this)" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-0">
                                        <input class="form-control" type="email" name="email" value=""
                                            placeholder="Email ID*" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-0">
                                        <input type="hidden" name="countryName" class="countryName" value="">
                                        <input type="hidden" name="code" class="code" value="">
                                        <input class="form-control" type="tel" name="mobile" value=""
                                            placeholder="Mobile Number*"
                                            onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" minlength="10"
                                            maxlength="10" required>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group mb-0">
                                        <!-- <input class="form-control" type="text" name="location" value="" placeholder="State"
                                    required> -->

                                        <?php
                                $states = [
                                    "Andhra Pradesh" => "Andhra Pradesh",
                                    "Arunachal Pradesh" => "Arunachal Pradesh",
                                    "Assam" => "Assam",
                                    "Bihar" => "Bihar",
                                    "Chhattisgarh" => "Chhattisgarh",
                                    "Goa" => "Goa",
                                    "Gujarat" => "Gujarat",
                                    "Haryana" => "Haryana",
                                    "Himachal Pradesh" => "Himachal Pradesh",
                                    "Jharkhand" => "Jharkhand",
                                    "Karnataka" => "Karnataka",
                                    "Kerala" => "Kerala",
                                    "Madhya Pradesh" => "Madhya Pradesh",
                                    "Maharashtra" => "Maharashtra",
                                    "Manipur" => "Manipur",
                                    "Meghalaya" => "Meghalaya",
                                    "Mizoram" => "Mizoram",
                                    "Nagaland" => "Nagaland",
                                    "Odisha" => "Odisha",
                                    "Punjab" => "Punjab",
                                    "Rajasthan" => "Rajasthan",
                                    "Sikkim" => "Sikkim",
                                    "Tamil Nadu" => "Tamil Nadu",
                                    "Telangana" => "Telangana",
                                    "Tripura" => "Tripura",
                                    "Uttar Pradesh" => "Uttar Pradesh",
                                    "Uttarakhand" => "Uttarakhand",
                                    "West Bengal" => "West Bengal",
                                    "Andaman & Nicobar Islands" => "Andaman & Nicobar Islands",
                                    "Chandigarh" => "Chandigarh",
                                    "Dadra & Nagar Haveli and Daman & Diu" => "Dadra & Nagar Haveli and Daman & Diu",
                                    "Delhi" => "Delhi (NCT)",
                                    "Jammu & Kashmir" => "Jammu & Kashmir",
                                    "Ladakh" => "Ladakh",
                                    "Lakshadweep" => "Lakshadweep",
                                    "Puducherry" => "Puducherry"
                                ];
                                ?>

                                        <select name="state" id="state" class="form-control">
                                            <option value="">Select State</option>
                                            <?php foreach ($states as $key => $value): ?>
                                            <option value="<?= $key ?>"><?= $value ?></option>
                                            <?php endforeach; ?>
                                            <!-- States -->

                                        </select>

                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-0">
                                        <input class="form-control" type="text" name="location" value=""
                                            placeholder="City" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-0">

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

                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-0">
                                        <?php
                                $budgets = [
                                    "Upto 5 lakh" => "Upto 5 lakh",
                                    "5 Lakh - 10 Lakh" => "5 Lakh - 10 Lakh",
                                    "10 Lakh - 50 Lakh " => "10 Lakh - 50 Lakh",
                                    "Above 50 Lakh" => "Above 50 Lakh"
                                ];
                                ?>
                                        <!-- <label for="budget" class="mb-2 fw-bold">Approximate Budget</label> -->
                                        <select id="budget" name="budget" class="form-control">
                                            <option value="">Select Budget</option>

                                            <?php foreach ($budgets as $key => $value): ?>
                                            <option value="<?= $key ?>"><?= $value ?></option>
                                            <?php endforeach; ?>

                                        </select>
                                        <!-- <input class="form-control" type="text" name="location" value="" placeholder="Approximate Budget" required> -->
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <textarea class="form-control" name="message" placeholder="Your Message*"
                                            required></textarea>
                                    </div>
                                </div>
                                <div class="col-md-12">

                                    <div class="form-group" style="margin-bottom: 0;">
                                        <div class="g-recaptcha" data-sitekey="<?=site_key?>"></div>
                                    </div>

                                    <button type="submit" name="submit_enq" class="read_more_1 bg_btn_1">Submit
                                        <span></span><span></span><span></span><span></span></button>
                                </div>

                            </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">
                <div class="modal-title">Get Callback Quickly</div>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></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 src="designer/images/image4.jpg" alt="Product" title="Product">
                            </div>
                            <div class="popTitle">Category Heading One</div>
                        </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 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 class="form-control telePhone" type="tel" name="mobile" placeholder=" Phone No*" value="" required>
                            </div>
                            <p>We will contact you on this number</p>

                            <div class="form-group">
                                <button type="submit" class="read_more_1 bg_btn_1">Submit <span></span><span></span><span></span><span></span></button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div> -->

<div class="modal fade" id="callback" tabindex="-1" aria-modal="true" role="dialog">
    <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/image4.jpg" alt="Product"
                                    title="Product">
                            </div>
                            <div class="popTitle catName">Designer Beds</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>
                            <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 type="hidden" name="countryName" class="countryName" value="">
                                <input type="hidden" name="code" class="code" value="">
                                <input class="form-control" type="tel" name="mobile" placeholder=" Phone No*"
                                    maxlength="10" minlength="10" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"
                                    value="" required>
                            </div>
                            <p>We will contact you on this number</p>


                            <div class="form-group">
                                <button type="submit" name="submit_callback"
                                    class="readMore read_more_1 bg_btn_1">Submit
                                    <span></span><span></span><span></span><span></span></button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>