Ayuraa Fashion | Premium Women's Designer Kurtis Online

Visit Our Store

Address

Ayuraa Fashion Headquarters,
Serving Women Worldwide.

Phone

(+91) 999 888 7777

Email

info@ayurra-fashion.com

Open Time

Our store is open for shopping,

Exchange every day: 10am to 9pm

Get in Touch

If you have got any questions, please reach out to us by filling this form. We will get back to you shortly.

</fieldset>
                        <div class="send-btn">
                            <button class="tf-btn btn-fill radius-3 animate-hover-btn justify-content-center" type="submit">Send Message</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
    
  <footer id="footer" class="footer md-pb-70">
    <div class="footer-wrap">
        <div class="footer-body">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-md-6 col-12">
                        <div class="footer-infor">
                            <div class="footer-logo">
                                <a href="https://demoayuraa.bharatresellingcloud.com/">
                                    <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/logo/logo1-removebg-preview.png" alt="Ayuraa Fashion Logo" style="height: 70px; width: auto;">
                                </a>
                            </div>
                
                            <ul class="mt-4">
                                 <li>
                                     <p class="footer-menu_item">Ayuraa Fashion Headquarters,<br>Empowering Women with Elegant Style.</p>
                                 </li>
                                 <li>
                                     <p class="footer-menu_item">Email: <a href="mailto:info@ayurra-fashion.com" class="text-gold">info@ayurra-fashion.com</a></p>
                                 </li>
                                 <li>
                                     <p class="footer-menu_item">Phone: <a href="tel:+919998887777" class="text-gold">(+91) 999 888 7777</a></p>
                                 </li>
                             </ul>
                             <div class="mt-4">
                                <ul class="tf-social-icon d-flex gap-15">
                                    <li><a href="" class="box-icon w_34 round social-facebook"><i class="icon fs-14 icon-fb"></i></a></li>
                                    <li><a href="" class="box-icon w_34 round social-instagram"><i class="icon fs-14 icon-instagram"></i></a></li>
                                    <li><a href="" class="box-icon w_34 round social-threads"><i class="icon fs-14 icon-tiktok"></i></a></li>
                                </ul>
                             </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-6 col-12 footer-col-block">
                        <div class="footer-heading footer-heading-desktop">
                            <h6>Boutique Services</h6>
                        </div>
                        <ul class="footer-menu-list tf-collapse-content">
                               <li><a href="https://demoayuraa.bharatresellingcloud.com/privacy-policy" class="footer-menu_item">Privacy Policy</a></li>
                               <li><a href="https://demoayuraa.bharatresellingcloud.com/return-policy" target="_blank" class="footer-menu_item">Returns + Exchanges</a></li>
                               <li><a href="https://demoayuraa.bharatresellingcloud.com/shipping" target="_blank" class="footer-menu_item">Shipping Policy</a></li>
                               <li><a href="https://demoayuraa.bharatresellingcloud.com/terms-condition" target="_blank" class="footer-menu_item">Terms & Conditions</a></li>
                        </ul>
                    </div>
                    <div class="col-xl-3 col-md-6 col-12 footer-col-block">
                        <div class="footer-heading footer-heading-desktop">
                            <h6>Our Brand</h6>
                        </div>
                        <ul class="footer-menu-list tf-collapse-content">
                            <li><a href="https://demoayuraa.bharatresellingcloud.com/about-us" class="footer-menu_item">Our Story</a></li>
                            <li><a href="https://demoayuraa.bharatresellingcloud.com/contact-us" class="footer-menu_item">Visit Our Atelier</a></li>
                            <li><a href="https://demoayuraa.bharatresellingcloud.com/contact-us" class="footer-menu_item">Contact Us</a></li>
                        </ul>
                    </div>
                    <div class="col-xl-3 col-md-6 col-12 footer-col-block">
                        <div class="footer-heading footer-heading-desktop">
                            <h6>My Ayuraa</h6>
                        </div>
                        <ul class="footer-menu-list tf-collapse-content">
                            <li><a href="https://demoayuraa.bharatresellingcloud.com/user-login" class="footer-menu_item">Member Login</a></li>
                            <li><a href="https://demoayuraa.bharatresellingcloud.com/user-register" class="footer-menu_item">Join the Circle</a></li>
                            <li><a href="https://demoayuraa.bharatresellingcloud.com/my-profile" class="footer-menu_item">Account Dashboard</a></li>
                            <li><a href="https://demoayuraa.bharatresellingcloud.com/my-wishlist" class="footer-menu_item">My Favorites</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom border-top-0">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="footer-bottom-wrap d-flex gap-20 flex-wrap justify-content-between align-items-center">
                            <div class="footer-menu_item opacity-50">© 2024 Ayuraa Fashion. Curated with Love.</div>
                            <div class="tf-payment">
                                <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/payments/img.png" alt="Payment Methods" style="filter: grayscale(1) invert(1) brightness(2);">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

</div>

<div class="progress-wrap">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
    <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 286.138;"></path>
    </svg>
</div>

<div class="tf-toolbar-bottom type-1150">
    <div class="toolbar-item">
        <a href="#mobileMenu" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft">
            <div class="toolbar-icon">
                <i class="icon-shop"></i>
            </div>
            <div class="toolbar-label">Shop</div>
        </a>
    </div>

<div class="toolbar-item">
        <a href="#canvasSearch" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft">
            <div class="toolbar-icon">
                <i class="icon-search"></i>
            </div>
            <div class="toolbar-label">Search</div>
        </a>
    </div>
    <div class="toolbar-item">
        <a href="https://demoayuraa.bharatresellingcloud.com/user-login" >
            <div class="toolbar-icon">
                <i class="icon-account"></i>
            </div>
            <div class="toolbar-label">Account</div>
        </a>
    </div>
    <div class="toolbar-item">
        <a href="https://demoayuraa.bharatresellingcloud.com/my-wishlist">
            <div class="toolbar-icon">
                <i class="icon-heart"></i>
                <div class="toolbar-count">0</div>
            </div>
            <div class="toolbar-label">Wishlist</div>
        </a>
    </div>
    <div class="toolbar-item">
        <a href="#shoppingCart" data-bs-toggle="modal">
            <div class="toolbar-icon">
                <i class="icon-bag"></i>
                <div class="toolbar-count" id="cartcount1">1</div>
            </div>
            <div class="toolbar-label">Cart</div>
        </a>
    </div>
</div>

<div class="offcanvas offcanvas-bottom canvas-compare" id="compare">
    <div class="canvas-wrapper">
        <header class="canvas-header">
            <div class="close-popup">
                <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span>
            </div>
        </header>
        <div class="canvas-body">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="tf-compare-list">
                            <div class="tf-compare-head">
                                <div class="title">Compare Products</div>
                            </div>
                            <div class="tf-compare-offcanvas">
                                <div class="tf-compare-item">
                                    <div class="position-relative">
                                        <div class="icon">
                                            <i class="icon-close"></i>
                                        </div>
                                        <a href="">
                                            <img class="radius-3" src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/products/orange-1.jpg" alt="image">
                                        </a>
                                    </div>
                                </div>
                                <div class="tf-compare-item">
                                    <div class="position-relative">
                                        <div class="icon">
                                            <i class="icon-close"></i>
                                        </div>
                                        <a href="">
                                            <img class="radius-3" src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/products/pink-1.jpg" alt="image">
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="tf-compare-buttons">
                                <div class="tf-compare-buttons-wrap">
                                    <a href="" class="tf-btn radius-3 btn-fill justify-content-center fw-6 fs-14 flex-grow-1 animate-hover-btn ">Compare</a>
                                    <div class="tf-compapre-button-clear-all link">
                                        Clear All
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="offcanvas offcanvas-start canvas-mb toolbar-shop-mobile" id="toolbarShopmb">
    <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span>
    <div class="mb-canvas-content">
        <div class="mb-body">
            <ul class="nav-ul-mb" id="wrapper-menu-navigation">
                <li class="nav-mb-item">
                    <a href="shop-default.html" class="tf-category-link mb-menu-link">
                        <div class="image">
                            <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate1.jpg" alt="image">
                        </div>
                        <span>Accessories</span>
                    </a>
                </li>
                <li class="nav-mb-item">
                    <a href="shop-default.html" class="tf-category-link mb-menu-link">
                        <div class="image">
                            <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate2.jpg" alt="image">
                        </div>
                        <span>Dog</span>
                    </a>
                </li>
                <li class="nav-mb-item">
                    <a href="shop-default.html" class="tf-category-link mb-menu-link">
                        <div class="image">
                            <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate3.jpg" alt="image">
                        </div>
                        <span>Grocery</span>
                    </a>
                </li>
                <li class="nav-mb-item">
                    <a href="shop-default.html" class="tf-category-link mb-menu-link">
                        <div class="image">
                            <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate4.png" alt="image">
                        </div>
                        <span>Handbag</span>
                    </a>
                </li>
                <li class="nav-mb-item">
                    <a href="#cate-menu-one" class="tf-category-link has-children collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-menu-one">
                        <div class="image">
                            <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate5.jpg" alt="image">
                        </div>
                        <span>Fashion</span>
                        <span class="btn-open-sub"></span>
                    </a>
                    <div id="cate-menu-one" class="collapse list-cate">
                        <ul class="sub-nav-menu" id="cate-menu-navigation">
                            <li>
                                <a href="#cate-shop-one" class="tf-category-link has-children sub-nav-link collapsed"  data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-shop-one">
                                    <div class="image">
                                        <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate6.jpg" alt="image">
                                    </div>
                                    <span>Mens</span>
                                    <span class="btn-open-sub"></span>
                                </a>
                                <div id="cate-shop-one" class="collapse">
                                    <ul class="sub-nav-menu sub-menu-level-2">
                                        <li>
                                            <a href="shop-default.html" class="tf-category-link sub-nav-link">
                                                <div class="image">
                                                    <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate1.jpg" alt="image">
                                                </div>
                                                <span>Accessories</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-default.html" class="tf-category-link sub-nav-link">
                                                <div class="image">
                                                    <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate8.jpg" alt="image">
                                                </div>
                                                <span>Shoes</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="#cate-shop-two" class="tf-category-link has-children sub-nav-link collapsed"  data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-shop-two">
                                    <div class="image">
                                        <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate9.jpg" alt="image">
                                    </div>
                                    <span>Womens</span>
                                    <span class="btn-open-sub"></span>
                                </a>
                                <div id="cate-shop-two" class="collapse">
                                    <ul class="sub-nav-menu sub-menu-level-2">
                                        <li>
                                            <a href="shop-default.html" class="tf-category-link sub-nav-link">
                                                <div class="image">
                                                    <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate4.png" alt="image">
                                                </div>
                                                <span>Handbag</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-default.html" class="tf-category-link sub-nav-link">
                                                <div class="image">
                                                    <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate7.jpg" alt="image">
                                                </div>
                                                <span>Tee</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-mb-item">
                    <a href="#cate-menu-two" class="tf-category-link has-children collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-menu-two">
                        <div class="image">
                            <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate6.jpg" alt="image">
                        </div>
                        <span>Men</span>
                        <span class="btn-open-sub"></span>
                    </a>
                    <div id="cate-menu-two" class="collapse list-cate">
                        <ul class="sub-nav-menu" id="cate-menu-navigation1">
                            <li>
                                <a href="shop-default.html" class="tf-category-link sub-nav-link">
                                    <div class="image">
                                        <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate1.jpg" alt="image">
                                    </div>
                                    <span>Accessories</span>
                                </a>
                            </li>
                            <li>
                                <a href="shop-default.html" class="tf-category-link sub-nav-link">
                                    <div class="image">
                                        <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate8.jpg" alt="image">
                                    </div>
                                    <span>Shoes</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-mb-item">
                    <a href="shop-default.html" class="tf-category-link mb-menu-link">
                        <div class="image">
                            <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate7.jpg" alt="image">
                        </div>
                        <span>Tee</span>
                    </a>
                </li>
                <li class="nav-mb-item">
                    <a href="shop-default.html" class="tf-category-link mb-menu-link">
                        <div class="image">
                            <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate8.jpg" alt="image">
                        </div>
                        <span>Shoes</span>
                    </a>
                </li>
                <li class="nav-mb-item">
                    <a href="#cate-menu-three" class="tf-category-link has-children collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-menu-three">
                        <div class="image">
                            <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate9.jpg" alt="image">
                        </div>
                        <span>Women</span>
                        <span class="btn-open-sub"></span>
                    </a>
                    <div id="cate-menu-three" class="collapse list-cate">
                        <ul class="sub-nav-menu" id="cate-menu-navigation2">
                            <li>
                                <a href="shop-default.html" class="tf-category-link sub-nav-link">
                                    <div class="image">
                                        <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate4.png" alt="image">
                                    </div>
                                    <span>Handbag</span>
                                </a>
                            </li>
                            <li>
                                <a href="shop-default.html" class="tf-category-link sub-nav-link">
                                    <div class="image">
                                        <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/cate/cate7.jpg" alt="image">
                                    </div>
                                    <span>Tee</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="variant-picker-item">
                        <div class="variant-picker-label">
                            Size: <span class="fw-6 variant-picker-label-value">S</span>
                        </div>
                        <div class="variant-picker-values">
                            <input type="radio" name="size" id="values-s" checked>
                            <label class="style-text" for="values-s" data-value="S">
                                <p>S</p>
                            </label>
                            <input type="radio" name="size" id="values-m">
                            <label class="style-text" for="values-m" data-value="M">
                                <p>M</p>
                            </label>
                            <input type="radio" name="size" id="values-l">
                            <label class="style-text" for="values-l" data-value="L">
                                <p>L</p>
                            </label>
                            <input type="radio" name="size" id="values-xl">
                            <label class="style-text" for="values-xl" data-value="XL">
                                <p>XL</p>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="tf-product-info-quantity mb_15">
                    <div class="quantity-title fw-6">Quantity</div>
                    <div class="wg-quantity">
                        <span class="btn-quantity minus-btn">-</span>
                        <input type="text" name="number" value="1">
                        <span class="btn-quantity plus-btn">+</span>
                    </div>
                </div>
                <div class="tf-product-info-buy-button">
                    <form class="">
                        <a href="javascript:void(0);" class="tf-btn btn-fill justify-content-center fw-6 fs-16 flex-grow-1 animate-hover-btn btn-add-to-cart"><span>Add to cart - </span><span class="tf-qty-price">$18.00</span></a>
                        <div class="tf-product-btn-wishlist btn-icon-action">
                            <i class="icon-heart"></i>
                            <i class="icon-delete"></i>
                        </div>
                        <a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" class="tf-product-btn-wishlist box-icon bg_white compare btn-icon-action">
                            <span class="icon icon-compare"></span>
                            <span class="icon icon-check"></span>
                        </a>
                        <div class="w-100">
                            <a href="#" class="btns-full">Buy with <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/payments/paypal.png" alt="image"></a>
                            <a href="#" class="payment-more-option">More payment options</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade modalDemo" id="quick_view">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="header">
                <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>
            </div>
            <div class="wrap">
                <div class="tf-product-media-wrap">
                    <div dir="ltr" class="swiper tf-single-slide">
                        <div class="swiper-wrapper" >
                            <div class="swiper-slide">
                                <div class="item">
                                    <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/products/orange-1.jpg" alt="image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/products/pink-1.jpg" alt="image">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-button-next button-style-arrow single-slide-prev"></div>
                        <div class="swiper-button-prev button-style-arrow single-slide-next"></div>
                    </div>
                </div>
                <div class="tf-product-info-wrap position-relative">
                    <div class="tf-product-info-list">
                        <div class="tf-product-info-title">
                            <h5><a class="link" href="">Ribbed Tank Top</a></h5>
                        </div>
                        <div class="tf-product-info-badges">
                            <div class="badges text-uppercase">Best seller</div>
                            <div class="product-status-content">
                                <i class="icon-lightning"></i>
                                <p class="fw-6">Selling fast! 48 people have this in their carts.</p>
                            </div>
                        </div>
                        <div class="tf-product-info-price">
                            <div class="price">$18.00</div>
                        </div>
                        <div class="tf-product-description">
                            <p>Nunc arcu faucibus a et lorem eu a mauris adipiscing conubia ac aptent ligula facilisis a auctor habitant parturient a a.Interdum fermentum.</p>
                        </div>
                        <div class="tf-product-info-variant-picker">
                            <div class="variant-picker-item">
                                <div class="variant-picker-label">
                                    Color: <span class="fw-6 variant-picker-label-value">Orange</span>
                                </div>
                                <div class="variant-picker-values">
                                    <input id="values-orange-1" type="radio" name="color-1" checked>
                                    <label class="hover-tooltip radius-60" for="values-orange-1" data-value="Orange">
                                        <span class="btn-checkbox bg-color-orange"></span>
                                        <span class="tooltip">Orange</span>
                                    </label>
                                    <input id="values-black-1" type="radio" name="color-1">
                                    <label class=" hover-tooltip radius-60" for="values-black-1" data-value="Black">
                                        <span class="btn-checkbox bg-color-black"></span>
                                        <span class="tooltip">Black</span>
                                    </label>
                                    <input id="values-white-1" type="radio" name="color-1">
                                    <label class="hover-tooltip radius-60" for="values-white-1" data-value="White">
                                        <span class="btn-checkbox bg-color-white"></span>
                                        <span class="tooltip">White</span>
                                    </label>
                                </div>
                            </div>
                            <div class="variant-picker-item">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="variant-picker-label">
                                        Size: <span class="fw-6 variant-picker-label-value">S</span>
                                    </div>
                                    <div class="find-size btn-choose-size fw-6">Find your size</div>
                                </div>
                                <div class="variant-picker-values">
                                    <input type="radio" name="size-1" id="values-s-1" checked>
                                    <label class="style-text" for="values-s-1" data-value="S">
                                        <p>S</p>
                                    </label>
                                    <input type="radio" name="size-1" id="values-m-1">
                                    <label class="style-text" for="values-m-1" data-value="M">
                                        <p>M</p>
                                    </label>
                                    <input type="radio" name="size-1" id="values-l-1">
                                    <label class="style-text" for="values-l-1" data-value="L">
                                        <p>L</p>
                                    </label>
                                    <input type="radio" name="size-1" id="values-xl-1">
                                    <label class="style-text" for="values-xl-1" data-value="XL">
                                        <p>XL</p>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="tf-product-info-quantity">
                            <div class="quantity-title fw-6">Quantity</div>
                            <div class="wg-quantity">
                                <span class="btn-quantity minus-btn">-</span>
                                <input type="text" name="number" value="1">
                                <span class="btn-quantity plus-btn">+</span>
                            </div>
                        </div>
                        <div class="tf-product-info-buy-button">
                            <form class="">
                                <a href="javascript:void(0);" class="tf-btn btn-fill justify-content-center fw-6 fs-16 flex-grow-1 animate-hover-btn btn-add-to-cart"><span>Add to cart - </span><span class="tf-qty-price">$8.00</span></a>
                                <a href="javascript:void(0);" class="tf-product-btn-wishlist hover-tooltip box-icon bg_white wishlist btn-icon-action">
                                    <span class="icon icon-heart"></span>
                                    <span class="tooltip">Add to Wishlist</span>
                                    <span class="icon icon-delete"></span>
                                </a>
                                <a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" class="tf-product-btn-wishlist hover-tooltip box-icon bg_white compare btn-icon-action">
                                    <span class="icon icon-compare"></span>
                                    <span class="tooltip">Add to Compare</span>
                                    <span class="icon icon-check"></span>
                                </a>
                                <div class="w-100">
                                    <a href="#" class="btns-full">Buy with <img src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/payments/paypal.png" alt="image"></a>
                                    <a href="#" class="payment-more-option">More payment options</a>
                                </div>
                            </form>
                        </div>
                        <div>
                            <a href="" class="tf-btn fw-6 btn-line">View full details<i class="icon icon-arrow1-top-left"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade modalDemo tf-product-modal" id="find_size">
<div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
        <div class="header">
            <div class="demo-title">Size chart</div>
            <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>
        </div>
        <div class="tf-rte">
            <div class="tf-table-res-df">
                <h6>Size guide</h6>
                <table class="tf-sizeguide-table">
                    <thead>
                        <tr>
                            <th>Size</th>
                            <th>US</th>
                            <th>Bust</th>
                            <th>Waist</th>
                            <th>Low Hip</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>XS</td>
                            <td>2</td>
                            <td>32</td>
                            <td>24 - 25</td>
                            <td>33 - 34</td>
                        </tr>
                        <tr>
                            <td>S</td>
                            <td>4</td>
                            <td>34 - 35</td>
                            <td>26 - 27</td>
                            <td>35 - 26</td>
                        </tr>
                        <tr>
                            <td>M</td>
                            <td>6</td>
                            <td>36 - 37</td>
                            <td>28 - 29</td>
                            <td>38 - 40</td>
                        </tr>
                        <tr>
                            <td>L</td>
                            <td>8</td>
                            <td>38 - 29</td>
                            <td>30 - 31</td>
                            <td>42 - 44</td>
                        </tr>
                        <tr>
                            <td>XL</td>
                            <td>10</td>
                            <td>40 - 41</td>
                            <td>32 - 33</td>
                            <td>45 - 47</td>
                        </tr>
                        <tr>
                            <td>XXL</td>
                            <td>12</td>
                            <td>42 - 43</td>
                            <td>34 - 35</td>
                            <td>48 - 50</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="tf-page-size-chart-content">
                <div>
                    <h6>Measuring Tips</h6>
                    <div class="title">Bust</div>
                    <p>Measure around the fullest part of your bust.</p>
                    <div class="title">Waist</div>
                    <p>Measure around the narrowest part of your torso.</p>
                    <div class="title">Low Hip</div>
                    <p class="mb-0">With your feet together measure around the fullest part of your hips/rear.
                    </p>
                </div>
                <div>
                    <img class="sizechart lazyload" data-src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/products/size_chart2.jpg" src="https://demoayuraa.bharatresellingcloud.com/frontassets/images/shop/products/size_chart2.jpg" alt="image">
                </div>
            </div>
        </div>
    </div>
</div>
</div>


<div class="offcanvas offcanvas-start canvas-filter" id="filterShop">
<div class="canvas-wrapper">
    <header class="canvas-header">
        <div class="filter-icon">
            <span class="icon icon-filter"></span>
            <span>Filter</span>
        </div>
        <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span>
    </header>
    <div class="canvas-body">
        <div class="widget-facet wd-categories">
            <div class="facet-title" data-bs-target="#categories" data-bs-toggle="collapse" aria-expanded="true" aria-controls="categories">
                <span>Product categories</span>
                <span class="icon icon-arrow-up"></span>
            </div>
            <div id="categories" class="collapse show">
                <ul class="list-categoris current-scrollbar mb_36">
                    <li class="cate-item current"><a href=""><span>Fashion</span></a></li>
                    <li class="cate-item"><a href=""><span>Men</span></a></li>
                    <li class="cate-item"><a href=""><span>Women</span></a></li>
                    <li class="cate-item"><a href=""><span>Denim</span></a></li>
                    <li class="cate-item"><a href=""><span>Dress</span></a></li>
                </ul>
            </div>
        </div>
        <form action="#" id="facet-filter-form" class="facet-filter-form">
            <div class="widget-facet">
                <div class="facet-title" data-bs-target="#availability" data-bs-toggle="collapse" aria-expanded="true" aria-controls="availability">
                    <span>Availability</span>
                    <span class="icon icon-arrow-up"></span>
                </div>
                <div id="availability" class="collapse show">
                    <ul class="tf-filter-group current-scrollbar mb_36">
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="availability" class="tf-check" id="inStock">
                            <label for="inStock" class="label"><span>In stock</span> <span>(14)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="availability" class="tf-check" id="outStock">
                            <label for="outStock" class="label"><span>Out of stock</span> <span>(2)</span></label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="widget-facet">
                <div class="facet-title" data-bs-target="#price" data-bs-toggle="collapse" aria-expanded="true" aria-controls="price">
                    <span>Price</span>
                    <span class="icon icon-arrow-up"></span>
                </div>
                <div id="price" class="collapse show">
                    <div class="widget-price filter-price">
                        <div class="price-val-range" id="price-value-range" data-min="0" data-max="500"></div>
                        <div class="box-title-price">
                            <span class="title-price">Price :</span>
                            <div class="caption-price">
                                <div class="price-val" id="price-min-value" data-currency="$"></div>
                                <span>-</span>
                                <div class="price-val" id="price-max-value" data-currency="$"></div>
                            </div>
                        </div>
                    </div>

</div>
            </div>
            <div class="widget-facet">
                <div class="facet-title" data-bs-target="#brand" data-bs-toggle="collapse" aria-expanded="true" aria-controls="brand">
                    <span>Brand</span>
                    <span class="icon icon-arrow-up"></span>
                </div>
                <div id="brand" class="collapse show">
                    <ul class="tf-filter-group current-scrollbar mb_36">
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="brand" class="tf-check" id="Ecomus">
                            <label for="Ecomus" class="label"><span>Ecomus</span> <span>(8)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="brand" class="tf-check" id="M&H">
                            <label for="M&H" class="label"><span>M&H</span> <span>(8)</span></label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="widget-facet">
                <div class="facet-title" data-bs-target="#color" data-bs-toggle="collapse" aria-expanded="true" aria-controls="color">
                    <span>Color</span>
                    <span class="icon icon-arrow-up"></span>
                </div>
                <div id="color" class="collapse show">
                    <ul class="tf-filter-group filter-color current-scrollbar mb_36">
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_beige" id="Beige" value="Beige">
                            <label for="Beige" class="label"><span>Beige</span> <span>(3)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_dark" id="Black" value="Black">
                            <label for="Black" class="label"><span>Black</span> <span>(18)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_blue-2" id="Blue" value="Blue">
                            <label for="Blue" class="label"><span>Blue</span> <span>(3)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_brown" id="Brown" value="Brown">
                            <label for="Brown" class="label"><span>Brown</span> <span>(3)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_cream" id="Cream" value="Cream">
                            <label for="Cream" class="label"><span>Cream</span> <span>(1)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_dark-beige" id="Dark Beige" value="Dark Beige">
                            <label for="Dark Beige" class="label"><span>Dark Beige</span> <span>(1)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_dark-blue" id="Dark Blue" value="Dark Blue">
                            <label for="Dark Blue" class="label"><span>Dark Blue</span> <span>(3)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_dark-green" id="Dark Green" value="Dark Green">
                            <label for="Dark Green" class="label"><span>Dark Green</span> <span>(1)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_dark-grey" id="Dark Grey" value="Dark Grey">
                            <label for="Dark Grey" class="label"><span>Dark Grey</span> <span>(1)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_grey" id="Grey" value="Grey">
                            <label for="Grey" class="label"><span>Grey</span> <span>(2)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_light-blue" id="Light Blue" value="Light Blue">
                            <label for="Light Blue" class="label"><span>Light Blue</span> <span>(5)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_light-green" id="Light Green" value="Light Green">
                            <label for="Light Green" class="label"><span>Light Green</span> <span>(3)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_light-grey" id="Light Grey" value="Light Grey">
                            <label for="Light Grey" class="label"><span>Light Grey</span> <span>(1)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_light-pink" id="Light Pink" value="Light Pink">
                            <label for="Light Pink" class="label"><span>Light Pink</span> <span>(2)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_purple" id="Light Purple" value="Light Purple">
                            <label for="Light Purple" class="label"><span>Light Purple</span> <span>(2)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_light-yellow" id="Light Yellow" value="Light Yellow">
                            <label for="Light Yellow" class="label"><span>Light Yellow</span> <span>(1)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_orange" id="Orange" value="Orange">
                            <label for="Orange" class="label"><span>Orange</span> <span>(1)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_pink" id="Pink" value="Pink">
                            <label for="Pink" class="label"><span>Pink</span> <span>(2)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_taupe" id="Taupe" value="Taupe">
                            <label for="Taupe" class="label"><span>Taupe</span> <span>(1)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_white" id="White" value="White">
                            <label for="White" class="label"><span>White</span> <span>(14)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="color" class="tf-check-color bg_yellow" id="Yellow" value="Yellow">
                            <label for="Yellow" class="label"><span>Yellow</span> <span>(1)</span></label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="widget-facet">
                <div class="facet-title" data-bs-target="#size" data-bs-toggle="collapse" aria-expanded="true" aria-controls="size">
                    <span>Size</span>
                    <span class="icon icon-arrow-up"></span>
                </div>
                <div id="size" class="collapse show">
                    <ul class="tf-filter-group current-scrollbar">
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="size" class="tf-check tf-check-size" value="S" id="S">
                            <label for="S" class="label"><span>S</span> <span>(7)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="size" class="tf-check tf-check-size" value="M" id="M">
                            <label for="M" class="label"><span>M</span> <span>(8)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="size" class="tf-check tf-check-size" value="L" id="L">
                            <label for="L" class="label"><span>L</span> <span>(8)</span></label>
                        </li>
                        <li class="list-item d-flex gap-12 align-items-center">
                            <input type="radio" name="size" class="tf-check tf-check-size" value="XL" id="XL">
                            <label for="XL" class="label"><span>XL</span> <span>(6)</span></label>
                        </li>
                    </ul>
                </div>
            </div>
        </form>
    </div>
</div>
</div>

<script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/bootstrap.min.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/jquery.min.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/swiper-bundle.min.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/carousel.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/bootstrap-select.min.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/lazysize.min.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/count-down.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/wow.min.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/nouislider.min.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/shop.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/multiple-modal.js"></script>
 <script type="text/javascript" src="https://demoayuraa.bharatresellingcloud.com/frontassets/js/main.js"></script>

</body>

</html>