

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport" /><meta name="google-site-verification" content="DW3ZWwzU1nvGeaJvE4m9Q1Gv6g2ThvOHziMA8sqKxOA" /><meta name="author" content="Healthandyoga" /><meta name="description" content="Learn all about yoga from a beginners perspective including meditation , yoga cleansing methods , pregnancy yoga , pranayama , travel to yoga destinations and discover exciting yoga supplies such as yoga mats , neti pot , and much more." /><meta name="keywords" content="yoga , yoga cleansing , meditation , pranayama , pregnancy yoga , yoga supplies , yoga travel , yoga packages , yoga jobs , yoga classes , yoga advertising , yoga teachers , yoga courses , yoga certificates , yoga products , shopping for yoga products , yoga events , yoga programs" /><title>
	Health And Yoga - Health naturally!
</title><link rel="icon" href="https://www.healthandyoga.com/favicon-v2.png" type="image/png" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" defer></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="fun/Loader.js" defer></script>
    
 
<link href="/satya/css?v=YDUU2qpSKASAdMXUNAc1uRQkSa7J_HyPL3JzdG0i5Is1" rel="stylesheet"/>
<script src="/satya/js?v=D_obQNuZfItDZrHnNMPzdMZ9h5mc412ghp12IKueTOU1"></script>

    <style>
        .not-clickable {
            pointer-events: none;
            cursor: default;
            color: gray;
        }
    </style>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-89T6GC2FV8"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'G-89T6GC2FV8');
    </script>
</head>
<body>
    <form method="post" action="./" id="form1">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="Eo7ESJkna9oGP2vH8LJm2oZTygEJP7qTbZ2GmkNXC0Haer+DlW2TE3Z6KGCrs2uiMf/t5TqjDO4SOz9R+WwHD8WF90bOGWjCdBXWfNBG2Qfwvf6HVKtteeYKuOin28IX" />


<script src="/ScriptResource.axd?d=D9drwtSJ4hBA6O8UhT6CQmhK7i9-5ifsKlSgSnkStMqYCa13P-BAKPPWTPLI6dz4f2uNQNUxUEYsMx5CYFhBDR2-kuF3F6zkLIiGiSmjz0HVrcN-J3OnOjShvW2JxsNWYr-DZHx4bYCN7hIgxKLKiu14KyPRBP2Dv8cV96qtb501&amp;t=2a9d95e3" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="AE42201F" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="yqHxeGvwJBqOQBoTDh/989PnQx9ROXMj/tbRWt3hpQ6lnpnFXZkte+odRmjRnnStbbykoW+YqSAI2UOvbJ24YKkx0RwlMRGr+dYMTaAQCv5bIxttZbIe6tIR3ADjlH7i4Wag48R2JG1pTbHUcIKBaziqj2a0RC5WSHDXKS740yn+WuAYxVDU8Fg/WEWuV4au02oGpfrMQcj0u7ReBD2/qVAuyvl7+TySz9q9kruaLZnV7exO5mZRUdNrAzLgnuHXVksRqpM9WtjJuK9nI2XMLA==" />
        <div id="cookieAlert" class="cookie-alert d-none">
            <p>
                This website uses cookies to ensure you get the best experience on our website.
   
                <a href="/cookie-policy" target="_blank">Learn more</a>
            </p>
            <button id="acceptCookies">Accept</button>
        </div>

        
        <div id="toast" class="toast"></div>
        <div class="toppart">
            <ul class="toplisting">
                <li><a href="https://affiliate.healthandyoga.com/" target="_blank">Affiliate Program</a><span>|</span></li>
                <li><a href="order-tracking">Track Your Order</a><span>|</span></li>
                <li><a href="blog1/default.aspx">Blog</a><span>|</span></li>
                <li><a href="contactus">Help</a><span>|</span></li>
                <li><a href="contactus">Contact Us</a></li>
            </ul>
        </div>
        <div id="myHeader">
            <div>
                <div class="row p-relative">
                    <div class="col-xl-3 col-md-4 col-sm-5 col-6 logo">
                        <a href="/">
                            <img src="/assets/images/logo.png" alt="Healthandyoga" title="Healthandyoga"></a>
                    </div>
                    <div class="col-xl-6 col-md-5 mainserach">
                        <div class="d-flex w-100">
                            <input name="ctl00$txtSearch" type="text" id="txtSearch" accesskey="4" name="company" autocomplete="off" data-bs-backdrop="static" />
                            
                            <input type="submit" name="ctl00$btnSearch" value="" onclick="Searching_dir();" id="btnSearch" />
                            <ul id="searchResults"></ul>
                            <div class="search-history" id="searchHistory">
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-3 col-sm-0 col-0">
                        <input type="hidden" id="currencysds" value='USD$' />
                        <ul class="righttoplist">

                            <li>
                                <a href="javascript:void(0)" role="button" data-bs-toggle="" data-bs-target="#" aria-controls="">
                                    <img src="./assets/images/currency.png" alt=""><span>USD$ </span></a>
                                <div class="loginmenu currency-dropdown" id="curchange">
                                    <ul>
                                        <li><a href="javascript:void(0)" role="button" class="usd" data-cyrrency="USD$">
                                            <img src="./assets/images/usa.png" alt="USA"><span>USD</span></a></li>
                                        <li><a href="javascript:void(0)" role="button" class="india" data-cyrrency="Rs">
                                            <img src="./assets/images/india.png" alt="india"><span>INR</span></a></li>
                                    </ul>
                                </div>
                            </li>
                            

                            <li><a href='#' data-bs-toggle='modal' data-bs-target='#loginModal'><img src='assets/images/user.png' alt='user'>Login</a>

                                <div class="loginmenu notLogin">
                                    <ul>
                                        <li><a href='javascript:void(0)' class="login-user-name" data-bs-toggle='modal' data-bs-target='#loginModal'>
                                            <img src="assets\images\drop-profile.png" alt="Healthandyoga" title="Healthandyoga">
                                            Your Profile</a></li>
                                        <li>
                                            <a href='javascript:void(0)' data-bs-toggle='modal' data-bs-target='#loginModal'>
                                                <img src="assets/images/drop-order.png" alt="Healthandyoga" title="Healthandyoga">Your Orders
                                            </a>
                                        </li>

                                        <li><a href='javascript:void(0)' data-bs-toggle='modal' data-bs-target='#loginModal'>
                                            <img src="assets\images\drop-wishlist.png" alt="Healthandyoga" title="Healthandyoga">Wishlist</a></li>
                                        <li><a href='javascript:void(0)' data-bs-toggle='modal' data-bs-target='#loginModal'>
                                            <img src="assets\images\drop-location.png" alt="Healthandyoga" title="Healthandyoga">Manage Address</a></li>
                                        <li><a href="contactus">
                                            <img src="assets\images\drop-contact.png" alt="Healthandyoga" title="Healthandyoga">Contact Us</a></li>
                                        <li class="text-center">
                                            <input type='button' value='Login' class='btn-style-1' data-bs-toggle='modal' data-bs-target='#loginModal'>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="javascript:void(0)" class="sideCart " data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
                                <img src='assets/images/cart.png' alt="cart" class="topcart"><sup class="cart-count"><label id="nameLabel"></label></sup>Cart </a></li>

                        </ul>
                    </div>
                </div>
            </div>
            <!-- Menu start here-->
            <div>
                <div class="header">
                    <div class="menu-container">
                        <div class="wrapper">
                            <!-- Section: Navbar Menu -->
                            <div class="header-item-center">
                                <div class="overlay"></div>
                                <nav class="menu">
                                    <div class="menu-mobile-header">
                                        <button type="button" class="menu-mobile-arrow"><i class="ion ion-ios-arrow-back"></i></button>
                                        <div class="menu-mobile-title"></div>
                                        <button type="button" class="menu-mobile-close"><i class="ion ion-ios-close"></i></button>
                                    </div>
                                    <ul class="menu-section" id="menu_subs_sds">
                                        <li><a href="/">Home</a></li>
                                        <li class="menu-item-has-children">
                                            <a href="javascript:void(0)"><span>Categories</span><i class="ion ion-ios-arrow-down"></i></a>
                                            <div id="category_menu_satya" class="menu-subs menu-mega menu-column-4 categories">
                                            </div>
                                        </li>

                                    </ul>
                                </nav>
                            </div>

                            <div class="header-item-right">
                                <button type="button" class="menu-mobile-trigger">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </button>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
            <!-- Menu End -->

        </div>
        <!-- Mobile categories part start -->
        <div class="mobile-categories">
            <div class="">
                <div class="owl-carousel owl-theme mobile-carousel owl-loaded owl-drag">
                    <div class="owl-stage-outer">
                        <div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/more-categories">
                                        <img src="./assets/images/category-1.png" alt="mobile-categories">
                                        <p>Bestsellers</p>
                                    </a>
                                </div>
                            </div>
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/beauty-and-wellness-products">
                                        <img src="./assets/images/category-2.png" alt="mobile-categories">
                                        <p>Beauty and Wellness</p>
                                    </a>
                                </div>
                            </div>
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/enema-bag-kit-colon-tube-higginsons-syringe-yoga-products">
                                        <img src="./assets/images/category-3.png" alt="mobile-categories">
                                        <p>Enema Supplies</p>
                                    </a>
                                </div>
                            </div>
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/yoga-fitness-kit-mats-sand-bags-straps-2">
                                        <img src="./assets/images/category-4.png" alt="mobile-categories">
                                        <p>Yoga &amp; Fitness</p>
                                    </a>
                                </div>
                            </div>
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/body-head-foot-massager-acupressure-yoga-products">
                                        <img src="./assets/images/category-5.png" alt="mobile-categories">
                                        <p>Massage &amp; Accupressure</p>
                                    </a>
                                </div>
                            </div>
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/yoga-meditation">
                                        <img src="./assets/images/category-6.png" alt="mobile-categories">
                                        <p>Meditation &amp; Relaxation</p>
                                    </a>
                                </div>
                            </div>
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/home-medical-supply-yoga-products-supportive-aids-yoga-products">
                                        <img src="./assets/images/category-7.png" alt="mobile-categories">
                                        <p>Supporting Aid</p>
                                    </a>
                                </div>
                            </div>
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/personal-hygiene-yoga-products">
                                        <img src="./assets/images/category-8.png" alt="mobile-categories">
                                        <p>Personal Care &amp; Hygiene</p>
                                    </a>
                                </div>
                            </div>
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/home-medical-supply-yoga-products">
                                        <img src="./assets/images/category-9.png" alt="mobile-categories">
                                        <p>Home Medical Supplies</p>
                                    </a>
                                </div>
                            </div>
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/fasting-detox-cleanse">
                                        <img src="./assets/images/category-10.png" alt="mobile-categories">
                                        <p>Body Detox &amp; Cleanse</p>
                                    </a>
                                </div>
                            </div>
                            <div class="owl-item">
                                <div class="categories-item">
                                    <a href="/household-supplies-yoga-products">
                                        <img src="./assets/images/category-11.png" alt="mobile-categories">
                                        <p>Home &amp; Kitchen</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="owl-nav d">
                        <div class="owl-prev">prev</div>
                        <div class="owl-next">next</div>
                    </div>
                    <div class="owl-dots">
                        <div class="owl-dot active"><span></span></div>
                        <div class="owl-dot"><span></span></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Mobile categories part end -->
        
    <!-- top banner start -->
    <div class="container-fluid mp-none">
        <!-- Carousel -->
        <div id="demo" class="carousel slide" data-bs-ride="carousel">
            
            <div class="carousel-inner">
               <div class="carousel-item active " alt="slide1" data-bs-interval="13000">
                  <img src="assets/images/slide-bg.jpg" alt="..." class="d-block" style="width:100%; height: 100%; object-fit: cover;">
                  <div class="slide-content">
                     <div class="img-side">
                        <img src="assets/images/slide-img.png" alt="">
                     </div>
                     <div class="content-side">
                        <h3 class="animated fadeInUp" style="animation-delay: .5s; animation-duration: 1.5s;">24+ years Journey!</h3>
                     <h3 class="animated fadeIn" style="animation-delay: 3s;">Over 2.5 Million products sold!</h3>
                     <div class="lower-heading animated fadeInDown" style="animation-delay: 2s; animation-duration:1.5s">
                        <img class="divider" src="assets/images/divider.png" alt="">
                        <h3><span style="color: #feb271;">100,000+</span> reviews all over the World!</h3>
                        <img class="divider" src="assets/images/divider.png" alt="">
                     </div>
                     <h4 class="slide-btn animated fadeIn" style="animation-delay: 4s">Also Available on</h4>
                     <span class="bottom-tag"><img src="assets/images/bottom-tag-1.png" class="img-fluid animated fadeIn" style="animation-delay: 5s"alt=""><img src="assets/images/bottom-tag-2.png" class="img-fluid animated fadeIn" style="animation-delay: 6s" alt=""></span>
                     </div>
                  </div>
                </div>
				<div class="carousel-item " alt="slide2" data-bs-interval="13000">
                  <img src="./assets/images/slide-bg-2.png" alt="..." class="d-block" style="width:100%; height:100%">
                  <div class="slide-content diff slide3">
                     <div class="img-side animated fadeIn align-items-end diff" style="animation-delay: 1s;">
                        <img class="" src="./assets/images/slide3-left.png" alt="">
                     </div>
                     <div class="content-side">
                        
                        <h3 class="animated fadeInUp slide3-heading" style="animation-delay: 1.5s; animation-duration: 2s;">HealthAndYoga® <img src="./assets/images/slide3-new.png" alt="" class="new-fixed"></h3>
                        <h3 class="animated fadeInUp slide3-heading diff" style="animation-delay: 1.5s; animation-duration: 2s; font-size: 48px; font-weight: 700;">Hip Protection Belt</h3>
                        <h4 class="animated fadeIn cursive-heading" style="animation-delay: 3s;">Especially designed for elderly care</h4>
                     </div>
                     <div class="img-side  diff animated fadeIn " style="animation-delay: 1s;">
                        <img src="assets/images/slide3-right.png" alt="">
                     </div>
                  </div>
                </div>
               <div class="carousel-item " alt="slide3" data-bs-interval="13000">
                  <img src="assets/images/slide-bg-2.png" alt="..." class="d-block" style="width:100%; height: 100%;">
                  <div class="slide-content diff">
                     <div class="img-side animated fadeIn align-items-end" style="animation-delay: 1s;">
                        <img class="" src="assets/images/slide-img-3.png" alt="">
                     </div>
                     <div class="content-side">
                        <h3 class="animated fadeInUp top-heading" style="animation-delay: 1.5s; animation-duration: 1.5s; --color: #793503">SteloSwipe</h3>
                        <h3 class="animated fadeIn other-heading" style="animation-delay: 3.5s;">Tongue Cleaner</h3>
                        <h3 class="animated fadeInDown other-heading" style="animation-delay: 2.5s;">Surgical Quality</h3>
                        <h4 class="animated fadeIn cursive-heading" style="animation-delay: 4.5s;">surgical grade stainless steel</h4>
                     </div>
                     <div class="img-side animated fadeIn" style="animation-delay: 1s;">
                        <img src="assets/images/slide-img-2.png" alt="">
                     </div>
                  </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
            <span class="carousel-control-prev-icon"></span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
            <span class="carousel-control-next-icon"></span>
            </button>
        </div>
    </div>
    <!-- features section start  -->
      <section class="features-section">
         <div class="container">
            <div class="row justify-content-center">
               <div class="col-lg-4 col-md-6">
                  <div class="feature-box feature-1">
                     <img src="./assets/images/yoga-info.png" alt="" class="feature-img rotate-in-diag-2">
                     <h4 class="feature-heading">Health & Yoga Info Center </h4>
                     <p>Find more information, news & articles about Yoga, Meditation & Healthy Lifestyle</p>
                     <a href="html/yoga" class="btn-style-1">Know More</a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6">
                  <div class="feature-box feature-2 ">
                     <img src="./assets/images/feature-1.png" alt="" class="feature-img rotate-in-diag-2">
                     <h4 class="feature-heading">Superb Deals & Discounts</h4>
                     <p>Buy upto 5 or more pieces of a product to avail great discounts</p>
                     <a href="wholesale-discount.html" class="btn-style-1">Know More</a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6">
                  <div class="feature-box feature-3 ">
                     <img src="./assets/images/feature-2.png" alt="" class="feature-img rotate-in-diag-2">
                     <h4 class="feature-heading">Worldwide Free Shipping</h4>
                     <p>Shop with ease and safety and get Quick & Free* Home delivery (*Conditions Apply) </p>
                     <a href="free-shipping.html" class="btn-style-1">Know More</a>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- features section end  -->
    <div class="container" style="margin-top: 30px;">
        <!-- Start Best Sellers Trending -->
        <div class="row mnone">
            <div class="col-md-12 carousel-middlepart">
                <h1>BEST SELLERS</h1>
                <p>Products which have benefitted thousands of our customers and are loved worldwide</p>
                <div class="col-md-12 pnone">
                    <div id="bind_bestsellers_product"></div>
                </div>
            </div>
        </div>
        <div class="row mnone">
            <div class="col-md-12 carousel-middlepart">
                <h1>TRENDING</h1>
                <p>Products with a fan following that keep bringing back our customers for more</p>
                <div class="col-md-12 pnone">
                    <div id="bind_trending_product"></div>
                </div>
            </div>
        </div>
        <!-- Start New Arrivals -->
        <div class="row mnone">
            <div class="col-md-12 carousel-middlepart">
                <h1>NEW ARRIVALS</h1>
                <p>HealthAndYoga’s latest offerings of well-researched products based on the ancient sciences of Yoga, Ayurveda & Acupressure</p>
                <div class="col-md-12 pnone">
                    <div id="newarrivalproduct"></div>
                </div>
            </div>
        </div>
        <!-- End New Arrivals -->
    </div>
    <!-- customer section  -->
      <section class="customer-section">
         <div class="container">
            <div class="section-heading">
               <h1 class="">Product & Service Testimonials</h1>
               <p>Much gratitude as we share what our thousands of worldwide customers, have to say about our much-loved products and efficient team.</p>
            </div>
            <div class="customer-container">
               <div class="owl-carousel owl-theme">
				   <div class="customer-box">
                     <p class="message"><span><img src="./assets/images/quote-1.png" alt=""></span>HealthAndYoga Tongue Cleaner Scraper - Hygienic, Surgical Grade, Non-Synthetic Grip - Sterilizable Tongue Brush Cleaner (Surgical Steel - 2 Pack) - I genuinely love this product. It makes me so much more confident in my breath. It also is very satisfying to use.<span><img src="./assets/images/quote-2.png" alt=""></span></p>
                     <p class="customer-name">Amazon Customer</p>
                  </div>
				  <div class="customer-box">
                     <p class="message"><span><img src="./assets/images/quote-1.png" alt=""></span>HealthAndYoga SteloSwipe Stainless Steel Tongue Cleaner (Set of 2) - Premium Design, Surgical Grade Scraper, Sterlisable - Smooth on tongue I got very well packing & service. This product is very smooth on tongue as compared other local tongue cleaners. <span><img src="./assets/images/quote-2.png" alt=""></span></p>
                     <p class="customer-name">Hemant Prajapat</p>
                  </div>
				  <div class="customer-box">
                     <p class="message"><span><img src="./assets/images/quote-1.png" alt=""></span>HealthAndYoga SteloSwipe Stainless Steel Tongue Cleaner (Pack of 1)- Premium Design, Surgical Grade Scraper, Sterlisable- For Oral Care, Prevents Bad breath & Cavities- Women & Men - Good , Sturdy and Hygienic Design Good product<span><img src="./assets/images/quote-2.png" alt=""></span></p>
                     <p class="customer-name">Online_Shopper</p>
                  </div>
                  <div class="customer-box">
                     <p class="message"><span><img src="./assets/images/quote-1.png" alt=""></span>Exceptional mala.very natural,hand made,with obvious care.always more than happy with all my purchases from this mindful store.thanks once again for lighting up my life with amazing products.<span><img src="./assets/images/quote-2.png" alt=""></span></p>
                     <p class="customer-name">Leonard, Queensland, Australia</p>
                  </div>
                  <div class="customer-box">
                     <p class="message"><span><img src="./assets/images/quote-1.png" alt=""></span>Health and Yoga is place where mostly all required yoga things available and it's makes happy to purchase whenever require as all products they offer are quality one.<span><img src="./assets/images/quote-2.png" alt=""></span></p>
                     <p class="customer-name">Logamoorthy, Tamil Nadu, India</p>
                  </div>
                  <div class="customer-box">
                     <p class="message"><span><img src="./assets/images/quote-1.png" alt=""></span>Thanks so much for making such vital health products available.I am so grateful that health and yoga is still in business. I purchased from you back in 2008.Already satisfied,as I know the quality and ethics behind your products.You are greatly appreciated on this Earth.<span><img src="./assets/images/quote-2.png" alt=""></span></p>
                     <p class="customer-name">Yvonne, Roanoke, VA</p>
                  </div>
                  <div class="customer-box">
                     <p class="message"><span><img src="./assets/images/quote-1.png" alt=""></span>Your site was recommended to me by the Gerson Institute. I was exceptionally pleased with the price, shipping, and overall ease of my order. I would certainly recommend your products and services in the future.<span><img src="./assets/images/quote-2.png" alt=""></span></p>
                     <p class="customer-name">Yvonne, Roanoke, VA</p>
                  </div>
               </div>
            </div>
         </div>
      </section>
    <section class="safe-standard-section">
         <div class="container">
            <div class="section-heading">
               <h1 class="">Safe Hassle-free Shopping</h1>
               <p>Shop with confidence and safety. HealthAndYoga is a government recognized brand with quality assurance </p>
            </div>
            <div class="row standard-container">
               <div class="col-lg-2 col-md-3 col-sm-4 col-4"><img src="./assets/images/standard1.png" alt=""></div>
               <div class="col-lg-2 col-md-3 col-sm-4 col-4"><img src="./assets/images/standard2.png" alt=""></div>
               <div class="col-lg-2 col-md-3 col-sm-4 col-4"><img src="./assets/images/standard3.png" alt=""></div>
               <div class="col-lg-2 col-md-3 col-sm-4 col-4"><img src="./assets/images/standard4.png" alt=""></div>
               <div class="col-lg-2 col-md-3 col-sm-4 col-4"><img src="./assets/images/standard5.png" alt=""></div>
               <div class="col-lg-2 col-md-3 col-sm-4 col-4"><img src="./assets/images/standard6.png" alt=""></div>
            </div>
         </div>
      </section>

        <footer class="footer">
            <div class="container">
                <div class="footer-col footer-col-1">
                    <img src="./assets/images/footer-logo.png" alt="">
                    <p>HealthAndYoga was conceived in year 2001, as a platform for anyone associated or interested in yoga and natural health. It is a brand that aims to make the ancient practices of Ayurveda, Yoga, Acupressure & Nature Cure more accessible to the modern-day man, while not comprising on authenticity or originality.  Our services have helped millions of families all over the world, and we hope to continue doing so. </p>
                    <div class="social-media">
                        <a class="social-button facebook" href="https://www.facebook.com/HealthAndYoga" target="_blank"><i class="fab fa-facebook-f"></i></a>
                        <a class="social-button twitter" href="https://twitter.com/healthandyoga" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
                        
                        <a class="social-button instagram" href="https://www.instagram.com/healthandyogaofficial/" target="_blank"><i class="fab fa-instagram"></i></a>
                        <a class="social-button youtube" href="https://www.youtube.com/channel/UCKscSef1UoJ1Em44NBmG7cg/HealthAndYoga" target="_blank"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
                <div class="footer-col footer-col-2">
                    <h3 class="footer-heading">Quick Links</h3>
                    <ul>
                        <li><a href="/">Home</a></li>
                        <li><a href="/about-us">About us</a></li>
                        <li><a href="blog1/default.aspx">Blog</a></li>
                        <li><a href="/contactus">Contact Us</a></li>
                        <li><a href="/privacy">Privacy Policy</a></li>
                        <li><a href="https://affiliate.healthandyoga.com/" target="_blank">Affiliate Program</a></li>
                    </ul>
                </div>
                <div class="footer-col footer-col-3">
                    <h3 class="footer-heading">Customer Services</h3>
                    <ul>
                        <li><a href="javascript:void(0)" onclick="window.open('/html/yoga')">Yoga Info</a></li>
                        <li><a href="/more-categories">Yoga Market</a></li>
                       <li><a href="javascript:void(0)" role="button" onclick="window.open('/html/yoga_community')">Community</a></li>
                        <li><a href="/html/newsinfo">Yoga Articles</a></li>
                           <li style="display:none"><a href="#">Yoga Courses</a></li>
                        <li  style="display:none"><a href="#">Retreats</a></li>
                        <li><a href="/html/clean">Yoga Cleansing</a></li>
                        <li><a href="/html/meditation">Yoga & Meditation</a></li>
                        <li><a href="/html/preg">Pregnancy Yoga</a></li>
                    </ul>
                </div>
                <div class="footer-col footer-col-4">

                     
					 <h3 class="footer-heading"><a href="https://www.healthandyoga.com" target="_blank" style="text-decoration:none; color:inherit;">
                      Offer Alert </a>
                    </h3>
                    <div class="offer-input">
                        <input type="email" placeholder="Email Address" class="offer-input" id="email_subscribe" autocomplete="off" />
                        <img src="../assets/images/mail.png" alt="">
                        <div class="captcha">
                            <input type="checkbox" id="checkbox" />
                            <p id="captchtext">I'm not a robot</p>
                        </div>
                    </div>
                    <a href="javascript:void(0)" class="offer-btn" onclick="subscription()">Get free product updates & specials!</a>

                    <div class="d-flex align-items-center justify-content-start gap-2 pay-protect">
                        <img src="../assets/images/footer-offer.png" alt="">
                        <span>
                            <h5>Payment</h5>
                            <p>100% Payment Protection, Easy Return Policy</p>
                        </span>
                    </div>
                    <div class="payment-cards">
                        <span>
                            <img src="./assets/images/card1.png" alt=""></span>
                        <span>
                            <img src="./assets/images/card2.png" alt=""></span>
                        <span>
                            <img src="./assets/images/card3.png" alt=""></span>
                        <span>
                            <img src="./assets/images/card4.png" alt=""></span>
                        <span>
                            <img src="./assets/images/card5.png" alt=""></span>
                        <span>
                            <img src="./assets/images/card6.png" alt=""></span>
                        <span>
                            <img src="./assets/images/card7.png" alt=""></span>
                        <span>
                            <img src="./assets/images/card8.png" alt=""></span>
                    </div>
                </div>
            </div>
            <div class="copyright-container">
                <div class="container">
                    <p class="copyright">© Copyright 2000 -<span id="year"></span>, HealthAndYoga.com. All rights reserved Disclaimer</p>
                </div>
            </div>
        </footer>
        <!-- Modal Popup    -->
        <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content popup-container">
                    <div class="login-form">
                        <a class="close-btn" href="javascript:void(0)" data-bs-dismiss="modal"><i class="fa-solid fa-xmark"></i></a>
                        <h3 class="modal-title login-heading" id="exampleModalLabel">Login with Email</h3>
                        <div class="login-container mt-2">
                            <div class="mb-1">
                                <label for="username" class="form-label">User ID :</label>
                                <div class="input-group">
                                    <input name="ctl00$username_login" type="text" id="username_login" class="form-control" placeholder="Enter your Email" />
                                </div>
                            </div>
                            <div class="mb-1">
                                <label for="password" class="form-label">Password :</label>
                                <div class="input-group">
                                    <input name="ctl00$password" type="password" id="password" class="form-control pass" placeholder="Enter your password" />
                                    <a href="javascript:void(0)" class="btn btn-outline-secondary" onclick="showpassword()"><i class="fas fa-eye"></i></a>
                                </div>
                            </div>
                            <div>
                                <button type="button" data-bs-toggle="modal" data-bs-target="#forgetPassword">Forgot Password?</button>
                            </div>

                            <input type="button" class="login-btn" onclick="userlogin()" value="Login" />
                        </div>
                        <div class="divider">
                            <hr>
                            <span>OR</span>
                        </div>
                        <h5 class="modal-title text-center">Other Login Option</h5>
                        <div class="social-media">
                            <button type="button" onclick="gmaillogin()">
                                <img src="./assets/images/gmail.jpg" alt="">
                            </button>
                            <div style="position:relative;">
                                <img src="./assets/images/facebook.jpg"/ style="position: absolute; z-index: 1; cursor:pointer; width: 100%">
                                <fb:login-button scope="public_profile,email" onlogin="checkLoginState();" style="position: absolute;z-index: 2;width: 100%;height: 100%;opacity: 0;top: 7px;left: 30px;">
                              </fb:login-button>
                            <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
                            </div>
                           
                            <button type="button" onclick="LinkedinLogin()">
                                <img src="./assets/images/linkedin.jpg" alt="">
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
            <div class="offcanvas-header">
                <h5 class="offcanvas-title" id="offcanvasExampleLabel">My Cart </h5>
                <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
            </div>
            <div class="offcanvas-body">
                <!-- emptycart start here-->
                <div class="emptycart" id="emptycart">
                    <a href="#">
                        <img src="assets/images/cart-basket.jpg" alt="Healthandyoga" title="Healthandyoga"></a>
                    <h2>Your cart is empty ! </h2>
                    <p>It's a good day to buy the items you saved for later </p>
                </div>
                <!-- cartsummry start here-->
                <div id="addcartdata"></div>

                <div class="clearfix"></div>
                <div class="cart-pricesummary" id="cart_pricesummary">
                    <h2>Price Summary </h2>
                    <ul>
                        <li>Order Total <span>USD$
                            <label id="totalamount"></label>
                        </span></li>
                        <li id="whlesale">Wholesale Discount <span class="d-text">USD$
                            <label id="wholesaledis"></label>
                        </span></li>
                        <li>Grand Total <span class="total-text">USD$
                            <label id="grandtotal"></label>
                        </span></li>
                    </ul>
                </div>
                <div class="clearfix"></div>
				 <div  class="">
                <div id="wholediscountalert"></div>
                </div>
				<div class="clearfix"></div>
                <div class="bottomcart-col">
                    <div class="left-col">
                        <div class="float-start"><i class="ion ion-md-cart bottomcart-img"></i><span class="m-dnone"></span></div>
                        <div class="float-start">
                            <span id="nameLabelcart"></span>&nbsp;Items
                            <br />
                            USD$ <span class="sdsfinalamount"></span>
                        </div>
                    </div>
                    <div class="right-col"><a href="checkout">Continue </a></div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="exampleModal1" tabindex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content popup-container">
                    <div class="login-form">
                        <a class="close-btn" href="javascript:void(0)" data-bs-dismiss="modal"><i class="fa-solid fa-xmark"></i></a>
                        <h3>Login with OTP</h3>
                        <div class="otp-input">
                            <input name="ctl00$MobTextBox1" type="text" id="MobTextBox1" placeholder="Mobile Number" />
                            <input type="button" class="otp-btn" onclick="sendOtp()" value="Send OTP" />
                        </div>
                        <div class="divider">
                            <hr>
                            <span>OR</span>
                        </div>
                        <h5 class="modal-title text-center">Other Login Option</h5>
                        <div class="social-media">
                            <button type="button" onclick="gmaillogin()">
                                <img src="./assets/images/gmail.jpg" alt="">
                            </button>
							<div style="position:relative;">
                                <img src="./assets/images/facebook.jpg"/ style="position: absolute; z-index: 1; cursor:pointer; width: 100%">
                                <fb:login-button scope="public_profile,email" onlogin="checkLoginState();" style="position: absolute;z-index: 2;width: 100%;height: 100%;opacity: 0;top: 7px;left: 30px;">
                              </fb:login-button>
                            <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
                           </div>
                            <button type="button" onclick="LinkedinLogin()">
                                <img src="./assets/images/linkedin.jpg" alt="">
                            </button>
                        </div>
                        <div class="divider">
                            <hr>
                            <span>OR</span>
                        </div>
                        <div class="login-container mt-2">
                            <div class="mb-1">
                                <label for="username" class="form-label">User ID :</label>
                                <div class="input-group">
                                    <input name="ctl00$username1" type="text" id="username1" class="form-control" placeholder="Enter your Email or Username" />
                                </div>
                            </div>
                            <div class="mb-1">
                                <label for="password1" class="form-label">Password :</label>

                                <div class="input-group">

                                    <input name="ctl00$password1" type="password" id="password1" class="form-control pass" placeholder="Enter your password" />
                                    <a href="javascript:void(0)" class="btn btn-outline-secondary" onclick="showpassword()"><i class="fas fa-eye"></i></a>
                                </div>
                            </div>
                            <div>
                                <button type="button" data-bs-toggle="modal" data-bs-target="#forgetPassword">Forgot Password?</button>
                            </div>
                            
                            <input type="button" class="login-btn" onclick="userlogin()" value="Login" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- forget password form modal  -->
        <div class="modal fade" id="forgetPassword" tabindex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content forget-form">
                    <button type="button" class="close-btn" data-bs-dismiss="modal">
                        <i class="fa-solid fa-xmark"></i>
                    </button>
                    <h3>Forgot Password</h3>
                    <p>If you've forgotten the password to your account, please enter your email address below.</p>
                    <div class="forget-input">
                        <label for="email">Your Email:</label>
                        <input type="email" placeholder="Enter Email Id here" id="forgetmail" />
                    </div>
                    <div class="forget-submit">
                        <a href="javascript:void(0)" class="login-btn w-100" onclick="forgetpassword()">Submit</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- otp form  -->
        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered mx-auto">
                <div class="modal-content pop-form otp-form">
				<button type="button" class="close-btn" data-bs-dismiss="modal">
                        <i class="fa-solid fa-xmark"></i>
                    </button>
                    <div class="d-flex align-items-center justify-content-center mt-3">
                        <h3>Verify OTP</h3>
                    </div>
                    <img src="./assets/images/otp-verify.png" alt="" style="width: 300px">
                    <div class="otp-input">
                        <p>Enter OTP</p>
                        <input name="ctl00$OtpTextBox2" type="text" id="OtpTextBox2" placeholder="OTP" />
                    </div>
                    <input type="button" class="btn-style-1 mb-2" onclick="VerifyOTP()" value="Verify OTP" />

                    
                </div>
            </div>
        </div>
        <input type="hidden" id="loginId" value='NoLogin' />
        <input type="hidden" id="loginmodal" value='#loginModal' />
    </form>
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script>
        $j(document).ready(function () {
            var owl = $j('.mobile-carousel');
            owl.owlCarousel({
                margin: 10,
                nav: false,
                loop: true,
                autoplay: false,
                autoplayTimeout: 1000,
                responsive: {
                    0: {
                        items: 2
                    },
                    330: {
                        items: 3
                    },
                    450: {
                        items: 4
                    },
                    576: {
                        items: 5
                    },
                    768: {
                        items: 6
                    }
                }
            })
        })
        function showpassword() {
            const passwordField1 = document.getElementById('password1');
            const passwordField = document.getElementById('password');
            if (passwordField.type == 'password') {
                passwordField.type = 'text';
            } else {
                passwordField.type = 'password';
            }
            if (passwordField1.type == 'password') {
                passwordField1.type = 'text';
            } else {
                passwordField1.type = 'password';
            }
        }
        function VerifyOTP() {
            var OTP = $j('#OtpTextBox2').val();
            if (OTP) {
                $j.ajax({
                    type: "post",
                    url: "login.asmx/verifyotp",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    data: JSON.stringify({ OTP: OTP }),
                    success: function (response) {
                        const data = response.d;
                        switch (data) {
                            case "Login":
                                location.reload();
                                break;
                            case "invalid credential!":
                                $j('#exampleModal').modal('show');
                                showToast('invalid credential!', 'warning');
                                break;
                            case "notinindia":
                                $j('#exampleModal').modal('show');
                                showToast('This Service is Only for India', 'warning');
                                break;
                            case "enterotp":
                                $j('#exampleModal').modal('show');
                                showToast('Please Enter Correct OTP', 'warning');
                                break;
                            default:
                                showToast('Sorry ! Wrong Number Entered or Not Registered', 'error');
                                break;
                        }
                    },
                    error: function (xhr, status, error) {
                        console.error(error);
                        alert("An error occurred: " + error);
                    }
                });
            } else {
                showToast('Please Enter OTP', 'error');
            }
        }
        function userlogin() {
            var username = $j('#username_login').val();
            var password = $j('#password').val();
            var username1 = $j('#username1').val();
            var password1 = $j('#password1').val();
            var currency = $j('#currencysds').val();

            if (currency === 'USD$') {
                if (!username && !password) {
                    const passwordField = document.getElementById('password');
                    passwordField.style.borderColor = "red";
                    passwordField.addEventListener('input', () => {
                        passwordField.style.borderColor = "green";
                    });

                    const usernameField = document.getElementById('username_login');
                    usernameField.style.borderColor = "red";
                    usernameField.addEventListener('input', () => {
                        usernameField.style.borderColor = "green";
                    });

                    showToast('Please Enter Valid Email and Password', 'error');
                    return false;
                } else if (!username) {
                    const usernameField = document.getElementById('username_login');
                    usernameField.style.borderColor = "red";
                    usernameField.addEventListener('input', () => {
                        usernameField.style.borderColor = "green";
                    });

                    showToast('Please Enter Your valid EmailID.', 'error');
                    return false;
                } else if (!password) {
                    const passwordField = document.getElementById('password');
                    passwordField.style.borderColor = "red";
                    passwordField.addEventListener('input', () => {
                        passwordField.style.borderColor = "green";
                    });

                    showToast('Please Enter Your valid Password', 'error');
                    return false;
                }

            } else {
                if (!username1 && !password1) {
                    const passwordField = document.getElementById('password1');
                    passwordField.style.borderColor = "red";
                    passwordField.addEventListener('input', () => {
                        passwordField.style.borderColor = "green";
                    });

                    const usernameField = document.getElementById('username1');
                    usernameField.style.borderColor = "red";
                    usernameField.addEventListener('input', () => {
                        usernameField.style.borderColor = "green";
                    });

                    showToast('Please Enter Valid Email and Password', 'error');
                    return false;
                }
                else if (!username1) {
                    const usernameField = document.getElementById('username1');
                    usernameField.style.borderColor = "red";
                    usernameField.addEventListener('input', () => {
                        usernameField.style.borderColor = "green";
                    });

                    showToast('Please Enter Your valid EmailID.', 'error');
                    return false;
                } else if (!password1) {
                    const passwordField = document.getElementById('password1');
                    passwordField.style.borderColor = "red";
                    passwordField.addEventListener('input', () => {
                        passwordField.style.borderColor = "green";
                    });

                    showToast('Please Enter Your valid Password', 'error');
                    return false;
                }
            }
            $j.ajax({
                type: "post",
                url: "login.asmx/userlogin",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify({ username: username, password: password, username1: username1, password1: password1, currency: currency }),
                success: function (response) {
                    const data = response.d;
                    if (data === "Login") {
                        location.reload();
                    }
                    else if (data === "deactive") {

                        if (currency === "USD$") {
                            $j('#loginModal').modal('show');
                        }
                        else {
                            $j('#exampleModal1').modal('show');
                        }

                        showToast('We deactivated your account at our end.', 'error');
                    }
                    else {
                        if (currency === "USD$") {
                            $j('#loginModal').modal('show');
                        }
                        else {
                            $j('#exampleModal1').modal('show');
                        }

                        showToast('Login failed invalid credential!', 'error');
                    }
                },
                error: function (xhr, status, error) {
                    console.error(error);
                    alert("An error occurred: " + error);
                }
            });
        }
    </script>
    <script>
        $j(document).ready(function () {
            // Owl Carousel initialization
            var owl = $j('.owl-carousel');
            owl.owlCarousel({
                margin: 10,
                nav: true,
                loop: false,
                autoplay: false,
                autoplayTimeout: 1000,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 3
                    }
                }
            });

            // Sticky header functionality
            var header = $j("#myHeader");
            var sticky = header.offset().top;
            function myFunction() {
                if (window.pageYOffset > sticky) {
                    header.addClass("sticky");
                } else {
                    header.removeClass("sticky");
                }
            }
            $j(window).on("scroll", function () {
                myFunction();
            });



            // Logout function

        });
    </script>
    <script>
        $j(document).ready(() => $j('#year').text(new Date().getFullYear()));
    </script>
    <script>
        const userName = document.querySelector('.userName');
        if (userName) {
            userName.innerHTML = `<img src='assets/images/user.png' alt='user'> ${userName.textContent.split(' ')[0]}`;
        }
    </script>
    <style>
        .focus-red:focus {
            color: red;
        }

        .cookie-alert {
            background-color: #000;
            color: #fff;
            text-align: center;
            padding: 15px;
            position: fixed;
            bottom: 0;
            width: 100%;
            z-index: 1000;
            display: none; /* Initially hidden */
        }

            .cookie-alert p {
                display: inline-block;
                margin-right: 10px;
            }

            .cookie-alert button {
                background-color: #4CAF50;
                color: white;
                border: none;
                padding: 10px 20px;
                cursor: pointer;
            }
    </style>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            var cookieAlert = document.getElementById('cookieAlert');
            var cookieAccepted = localStorage.getItem('cookieAccepted');
            if (!cookieAccepted) {
                fetch("https://ipapi.co/json/")
                    .then(response => response.json())
                    .then(data => {
                        var country = data.country;
                        if (country !== "IN") {
                            cookieAlert.style.display = 'block';
                        }
                    })
                    .catch(error => {
                        console.error('Error fetching geolocation data:', error);
                    });
            }
            document.getElementById('acceptCookies').addEventListener('click', function () {
                localStorage.setItem('cookieAccepted', 'true');
                cookieAlert.style.display = 'none';
            });
        });

    </script>
    <script>
        $j(document).ready(function () {
            const modal = $j('#loginModal');
            const modal1 = $j('#exampleModal1')

            $j('#openModal').click(function () {
                modal.show();
            });
            $j(document).keydown(function (event) {
                if (modal.is(':visible') || modal1.is(':visible')) {
                    if (event.key === 'Enter') {
                        event.preventDefault();
                    }
                }
            });
        });
    </script>
    
    <script src="assets/js/Search.js"></script>
    <script src="assets/js/History.js"></script>

</body>
</html>
