PK

ADDRLIN : /home/anibklip/aelogifts.com/
FLL :
Current File : /home/anibklip/aelogifts.com/index1.html

<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from themes.pixelstrap.com/multikart/front-end/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 15 Oct 2024 08:46:26 GMT -->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="multikart">
    <meta name="keywords" content="multikart">
    <meta name="author" content="multikart">
    <link rel="icon" href="../assets/images/favicon.png" type="image/x-icon">
    <link rel="shortcut icon" href="../assets/images/favicon.png" type="image/x-icon">
    <title>Multikart - Multi-purpose E-commerce Html Template</title>

    <!--Google font-->
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&amp;family=Montserrat:ital,wght@0,100..900;1,100..900&amp;display=swap">

    <!-- Icons -->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/remixicon.css">

    <!-- Slick slider css -->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/slick.css">

    <!-- Animate icon -->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/animate.css">

    <!-- Themify icon -->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/themify-icons.css">

    <!-- Bootstrap css -->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/bootstrap.css">

    <!-- Theme css -->
    <link rel="stylesheet" type="text/css" href="../assets/css/style.css">
</head>

<body class="theme-color-1">


    <!-- loader start -->
    <div class="loader_skeleton">
        <div class="top-header">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="header-contact">
                            <ul>
                                <li>Welcome to Our store Multikart</li>
                                <li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6 text-end">
                        <ul class="header-dropdown">
                            <li class="mobile-wishlist">
                                <a href="#!">
                                    <i class="ri-heart-fill"></i>
                                </a>
                            </li>
                            <li class="onhover-dropdown mobile-account">
                                <i class="ri-user-fill"></i>
                                My Account
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <header>
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="main-menu">
                            <div class="menu-left">
                                <div class="navbar">
                                    <a href="#!">
                                        <div class="bar-style">
                                            <i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
                                        </div>
                                    </a>
                                </div>
                                <div class="brand-logo">
                                    <a href="index.html">
                                        <img src="../assets/images/logo.png" class="img-fluid blur-up lazyload" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="menu-right pull-right">
                                <div>
                                    <nav>
                                        <div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
                                        </div>
                                        <ul class="sm pixelstrap sm-horizontal">
                                            <li>
                                                <div class="mobile-back text-end">Back<i
                                                        class="ri-arrow-left-s-line ps-2"></i></div>
                                            </li>
                                            <li>
                                                <a href="index.html">Home</a>
                                            </li>
                                            <li>
                                                <a href="#!">feature
                                                    <!-- <div class="lable-nav">new</div> -->
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#!">shop</a>
                                            </li>
                                            <li>
                                                <a href="#!">product</a>
                                            </li>
                                            <li>
                                                <a href="#!">pages</a>
                                            </li>
                                            <li><a href="#!">blog</a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                                <div>
                                    <div class="icon-nav d-none d-sm-block">
                                        <ul>
                                            <li class="onhover-div mobile-search">
                                                <div>
                                                    <i class="ri-search-line"></i>
                                                </div>
                                            </li>
                                            <li class="onhover-div mobile-setting">
                                                <div>
                                                    <i class="ri-equalizer-2-line"></i>
                                                </div>
                                            </li>
                                            <li class="onhover-div mobile-cart">
                                                <div>
                                                    <i class="ri-shopping-cart-line"></i>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <div class="home-slider">
            <div class="home"></div>
        </div>
        <section class="collection-banner">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="ldr-bg">
                            <div class="contain-banner">
                                <div>
                                    <h4></h4>
                                    <h2></h2>
                                    <h6></h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="ldr-bg">
                            <div class="contain-banner">
                                <div>
                                    <h4></h4>
                                    <h2></h2>
                                    <h6></h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="container section-b-space">
            <div class="row section-t-space">
                <div class="col-lg-6 offset-lg-3">
                    <div class="product-para">
                        <p class="first"></p>
                        <p class="second"></p>
                    </div>
                </div>
                <div class="col-12">
                    <div class="no-slider row">
                        <div class="product-box">
                            <div class="img-wrapper"></div>
                            <div class="product-detail">
                                <h4></h4>
                                <h5></h5>
                                <h5 class="second"></h5>
                                <h6></h6>
                            </div>
                        </div>
                        <div class="product-box">
                            <div class="img-wrapper"></div>
                            <div class="product-detail">
                                <h4></h4>
                                <h5></h5>
                                <h5 class="second"></h5>
                                <h6></h6>
                            </div>
                        </div>
                        <div class="product-box">
                            <div class="img-wrapper"></div>
                            <div class="product-detail">
                                <h4></h4>
                                <h5></h5>
                                <h5 class="second"></h5>
                                <h6></h6>
                            </div>
                        </div>
                        <div class="product-box">
                            <div class="img-wrapper"></div>
                            <div class="product-detail">
                                <h4></h4>
                                <h5></h5>
                                <h5 class="second"></h5>
                                <h6></h6>
                            </div>
                        </div>
                        <div class="product-box">
                            <div class="img-wrapper"></div>
                            <div class="product-detail">
                                <h4></h4>
                                <h5></h5>
                                <h5 class="second"></h5>
                                <h6></h6>
                            </div>
                        </div>
                        <div class="product-box">
                            <div class="img-wrapper"></div>
                            <div class="product-detail">
                                <h4></h4>
                                <h5></h5>
                                <h5 class="second"></h5>
                                <h6></h6>
                            </div>
                        </div>
                        <div class="product-box">
                            <div class="img-wrapper"></div>
                            <div class="product-detail">
                                <h4></h4>
                                <h5></h5>
                                <h5 class="second"></h5>
                                <h6></h6>
                            </div>
                        </div>
                        <div class="product-box">
                            <div class="img-wrapper"></div>
                            <div class="product-detail">
                                <h4></h4>
                                <h5></h5>
                                <h5 class="second"></h5>
                                <h6></h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- loader end -->


    <!-- header start -->
    <header>
        <div class="top-header">
            <div class="mobile-fix-option"></div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="header-contact">
                            <ul>
                                <li>Welcome to Our store Multikart</li>
                                <li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6 text-end">
                        <ul class="header-dropdown">
                            <li class="mobile-wishlist"><a href="#!"><i class="ri-heart-fill"></i></a>
                            </li>
                            <li class="onhover-dropdown mobile-account"> <i class="ri-user-fill"></i>
                                My Account
                                <ul class="onhover-show-div">
                                    <li><a href="login.html">Login</a></li>
                                    <li><a href="register.html">register</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="main-menu">
                        <div class="menu-left">
                            
                            <div class="brand-logo">
                                <a href="index.html">
                                    <img src="../assets/images/logo.png" class="img-fluid blur-up lazyload" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="menu-right pull-right">
                            <div>
                                <nav id="main-nav">
                                    <div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
                                    </div>
                                    <ul id="main-menu" class="sm pixelstrap sm-horizontal">
                                        <li class="mobile-box">
                                            <div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
                                        </li>
                                        <li><a href="index.html">Home</a></li>
                                        <li class="mega hover-cls">
                                            <a href="#!">About us 
                                                <!-- <div class="lable-nav">new</div> -->
                                            </a>
                                            <!-- <ul class="mega-menu full-mega-menu">
                                                <li>
                                                    <div class="container">
                                                        <div class="row g-xl-4 g-0">
                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>invoice template</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li><a target="_blank"
                                                                                    href="invoice-1.html">invoice
                                                                                    1</a></li>
                                                                            <li><a target="_blank"
                                                                                    href="invoice-2.html">invoice
                                                                                    2</a></li>
                                                                            <li><a target="_blank"
                                                                                    href="invoice-3.html">invoice
                                                                                    3</a></li>
                                                                            <li><a target="_blank"
                                                                                    href="invoice-4.html">invoice
                                                                                    4</a></li>
                                                                            <li><a target="_blank"
                                                                                    href="invoice-5.html">invoice
                                                                                    5</a></li>
                                                                        </ul>
                                                                    </div>
                                                                    <div class="menu-title">
                                                                        <h5>elements</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li><a href="elements.html">
                                                                                    elements page<i
                                                                                        class="ms-2 ri-flashlight-fill icon-trend"></i>
                                                                                </a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>email template</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/welcome.html">welcome</a>
                                                                            </li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/new-product-announcement.html">announcement</a>
                                                                            </li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/abandonment-email.html">abandonment</a>
                                                                            </li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/offer.html">offer</a>
                                                                            </li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/offer-2.html">offer
                                                                                    2</a></li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/product-review.html">review</a>
                                                                            </li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/featured-products.html">featured
                                                                                    product</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>email template</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/black-friday.html">black
                                                                                    friday</a></li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/christmas.html">christmas</a>
                                                                            </li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/cyber-monday.html">cyber-monday</a>
                                                                            </li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/flash-sale.html">flash
                                                                                    sale</a></li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/email-order-success.html">order
                                                                                    success</a></li>
                                                                            <li><a target="_blank"
                                                                                    href="https://themes.pixelstrap.com/multikart/email-template/email-order-success-two.html">order
                                                                                    success 2</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>cookie bar</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li><a href="index.html">bottom<i
                                                                                        class="ms-2 ri-flashlight-fill icon-trend"></i></a>
                                                                            </li>
                                                                            <li><a href="fashion-4.html">bottom left</a>
                                                                            </li>
                                                                            <li><a href="bicycle.html">bottom right</a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                    <div class="menu-title">
                                                                        <h5>search</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li><a href="marketplace-demo-2.html">ajax
                                                                                    search<i
                                                                                        class="ms-2 ri-flashlight-fill icon-trend"></i></a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>model</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li><a href="index.html">Newsletter</a></li>
                                                                            <li><a href="index.html">exit<i
                                                                                        class="ms-2 ri-flashlight-fill icon-trend"></i></a>
                                                                            </li>
                                                                            <li><a href="christmas.html">christmas</a>
                                                                            </li>
                                                                            <li><a href="furniture-3.html">black
                                                                                    friday</a></li>
                                                                            <li><a href="fashion-4.html">cyber
                                                                                    monday</a></li>
                                                                            <li><a href="marketplace-demo-3.html">new
                                                                                    year</a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>add to cart</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li><a href="nursery.html">cart modal
                                                                                    popup</a></li>
                                                                            <li><a href="bags.html">cart top</a></li>
                                                                            <li><a href="shoes.html">cart bottom</a>
                                                                            </li>
                                                                            <li><a href="watch.html">cart left</a></li>
                                                                            <li><a href="tools.html">cart right</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <img src="../assets/images/menu-banner.jpg" alt=""
                                                                    class="img-fluid mega-img d-xl-block d-none">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul> -->
                                        </li>
                                        <li>
                                            <a href="#!">shop</a>
                                            <ul>
                                                <li>
                                                    <a href="category-page(vegetables).html">tab style<span
                                                            class="new-tag">new</span></a>
                                                </li>
                                                <li>
                                                    <a href="category-page(top-filter).html">top filter</a>
                                                </li>
                                                <li>
                                                    <a href="category-page(modern).html">modern</a>
                                                </li>
                                                <li>
                                                    <a href="category-page.html">left sidebar</a>
                                                </li>
                                                <li>
                                                    <a href="category-page(right).html">right sidebar</a>
                                                </li>
                                                <li>
                                                    <a href="category-page(no-sidebar).html">no sidebar</a>
                                                </li>
                                                <li>
                                                    <a href="category-page(category-slider).html">Category Slider</a>
                                                </li>
                                                <li>
                                                    <a href="category-page(sidebar-popup).html">sidebar popup</a>
                                                </li>
                                                <li>
                                                    <a href="category-page(metro).html">metro</a>
                                                </li>
                                                <li>
                                                    <a href="category-page(full-width).html">full width</a>
                                                </li>
                                                <li>
                                                    <a href="category-page(load-more).html">load more</a>
                                                </li>
                                                <li>
                                                    <a href=category-page(2-grid).html>two grid</a>
                                                </li>
                                                <li>
                                                    <a href=category-page(3-grid).html>three grid</a>
                                                </li>
                                                <li>
                                                    <a href="category-page(4-grid).html">four grid</a>
                                                </li>
                                                <li>
                                                    <a href="category-page(list-view).html">list view</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <!-- <li class="mega hover-cls">
                                            <a href="#!">products</a>
                                            <ul class="mega-menu full-mega-menu">
                                                <li>
                                                    <div class="container">
                                                        <div class="row g-xl-4 g-0">
                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>Product Page</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li>
                                                                                <a href="product-page(thumbnail).html">Product
                                                                                    Thumbnail</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(4-image).html">Product
                                                                                    Image</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(slider).html">Product
                                                                                    Slider</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Product
                                                                                    Accordion</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(sticky).html">Product
                                                                                    Sticky</a>
                                                                            </li>
                                                                            <li>
                                                                                <a
                                                                                    href="product-page(vertical-tab).html">Product
                                                                                    Vertical Tab</a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>Product Page</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li>
                                                                                <a
                                                                                    href="product-page(left-sidebar).html">Product
                                                                                    Sidebar Left</a>
                                                                            </li>
                                                                            <li>
                                                                                <a
                                                                                    href="product-page(right-sidebar).html">Product
                                                                                    Sidebar Right</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Product
                                                                                    No Sidebar</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Product
                                                                                    Column Thumbnail</a>
                                                                            </li>
                                                                            <li>
                                                                                <a
                                                                                    href="product-page(image-outside).html">Product
                                                                                    Thumbnail Image Outside</a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>Product Variants Style</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li>
                                                                                <a href="product-page(3-column).html">Variant
                                                                                    Rectangle</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Variant
                                                                                    Circle</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Variant
                                                                                    Image Swatch</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(3-column).html">Variant
                                                                                    Color</a>
                                                                            </li>
                                                                            <li>
                                                                                <a
                                                                                    href="product-page(vertical-tab).html">Variant
                                                                                    Radio Button</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(sticky).html">Variant
                                                                                    Dropdown</a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>Product Features</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Product
                                                                                    Simple</a>
                                                                            </li>
                                                                            <li>
                                                                                <a
                                                                                    href="product-page(left-sidebar).html">Product
                                                                                    Classified</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Size
                                                                                    Chart</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Delivery
                                                                                    & Return</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Product
                                                                                    Review</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Ask
                                                                                    an Expert</a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>Product Features</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li>
                                                                                <a href="product-page(bundle).html">Bundle
                                                                                    (Cross Sale)</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Hot
                                                                                    Stock
                                                                                    Progress</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Out
                                                                                    Stock</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(thumbnail).html">Sale
                                                                                    Countdown</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(thumbnail).html">Product
                                                                                    Zoom</a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col mega-box">
                                                                <div class="link-section">
                                                                    <div class="menu-title">
                                                                        <h5>Product Features</h5>
                                                                    </div>
                                                                    <div class="menu-content">
                                                                        <ul>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Sticky
                                                                                    Checkout</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(accordian).html">Secure
                                                                                    Checkout</a>
                                                                            </li>
                                                                            <li>
                                                                                <a
                                                                                    href="product-page(vertical-tab).html">Social
                                                                                    Share</a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="product-page(thumbnail).html">Related
                                                                                    Products</a>
                                                                            </li>
                                                                            <li>
                                                                                <a
                                                                                    href="product-page(right-sidebar).html">Wishlist
                                                                                    & Compare</a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <img src="../assets/images/menu-banner.jpg" alt=""
                                                                    class="img-fluid mega-img d-xl-block d-none">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li> -->
                                        <li><a href="#!">contact us</a>
                                            <!-- <ul>
                                                <li>
                                                    <a href="#!">vendor</a>
                                                    <ul>
                                                        <li><a href="vendor-dashboard.html">vendor dashboard</a>
                                                        </li>
                                                        <li><a href="vendor-profile.html">vendor profile</a></li>
                                                        <li><a href="become-vendor.html">become vendor</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="#!">account</a>
                                                    <ul>
                                                        <li><a href="wishlist.html">wishlist</a></li>
                                                        <li><a href="cart.html">cart</a></li>
                                                        <li><a href="dashboard.html">Dashboard</a></li>
                                                        <li><a href="login.html">login</a></li>
                                                        <li><a href="register.html">register</a></li>
                                                        <li><a href="contact.html">contact</a></li>
                                                        <li><a href="forget_pwd.html">forget password</a></li>
                                                        <li><a href="profile.html">profile</a></li>
                                                        <li><a href="checkout.html">checkout</a></li>
                                                        <li><a href="order-success.html">order success</a></li>
                                                        <li><a href="order-tracking.html">order tracking<span
                                                                    class="new-tag">new</span></a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="#!">portfolio</a>
                                                    <ul>
                                                        <li><a href="#">grid</a>
                                                            <ul>
                                                                <li><a href="grid-2-col.html">grid
                                                                        2</a></li>
                                                                <li><a href="grid-3-col.html">grid
                                                                        3</a></li>
                                                                <li><a href="grid-4-col.html">grid
                                                                        4</a></li>
                                                            </ul>
                                                        </li>
                                                        <li><a href="#">masonry</a>
                                                            <ul>
                                                                <li><a href="masonary-2-grid.html">grid 2</a></li>
                                                                <li><a href="masonary-3-grid.html">grid 3</a></li>
                                                                <li><a href="masonary-4-grid.html">grid 4</a></li>
                                                                <li><a href="masonary-fullwidth.html">full width</a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li><a href="about-page.html">about us</a></li>
                                                <li><a href="search.html">search</a></li>
                                                <li><a href="review.html">review</a>
                                                </li>
                                                <li>
                                                    <a href="#!">compare</a>
                                                    <ul>
                                                        <li><a href="compare.html">compare</a></li>
                                                        <li><a href="compare-2.html">compare-2</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="collection.html">collection</a></li>
                                                <li><a href="lookbook.html">lookbook</a></li>
                                                <li><a href="sitemap.html">site map</a>
                                                </li>
                                                <li><a href="404.html">404</a></li>
                                                <li><a href="coming-soon.html">coming soon</a></li>
                                                <li><a href="faq.html">FAQ</a></li>
                                            </ul> -->
                                        </li>
                                        <li>
                                            <a href="#!">enquiry</a>
                                            <!-- <ul>
                                                <li><a href="blog-page.html">left sidebar</a></li>
                                                <li><a href="blog(right-sidebar).html">right sidebar</a></li>
                                                <li><a href="blog(no-sidebar).html">no sidebar</a></li>
                                                <li><a href="blog-details.html">blog details</a></li>
                                            </ul> -->
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                            <div>
                                <div class="icon-nav">
                                    <ul>
                                        <li class="onhover-div mobile-search">
                                            <div data-bs-toggle="modal" data-bs-target="#searchModal">
                                                <i class="ri-search-line"></i>
                                            </div>
                                        </li>
                                        <!-- <li class="onhover-div mobile-setting">
                                            <div><i class="ri-equalizer-2-line"></i></div>
                                            <div class="show-div setting">
                                                <h6>language</h6>
                                                <ul>
                                                    <li><a href="#!">english</a></li>
                                                    <li><a href="#!">french</a></li>
                                                </ul>
                                                <h6>currency</h6>
                                                <ul class="list-inline">
                                                    <li><a href="#!">euro</a></li>
                                                    <li><a href="#!">rupees</a></li>
                                                    <li><a href="#!">pound</a></li>
                                                    <li><a href="#!">dollar</a></li>
                                                </ul>
                                            </div>
                                        </li> -->
                                        <li class="onhover-div mobile-cart">
                                            <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas">
                                                <i class="ri-shopping-cart-line"></i>
                                            </div>
                                            <span class="cart_qty_cls">2</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- header end -->

    <!-- Home slider -->
    <section class="p-0">
        <div class="slide-1 home-slider">
            <div>
                <a href="category-page.html" class="home">
                    <img src="../assets/images/fashion-1/full-banner/1.png" alt="" class="bg-img blur-up lazyload">
                </a>
            </div>
            <div>
                <a href="category-page.html" class="home">
                    <img src="../assets/images/fashion-1/full-banner/2.png" alt="" class="bg-img blur-up lazyload">
                </a>
            </div>
        </div>
    </section>
    <!-- Home slider end -->

    <!-- collection banner -->
    <section class="pb-0 banner-section">
        <div class="container">
            <div class="row partition2">
                <div class="col-md-6">
                    <a href="category-page.html" class="collection-banner">
                        <img src="../assets/images/fashion-1/banner/1.png" class="img-fluid blur-up lazyload" alt="">
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="category-page.html" class="collection-banner">
                        <img src="../assets/images/fashion-1/banner/2.png" class="img-fluid blur-up lazyload" alt="">
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- collection banner end -->


    <!-- Paragraph-->
    <div class="title1 section-t-space">
        <h4>special offer</h4>
        <h2 class="title-inner1">Latest Drops</h2>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-6 offset-lg-3">
                <div class="product-para">
                    <p class="text-center">Looking for the latest trends in clothing, shoes and accessories? Welcome to
                        our 'Latest Drops' edit, bringing you all the latest styles from all your fave brands.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- Paragraph end -->

    <!-- Product slider -->
    <section class="section-b-space pt-0 ratio_asos">
        <div class="container">
            <div class="g-3 g-md-4 row row-cols-2 row-cols-md-3 row-cols-xl-4">
                <div>
                    <div class="basic-product theme-product-1">
                        <div class="overflow-hidden">
                            <div class="img-wrapper">
                                <div class="ribbon"><span>Exclusive</span></div>
                                <a href="product-page(image-swatch).html">
                                    <img src="../assets/images/fashion-1/product/1.jpg"
                                        class="img-fluid blur-up lazyload" alt="">
                                </a>
                                <div class="rating-label"><i class="ri-star-fill"></i><span>4.5</span>
                                </div>
                                <div class="cart-info">
                                    <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                        <i class="ri-heart-line"></i>
                                    </a>
                                    <button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart">
                                        <i class="ri-shopping-cart-line"></i>
                                    </button>
                                    <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView" title="Quick View">
                                        <i class="ri-eye-line"></i>
                                    </a>
                                    <a href="compare.html" title="Compare">
                                        <i class="ri-loop-left-line"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="product-detail">
                                <div>
                                    <div class="brand-w-color">
                                        <a class="product-title" href="product-page(accordian).html">
                                            Glamour Gaze
                                        </a>
                                        <div class="color-panel">
                                            <ul>
                                                <li style="background-color: papayawhip;"></li>
                                                <li style="background-color: burlywood;"></li>
                                                <li style="background-color: gainsboro;"></li>
                                            </ul>
                                            <span>+2</span>
                                        </div>
                                    </div>
                                    <h6>Boyfriend Shirts</h6>
                                    <h4 class="price">$ 2.79<del> $3.00 </del><span class="discounted-price"> 7% Off
                                        </span>
                                    </h4>
                                </div>
                                <ul class="offer-panel">
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="basic-product theme-product-1">
                        <div class="overflow-hidden">
                            <div class="img-wrapper">
                                <a href="product-page(accordian).html"><img
                                        src="../assets/images/fashion-1/product/2.jpg"
                                        class="img-fluid blur-up lazyload" alt=""></a>
                                <div class="rating-label"><i class="ri-star-s-fill"></i> <span>4.5</span>
                                </div>
                                <div class="cart-info">
                                    <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                        <i class="ri-heart-line"></i>
                                    </a>
                                    <button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart">
                                        <i class="ri-shopping-cart-line"></i>
                                    </button>
                                    <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView" title="Quick View">
                                        <i class="ri-eye-line"></i>
                                    </a>
                                    <a href="compare.html" title="Compare">
                                        <i class="ri-loop-left-line"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="product-detail">
                                <div>
                                    <div class="brand-w-color">
                                        <a class="product-title" href="product-page(accordian).html">
                                            VogueVista
                                        </a>

                                    </div>
                                    <h6>Classic Jacket</h6>
                                    <h4 class="price">$ 3.45 </h4>
                                </div>
                                <ul class="offer-panel">
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="basic-product theme-product-1">
                        <div class="overflow-hidden">
                            <div class="img-wrapper">
                                <a href="product-page(accordian).html"><img
                                        src="../assets/images/fashion-1/product/3.jpg"
                                        class="img-fluid blur-up lazyload" alt=""></a>
                                <div class="rating-label"><i class="ri-star-s-fill"></i> <span>4.5</span>
                                </div>
                                <div class="cart-info">
                                    <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                        <i class="ri-heart-line"></i>
                                    </a>
                                    <button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart">
                                        <i class="ri-shopping-cart-line"></i>
                                    </button>
                                    <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView" title="Quick View">
                                        <i class="ri-eye-line"></i>
                                    </a>
                                    <a href="compare.html" title="Compare">
                                        <i class="ri-loop-left-line"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="product-detail">
                                <div>
                                    <div class="brand-w-color">
                                        <a class="product-title" href="product-page(accordian).html">
                                            VogueVista
                                        </a>
                                        <div class="color-panel">
                                            <ul>
                                                <li style="background-color: papayawhip;"></li>
                                                <li style="background-color: burlywood;"></li>
                                                <li style="background-color: gainsboro;"></li>
                                            </ul>
                                            <span>+2</span>
                                        </div>
                                    </div>
                                    <h6>Versatile Shacket</h6>
                                    <h4 class="price">$ 3.12</h4>
                                </div>
                                <ul class="offer-panel">
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="basic-product theme-product-1">
                        <div class="overflow-hidden">
                            <div class="img-wrapper">
                                <div class="ribbon"><span>Exclusive</span></div>
                                <a href="product-page(accordian).html"><img
                                        src="../assets/images/fashion-1/product/4.jpg"
                                        class="img-fluid blur-up lazyload" alt=""></a>
                                <div class="rating-label"><i class="ri-star-s-fill"></i> <span>4.5</span>
                                </div>
                                <div class="cart-info">
                                    <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                        <i class="ri-heart-line"></i>
                                    </a>
                                    <button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart">
                                        <i class="ri-shopping-cart-line"></i>
                                    </button>
                                    <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView" title="Quick View">
                                        <i class="ri-eye-line"></i>
                                    </a>
                                    <a href="compare.html" title="Compare">
                                        <i class="ri-loop-left-line"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="product-detail">
                                <div>
                                    <div class="brand-w-color">
                                        <a class="product-title" href="product-page(accordian).html">
                                            Glamour Gaze
                                        </a>

                                    </div>
                                    <h6>Chic Denim</h6>
                                    <h4 class="price">$ 5.19<del> $6.00 </del><span class="discounted-price"> 8% Off
                                        </span>
                                    </h4>
                                </div>
                                <ul class="offer-panel">
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                    <li><span class="offer-icon"><i class="ri-discount-percent-fill"></i></span>
                                        Limited Time Offer: 5% off</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Product slider end -->


    <!-- full banner -->
    <section class="pt-0">
        <a href="category-page.html">
            <img src="../assets/images/fashion-1/full-banner/3.png" alt="" class="img-fluid blur-up lazyload">
        </a>
    </section>
    <!-- full banner end -->


    <!-- Tab product -->
    <div class="title1 section-t-space">
        <h4>exclusive products</h4>
        <h2 class="title-inner1">everyday casual</h2>
    </div>
    <section class="section-b-space pt-0 ratio_asos">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="theme-tab">
                        <ul class="tabs tab-title">
                            <li class="current"><a href="tab-4.html">DRESSES</a></li>
                            <li><a href="tab-5.html">TOPS</a></li>
                            <li><a href="tab-6.html">WINTER WEAR</a></li>
                        </ul>
                        <div class="tab-content-cls">
                            <div id="tab-4" class="tab-content active default">
                                <div class="g-3 g-md-4 row row-cols-2 row-cols-md-3 row-cols-xl-4">
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(image-swatch).html">
                                                        <img src="../assets/images/fashion-1/product/5.jpg"
                                                            class="img-fluid blur-up lazyload" alt="">
                                                    </a>
                                                    <div class="rating-label"><i
                                                            class="ri-star-fill"></i><span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                Couture Edge
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Purple Mini Dress</h6>
                                                        <h4 class="price">$ 4.34<del> $5.00 </del><span
                                                                class="discounted-price"> 5% Off
                                                            </span>
                                                        </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(accordian).html"><img
                                                            src="../assets/images/fashion-1/product/6.jpg"
                                                            class="img-fluid blur-up lazyload" alt=""></a>
                                                    <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                        <span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                Glamour Gaze
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Chic Mini Dress</h6>
                                                        <h4 class="price">$ 3.40 </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(accordian).html"><img
                                                            src="../assets/images/fashion-1/product/7.jpg"
                                                            class="img-fluid blur-up lazyload" alt=""></a>
                                                    <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                        <span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">Urban Chic</a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6> Stripped Bodycon Dress</h6>
                                                        <del class="price">$ 2.10</del>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(accordian).html"><img
                                                            src="../assets/images/fashion-1/product/8.jpg"
                                                            class="img-fluid blur-up lazyload" alt=""></a>
                                                    <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                        <span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                Glamour Gaze
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Tie and Dye Chiffon Top</h6>
                                                        <h4 class="price">$ 2.79<del> $3.00 </del><span
                                                                class="discounted-price"> 7% Off
                                                            </span>
                                                        </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-5" class="tab-content">
                                <div class="g-3 g-md-4 row row-cols-2 row-cols-md-3 row-cols-xl-4">
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(image-swatch).html">
                                                        <img src="../assets/images/fashion-1/product/9.jpg"
                                                            class="img-fluid blur-up lazyload" alt="">
                                                    </a>
                                                    <div class="rating-label"><i
                                                            class="ri-star-fill"></i><span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                Urban Chic
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Cami Tank Top</h6>
                                                        <h4 class="price">$ 1.80<del> $2.60 </del><span
                                                                class="discounted-price"> 4% Off
                                                            </span>
                                                        </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(accordian).html"><img
                                                            src="../assets/images/fashion-1/product/10.jpg"
                                                            class="img-fluid blur-up lazyload" alt=""></a>
                                                    <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                        <span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                Glamour Gaze
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Scarlet Stunner</h6>
                                                        <h4 class="price">$ 1.50 </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(accordian).html"><img
                                                            src="../assets/images/fashion-1/product/11.jpg"
                                                            class="img-fluid blur-up lazyload" alt=""></a>
                                                    <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                        <span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                VogueVista
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Chic Crop Top</h6>
                                                        <h4 class="price">$ 5.60<del> $6.80 </del><span
                                                                class="discounted-price"> 5% Off
                                                            </span>
                                                        </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(accordian).html"><img
                                                            src="../assets/images/fashion-1/product/12.jpg"
                                                            class="img-fluid blur-up lazyload" alt=""></a>
                                                    <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                        <span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                Urban Chic
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Backless Crop Top</h6>
                                                        <h4 class="price">$ 3.27 </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-6" class="tab-content">
                                <div class="g-3 g-md-4 row row-cols-2 row-cols-md-3 row-cols-xl-4">
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(image-swatch).html">
                                                        <img src="../assets/images/fashion-1/product/13.jpg"
                                                            class="img-fluid blur-up lazyload" alt="">
                                                    </a>
                                                    <div class="rating-label"><i
                                                            class="ri-star-fill"></i><span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                Glamour Gaze
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Boyfriend Shirts</h6>
                                                        <h4 class="price">$ 2.79<del> $3.00 </del><span
                                                                class="discounted-price"> 7% Off
                                                            </span>
                                                        </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(accordian).html"><img
                                                            src="../assets/images/fashion-1/product/14.jpg"
                                                            class="img-fluid blur-up lazyload" alt=""></a>
                                                    <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                        <span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                Couture Edge
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Cozy Sky Hoodie</h6>
                                                        <h4 class="price">$ 3.15 </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(accordian).html"><img
                                                            src="../assets/images/fashion-1/product/15.jpg"
                                                            class="img-fluid blur-up lazyload" alt=""></a>
                                                    <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                        <span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                Urban Chic
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Classic Jacket</h6>
                                                        <h4 class="price">$ 3.80 </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="basic-product theme-product-1">
                                            <div class="overflow-hidden">
                                                <div class="img-wrapper">
                                                    <a href="product-page(image-swatch).html">
                                                        <img src="../assets/images/fashion-1/product/16.jpg"
                                                            class="img-fluid blur-up lazyload" alt="">
                                                    </a>
                                                    <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                        <span>4.5</span>
                                                    </div>
                                                    <div class="cart-info">
                                                        <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                            <i class="ri-heart-line"></i>
                                                        </a>
                                                        <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                            title="Add to cart">
                                                            <i class="ri-shopping-cart-line"></i>
                                                        </button>
                                                        <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                            title="Quick View">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                        <a href="compare.html" title="Compare">
                                                            <i class="ri-loop-left-line"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="product-detail">
                                                    <div>
                                                        <div class="brand-w-color">
                                                            <a class="product-title"
                                                                href="product-page(accordian).html">
                                                                Couture Edge
                                                            </a>
                                                            <div class="color-panel">
                                                                <ul>
                                                                    <li style="background-color: papayawhip;"></li>
                                                                    <li style="background-color: burlywood;"></li>
                                                                    <li style="background-color: gainsboro;"></li>
                                                                </ul>
                                                                <span>+2</span>
                                                            </div>
                                                        </div>
                                                        <h6>Versatile Shacket</h6>
                                                        <h4 class="price"> $3.00
                                                        </h4>
                                                    </div>
                                                    <ul class="offer-panel">
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                        <li>
                                                            <span class="offer-icon">
                                                                <i class="ri-discount-percent-fill"></i>
                                                            </span>
                                                            Limited Time Offer: 5% off
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Tab product end -->


    <!-- service layout -->
    <div class="container">
        <section class="service border-section small-section">
            <div class="row">
                <div class="col-md-4 service-block">
                    <div class="media">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -117 679.99892 679">
                            <path
                                d="m12.347656 378.382812h37.390625c4.371094 37.714844 36.316407 66.164063 74.277344 66.164063 37.96875 0 69.90625-28.449219 74.28125-66.164063h241.789063c4.382812 37.714844 36.316406 66.164063 74.277343 66.164063 37.96875 0 69.902344-28.449219 74.285157-66.164063h78.890624c6.882813 0 12.460938-5.578124 12.460938-12.460937v-352.957031c0-6.882813-5.578125-12.464844-12.460938-12.464844h-432.476562c-6.875 0-12.457031 5.582031-12.457031 12.464844v69.914062h-105.570313c-4.074218.011719-7.890625 2.007813-10.21875 5.363282l-68.171875 97.582031-26.667969 37.390625-9.722656 13.835937c-1.457031 2.082031-2.2421872 4.558594-2.24999975 7.101563v121.398437c-.09765625 3.34375 1.15624975 6.589844 3.47656275 9.003907 2.320312 2.417968 5.519531 3.796874 8.867187 3.828124zm111.417969 37.386719c-27.527344 0-49.851563-22.320312-49.851563-49.847656 0-27.535156 22.324219-49.855469 49.851563-49.855469 27.535156 0 49.855469 22.320313 49.855469 49.855469 0 27.632813-22.21875 50.132813-49.855469 50.472656zm390.347656 0c-27.53125 0-49.855469-22.320312-49.855469-49.847656 0-27.535156 22.324219-49.855469 49.855469-49.855469 27.539063 0 49.855469 22.320313 49.855469 49.855469.003906 27.632813-22.21875 50.132813-49.855469 50.472656zm140.710938-390.34375v223.34375h-338.375c-6.882813 0-12.464844 5.578125-12.464844 12.460938 0 6.882812 5.582031 12.464843 12.464844 12.464843h338.375v79.761719h-66.421875c-4.382813-37.710937-36.320313-66.15625-74.289063-66.15625-37.960937 0-69.898437 28.445313-74.277343 66.15625h-192.308594v-271.324219h89.980468c6.882813 0 12.464844-5.582031 12.464844-12.464843 0-6.882813-5.582031-12.464844-12.464844-12.464844h-89.980468v-31.777344zm-531.304688 82.382813h99.703125v245.648437h-24.925781c-4.375-37.710937-36.3125-66.15625-74.28125-66.15625-37.960937 0-69.90625 28.445313-74.277344 66.15625h-24.929687v-105.316406l3.738281-5.359375h152.054687c6.882813 0 12.460938-5.574219 12.460938-12.457031v-92.226563c0-6.882812-5.578125-12.464844-12.460938-12.464844h-69.796874zm-30.160156 43h74.777344v67.296875h-122.265625zm0 0"
                                fill="#ec8951" />
                        </svg>
                        <div class="media-body">
                            <h4>free shipping</h4>
                            <p>free shipping world wide</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 service-block">
                    <div class="media">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
                            id="Capa_1" x="0px" y="0px" viewBox="0 0 480 480" style="enable-background:new 0 0 480 480;"
                            xml:space="preserve" width="512px" height="512px">
                            <g>
                                <g>
                                    <g>
                                        <path
                                            d="M472,432h-24V280c-0.003-4.418-3.588-7.997-8.006-7.994c-2.607,0.002-5.05,1.274-6.546,3.41l-112,160 c-2.532,3.621-1.649,8.609,1.972,11.14c1.343,0.939,2.941,1.443,4.58,1.444h104v24c0,4.418,3.582,8,8,8s8-3.582,8-8v-24h24 c4.418,0,8-3.582,8-8S476.418,432,472,432z M432,432h-88.64L432,305.376V432z"
                                            fill="#ec8951" />
                                        <path
                                            d="M328,464h-94.712l88.056-103.688c0.2-0.238,0.387-0.486,0.56-0.744c16.566-24.518,11.048-57.713-12.56-75.552 c-28.705-20.625-68.695-14.074-89.319,14.631C212.204,309.532,207.998,322.597,208,336c0,4.418,3.582,8,8,8s8-3.582,8-8 c-0.003-26.51,21.486-48.002,47.995-48.005c10.048-0.001,19.843,3.151,28.005,9.013c16.537,12.671,20.388,36.007,8.8,53.32 l-98.896,116.496c-2.859,3.369-2.445,8.417,0.924,11.276c1.445,1.226,3.277,1.899,5.172,1.9h112c4.418,0,8-3.582,8-8 S332.418,464,328,464z"
                                            fill="#ec8951" />
                                        <path
                                            d="M216.176,424.152c0.167-4.415-3.278-8.129-7.693-8.296c-0.001,0-0.002,0-0.003,0 C104.11,411.982,20.341,328.363,16.28,224H48c4.418,0,8-3.582,8-8s-3.582-8-8-8H16.28C20.283,103.821,103.82,20.287,208,16.288 V40c0,4.418,3.582,8,8,8s8-3.582,8-8V16.288c102.754,3.974,185.686,85.34,191.616,188l-31.2-31.2 c-3.178-3.07-8.242-2.982-11.312,0.196c-2.994,3.1-2.994,8.015,0,11.116l44.656,44.656c0.841,1.018,1.925,1.807,3.152,2.296 c0.313,0.094,0.631,0.172,0.952,0.232c0.549,0.198,1.117,0.335,1.696,0.408c0.08,0,0.152,0,0.232,0c0.08,0,0.152,0,0.224,0 c0.609-0.046,1.211-0.164,1.792-0.352c0.329-0.04,0.655-0.101,0.976-0.184c1.083-0.385,2.069-1.002,2.888-1.808l45.264-45.248 c3.069-3.178,2.982-8.242-0.196-11.312c-3.1-2.994-8.015-2.994-11.116,0l-31.976,31.952 C425.933,90.37,331.38,0.281,216.568,0.112C216.368,0.104,216.2,0,216,0s-0.368,0.104-0.568,0.112 C96.582,0.275,0.275,96.582,0.112,215.432C0.112,215.632,0,215.8,0,216s0.104,0.368,0.112,0.568 c0.199,115.917,91.939,210.97,207.776,215.28h0.296C212.483,431.847,216.013,428.448,216.176,424.152z"
                                            fill="#ec8951" />
                                        <path
                                            d="M323.48,108.52c-3.124-3.123-8.188-3.123-11.312,0L226.2,194.48c-6.495-2.896-13.914-2.896-20.408,0l-40.704-40.704 c-3.178-3.069-8.243-2.981-11.312,0.197c-2.994,3.1-2.994,8.015,0,11.115l40.624,40.624c-5.704,11.94-0.648,26.244,11.293,31.947 c9.165,4.378,20.095,2.501,27.275-4.683c7.219-7.158,9.078-18.118,4.624-27.256l85.888-85.888 C326.603,116.708,326.603,111.644,323.48,108.52z M221.658,221.654c-0.001,0.001-0.001,0.001-0.002,0.002 c-3.164,3.025-8.148,3.025-11.312,0c-3.125-3.124-3.125-8.189-0.002-11.314c3.124-3.125,8.189-3.125,11.314-0.002 C224.781,213.464,224.781,218.53,221.658,221.654z"
                                            fill="#ec8951" />
                                    </g>
                                </g>
                            </g>
                        </svg>
                        <div class="media-body">
                            <h4>24 X 7 service</h4>
                            <p>online service for new customer</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 service-block">
                    <div class="media">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -14 512.00001 512">
                            <path
                                d="m136.964844 308.234375c4.78125-2.757813 6.417968-8.878906 3.660156-13.660156-2.761719-4.777344-8.878906-6.417969-13.660156-3.660157-4.78125 2.761719-6.421875 8.882813-3.660156 13.660157 2.757812 4.78125 8.878906 6.421875 13.660156 3.660156zm0 0"
                                fill="#ec8951" />
                            <path
                                d="m95.984375 377.253906 50.359375 87.230469c10.867188 18.84375 35.3125 25.820313 54.644531 14.644531 19.128907-11.054687 25.703125-35.496094 14.636719-54.640625l-30-51.96875 25.980469-15c4.78125-2.765625 6.421875-8.878906 3.660156-13.660156l-13.003906-22.523437c1.550781-.300782 11.746093-2.300782 191.539062-37.570313 22.226563-1.207031 35.542969-25.515625 24.316407-44.949219l-33.234376-57.5625 21.238282-32.167968c2.085937-3.164063 2.210937-7.230469.316406-10.511719l-20-34.640625c-1.894531-3.28125-5.492188-5.203125-9.261719-4.980469l-38.472656 2.308594-36.894531-63.90625c-5.34375-9.257813-14.917969-14.863281-25.605469-14.996094-.128906-.003906-.253906-.003906-.382813-.003906-10.328124 0-19.703124 5.140625-25.257812 13.832031l-130.632812 166.414062-84.925782 49.03125c-33.402344 19.277344-44.972656 62.128907-25.621094 95.621094 17.679688 30.625 54.953126 42.671875 86.601563 30zm102.324219 57.238282c5.523437 9.554687 2.253906 21.78125-7.328125 27.316406-9.613281 5.558594-21.855469 2.144531-27.316407-7.320313l-50-86.613281 34.640626-20c57.867187 100.242188 49.074218 85.011719 50.003906 86.617188zm-22.683594-79.296876-10-17.320312 17.320312-10 10 17.320312zm196.582031-235.910156 13.820313 23.9375-12.324219 18.664063-23.820313-41.261719zm-104.917969-72.132812c2.683594-4.390625 6.941407-4.84375 8.667969-4.796875 1.707031.019531 5.960938.550781 8.527344 4.996093l116.3125 201.464844c3.789063 6.558594-.816406 14.804688-8.414063 14.992188-1.363281.03125-1.992187.277344-5.484374.929687l-123.035157-213.105469c2.582031-3.320312 2.914063-3.640624 3.425781-4.480468zm-16.734374 21.433594 115.597656 200.222656-174.460938 34.21875-53.046875-91.878906zm-223.851563 268.667968c-4.390625-7.597656-6.710937-16.222656-6.710937-24.949218 0-17.835938 9.585937-34.445313 25.011718-43.351563l77.941406-45 50 86.601563-77.941406 45.003906c-23.878906 13.78125-54.515625 5.570312-68.300781-18.304688zm0 0"
                                fill="#ec8951" />
                            <path
                                d="m105.984375 314.574219c-2.761719-4.78125-8.878906-6.421875-13.660156-3.660157l-17.320313 10c-4.773437 2.757813-10.902344 1.113282-13.660156-3.660156-2.761719-4.78125-8.878906-6.421875-13.660156-3.660156s-6.421875 8.878906-3.660156 13.660156c8.230468 14.257813 26.589843 19.285156 40.980468 10.980469l17.320313-10c4.78125-2.761719 6.421875-8.875 3.660156-13.660156zm0 0"
                                fill="#ec8951" />
                            <path
                                d="m497.136719 43.746094-55.722657 31.007812c-4.824218 2.6875-6.5625 8.777344-3.875 13.601563 2.679688 4.820312 8.765626 6.566406 13.601563 3.875l55.71875-31.007813c4.828125-2.6875 6.5625-8.777344 3.875-13.601562-2.683594-4.828125-8.773437-6.5625-13.597656-3.875zm0 0"
                                fill="#ec8951" />
                            <path
                                d="m491.292969 147.316406-38.636719-10.351562c-5.335938-1.429688-10.820312 1.734375-12.25 7.070312-1.429688 5.335938 1.738281 10.816406 7.074219 12.246094l38.640625 10.351562c5.367187 1.441407 10.824218-1.773437 12.246094-7.070312 1.429687-5.335938-1.738282-10.820312-7.074219-12.246094zm0 0"
                                fill="#ec8951" />
                            <path
                                d="m394.199219 7.414062-10.363281 38.640626c-1.429688 5.335937 1.734374 10.816406 7.070312 12.25 5.332031 1.425781 10.816406-1.730469 12.25-7.070313l10.359375-38.640625c1.429687-5.335938-1.734375-10.820312-7.070313-12.25-5.332031-1.429688-10.816406 1.734375-12.246093 7.070312zm0 0"
                                fill="#ec8951" />
                        </svg>
                        <div class="media-body">
                            <h4>festival offer</h4>
                            <p>new online special festival offer</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <!-- service layout  end -->


    <!-- blog section -->
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="title1 section-t-space">
                    <h4>From the Blog</h4>
                    <h2 class="title-inner1">Fashion for you</h2>
                </div>
            </div>
        </div>
    </div>
    <section class="blog pt-0 ratio2_3">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="slide-3 no-arrow slick-default-margin">
                        <div class="col-md-12">
                            <a href="#!">
                                <div class="classic-effect">
                                    <div>
                                        <img src="../assets/images/fashion-1/blog/1.png"
                                            class="img-fluid blur-up lazyload bg-img" alt="">
                                    </div>
                                    <span></span>
                                </div>
                            </a>
                            <div class="blog-details">
                                <h4>25 January 2021</h4>
                                <a href="#!">
                                    <p>Top 10 January Best-Sellers Products – All Under $50!</p>
                                </a>
                                <hr class="style1">
                                <h6>by: John Dio , 2 Comment</h6>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <a href="#!">
                                <div class="classic-effect">
                                    <div>
                                        <img src="../assets/images/fashion-1/blog/2.png"
                                            class="img-fluid blur-up lazyload bg-img" alt="">
                                    </div>
                                    <span></span>
                                </div>
                            </a>
                            <div class="blog-details">
                                <h4>25 January 2018</h4>
                                <a href="#!">
                                    <p>Quarantine Birthday Celebration | In The Times of COVID-19</p>
                                </a>
                                <hr class="style1">
                                <h6>by: John Dio , 2 Comment</h6>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <a href="#!">
                                <div class="classic-effect">
                                    <div>
                                        <img src="../assets/images/fashion-1/blog/3.png"
                                            class="img-fluid blur-up lazyload bg-img" alt="">
                                    </div>
                                    <span></span>
                                </div>
                            </a>
                            <div class="blog-details">
                                <h4>25 January 2018</h4>
                                <a href="#!">
                                    <p>London fashion & Hair Trends From Fashion Week</p>
                                </a>
                                <hr class="style1">
                                <h6>by: John Dio , 2 Comment</h6>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <a href="#!">
                                <div class="classic-effect">
                                    <div>
                                        <img src="../assets/images/fashion-1/blog/2.png"
                                            class="img-fluid blur-up lazyload bg-img" alt="">
                                    </div>
                                    <span></span>
                                </div>
                            </a>
                            <div class="blog-details">
                                <h4>25 January 2018</h4>
                                <a href="#!">
                                    <p>Fun Fashion Clothing and Ideas for Valentine’s Day</p>
                                </a>
                                <hr class="style1">
                                <h6>by: John Dio , 2 Comment</h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- blog section end -->


    <!-- instagram section -->
    <section class="instagram ratio_square">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12 p-0">
                    <h2 class="title-borderless">#whowearwhat</h2>
                    <div class="slide-7 no-arrow slick-instagram">
                        <div>
                            <a href="#!">
                                <div class="instagram-box"> <img src="../assets/images/fashion-1/instagram/1.png"
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="ri-instagram-fill"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#!">
                                <div class="instagram-box"> <img src="../assets/images/fashion-1/instagram/2.png"
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="ri-instagram-fill"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#!">
                                <div class="instagram-box"> <img src="../assets/images/fashion-1/instagram/3.png"
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="ri-instagram-fill"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#!">
                                <div class="instagram-box"> <img src="../assets/images/fashion-1/instagram/4.png"
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="ri-instagram-fill"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#!">
                                <div class="instagram-box"> <img src="../assets/images/fashion-1/instagram/5.png"
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="ri-instagram-fill"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#!">
                                <div class="instagram-box"> <img src="../assets/images/fashion-1/instagram/6.png"
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="ri-instagram-fill"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#!">
                                <div class="instagram-box"> <img src="../assets/images/fashion-1/instagram/7.png"
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="ri-instagram-fill"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#!">
                                <div class="instagram-box"> <img src="../assets/images/fashion-1/instagram/4.png"
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="ri-instagram-fill"></i></div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- instagram section end -->


    <!--  logo section -->
    <section class="section-b-space">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="slide-6 no-arrow">
                        <div>
                            <div class="logo-block">
                                <a href="#!"><img src="../assets/images/logos/1.png" alt=""></a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#!"><img src="../assets/images/logos/2.png" alt=""></a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#!"><img src="../assets/images/logos/3.png" alt=""></a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#!"><img src="../assets/images/logos/4.png" alt=""></a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#!"><img src="../assets/images/logos/5.png" alt=""></a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#!"><img src="../assets/images/logos/6.png" alt=""></a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#!"><img src="../assets/images/logos/7.png" alt=""></a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#!"><img src="../assets/images/logos/8.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--  logo section end-->


    <!-- Footer Section Start -->
    <footer class="footer-style-1">
        <section class="section-b-space darken-layout">
            <div class="container">
                <div class="row footer-theme g-md-5 g-2">
                    <div class="col-xl-3 col-lg-5 col-md-6 sub-title">
                        <div>
                            <div class="footer-logo"><a href="index.html"><img alt="logo" class="img-fluid"
                                        src="../assets/images/logo-white.png">
                                </a></div>
                            <p> Discover the latest trends and enjoy seamless shopping
                                with our exclusive collections.
                            </p>

                            <ul class="contact-list">
                                <li><i class="ri-map-pin-line"></i>
                                    Multikart Demo Store, Demo Store India 345-659 </li>

                                <li><i class="ri-phone-line"></i>
                                    Call Us: 123-456-7898 </li>
                                <li><i class="ri-mail-line"></i>
                                    Email Us: Support@Multikart.com </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-3 col-md-4 col-md-6">
                        <div class="sub-title">
                            <div class="footer-title">
                                <h4>Categories</h4>
                            </div>
                            <div class="footer-content">
                                <ul>
                                    <li><a href="product-page(thumbnail).html" class="text-content">Baby
                                            Essentials</a></li>
                                    <li><a href="product-page(thumbnail).html" class="text-content">Bag
                                            Emporium</a></li>
                                    <li><a href="product-page(thumbnail).html" class="text-content">Books</a>
                                    </li>
                                    <li><a href="product-page(thumbnail).html" class="text-content">Christmas</a></li>
                                    <li><a href="product-page(thumbnail).html" class="text-content">Classic
                                            Furnishings</a></li>
                                    <li><a href="product-page(thumbnail).html" class="text-content">Crystal
                                            Clarity Optics</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl col-lg-3 col-md-3">
                        <div class="sub-title">
                            <div class="footer-title">
                                <h4>Useful Links</h4>
                            </div>
                            <div class="footer-content">
                                <ul>
                                    <li><a class="text-content" href="index.html">Home</a></li>
                                    <li><a class="text-content" href="collection.html">Collections</a>
                                    </li>
                                    <li><a class="text-content" href="about-page.html">About Us</a>
                                    </li>
                                    <li><a class="text-content" href="blog(right-sidebar).html">Blogs</a></li>
                                    <li><a class="text-content" href="offers.html">Offers</a></li>
                                    <li><a class="text-content" href="search.html">Search</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-md-3">
                        <div class="sub-title">
                            <div class="footer-title">
                                <h4>Help Center</h4>
                            </div>
                            <div class="footer-content">
                                <ul>
                                    <li><a class="text-content" href="dashboard.html">My
                                            Account</a></li>
                                    <li><a class="text-content" href="dashboard.html">My
                                            Orders</a>
                                    </li>
                                    <li><a class="text-content" href="order-tracking.html">Track
                                            Order</a></li>
                                    <li><a class="text-content" href="wishlist.html">Wishlist</a>
                                    </li>
                                    <li><a class="text-content" href="faq.html">Faq's</a></li>
                                    <li><a class="text-content" href="contact.html">Contact
                                            Us</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="sub-title">
                            <div class="footer-title">
                                <h4>Follow Us</h4>
                            </div>
                            <div class="footer-content">
                                <p class="mb-cls-content">Never Miss Anything From
                                    Store By Signing Up To Our Newsletter.</p>
                                <form novalidate="" class="form-inline">
                                    <div class="form-group me-sm-3 mb-2">
                                        <input type="email" class="form-control" placeholder="Enter Email Address">
                                    </div>
                                    <button class="btn btn-solid mb-2">Subscribe</button>
                                </form>
                                <div class="footer-social">
                                    <ul>
                                        <li>
                                            <a target="_blank" href="https://facebook.com/">
                                                <i class="ri-facebook-fill"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a target="_blank" href="https://twitter.com/">
                                                <i class="ri-twitter-fill"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a target="_blank" href="https://instagram.com/">
                                                <i class="ri-instagram-fill"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a target="_blank" href="https://pinterest.com/">
                                                <i class="ri-pinterest-fill"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="sub-footer dark-subfooter">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-md-6 col-sm-12">
                        <div class="footer-end">
                            <p><i class="ri-copyright-line"></i> 2024-25 themeforest powered by
                                pixelstrap</p>
                        </div>
                    </div>
                    <div class="col-xl-6 col-md-6 col-sm-12">
                        <div class="payment-card-bottom">
                            <img alt="payment options" src="../assets/images/payment.png" class="img-fluid">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer Section End -->


    <!-- Search Modal Start -->
    <div class="modal fade search-modal theme-modal-2" id="searchModal" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title fs-5">Search in store</h3>
                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                        <i class="ri-close-line"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="search-input-box">
                        <input type="text" class="form-control" placeholder="Search with brands and categories...">
                        <i class="ri-search-2-line"></i>
                    </div>

                    <ul class="search-category">
                        <li class="category-title">Top search:</li>
                        <li>
                            <a href="category-page.html">Baby Essentials</a>
                        </li>
                        <li>
                            <a href="category-page.html">Bag Emporium</a>
                        </li>
                        <li>
                            <a href="category-page.html">Bags</a>
                        </li>
                        <li>
                            <a href="category-page.html">Books</a>
                        </li>
                    </ul>

                    <div class="search-product-box mt-sm-4 mt-3">
                        <h3 class="search-title">Most Searched</h3>

                        <div class="row row-cols-xl-4 row-cols-md-3 row-cols-2 g-sm-4 g-3">
                            <div class="col">
                                <div class="basic-product theme-product-1">
                                    <div class="overflow-hidden">
                                        <div class="img-wrapper">
                                            <div class="ribbon"><span>Exclusive</span></div>
                                            <a href="product-page(image-swatch).html">
                                                <img src="../assets/images/fashion-1/product/1.jpg"
                                                    class="img-fluid blur-up lazyloaded" alt="">
                                            </a>
                                            <div class="rating-label"><i class="ri-star-fill"></i><span>2.5</span>
                                            </div>
                                            <div class="cart-info">
                                                <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                    <i class="ri-heart-line"></i>
                                                </a>
                                                <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                    title="Add to cart">
                                                    <i class="ri-shopping-cart-line"></i>
                                                </button>
                                                <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                    title="Quick View">
                                                    <i class="ri-eye-line"></i>
                                                </a>
                                                <a href="compare.html" title="Compare">
                                                    <i class="ri-loop-left-line"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="product-detail">
                                            <div>
                                                <div class="brand-w-color">
                                                    <a class="product-title" href="product-page(accordian).html">
                                                        Glamour Gaze
                                                    </a>
                                                    <div class="color-panel">
                                                        <ul>
                                                            <li style="background-color: papayawhip;"></li>
                                                            <li style="background-color: burlywood;"></li>
                                                            <li style="background-color: gainsboro;"></li>
                                                        </ul>
                                                        <span>+2</span>
                                                    </div>
                                                </div>
                                                <h6>Boyfriend Shirts</h6>
                                                <h4 class="price">$ 2.79<del> $3.00 </del><span
                                                        class="discounted-price"> 7%
                                                        Off
                                                    </span>
                                                </h4>
                                            </div>
                                            <ul class="offer-panel">
                                                <li>
                                                    <span class="offer-icon">
                                                        <i class="ri-discount-percent-fill"></i>
                                                    </span>
                                                    Limited Time Offer: 4% off
                                                </li>
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 4% off</li>
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 4% off</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col">
                                <div class="basic-product theme-product-1">
                                    <div class="overflow-hidden">
                                        <div class="img-wrapper">
                                            <a href="product-page(accordian).html"><img
                                                    src="../assets/images/fashion-1/product/11.jpg"
                                                    class="img-fluid blur-up lazyloaded" alt=""></a>
                                            <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                <span>6.5</span>
                                            </div>
                                            <div class="cart-info">
                                                <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                    <i class="ri-heart-line"></i>
                                                </a>
                                                <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                    title="Add to cart">
                                                    <i class="ri-shopping-cart-line"></i>
                                                </button>
                                                <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                    title="Quick View">
                                                    <i class="ri-eye-line"></i>
                                                </a>
                                                <a href="compare.html" title="Compare">
                                                    <i class="ri-loop-left-line"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="product-detail">
                                            <div>
                                                <div class="brand-w-color">
                                                    <a class="product-title" href="product-page(accordian).html">
                                                        VogueVista
                                                    </a>
                                                </div>
                                                <h6>Chic Crop Top</h6>
                                                <h4 class="price">$ 5.60<del> $6.80 </del><span
                                                        class="discounted-price"> 5%
                                                        Off
                                                    </span>
                                                </h4>
                                            </div>
                                            <ul class="offer-panel">
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 25% off</li>
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 25% off</li>
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 25% off</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col">
                                <div class="basic-product theme-product-1">
                                    <div class="overflow-hidden">
                                        <div class="img-wrapper">
                                            <a href="product-page(accordian).html"><img
                                                    src="../assets/images/fashion-1/product/15.jpg"
                                                    class="img-fluid blur-up lazyloaded" alt=""></a>
                                            <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                <span>3.7</span>
                                            </div>
                                            <div class="cart-info">
                                                <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                    <i class="ri-heart-line"></i>
                                                </a>
                                                <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                    title="Add to cart">
                                                    <i class="ri-shopping-cart-line"></i>
                                                </button>
                                                <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                    title="Quick View">
                                                    <i class="ri-eye-line"></i>
                                                </a>
                                                <a href="compare.html" title="Compare">
                                                    <i class="ri-loop-left-line"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="product-detail">
                                            <div>
                                                <div class="brand-w-color">
                                                    <a class="product-title" href="product-page(accordian).html">
                                                        Urban Chic
                                                    </a>
                                                </div>
                                                <h6>Classic Jacket</h6>
                                                <h4 class="price">$ 3.80 </h4>
                                            </div>
                                            <ul class="offer-panel">
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 10% off</li>
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 10% off</li>
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 10% off</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col">
                                <div class="basic-product theme-product-1">
                                    <div class="overflow-hidden">
                                        <div class="img-wrapper">
                                            <a href="product-page(image-swatch).html">
                                                <img src="../assets/images/fashion-1/product/16.jpg"
                                                    class="img-fluid blur-up lazyloaded" alt="">
                                            </a>
                                            <div class="rating-label"><i class="ri-star-s-fill"></i>
                                                <span>8.7</span>
                                            </div>
                                            <div class="cart-info">
                                                <a href="#!" title="Add to Wishlist" class="wishlist-icon">
                                                    <i class="ri-heart-line"></i>
                                                </a>
                                                <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                    title="Add to cart">
                                                    <i class="ri-shopping-cart-line"></i>
                                                </button>
                                                <a href="#!" data-bs-toggle="modal" data-bs-target="#quickView"
                                                    title="Quick View">
                                                    <i class="ri-eye-line"></i>
                                                </a>
                                                <a href="compare.html" title="Compare">
                                                    <i class="ri-loop-left-line"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="product-detail">
                                            <div>
                                                <div class="brand-w-color">
                                                    <a class="product-title" href="product-page(accordian).html">
                                                        Couture Edge
                                                    </a>
                                                </div>
                                                <h6>Versatile Shacket</h6>
                                                <h4 class="price"> $3.00
                                                </h4>
                                            </div>
                                            <ul class="offer-panel">
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 12% off</li>
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 12% off</li>
                                                <li><span class="offer-icon"><i
                                                            class="ri-discount-percent-fill"></i></span>
                                                    Limited Time Offer: 12% off</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Search Modal End -->


    <!-- Cart Offcanvas Start -->
    <div class="offcanvas offcanvas-end cart-offcanvas" tabindex="-1" id="cartOffcanvas">
        <div class="offcanvas-header">
            <h3 class="offcanvas-title">My Cart (3)</h3>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas">
                <i class="ri-close-line"></i>
            </button>
        </div>
        <div class="offcanvas-body">
            <div class="pre-text-box">
                <p>spend $20.96 More And Enjoy Free Shipping!</p>
                <div class="progress" role="progressbar">
                    <div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 58.08%;">
                        <i class="ri-truck-line"></i>
                    </div>
                </div>
            </div>

            <div class="sidebar-title">
                <a href="#!">Clear Cart</a>
            </div>

            <div class="cart-media">
                <ul class="cart-product">
                    <li>
                        <div class="media">
                            <a href="#!">
                                <img src="../assets/images/fashion-1/product/5.jpg" class="img-fluid"
                                    alt="Classic Jacket">
                            </a>
                            <div class="media-body">
                                <a href="#!">
                                    <h4>Couture Edge</h4>
                                </a>
                                <h4 class="quantity">
                                    <span>1 x $6.74</span>
                                </h4>

                                <div class="qty-box">
                                    <div class="input-group qty-container">
                                        <button class="btn qty-btn-minus">
                                            <i class="ri-subtract-line"></i>
                                        </button>
                                        <input type="number" readonly name="qty" class="form-control input-qty"
                                            value="1">
                                        <button class="btn qty-btn-plus">
                                            <i class="ri-add-line"></i>
                                        </button>
                                    </div>
                                </div>

                                <div class="close-circle">
                                    <button class="close_button edit-button" data-bs-toggle="modal"
                                        data-bs-target="#variationModal">
                                        <i class="ri-pencil-line"></i>
                                    </button>
                                    <button class="close_button delete-button" type="submit">
                                        <i class="ri-delete-bin-line"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="media">
                            <a href="#!">
                                <img src="../assets/images/fashion-1/product/13.jpg" class="img-fluid"
                                    alt="Classic Jacket">
                            </a>
                            <div class="media-body">
                                <a href="#!">
                                    <h4>Classic Jacket</h4>
                                </a>
                                <h4 class="quantity">
                                    <span>1 x $7.84</span>
                                </h4>
                                <div class="qty-box">
                                    <div class="input-group qty-container">
                                        <button class="btn qty-btn-minus">
                                            <i class="ri-subtract-line"></i>
                                        </button>
                                        <input type="number" readonly name="qty" class="form-control input-qty"
                                            value="1">
                                        <button class="btn qty-btn-plus">
                                            <i class="ri-add-line"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="close-circle">
                                    <button class="close_button delete-button" type="submit">
                                        <i class="ri-delete-bin-line"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="media">
                            <a href="#!">
                                <img src="../assets/images/fashion-1/product/12.jpg" class="img-fluid"
                                    alt="Classic Jacket">
                            </a>
                            <div class="media-body">
                                <a href="#!">
                                    <h4>Urban Chic</h4>
                                </a>
                                <h4 class="quantity">
                                    <span>2 x $3.84</span>
                                </h4>
                                <div class="qty-box">
                                    <div class="input-group qty-container">
                                        <button class="btn qty-btn-minus">
                                            <i class="ri-subtract-line"></i>
                                        </button>
                                        <input type="number" readonly name="qty" class="form-control input-qty"
                                            value="1">
                                        <button class="btn qty-btn-plus">
                                            <i class="ri-add-line"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="close-circle">
                                    <button class="close_button delete-button" type="submit">
                                        <i class="ri-delete-bin-line"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>

                <ul class="cart_total">
                    <li>
                        <div class="total">
                            <h5>Sub Total : <span>$36.74</span>
                            </h5>
                        </div>
                    </li>
                    <li>
                        <div class="buttons">
                            <a href="cart.html" class="btn view-cart">View Cart</a>
                            <a href="checkout.html" class="btn checkout">Check Out</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="modal fade theme-modal-2 variation-modal" id="variationModal">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <button type="button" class="btn-close" data-bs-dismiss="modal">
                    <i class="ri-close-line"></i>
                </button>
                <div class="modal-body">
                    <div class="product-right product-page-details variation-title">
                        <h2 class="main-title">
                            <a href="product-page(accordian).html">Cami Tank Top (Blue)</a>
                        </h2>
                        <h3 class="price-detail">$14.25 <span>5% off</span></h3>
                    </div>
                    <div class="variation-box">
                        <h4 class="sub-title">Color:</h4>
                        <ul class="quantity-variant color">
                            <li class="bg-light">
                                <span style="background-color: rgb(240, 0, 0);"></span>
                            </li>
                            <li class="bg-light">
                                <span style="background-color: rgb(47, 147, 72);"></span>
                            </li>
                            <li class="bg-light active">
                                <span style="background-color: rgb(0, 132, 255);"></span>
                            </li>
                        </ul>
                    </div>
                    <div class="variation-qty-button">
                        <div class="qty-section">
                            <div class="qty-box">
                                <div class="input-group qty-container">
                                    <button class="btn qty-btn-minus">
                                        <i class="ri-subtract-line"></i>
                                    </button>
                                    <input type="number" readonly name="qty" class="form-control input-qty" value="1">
                                    <button class="btn qty-btn-plus">
                                        <i class="ri-add-line"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="product-buttons">
                            <button class="btn btn-animation btn-solid hover-solid scroll-button"
                                id="replacecartbtnVariation14" type="submit" data-bs-dismiss="modal">
                                <i class="ri-shopping-cart-line me-1"></i>
                                Update Item
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Cart Offcanvas End -->


    <!-- cookie bar start -->
    <!-- <div class="cookie-bar">
        <p>We use cookies to improve our site and your shopping experience. By continuing to browse our site you accept
            our cookie policy.</p>
        <a href="#!" class="btn btn-solid btn-xs">accept</a>
        <a href="#!" class="btn btn-solid btn-xs">decline</a>
    </div> -->
    <!-- cookie bar end -->

    <!--modal popup start-->
    <div class="modal fade bd-example-modal-lg theme-modal" id="exampleModal">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body modal1">
                    <div class="container-fluid p-0">
                        <div class="row">
                            <div class="col-12">
                                <div class="modal-bg">
                                    <button type="button" class="btn-close"
                                        data-bs-dismiss="modal"><span>&times;</span></button>
                                    <div class="offer-content"> <img src="../assets/images/Offer-banner.png"
                                            class="img-fluid blur-up lazyload" alt="">
                                        <h2>newsletter</h2>
                                        <form
                                            action="https://pixelstrap.us19.list-manage.com/subscribe/post?u=5a128856334b598b395f1fc9b&amp;id=082f74cbda"
                                            class="auth-form needs-validation" method="post"
                                            id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
                                            target="_blank">
                                            <div class="form-group mx-sm-3">
                                                <input type="email" class="form-control" name="EMAIL" id="mce-EMAIL"
                                                    placeholder="Enter your email" required="required">
                                                <button type="submit" class="btn btn-solid"
                                                    id="mc-submit">subscribe</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--modal popup end-->


    <!-- Quick-view modal popup start-->
    <div class="modal fade theme-modal-2 quick-view-modal" id="quickView">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <button type="button" class="btn-close" data-bs-dismiss="modal">
                    <i class="ri-close-line"></i>
                </button>
                <div class="modal-body">
                    <div class="wrap-modal-slider">
                        <div class="row g-sm-4 g-3">
                            <div class="col-lg-6">
                                <div class="row g-3">
                                    <div class="col-12">
                                        <div class="view-main-slider">
                                            <div>
                                                <img src="../assets/images/fashion-1/product/1.jpg" class="img-fluid"
                                                    alt="">
                                            </div>
                                            <div>
                                                <img src="../assets/images/fashion-1/product/1-1.jpg" class="img-fluid"
                                                    alt="">
                                            </div>
                                            <div>
                                                <img src="../assets/images/fashion-1/product/1-2.jpg" class="img-fluid"
                                                    alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="view-thumbnail-slider no-arrow">
                                            <div>
                                                <div class="slider-image">
                                                    <img src="../assets/images/fashion-1/product/1.jpg"
                                                        class="img-fluid" alt="">
                                                </div>
                                            </div>
                                            <div>
                                                <div class="slider-image">
                                                    <img src="../assets/images/fashion-1/product/1-1.jpg"
                                                        class="img-fluid" alt="">
                                                </div>
                                            </div>
                                            <div>
                                                <div class="slider-image">
                                                    <img src="../assets/images/fashion-1/product/1-2.jpg"
                                                        class="img-fluid" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="right-sidebar-modal">
                                    <a class="name" href="product-page(accordian).html">Boyfriend Shirts</a>
                                    <div class="product-rating">
                                        <ul class="rating-list">
                                            <li>
                                                <i class="ri-star-line"></i>
                                            </li>
                                            <li>
                                                <i class="ri-star-line"></i>
                                            </li>
                                            <li>
                                                <i class="ri-star-line"></i>
                                            </li>
                                            <li>
                                                <i class="ri-star-line"></i>
                                            </li>
                                            <li>
                                                <i class="ri-star-line"></i>
                                            </li>
                                        </ul>
                                        <div class="divider">|</div>
                                        <a href="#!">0 Review</a>
                                    </div>
                                    <div class="price-text">
                                        <h3>
                                            <span class="fw-normal">MRP:</span>
                                            $10.56
                                            <del>$12.00</del>
                                            <span class="discounted-price">12% off</span>
                                        </h3>
                                        <span class="text">Inclusive all the text</span>
                                    </div>
                                    <p class="description-text">Boyfriend shirts are oversized, relaxed-fit shirts
                                        originally inspired by men's fashion. They offer a comfortable and effortlessly
                                        chic look, often characterized by a loose silhouette and rolled-up sleeves.
                                        Perfect for a casual yet stylish vibe</p>
                                    <div class="qty-box">
                                        <div class="input-group qty-container">
                                            <button class="btn qty-btn-minus">
                                                <i class="ri-arrow-left-s-line"></i>
                                            </button>
                                            <input type="number" readonly="" name="qty" class="form-control input-qty"
                                                value="1">
                                            <button class="btn qty-btn-plus">
                                                <i class="ri-arrow-right-s-line"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="product-buy-btn-group">
                                        <button
                                            class="btn btn-animation btn-solid buy-button hover-solid scroll-button">
                                            <span class="d-inline-block ring-animation">
                                                <i class="ri-shopping-cart-line me-1"></i>
                                            </span>
                                            Add To Cart
                                        </button>
                                        <button class="btn btn-solid buy-button">Buy Now</button>
                                    </div>

                                    <div class="buy-box compare-box">
                                        <a href="#!">
                                            <i class="ri-heart-line"></i>
                                            <span>Add To Wishlist</span>
                                        </a>
                                        <a href="#!">
                                            <i class="ri-refresh-line"></i>
                                            <span>Add To Compare</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Quick-view modal popup end-->


    <!-- theme setting start -->
    <div class="theme-settings">
        <button onclick="openSetting()" class="setting-sidebar btn" id="setting-icon">
            <i class="ri-sound-module-line"></i>
            Customize
        </button>
    </div>

    <div class="scroll-setting-box">
        <div id="setting_box" class="setting-box">
            <a href="#!" class="overlay" onclick="closeSetting()"></a>
            <div class="setting-title">
                <h4>Theme Setting</h4>
                <a href="#!" class="close-icon" onclick="closeSetting()">
                    <i class="ri-close-large-line"></i>
                </a>
            </div>

            <div class="setting_box_body">
                <div class="accordion custemizer-accordion" id="accordionExample">
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseOne">
                                <span class="setting-description-text">
                                    <span class="setting-title-content">50+ Demo</span>
                                    <span class="setting-content">Explore 50+ demos</span>
                                </span>
                            </button>
                        </h2>
                        <div id="collapseOne" class="accordion-collapse collapse show"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <div class="setting-body">
                                    <div class="setting-contant">
                                        <div class="row demo-section g-3">
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="index.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/fashion-1.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="fashion-2.html" class="demo-text">
                                                        <span>fashion 1</span>
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="fashion-2.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/fashion-2.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="fashion-2.html" class="demo-text">
                                                        <span>fashion 2</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="fashion-3.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/fashion-3.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="fashion-3.html" class="demo-text">
                                                        <span>fashion 3</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="fashion-4.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/fashion-4.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="fashion-4.html" class="demo-text">
                                                        <span>fashion 4</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="fashion-5.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/fashion-5.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="fashion-5.html" class="demo-text">
                                                        <span>fashion 5</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="fashion-6.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/fashion-6.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="fashion-6.html" class="demo-text">
                                                        <span>fashion 6</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="fashion-7.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/fashion-7.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="fashion-7.html" class="demo-text">
                                                        <span>fashion 7</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="furniture.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/furniture-1.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="furniture.html" class="demo-text">
                                                        <span>furniture</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="furniture-2.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/furniture-2.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="furniture-2.html" class="demo-text">
                                                        <span>furniture 2</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="furniture-3.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/furniture-dark.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="furniture-3.html" class="demo-text">
                                                        <span>furniture dark</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="electronic-1.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/electronic-1.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="electronic-1.html" class="demo-text">
                                                        <span>electronics</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="electronic-2.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/electronic-2.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="electronic-2.html" class="demo-text">
                                                        <span>electronics 2</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="electronic-3.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/electronic-3.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="electronic-3.html" class="demo-text">
                                                        <span>electronics 3</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="marketplace-demo.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/marketplace-1.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="marketplace-demo.html" class="demo-text">
                                                        <span>marketplace</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="marketplace-demo-2.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/marketplace-2.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="marketplace-demo-2.html" class="demo-text">
                                                        <span>marketplace 2</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="marketplace-demo-3.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/marketplace-3.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="marketplace-demo-3.html" class="demo-text">
                                                        <span>marketplace 3</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="marketplace-demo-4.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/marketplace-4.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="marketplace-demo-4.html" class="demo-text">
                                                        <span>marketplace 4</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="vegetables.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/vegetable-1.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="vegetables.html" class="demo-text">
                                                        <span>vegetables</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="vegetables-2.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/vegetable-2.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="vegetables-2.html" class="demo-text">
                                                        <span>vegetables 2</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="vegetables-3.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/vegetable-3.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="vegetables-3.html" class="demo-text">
                                                        <span>vegetables 3</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="vegetables-4.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/vegetable-4.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="vegetables-4.html" class="demo-text">
                                                        <span>Vegetables 4 </span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="vegetables-5.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/vegetable-5.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="vegetables-5.html" class="demo-text">
                                                        <span>Vegetables 5 </span>
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="jewellery.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/jewellery-1.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="jewellery.html" class="demo-text">
                                                        <span>jewellery</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="jewellery-2.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/jewellery-2.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="jewellery-2.html" class="demo-text">
                                                        <span>jewellery 2</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="jewellery-3.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/jewellery-3.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="jewellery-3.html" class="demo-text">
                                                        <span>jewellery 3</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="bags.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/bag.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="bags.html" class="demo-text">
                                                        <span>bag</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="watch.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/watch.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="watch.html" class="demo-text">
                                                        <span>watch</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="medical.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/medical.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="medical.html" class="demo-text">
                                                        <span>medical</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="perfume.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/perfume.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="perfume.html" class="demo-text">
                                                        <span>perfume</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="yoga.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/yoga.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="yoga.html" class="demo-text">
                                                        <span>yoga</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="christmas.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/christmas.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="christmas.html" class="demo-text">
                                                        <span>christmas</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="bicycle.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/bicycle.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="bicycle.html" class="demo-text">
                                                        <span>bicycle</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="marijuana.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/marijuna.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="marijuana.html" class="demo-text">
                                                        <span>marijuana</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="gym-product.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/gym.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="gym-product.html" class="demo-text">
                                                        <span>gym</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="tools.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/tools.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="tools.html" class="demo-text">
                                                        <span>tools</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="shoes.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/shoes.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="shoes.html" class="demo-text">
                                                        <span>shoes</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="books.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/books.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="books.html" class="demo-text">
                                                        <span>books</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="kids.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/kids.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="kids.html" class="demo-text">
                                                        <span>kids</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="game.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/games.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="game.html" class="demo-text">
                                                        <span>game</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="beauty.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/beauty.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="beauty.html" class="demo-text">
                                                        <span>beauty</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="left_sidebar-demo.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/left-sidebar.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="left_sidebar-demo.html" class="demo-text">
                                                        <span>left sidebar</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="video-slider.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/video_slider.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="video-slider.html" class="demo-text">
                                                        <span>video slider</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="metro.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/metro.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="metro.html" class="demo-text">
                                                        <span>metro</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="goggles.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/goggles.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="goggles.html" class="demo-text">
                                                        <span>goggles</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="flower.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/flowers.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="flower.html" class="demo-text">
                                                        <span>flower</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="light.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/light.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="light.html" class="demo-text">
                                                        <span>light</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="nursery.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/nursery.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="nursery.html" class="demo-text">
                                                        <span>nursery</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="pets.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/pets.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="pets.html" class="demo-text">
                                                        <span>pets</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="video.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/video.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="video.html" class="demo-text">
                                                        <span>video</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="gradient.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/gradient.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="gradient.html" class="demo-text">
                                                        <span>gradient</span>
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="lookbook-demo.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/lookbook.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="lookbook-demo.html" class="demo-text">
                                                        <span>lookbook</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="full-page.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/full_page.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="full-page.html" class="demo-text">
                                                        <span>full page</span>
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="parallax.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/parallax.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="parallax.html" class="demo-text">
                                                        <span>parallax</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-6 text-center demo-effects">
                                                <div class="set-position">
                                                    <a href="nft.html" class="layout-container">
                                                        <img src="../assets/images/custemizer/demo/nft.png"
                                                            class="img-fluid" alt="">
                                                    </a>
                                                    <a href="nft.html" class="demo-text">
                                                        <span>NFT </span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="setting-section">
                    <div class="setting-inner-title">
                        <h5>RTL Mode</h5>
                        <p>Change Language Direction</p>
                    </div>
                    <div class="form-check form-switch">
                        <input type="checkbox" role="switch" id="rtlmode" class="form-check-input">
                    </div>
                </div>
                <div class="setting-section">
                    <div class="setting-inner-title">
                        <h5>Dark Mode</h5>
                        <p>Switch Between Light And Dark Mode</p>
                    </div>
                    <div class="form-check form-switch">
                        <input type="checkbox" role="switch" id="darkmode" class="form-check-input">
                    </div>
                </div>
                <div class="setting-section">
                    <div class="setting-inner-title">
                        <a target="_blank" href="#!">Admin</a>
                        <p>Backend Admin Panel</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- theme setting end -->


    <!-- Add to cart modal popup start-->
    <div class="modal fade bd-example-modal-lg theme-modal cart-modal" id="addtocart" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body modal1">
                    <div class="container-fluid p-0">
                        <div class="row">
                            <div class="col-12">
                                <div class="modal-bg addtocart">
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                                        <span>&times;</span>
                                    </button>
                                    <div class="media">
                                        <a href="#!">
                                            <img class="img-fluid blur-up lazyload pro-img"
                                                src="../assets/images/fashion/product/55.jpg" alt="">
                                        </a>
                                        <div class="media-body align-self-center text-center">
                                            <a href="#!">
                                                <h6>
                                                    <i class="ri-checkbox-circle-fill"></i>Item
                                                    <span>men full sleeves</span>
                                                    <span> successfully added to your Cart</span>
                                                </h6>
                                            </a>
                                            <div class="buttons">
                                                <a href="#!" class="view-cart btn btn-solid">Your cart</a>
                                                <a href="#!" class="checkout btn btn-solid">Check out</a>
                                                <a href="#!" class="continue btn btn-solid">Continue shopping</a>
                                            </div>

                                            <div class="upsell_payment">
                                                <img src="../assets/images/payment_cart.png"
                                                    class="img-fluid blur-up lazyload" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-section">
                                        <div class="col-12 product-upsell text-center">
                                            <h4>Customers who bought this item also.</h4>
                                        </div>
                                        <div class="row" id="upsell_product">
                                            <div class="product-box col-sm-3 col-6">
                                                <div class="img-wrapper">
                                                    <div class="front">
                                                        <a href="#!">
                                                            <img src="../assets/images/fashion/product/1.jpg"
                                                                class="img-fluid blur-up lazyload mb-1"
                                                                alt="cotton top">
                                                        </a>
                                                    </div>
                                                    <div class="product-detail">
                                                        <h6><a href="#!"><span>cotton top</span></a></h6>
                                                        <h4><span>$25</span></h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-box col-sm-3 col-6">
                                                <div class="img-wrapper">
                                                    <div class="front">
                                                        <a href="#!">
                                                            <img src="../assets/images/fashion/product/34.jpg"
                                                                class="img-fluid blur-up lazyload mb-1"
                                                                alt="cotton top">
                                                        </a>
                                                    </div>
                                                    <div class="product-detail">
                                                        <h6><a href="#!"><span>cotton top</span></a></h6>
                                                        <h4><span>$25</span></h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-box col-sm-3 col-6">
                                                <div class="img-wrapper">
                                                    <div class="front">
                                                        <a href="#!">
                                                            <img src="../assets/images/fashion/product/13.jpg"
                                                                class="img-fluid blur-up lazyload mb-1"
                                                                alt="cotton top">
                                                        </a>
                                                    </div>
                                                    <div class="product-detail">
                                                        <h6><a href="#!"><span>cotton top</span></a></h6>
                                                        <h4><span>$25</span></h4>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-box col-sm-3 col-6">
                                                <div class="img-wrapper">
                                                    <div class="front">
                                                        <a href="#!">
                                                            <img src="../assets/images/fashion/product/19.jpg"
                                                                class="img-fluid blur-up lazyload mb-1"
                                                                alt="cotton top">
                                                        </a>
                                                    </div>
                                                    <div class="product-detail">
                                                        <h6><a href="#!"><span>cotton top</span></a></h6>
                                                        <h4><span>$25</span></h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Add to cart modal popup end-->


    <!-- exit modal popup start-->
    <div class="modal fade bd-example-modal-lg theme-modal exit-modal" id="exit_popup" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body modal1">
                    <div class="container-fluid p-0">
                        <div class="row">
                            <div class="col-12">
                                <div class="modal-bg">
                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                        <i class="ri-close-line"></i>
                                    </button>
                                    <div class="media">
                                        <img src="../assets/images/stop.png"
                                            class="stop img-fluid blur-up lazyload me-3" alt="">
                                        <div class="media-body text-start align-self-center">
                                            <div>
                                                <h2>wait!</h2>
                                                <h4>We want to give you
                                                    <b>10% discount</b>
                                                    <span>for your first order</span>
                                                </h4>
                                                <h5>Use discount code at checkout</h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Add to cart modal popup end-->


    <!-- facebook chat section start -->
    <!-- <div id="fb-root"></div>
    <script>
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src =
                'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script> -->
    <!-- Your customer chat code -->
    <!-- <div class="fb-customerchat" attribution=setup_tool page_id="2123438804574660" theme_color="#0084ff"
        logged_in_greeting="Hi! Welcome to PixelStrap Themes  How can we help you?"
        logged_out_greeting="Hi! Welcome to PixelStrap Themes  How can we help you?">
    </div> -->
    <!-- facebook chat section end -->


    <!-- tap to top -->
    <div class="tap-top top-cls">
        <div>
            <i class="ri-arrow-up-double-line"></i>
        </div>
    </div>
    <!-- tap to top end -->


    <!-- latest jquery-->
    <script src="../assets/js/jquery-3.3.1.min.js"></script>

    <!-- fly cart ui jquery-->
    <script src="../assets/js/jquery-ui.min.js"></script>

    <!-- exitintent jquery-->
    <script src="../assets/js/jquery.exitintent.js"></script>
    <script src="../assets/js/exit.js"></script>

    <!-- slick js-->
    <script src="../assets/js/slick.js"></script>

    <!-- menu js-->
    <script src="../assets/js/menu.js"></script>

    <!-- lazyload js-->
    <script src="../assets/js/lazysizes.min.js"></script>

    <!-- Bootstrap js-->
    <script src="../assets/js/bootstrap.bundle.min.js"></script>

    <!-- Bootstrap Notification js-->
    <script src="../assets/js/bootstrap-notify.min.js"></script>

    <!-- Fly cart js-->
    <script src="../assets/js/fly-cart.js"></script>

    <!-- Theme js-->
    <script src="../assets/js/theme-setting.js"></script>
    <script src="../assets/js/script.js"></script>

    <script>
        $(window).on('load', function () {
            setTimeout(function () {
                $('#exampleModal').modal('show');
            }, 2500);
        });
    </script>

</body>


<!-- Mirrored from themes.pixelstrap.com/multikart/front-end/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 15 Oct 2024 08:46:28 GMT -->
</html>


PK 99