<?php
session_start();
if (isset($_SESSION['user_name'])) {
    $s_id = $_SESSION['user_id'] ?? '';
    $s_name = $_SESSION['user_name'] ?? '';
    $s_phone = $_SESSION['user_phone'] ?? '';
    $s_selected_package = $_SESSION['user_selected_package'] ?? '';
} else {
    header('Location: index.php');
    exit();
}
?>
<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Kayashree Height Detox – Natural Growth Solution</title>
    <meta name="description" content="Kayashree Height Detox capsules help increase bone density, strengthen the spine, and improve posture naturally, promoting human growth hormone production.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Kayashree">
    <meta name="keywords" content="Kayashree, Height Detox, growth capsules, posture improvement, human growth hormone, natural growth">

    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon_io/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon_io/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon_io/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon_io/favicon-16x16.png">
    <!-- Place favicon.ico in the root directory -->
    <!-- CSS here -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <link rel="stylesheet" href="assets/css/jquery-ui.css">
    <link rel="stylesheet" href="assets/css/odometer.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightcase/2.5.0/css/lightcase.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/default.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    <style>
        .bgcactive {
            background-color: #d2e4d8 !important;
        }

        /* Define the default zoom_in_out class */
        .zoom_in_out {
            transition: transform 0.3s ease-in-out;
            /* Smooth transition for zoom */
        }

        /* Zoom-in effect (when activated via jQuery) */
        .zoom-effect {
            transform: scale(1.02);
            /* Zoom by 2% */
        }

        table {
            width: 100%;
            background: #efefef;
        }

        table,
        th,
        td {
            border: 1px solid #d5d5d5;
            border-collapse: collapse;
        }

        th,
        td {
            padding: 10px;
            width: 50%;
        }

        p.error_form {
            color: red;
            font-size: 12px;
            font-weight: bold;
        }
    </style>
</head>

<body>



    <!-- Pre-loader-start -->
    <div id="preloader">
        <div class="tg-cube-grid">
            <div class="tg-cube tg-cube1"></div>
            <div class="tg-cube tg-cube2"></div>
            <div class="tg-cube tg-cube3"></div>
            <div class="tg-cube tg-cube4"></div>
            <div class="tg-cube tg-cube5"></div>
            <div class="tg-cube tg-cube6"></div>
            <div class="tg-cube tg-cube7"></div>
            <div class="tg-cube tg-cube8"></div>
            <div class="tg-cube tg-cube9"></div>
        </div>
    </div>
    <!-- Pre-loader-end -->



    <section class=" bgcimgcheck" style="background-image: url(./checkout/checkout-bg.jpg);">
        <div class="container1 bgcclrsddcheck">
            <div class="row py-3">
                <div class="col-lg-12">
                    <div class="row">
                        <div class="col-lg-4 col-4 my-auto text-left lgggh">
                            <a href="index.php"> <img src="assets/img/logo/logo.webp" alt=""></a>
                        </div>
                        <div class="col-lg-4 col-4 my-auto">
                            <div class="row">
                                <div class="col-lg-4 col-5 my-auto text-end imgssdchck">
                                    <img src="checkout/one.png" alt="">
                                </div>
                                <div class="col-lg-8 col-7 text-left imgssdchck1 my-auto">
                                    <img src="checkout/two.webp" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-4 my-auto text-center ">
                            <img src="checkout/three.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row pb-4">
                <div class="col-lg-12 text-center contsdn">
                    <h3>GO CASHLESS. PAY VIA CREDIT/DEBIT CARD ONLINE BANKING, WALLET &amp; GET
                        <span style="color: red; font-weight: 700;" class="blink_me">INSTANT 10% DISCOUNT</span>
                    </h3>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-7 checkmrgssd">
                    <div class="vouchertoggle mb-3">
                        <div class="code-active promo-code-part form-row justify-content-center ">
                            <img src="discount/offer-badg.png" class="img-badg">
                            <h4>Apply Discount Code and get <strong>EXTRA FREE BOTTLE</strong></h4>
                            <div style="padding-top: 5px;width: 100%;">
                                Offer Will expire in &nbsp;
                                <span id="tmr">5:00</span>
                            </div>
                            <div>
                                <span>LOYAL</span>
                                <input id="promo-code" type="hidden" class="form-control" name="voucher" value="LOYAL">
                                <button type="submit" class="btn btn-info btn-apply-promo">Apply Discount</button>
                            </div>
                            <br>
                        </div>
                    </div>
                    <!-- BEST SELLER
                    DOCTOR'S RECOMMENDED
                    MOST POPULAR -->
                    <?php
                    $pro_img1 = ($s_selected_package == '1') ? 'checkout/pack1-s.jpg' : 'checkout/pack1.jpg';
                    $pro_img2 = ($s_selected_package == '2') ? 'checkout/pack1-2.jpg' : 'checkout/pack2.jpg';
                    $pro_img3 = ($s_selected_package == '3') ? 'checkout/pack1-3.jpg' : 'checkout/pack3.jpg';
                    ?>
                    <img src="<?= $pro_img1 ?>" alt="" id='package_1' data-item_name="MOST POPULAR" data-item_price="999">
                    <img src="<?= $pro_img2 ?>" alt="" id='package_2' data-item_name="DOCTOR'S RECOMMENDED" data-item_price="1599">
                    <img src="<?= $pro_img3 ?>" alt="" id='package_3' data-item_name="BEST SELLER" data-item_price="2950">
                    <div class="row">
                        <div class="col-lg-12 mt-5 brderper">
                            <div class="row">
                                <div class="col-lg-2 col-3 my-auto">
                                    <img src="checkout/moneyback-guarantee.svg" alt="">
                                </div>
                                <div class="col-lg-10 col-9 ">
                                    <h6 style="margin-bottom:4px;"><b style="font-size:14px;">100% MONEY BACK
                                            GUARANTEE</b></h6>
                                    <p style="font-size:0.70rem;">
                                        <b>
                                            <span style="font-weight:900;">Our Promise: Easy Refund and Pick Up</span> -
                                            If you
                                            don't
                                            control blood sugar, simply call us and we will give you a full 100%
                                            hassle-free refund. We
                                            stand
                                            behind our product. <br> <i style="color:orange;">Try it, Risk Free.</i>
                                        </b>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 mrginsssd">
                    <div class="px-2">
                        <div id="formtop" class="col-12 border p-3 text-center">
                            <b class="text-black text-uppercase">Where do we ship your Insulux?</b>
                        </div>
                        <div id="formbottom" class="col-12 border p-3">
                            <form class="frmpdss" id="checkoutform">
                                <?php
                                //get User data 
                                include 'admin/db-connection.php';
                                $query_user = "SELECT * FROM `tbl_user` WHERE mobile= '$s_phone'";
                                $result_user = mysqli_query($link, $query_user);
                                $row_user = mysqli_fetch_assoc($result_user);
                                if (!empty($row_user)) {
                                    $city = $row_user['city'];
                                    $state = $row_user['state'];
                                    $email = $row_user['email'];
                                    $zip_code = $row_user['zip_code'];
                                    $landmark = $row_user['landmark'];
                                    $house_no = $row_user['house_no'];
                                } else {
                                    $city = '';
                                    $state = '';
                                    $email = '';
                                    $zip_code = '';
                                    $landmark = '';
                                    $house_no = '';
                                }

                                ?>
                                <div class="row ">
                                    <div class="col-lg-12 mb-3">
                                        <input type="text" class="form-control" name="first_name" placeholder="Full name" value="<?= $s_name ?>">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 mb-3">
                                        <input type="text" class="form-control" name="zip_code" placeholder="Pincode" required autocomplete="postal-code"
                                            value="<?= $zip_code ?>" pattern="\d{6}" inputmode="numeric" maxlength="6" title="Please enter a 6-digit pincode">

                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <input type="text" value="<?= $house_no ?>" class="form-control" name="address1" placeholder="Flat No. / House No. / Street">
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <input type="text" value="<?= $landmark ?>" class="form-control" name="address2" placeholder="Landmark">
                                    </div>
                                    <div class="col-lg-6 mb-3">
                                        <input type="text" value="<?= $city ?>" class="form-control" name="city" id="city" placeholder="City">
                                    </div>

                                    <div class="col-lg-6 mb-3">
                                        <input type="text" value="<?= $zip_code ?>" class="form-control" name="state" id="state" placeholder="state">

                                    </div>
                                    <div class="col-lg-6 mb-3">
                                        <input type="email" value="<?= $email ?>" name="email" id="email" class="form-control" placeholder="Email Address">
                                    </div>
                                    <div class="col-lg-6 mb-3">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="padding:.2em">+91</span>
                                            </div>
                                            <input type="tel" maxlength="10" minlength="10" data-mask="0000000000" name="phone" id="phone" class="form-control" placeholder="Mob. Number" autocomplete="off" value="<?= $s_phone ?>">
                                            <span class="invalid-feedback" role="alert">
                                                <strong></strong>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="shiping-method-bg">
                                        <div class="col-lg-12 mb-12 smethod text-center">
                                            <span class="shipping-method">Shipping Method</span>
                                        </div>
                                        <div class="col-lg-12 mb-12" style="margin-top: 20px;">
                                            <div class="row">
                                                <div class="col-lg-6 mb-12 clrssd">
                                                    <input type="radio" name="payment_method" value="online" checked="">
                                                    Pay Online <br>
                                                    <span class="delivery-subtitle">(Delivers in 2-3 Business
                                                        Days)</span>
                                                </div>
                                                <div class="col-lg-6 mb-12 " id="onlineshipp">
                                                    <span class="price"> 10% Off + Overnight Shipping</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 mb-12">
                                            <hr>
                                        </div>
                                        <div class="col-lg-12 mb-12">
                                            <div class="row">
                                                <div class="col-lg-6 mb-12 clrssd">
                                                    <input type="radio" name="payment_method" value="cod"> Cash
                                                    On
                                                    Delivery <br>
                                                    <span class="delivery-subtitle">(Delivers in 5-7 Business
                                                        Days)</span>
                                                </div>
                                                <div class="col-md-6 mb-12">
                                                    <span class="price"> Normal Shipping</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 mb-12">
                                        <?php
                                        $pro_amount = ($s_selected_package == '1') ? '999' : (($s_selected_package == "2") ? '1599' : (($s_selected_package == '3') ? '2950' : 0));
                                        if ($s_selected_package == '1') {
                                            $pro_name = 'MOST POPULAR';
                                        } elseif ($s_selected_package == '2') {
                                            $pro_name = "DOCTOR'S RECOMMENDED";
                                        } elseif ($s_selected_package == '3') {
                                            $pro_name = 'BEST SELLER';
                                        } else {
                                            $pro_name = 0;
                                        }
                                        ?>
                                        <table class="chektble">
                                            <tbody>
                                                <tr>
                                                    <th>Product</th>
                                                    <th>
                                                        <input type="hidden" name="product_name" class="product_name" value="<?= $pro_name ?>">
                                                        <span style="border:0px; background:#efefef;" class="product_name_text">
                                                            <?= $pro_name ?>
                                                        </span>
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <td>Price</td>
                                                    <td>Rs.&nbsp;
                                                        <input type="hidden" name="product_price" class="product_price" value="<?= $pro_amount ?>">
                                                        <span style="border:0px; background:#efefef; width:40%;" class="product_price_text"><?= $pro_amount ?></span> &nbsp;/-
                                                    </td>
                                                </tr>
                                                <tr class="btn-apply-promo-tr d-none">
                                                    <td>Voucher</td>
                                                    <td>Rs.&nbsp;
                                                        <input type="hidden" name="product_discount_promo" class="product_discount_promo" value="0">
                                                        <span style="border:0px; background:#efefef; width:40%;" class="product_discount_promo_text">0</span> &nbsp;/-
                                                    </td>
                                                </tr>

                                                <tr class="payment_discount_tr">
                                                    <td>Payment Discount</td>
                                                    <td>Rs.&nbsp;
                                                        <input type="hidden" name="payment_discount" class="payment_discount" value="199">
                                                        <span style="border:0px; background:#efefef; width:40%;" class="payment_discount_text">199</span>&nbsp;/-
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Total</td>
                                                    <td>Rs.&nbsp;
                                                        <input type="hidden" name="total_amount" class="total_amount" value="<?= $pro_amount - 199 ?>">
                                                        <span style="border:0px; background:#efefef; width:40%;" class="total_amount_text"><?= $pro_amount - 199 ?></span> &nbsp;/-
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="form-row plcholdrimg">
                                    <div class="col-12 text-center">
                                        <!-- Progress Bar -->
                                        <div class="progress d-none  mx-auto" id="progress_bar" style="max-width: 300px;">
                                            <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%; background-color:#03762e;"></div>
                                        </div>
                                        <!-- Submit Button -->
                                        <div class="form_btn position-relative d-inline-block">
                                            <button type="submit" style="border: 0; background: transparent" name="submitType" id="submitType">
                                                <img src="checkout/four.png" class="img-fluid">
                                            </button>
                                        </div>
                                        <!-- OTP Verification Section -->
                                        <div class="row  d-none" id="otp_Verify_html">
                                            <div class="col-lg-12">
                                                <!-- OTP Inputs -->
                                                <div class="d-flex justify-content-center">
                                                    <input class="otp" id="otp1" type="text" oninput="digitValidate(this)" onkeyup="tabChange(1)" maxlength="1">
                                                    <input class="otp" id="otp2" type="text" oninput="digitValidate(this)" onkeyup="tabChange(2)" maxlength="1" disabled>
                                                    <input class="otp" id="otp3" type="text" oninput="digitValidate(this)" onkeyup="tabChange(3)" maxlength="1" disabled>
                                                    <input class="otp" id="otp4" type="text" oninput="digitValidate(this)" onkeyup="tabChange(4)" maxlength="1" disabled>
                                                </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <!-- Verify Button -->
                                                  <button class='btn btn-primary btn-block mt-4  customBtn' id="Verifyotp">Verify</button>
                                                 </div>
                                                 <!-- Resend OTP Button -->
                                                 <div class="col-lg-12 mt-3">
                                                     <button class="btn btn-secondary btn-block customBtn" style="background-color:#ff7300 !important;" id="resendOtpBtn" type="button">Resend OTP</button>
                                                 </div>
                                        </div>
                                        <!-- Buy Now Button -->
                                        <div class="row  d-none" id="buy_now_btn">
                                            <div class="col-lg-12">
                                                <button class='btn btn-primary btn-block  mb-4  customBtn' id="buynowbtn" type='button'>Buy Now</button>
                                            </div>
                                        </div>
                                        <br>
                                        <!-- Additional Image -->
                                        <span><img src="checkout/five.png" class="img-fluid"></span><br>
                                        <!-- Security Message -->
                                        <!-- <span style="color:#000;">256 bit secure form</span> -->
                                        </div>
                                        </div>

                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="pt-60 pb-60">
        <div class="container1">
            <div class="row">
                <div class="col-lg-7">
                    <div class="s2-lft">
                        <h1 class="s2-rvw-hdng">Customer Reviews </h1>
                        <p class="s2-rvw-txt1"></p>
                        <p>Our customers love our Insulux! Here are some testimonials from those who have enjoyed a
                            healthier lifestyle with Insulux!</p>
                        <img src="checkout/ovrall-ratng.jpg" class="ovrall-ratng">
                        <div class="custmr-review"> <img src="checkout/star.png" class="star">
                            <p class="rvw-about"> I started using the product 6 weeks AgoMy Blood Sugar Level was above
                                200 and it reduced to 160 in 6 week. Back for Hypertension I faced in smallest of tasks.
                                I would get irritated, sweat a lot and feel frustrated but after using this product I
                                felt an improvement in my sugar leve, mood and heart rate. I breathe normal and don't
                                get agitated easily. </p>
                            <p class="rvw-name">Kirti A- 14/03/2024</p>
                        </div>
                        <div class="custmr-review"> <img src="checkout/star.png" class="star">
                            <p class="rvw-about"> Best Product Living with diabetes can be challenging, but Insulux has
                                become my reliable companion. It supports my diabetic lifestyle by providing a natural
                                and effective way to maintain blood sugar levels. Highly recommended for fellow
                                diabetics!
                            </p>
                            <p class="rvw-name">Mitesh- 22/05/2024</p>
                        </div>
                        <div class="custmr-review"> <img src="checkout/star.png" class="star">
                            <p class="rvw-about">Insulux is like a magic potion for me! My blood sugar levels were all
                                over the place, but after incorporating this blend of 11 herbs into my routine, it's
                                like my body found its rhythm. Highly recommended for anyone looking for a natural way
                                to stabilize blood sugar!
                            </p>
                            <p class="rvw-name">Shobha Jain- 18/02/2024</p>

                        </div>
                        <div class="custmr-review"> <img src="checkout/star.png" class="star">
                            <p class="rvw-about">aaj se 3 mahine pehle maine insulux liya aur 1 mahine me hi mujhe
                                positive results milne lage , 3 mahine me ab meri diabetes sahi ho gyi hai
                            </p>
                            <p class="rvw-name">Suraj- 08/04/2024</p>

                        </div>
                        <div class="custmr-review"> <img src="checkout/star.png" class="star">
                            <p class="rvw-about">who has type 2 diabetes which was getting worse because her blood sugar
                                levels would randomly fluctuate. After checking with our doctor, she recommended us this
                                product along with medicines. i see improvement in her sugar levels. it doesn't cause
                                panic anymore. really grateful.</p>
                            <p class="rvw-name">Riya- 02/05/2024</p>

                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="s2-rgt-faq">
                        <h2 class="faq-hdng">Faq</h2>
                        <div class="qstn-dv">
                            <p class="faq-qestn"><span>Q.</span>How does Insulux work?</p>
                            <p class="faq-ans"><span>A.</span>Insulux helps control your blood sugar levels. It improves
                                your metabolism so your body uses glucose better. The ingredients in Insulux increase
                                insulin sensitivity, reduce sugar cravings, and protect your cells with antioxidants.
                            </p>
                        </div>
                        <div class="qstn-dv">
                            <p class="faq-qestn"><span>Q.</span>Should I follow a diet with the dosage?</p>
                            <p class="faq-ans"><span>A.</span>Yes, it is important to follow a balanced diet with
                                Insulux. A low sugar and high fiber diet helps control your blood sugar levels. Eating
                                the right food makes Insulux work better and gives you the best results without side
                                effects.</p>
                        </div>
                        <div class="qstn-dv">
                            <p class="faq-qestn"><span>Q.</span>How quickly does Insulux show results?</p>
                            <p class="faq-ans"><span>A.</span>Insulux works differently for everyone. It depends on your
                                body type, metabolism, and lifestyle. But many people see improvement in their blood
                                sugar levels within 3 months if they follow our nutrition experts' advice.</p>
                        </div>
                        <div class="qstn-dv">
                            <p class="faq-qestn"><span>Q.</span>Does Insulux work for type 2 diabetes?</p>
                            <p class="faq-ans"><span>A.</span>Yes, Insulux is beneficial for type 2 diabetes. It
                                improves glucose metabolism and keeps blood sugar levels stable, helping to manage type
                                2 diabetes. Insulux also helps increase insulin sensitivity and reduce sugar cravings.
                            </p>
                        </div>
                        <div class="qstn-dv">
                            <p class="faq-qestn"><span>Q.</span>Can people with medical conditions take Insulux?
                            </p>
                            <p class="faq-ans"><span>A.</span>If you have any medical conditions, please talk to our
                                nutritionist or your doctor before starting Insulux. They will give you personal advice
                                based on your health needs and make sure Insulux is safe for you.</p>
                        </div>
                        <div class="qstn-dv">
                            <p class="faq-qestn"><span>Q.</span>Does Insulux have any side effects?</p>
                            <p class="faq-ans"><span>A.</span>Insulux is generally safe when used correctly. It is made
                                from natural ingredients and does not have any side effects. Always follow the given
                                guidance and talk to our experts if you have any concerns.</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </section>
    <!-- header-area-end -->
    <!-- Footer-area -->
    <footer class="footer-style-two">
        <div class="footer-two-top-wrap">
            <div class="container">
                <div class="footer-two-widgets-wrap">
                    <div class="row justify-content-between">
                        <div class=" col-lg-6 offset-lg-3 text-center">
                            <div class="footer-widget">
                                <div class="footer-about">
                                    <div class="footer-logo logo">
                                        <a href="index.php"><img src="assets/img/logo/logo-footer.webp" alt="Logo"></a>
                                    </div>
                                    <div class="footer-text">
                                        <p>Divyashree Height Ditox Capsules are designed to support natural height growth and body detoxification. The herbal formulation works by stimulating the growth hormones, promoting bone health, and detoxifying the body.</p>
                                    </div>
                                    <div class="bgcclrss col-lg-10 offset-lg-1">
                                        <div class="row">
                                            <div class="col-lg-4 col-4 bgcssgd text-right">
                                                <img src="checkout/two.webp">
                                            </div>
                                            <div class="col-lg-8 col-8 my-auto contsshd">
                                                <h4>FSSAI LIC No. : 13323001000231</h4>
                                            </div>
                                        </div>
                                    </div>

                                    <ul class="lissttsd">
                                        <li><a href="privacy-policy.php">Privacy Policy</a></li>
                                        <li><a href="tearm-and-condition.php">Tearm & Condition</a></li>
                                        <li><a href="refund-policy.php">Refund Policy</a></li>
                                    </ul>

                                    <div class="footer-social">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-wrap">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-12 text-center">
                        <div class="copyright-text">
                            <p>© Copyright 2024 Kayashree. All Rights Reserved.</br>
                            </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </footer>
    <!-- Footer-area-end -->
    <!-- start onload popup section -->
    <div id="myModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Modal Header</h4>
                </div>
                <div class="modal-body">
                    <p>Some text in the modal.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>

        </div>
    </div>
    <!-- end onload popup section -->
    <!-- start first whatsapp section -->
    <a href="https://wa.me/918929222323?text=" target=”_blank” class="whatsapp-btn">
        <i class="fab fa-whatsapp"></i>
    </a>
    <a href="tel:+918929222323" target=”_blank” class="phone-btn">
        <i class="fa fa-phone-alt"></i>
    </a>
    <!-- end first whatsaap section -->
    <!-- start mobile whatsaap section -->
    <div class="mblbgc">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-3 text-center">
                    <a href="https://wa.me/918929222323?text=" target=”_blank” class="whatsapp-btnmbl">
                        <i class="fab fa-whatsapp"></i>
                    </a>
                </div>
                <div class="col-lg-6 col-6 text-center ">
                    <a href="#" class="cart-btn mbltopmrgin" width="100"> <i class="fa fa-shopping-cart"
                            aria-hidden="true"></i> Order Now</a>
                </div>
                <div class="col-lg-3 col-3 text-center">
                    <a href="tel:+918929222323" target=”_blank” class="phone-btnmbl">
                        <i class="fa fa-phone-alt"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- end mobile whatsaap section -->
    <!-- JS here -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/jquery.odometer.min.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/jquery.paroller.min.js"></script>
    <script src="assets/js/jquery.easypiechart.min.js"></script>
    <script src="assets/js/jquery.inview.min.js"></script>
    <script src="assets/js/jquery.easing.js"></script>
    <script src="assets/js/jquery-ui.min.js"></script>
    <script src="assets/js/svg-inject.min.js"></script>
    <script src="assets/js/jarallax.min.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/validator.js"></script>
    <script src="assets/js/ajax-form.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightcase/2.5.0/js/lightcase.js"></script>
    <script src="assets/js/main.js"></script>

  <script>
    function digitValidate(input) {
        // Allow only numbers and handle backspace
        input.value = input.value.replace(/[^0-9]/g, ''); // Allow only numbers
    }

    function tabChange(index) {
        const currentInput = document.getElementById(`otp${index}`);
        const nextInput = document.getElementById(`otp${index + 1}`);
        const prevInput = document.getElementById(`otp${index - 1}`);

        // When the current input is filled, move focus to the next one
        if (currentInput.value.length === 1 && nextInput) {
            nextInput.removeAttribute('disabled');
            nextInput.focus();
        }

        // When the backspace is pressed and the current input is empty, move focus to the previous one
        currentInput.addEventListener('keydown', function(event) {
            if (event.key === 'Backspace' && currentInput.value === '') {
                if (prevInput) {
                    prevInput.focus();
                }
            }
        });
    }
</script>





</body>

</html>