maison_alexandra/project-data/themeforest-beluxe-beauty-c.../Template/order-info.html

2550 lines
230 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Beluxe - Beauty & Cosmetics eCommerce HTML5 Template</title>
<meta name="description" content="Beluxe is a modern HTML5 beauty eCommerce template built with Bootstrap 5, ideal for cosmetics, skincare, makeup, and salon online stores.">
<meta name="keywords" content="beauty eCommerce template, cosmetics store HTML, skincare shop, makeup online store, Bootstrap 5 beauty theme, responsive beauty website">
<meta name="author" content="spacingtech_webify">
<!-- favicon -->
<link rel="shortcut icon" type="image/favicon" href="assets/image/index/favicon.png">
<!-- plugin css -->
<link rel="stylesheet" type="text/css" href="assets/css/plugin.css">
<!-- theme css -->
<link rel="stylesheet" type="text/css" href="assets/css/theme.css">
<!-- account css -->
<link rel="stylesheet" type="text/css" href="assets/css/account.css">
</head>
<body>
<!-- preloader start -->
<div class="preloader position-fixed top-0 start-0 w-100 h-100 body-bg z-index-5">
<div class="loader-img position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center">
<img src="assets/image/index/logo.png" class="width-88 width-xl-120 img-fluid" alt="logo">
</div>
</div>
<!-- preloader end -->
<!-- header start -->
<header id="header" class="main-header">
<!-- header-top start -->
<div class="header-top-area">
<!-- notification-bar start -->
<div class="notification-bar ptb-10 primary-bg">
<div class="notification-marquee d-flex overflow-hidden">
<div class="notification-marquee-row d-flex align-items-center">
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Your favorite products</div>
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Newest products 10% off, use code: NEW10</div>
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Good skin methods</div>
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">35% offer products</div>
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
</div>
<div class="notification-marquee-row d-flex align-items-center">
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Your favorite products</div>
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Newest products 10% off, use code: NEW10</div>
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Good skin methods</div>
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">35% offer products</div>
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
</div>
</div>
</div>
<!-- notification-bar end -->
<!-- header-top-first start -->
<div class="header-top-first ptb-10 ptb-xl-15 body-bg">
<div class="container">
<div class="row align-items-center header-area">
<!-- header-logo start -->
<div class="col-6 col-xl-4 header-element header-logo">
<div class="header-theme-logo">
<a href="index.html" class="d-block theme-logo">
<img src="assets/image/index/logo.png" class="width-88 width-xl-120 img-fluid" alt="logo">
</a>
</div>
</div>
<!-- header-logo end -->
<!-- header-search start -->
<div class="col-xl-4 d-none d-xl-block header-element header-search">
<div class="header-theme-search">
<form method="get" action="javascript:void(0)" class="search-form">
<div class="search-bar position-relative">
<div class="form-search d-flex">
<input type="search" name="search-input" class="width-calc-48 search-input" value="" placeholder="Search product..." required>
<button type="submit" onclick="window.location.href='search-product.html'" class="width-48 tertiary-btn" aria-label="Go to search" disabled><i class="ri-search-line d-block lh-1"></i></button>
</div>
<div class="d-none search-results position-absolute top-auto start-0 end-0 body-bg z-2 border-full border-radius box-shadow">
<div class="search-for ptb-10 plr-15 beb">Search for <span class="search-text">a</span></div>
<ul class="search-ul">
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product1.jpg" class="w-100 img-fluid border-radius" alt="search-product1"></span>
<span class="width-calc-48 psl-15 text-truncate">Glow boost face cream</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product2.jpg" class="w-100 img-fluid border-radius" alt="search-product2"></span>
<span class="width-calc-48 psl-15 text-truncate">Velvet kiss lipstick set</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product3.jpg" class="w-100 img-fluid border-radius" alt="search-product3"></span>
<span class="width-calc-48 psl-15 text-truncate">Herbal shine hair oil</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product4.jpg" class="w-100 img-fluid border-radius" alt="search-product4"></span>
<span class="width-calc-48 psl-15 text-truncate">Smooth touch wax strips</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product5.jpg" class="w-100 img-fluid border-radius" alt="search-product5"></span>
<span class="width-calc-48 psl-15 text-truncate">Mystic bloom perfume mist</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product6.jpg" class="w-100 img-fluid border-radius" alt="search-product6"></span>
<span class="width-calc-48 psl-15 text-truncate">Glossy nails polish pack</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product7.jpg" class="w-100 img-fluid border-radius" alt="search-product7"></span>
<span class="width-calc-48 psl-15 text-truncate">Rose petal bath soak</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product8.jpg" class="w-100 img-fluid border-radius" alt="search-product8"></span>
<span class="width-calc-48 psl-15 text-truncate">Pro blend makeup brush</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product9.jpg" class="w-100 img-fluid border-radius" alt="search-product9"></span>
<span class="width-calc-48 psl-15 text-truncate">Organic aloe face serum</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product10.jpg" class="w-100 img-fluid border-radius" alt="search-product10"></span>
<span class="width-calc-48 psl-15 text-truncate">Beard luxe grooming kit</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product11.jpg" class="w-100 img-fluid border-radius" alt="search-product11"></span>
<span class="width-calc-48 psl-15 text-truncate">Radiance LED skin mask</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product12.jpg" class="w-100 img-fluid border-radius" alt="search-product12"></span>
<span class="width-calc-48 psl-15 text-truncate">Luxury glow gift box</span>
</a>
</li>
</ul>
<div class="search-more ptb-10 plr-15 bst"><a href="search-product.html" class="body-secondary-color text-decoration-underline">See all results (12)</a></div>
<div class="search-fail ptb-10 plr-15">Search not found</div>
</div>
</div>
</form>
</div>
</div>
<!-- header-search end -->
<!-- header-icon start -->
<div class="col-6 col-xl-4 header-element header-icon">
<div class="header-icon-block d-flex justify-content-end">
<!-- header-contact-link start -->
<div class="header-contact-link d-none d-xl-block">
<div class="ul-mt30 flex-nowrap justify-content-end">
<span class="text-nowrap"><a href="tel:+00123456789" class="primary-link d-flex align-items-center"><i class="ri-phone-line icon-16 mer-4"></i><span class="heading-weight">+00-123456789</span></a></span>
<span class="text-nowrap"><a href="collection.html" class="primary-link d-flex align-items-center text-uppercase"><i class="ri-price-tag-3-line icon-16 mer-4"></i><span class="heading-weight text-decoration-underline">Best offer</span></a></span>
</div>
</div>
<!-- header-contact-link end -->
<div class="d-xl-none">
<ul class="ul-mt30 align-items-center header-icon-element">
<li class="header-icon-wrap toggler-wrap d-xl-none">
<div class="header-icon-wrapper">
<a href="javascript:void(0)" class="d-block header-icon-toggler toggler-btn" aria-label="Menu toggler button">
<span class="d-block header-block-icon primary-link icon-16"><i class="ri-menu-line"></i></span>
</a>
</div>
</li>
<li class="header-icon-wrap search-wrap d-xl-none">
<div class="header-icon-wrapper">
<a href="#searchmodal" class="d-block header-icon-search" data-bs-toggle="modal" aria-label="Search modal">
<span class="d-block header-block-icon primary-link icon-16"><i class="ri-search-line"></i></span>
</a>
</div>
</li>
<li class="header-icon-wrap user-wrap d-none d-md-block">
<div class="header-icon-wrapper">
<a href="login.html" class="d-block header-icon-user" aria-label="Login user">
<span class="d-block header-block-icon primary-link icon-16"><i class="ri-user-3-line"></i></span>
</a>
</div>
</li>
<li class="header-icon-wrap wishlist-wrap d-none d-md-block">
<div class="header-icon-wrapper">
<a href="wishlist.html" class="d-block header-icon-wishlist">
<span class="header-block-icon-wrap primary-link ul-mt5 align-items-center">
<span class="header-block-icon icon-16"><i class="ri-heart-line"></i></span>
<span class="heading-weight">-</span>
<span class="header-block-counter wishlist-counter heading-weight">4</span>
</span>
</a>
</div>
</li>
<li class="header-icon-wrap cart-wrap d-none d-md-block">
<div class="header-icon-wrapper">
<a href="javascript:void(0)" class="d-block header-icon-cart js-cart-drawer">
<span class="header-block-icon-wrap primary-link ul-mt5 align-items-center">
<span class="header-block-icon icon-16"><i class="ri-shopping-bag-3-line"></i></span>
<span class="heading-weight">-</span>
<span class="header-block-counter cart-counter heading-weight">4</span>
</span>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- header-icon end -->
</div>
</div>
</div>
<!-- header-top-first end -->
</div>
<!-- header-top end -->
<!-- header-bottom start -->
<div class="header-bottom-area d-xl-block d-none position-relative extra-bg">
<div class="container">
<div class="row align-items-center">
<!-- main-menu start -->
<div class="col-xl-8">
<div class="mainmenu-content">
<div class="main-wrap">
<ul class="menu-ul d-flex flex-wrap">
<li class="menu-li">
<a href="index.html" class="menu-link d-flex align-items-center ptb-15 plr-15">
<span class="menu-title text-uppercase heading-weight">Home</span>
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
</a>
<div class="menu-dropdown collapse position-absolute top-auto start-0 end-0 body-bg z-2 DropDownSlide box-shadow">
<div class="container ptb-30 text-center">
<div class="row row-cols-xl-5">
<div class="col">
<div class="banner-hover">
<a href="index.html" class="d-block banner-img br-hidden">
<img src="assets/image/menu/menu-banner1.jpg" class="w-100 img-fluid" alt="menu-banner1">
</a>
</div>
<a href="index.html" class="d-inline-block primary-link mst-15 heading-weight">01 Classic beauty store</a>
</div>
<div class="col">
<div class="banner-hover">
<a href="index2.html" class="d-block banner-img br-hidden">
<img src="assets/image/menu/menu-banner2.jpg" class="w-100 img-fluid" alt="menu-banner2">
</a>
</div>
<a href="index2.html" class="d-inline-block primary-link mst-15 heading-weight">02 Skincare Shop</a>
</div>
<div class="col">
<div class="banner-hover">
<a href="index3.html" class="d-block banner-img br-hidden">
<img src="assets/image/menu/menu-banner3.jpg" class="w-100 img-fluid" alt="menu-banner3">
</a>
</div>
<a href="index3.html" class="d-inline-block primary-link mst-15 heading-weight">03 Makeup & cosmetics</a>
</div>
<div class="col">
<div class="banner-hover">
<a href="index4.html" class="d-block banner-img br-hidden">
<img src="assets/image/menu/menu-banner4.jpg" class="w-100 img-fluid" alt="menu-banner4">
</a>
</div>
<a href="index4.html" class="d-inline-block primary-link mst-15 heading-weight">04 Fragrance boutique</a>
</div>
<div class="col">
<div class="banner-hover">
<a href="index5.html" class="d-block banner-img br-hidden">
<img src="assets/image/menu/menu-banner5.jpg" class="w-100 img-fluid" alt="menu-banner5">
</a>
</div>
<a href="index5.html" class="d-inline-block primary-link mst-15 heading-weight">05 Organic beauty</a>
</div>
</div>
</div>
</div>
</li>
<li class="menu-li">
<a href="collection.html" class="menu-link d-flex align-items-center ptb-15 plr-15">
<span class="menu-title text-uppercase heading-weight">Product</span>
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
</a>
<div class="menu-dropdown collapse position-absolute top-auto start-0 end-0 body-bg z-2 DropDownSlide box-shadow">
<div class="container ptb-25">
<div class="row">
<div class="col-3">
<div class="shop-title">
<span class="d-block ptb-5 heading-weight"><a href="collection.html" class="d-inline-block primary-link">01 Classic card style</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection2.html" class="d-inline-block primary-link">02 Stylish card style</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection3.html" class="d-inline-block primary-link">03 Modern card style</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection4.html" class="d-inline-block primary-link">04 Overlay card style</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection5.html" class="d-inline-block primary-link">05 Elegant card style</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collections.html" class="d-inline-block primary-link">Collections</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection-category.html" class="d-inline-block primary-link">Collection category</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection-without.html" class="d-inline-block primary-link">Collection full</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection.html" class="d-inline-block primary-link">Collection left</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection-right.html" class="d-inline-block primary-link">Collection right</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection-list-without.html" class="d-inline-block primary-link">Collection list full</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection-list.html" class="d-inline-block primary-link">Collection list left</a></span>
<span class="d-block ptb-5 heading-weight"><a href="collection-list-right.html" class="d-inline-block primary-link">Collection list right</a></span>
<span class="d-block ptb-5 heading-weight"><a href="search-empty.html" class="d-inline-block primary-link">Search empty</a></span>
<span class="d-block ptb-5 heading-weight"><a href="search-product.html" class="d-inline-block primary-link">Search product</a></span>
</div>
</div>
<div class="col-3">
<div class="d-block heading-color ptb-5 heading-weight">Product layout</div>
<div class="mst-12">
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">01 Bottom thumbnail tab details</a></span>
<span class="d-block ptb-5"><a href="product2.html" class="d-inline-block body-primary-color">02 Left thumbnail accordion details</a></span>
<span class="d-block ptb-5"><a href="product3.html" class="d-inline-block body-primary-color">03 Right thumbnail details</a></span>
<span class="d-block ptb-5"><a href="product4.html" class="d-inline-block body-primary-color">04 Modern layout</a></span>
<span class="d-block ptb-5"><a href="product5.html" class="d-inline-block body-primary-color">05 Creative layout</a></span>
<span class="d-block ptb-5"><a href="product6.html" class="d-inline-block body-primary-color">06 Solo thumbnail tab details</a></span>
<span class="d-block ptb-5"><a href="product7.html" class="d-inline-block body-primary-color">07 Classic template</a></span>
<span class="d-block ptb-5"><a href="product8.html" class="d-inline-block body-primary-color">08 Single grid layout</a></span>
<span class="d-block ptb-5"><a href="product9.html" class="d-inline-block body-primary-color">09 Two grid layout</a></span>
<span class="d-block ptb-5"><a href="product-comparison.html" class="d-inline-block body-primary-color">Product comparision</a></span>
</div>
</div>
<div class="col-3">
<div class="d-block heading-color ptb-5 heading-weight">Product features</div>
<div class="mst-12">
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Special promotions offers</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Ask a question</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Size guide</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Pincode service availability</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product wishlist</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Top social buzz</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product compare option</a></span>
<span class="d-block ptb-5"><a href="product9.html" class="d-inline-block body-primary-color">Back in stock</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Quick buy now button</a></span>
<span class="d-block ptb-5"><a href="product8.html" class="d-inline-block body-primary-color">Pre-order</a></span>
<span class="d-block ptb-5"><a href="product2.html" class="d-inline-block body-primary-color">Frequently bought together</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Pickup availability option</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Delivery options details</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Trusted payment badge</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Recommended product</a></span>
</div>
</div>
<div class="col-3">
<div class="d-block heading-color ptb-5 heading-weight">Product details</div>
<div class="mst-12">
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Currently views count</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Stock count down</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Items sold count</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Deal count down timer</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product short description</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Color swatch option</a></span>
<span class="d-block ptb-5"><a href="product2.html" class="d-inline-block body-primary-color">Image swatch option</a></span>
<span class="d-block ptb-5"><a href="product3.html" class="d-inline-block body-primary-color">Dropdown select option</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product sku code</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Tab description</a></span>
<span class="d-block ptb-5"><a href="product3.html" class="d-inline-block body-primary-color">Product detailed inline description</a></span>
<span class="d-block ptb-5"><a href="product4.html" class="d-inline-block body-primary-color">Accordian description</a></span>
<span class="d-block ptb-5"><a href="product7.html" class="d-inline-block body-primary-color">Vertical-tab description</a></span>
<span class="d-block ptb-5"><a href="product8.html" class="d-inline-block body-primary-color">Product flat inline description</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product video</a></span>
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product review</a></span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="menu-li">
<a href="collection.html" class="menu-link d-flex align-items-center ptb-15 plr-15">
<span class="menu-title text-uppercase heading-weight">Shop</span>
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
</a>
<div class="menu-dropdown menu-mega collapse position-absolute top-auto start-0 end-0 body-bg z-2 DropDownSlide box-shadow">
<div class="container ptb-25">
<div class="menu-overview">
<div class="heading-color ptb-5 heading-weight">Account</div>
<span class="d-block ptb-5"><a href="login.html" class="d-inline-block body-primary-color">Login</a></span>
<span class="d-block ptb-5"><a href="forgot-password.html" class="d-inline-block body-primary-color">Forgot password</a></span>
<span class="d-block ptb-5"><a href="register.html" class="d-inline-block body-primary-color">Register</a></span>
<div class="heading-color ptb-5 heading-weight">Other</div>
<span class="d-block ptb-5"><a href="404.html" class="d-inline-block body-primary-color">404</a></span>
<span class="d-block ptb-5"><a href="cart-empty.html" class="d-inline-block body-primary-color">Cart empty</a></span>
<span class="d-block ptb-5"><a href="cart-page.html" class="d-inline-block body-primary-color">Cart</a></span>
<span class="d-block ptb-5"><a href="checkout.html" class="d-inline-block body-primary-color">Checkout</a></span>
<span class="d-block ptb-5"><a href="coming-soon.html" class="d-inline-block body-primary-color">Comingsoon</a></span>
<span class="d-block ptb-5"><a href="invoice.html" class="d-inline-block body-primary-color">Invoice</a></span>
<div class="heading-color ptb-5 heading-weight">Order</div>
<span class="d-block ptb-5"><a href="order-complete.html" class="d-inline-block body-primary-color">Order complete</a></span>
<span class="d-block ptb-5"><a href="order.html" class="d-inline-block body-primary-color">Order</a></span>
<span class="d-block ptb-5"><a href="order-info.html" class="d-inline-block body-primary-color">Order info</a></span>
<span class="d-block ptb-5"><a href="order-info-default.html" class="d-inline-block body-primary-color">Order default</a></span>
<span class="d-block ptb-5"><a href="order-info-unfulfilled.html" class="d-inline-block body-primary-color">Order unfulfilled</a></span>
<span class="d-block ptb-5"><a href="order-info-fulfilled.html" class="d-inline-block body-primary-color">Order fulfilled</a></span>
<span class="d-block ptb-5"><a href="order-info-inprogress.html" class="d-inline-block body-primary-color">Order inprogress</a></span>
<span class="d-block ptb-5"><a href="order-info-intransit.html" class="d-inline-block body-primary-color">Order intransit</a></span>
<span class="d-block ptb-5"><a href="order-info-indelivery.html" class="d-inline-block body-primary-color">Order indelivery</a></span>
<span class="d-block ptb-5"><a href="order-info-delivered.html" class="d-inline-block body-primary-color">Order delivered</a></span>
<span class="d-block ptb-5"><a href="order-info-pickup.html" class="d-inline-block body-primary-color">Order pickup</a></span>
<span class="d-block ptb-5"><a href="order-info-cancel.html" class="d-inline-block body-primary-color">Order cancel</a></span>
<div class="heading-color ptb-5 heading-weight">Profile</div>
<span class="d-block ptb-5"><a href="profile.html" class="d-inline-block body-primary-color">Profile</a></span>
<span class="d-block ptb-5"><a href="profile-address.html" class="d-inline-block body-primary-color">Profile address</a></span>
<span class="d-block ptb-5"><a href="profile-notification.html" class="d-inline-block body-primary-color">Profile notification</a></span>
<span class="d-block ptb-5"><a href="profile-order.html" class="d-inline-block body-primary-color">Profile order</a></span>
<span class="d-block ptb-5"><a href="profile-order-empty.html" class="d-inline-block body-primary-color">Profile order empty</a></span>
<span class="d-block ptb-5"><a href="profile-ticket.html" class="d-inline-block body-primary-color">Profile ticket</a></span>
<span class="d-block ptb-5"><a href="profile-ticket-empty.html" class="d-inline-block body-primary-color">Profile ticket empty</a></span>
<span class="d-block ptb-5"><a href="profile-wishlist.html" class="d-inline-block body-primary-color">Profile wishlist</a></span>
<span class="d-block ptb-5"><a href="profile-wishlist-empty.html" class="d-inline-block body-primary-color">Profile wishlist empty</a></span>
<div class="heading-color ptb-5 heading-weight">Ticket</div>
<span class="d-block ptb-5"><a href="ticket.html" class="d-inline-block body-primary-color">Ticket</a></span>
<span class="d-block ptb-5"><a href="ticket-create.html" class="d-inline-block body-primary-color">Ticket create</a></span>
<span class="d-block ptb-5"><a href="ticket-edit.html" class="d-inline-block body-primary-color">Ticket edit</a></span>
<span class="d-block ptb-5"><a href="ticket-info.html" class="d-inline-block body-primary-color">Ticket info</a></span>
<div class="heading-color ptb-5 heading-weight">Policies</div>
<span class="d-block ptb-5"><a href="cancellation.html" class="d-inline-block body-primary-color">Cancellation</a></span>
<span class="d-block ptb-5"><a href="cookie.html" class="d-inline-block body-primary-color">Cookie</a></span>
<span class="d-block ptb-5"><a href="legal.html" class="d-inline-block body-primary-color">Legal</a></span>
<span class="d-block ptb-5"><a href="payment-policy.html" class="d-inline-block body-primary-color">Payment policy</a></span>
<span class="d-block ptb-5"><a href="privacy-policy.html" class="d-inline-block body-primary-color">Privacy policy</a></span>
<span class="d-block ptb-5"><a href="return-policy.html" class="d-inline-block body-primary-color">Return policy</a></span>
<span class="d-block ptb-5"><a href="shipping-policy.html" class="d-inline-block body-primary-color">Shipping policy</a></span>
<span class="d-block ptb-5"><a href="terms-condition.html" class="d-inline-block body-primary-color">Terms & condition</a></span>
<div class="heading-color ptb-5 heading-weight">Features</div>
<span class="d-block ptb-5"><a href="button.html" class="d-inline-block body-primary-color">Button</a></span>
<span class="d-block ptb-5"><a href="cart-drawer-empty.html" class="d-inline-block body-primary-color">Cart drawer empty</a></span>
</div>
</div>
</div>
</li>
<li class="menu-li">
<a href="blog.html" class="menu-link d-flex align-items-center ptb-15 plr-15">
<span class="menu-title text-uppercase heading-weight">Blog</span>
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
</a>
<div class="menu-dropdown menu-sub collapse position-absolute top-auto body-bg z-2 DropDownSlide box-shadow">
<ul class="menudrop-ul ptb-25">
<li class="menudrop-li">
<div class="ptb-5 plr-30"><a href="blog-without.html" class="d-inline-block body-primary-color">Blog</a></div>
</li>
<li class="menudrop-li">
<div class="ptb-5 plr-30"><a href="blog.html" class="d-inline-block body-primary-color">Blog left</a></div>
</li>
<li class="menudrop-li">
<div class="ptb-5 plr-30"><a href="blog-right.html" class="d-inline-block body-primary-color">Blog right</a></div>
</li>
<li class="menudrop-li">
<div class="ptb-5 plr-30"><a href="article-without.html" class="d-inline-block body-primary-color">Article</a></div>
</li>
<li class="menudrop-li">
<div class="ptb-5 plr-30"><a href="article.html" class="d-inline-block body-primary-color">Article left</a></div>
</li>
<li class="menudrop-li">
<div class="ptb-5 plr-30"><a href="article-right.html" class="d-inline-block body-primary-color">Article right</a></div>
</li>
<li class="menudrop-li">
<div class="ptb-5 plr-30"><a href="search-blog.html" class="d-inline-block body-primary-color">Search blog</a></div>
</li>
</ul>
</div>
</li>
<li class="menu-li">
<a href="javascript:void(0)" class="menu-link d-flex align-items-center ptb-15 plr-15">
<span class="menu-title text-uppercase heading-weight">Page</span>
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
</a>
<div class="menu-dropdown menu-sub collapse position-absolute top-auto body-bg z-2 DropDownSlide box-shadow">
<ul class="menudrop-ul ptb-25">
<li class="menudrop-li position-relative">
<div class="menu-sublink ptb-5 plr-30">
<a href="about-us.html" class="d-flex flex-wrap align-items-center">
<span class="menusub-title width-calc-16">About us</span>
<span class="width-16 icon-16 fw-normal"><i class="ri-arrow-right-s-line d-block lh-1"></i></span>
</a>
</div>
<div class="menusub-dropdown collapse position-absolute w-100 body-bg DropDownSlide box-shadow">
<ul class="menusub-ul ptb-25">
<li class="menusub-li">
<span class="d-block ptb-5 plr-30"><a href="about-us.html" class="d-inline-block body-primary-color">01 Modern aboutus</a></span>
</li>
<li class="menusub-li">
<span class="d-block ptb-5 plr-30"><a href="about-us2.html" class="d-inline-block body-primary-color">02 Creative aboutus</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li position-relative">
<div class="menu-sublink ptb-5 plr-30">
<a href="contact-us.html" class="d-flex flex-wrap align-items-center">
<span class="menusub-title width-calc-16">Contact us</span>
<span class="width-16 icon-16 fw-normal"><i class="ri-arrow-right-s-line d-block lh-1"></i></span>
</a>
</div>
<div class="menusub-dropdown collapse position-absolute w-100 body-bg DropDownSlide box-shadow">
<ul class="menusub-ul ptb-25">
<li class="menusub-li">
<span class="d-block ptb-5 plr-30"><a href="contact-us.html" class="d-inline-block body-primary-color">01 Creative contactus</a></span>
</li>
<li class="menusub-li">
<span class="d-block ptb-5 plr-30"><a href="contact-us2.html" class="d-inline-block body-primary-color">02 Standard contactus</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li position-relative">
<div class="menu-sublink ptb-5 plr-30"><a href="faqs.html" class="d-block">Faqs</a></div>
</li>
<li class="menudrop-li position-relative">
<div class="menu-sublink ptb-5 plr-30"><a href="sitemap.html" class="d-block">Sitemap</a></div>
</li>
<li class="menudrop-li position-relative">
<div class="menu-sublink ptb-5 plr-30"><a href="store.html" class="d-block">Store</a></div>
</li>
<li class="menudrop-li position-relative">
<div class="menu-sublink ptb-5 plr-30"><a href="track-order.html" class="d-block">Track order</a></div>
</li>
<li class="menudrop-li position-relative">
<div class="menu-sublink ptb-5 plr-30">
<a href="wishlist.html" class="d-flex flex-wrap align-items-center">
<span class="menusub-title width-calc-16">Wishlist</span>
<span class="width-16 icon-16 fw-normal"><i class="ri-arrow-right-s-line d-block lh-1"></i></span>
</a>
</div>
<div class="menusub-dropdown collapse position-absolute w-100 body-bg DropDownSlide box-shadow">
<ul class="menusub-ul ptb-25">
<li class="menusub-li">
<span class="d-block ptb-5 plr-30"><a href="wishlist.html" class="d-inline-block body-primary-color">Wishlist</a></span>
</li>
<li class="menusub-li">
<span class="d-block ptb-5 plr-30"><a href="wishlist-empty.html" class="d-inline-block body-primary-color">Wishlist empty</a></span>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- main-menu end -->
<div class="col-xl-4 header-icon">
<div class="header-icon-block d-flex justify-content-end">
<ul class="ul-mt30 align-items-center header-icon-element">
<li class="header-icon-wrap user-wrap d-none d-md-block">
<div class="header-icon-wrapper">
<a href="login.html" class="d-block header-icon-user" aria-label="Login user">
<span class="header-block-icon-wrap primary-link ul-mt5 align-items-center">
<span class="header-block-icon icon-16"><i class="ri-user-3-line"></i></span>
<span class="header-text-content heading-weight">User</span>
</span>
</a>
</div>
</li>
<li class="header-icon-wrap wishlist-wrap d-none d-md-block">
<div class="header-icon-wrapper">
<a href="wishlist.html" class="d-block header-icon-wishlist">
<span class="header-block-icon-wrap primary-link ul-mt5 align-items-center">
<span class="header-block-icon icon-16"><i class="ri-heart-line"></i></span>
<span class="d-none d-xl-block header-text-content heading-weight">Wishlist</span>
<span class="heading-weight">-</span>
<span class="header-block-counter wishlist-counter heading-weight">4</span>
</span>
</a>
</div>
</li>
<li class="header-icon-wrap cart-wrap d-none d-md-block">
<div class="header-icon-wrapper">
<a href="javascript:void(0)" class="d-block header-icon-cart js-cart-drawer">
<span class="header-block-icon-wrap primary-link ul-mt5 align-items-center">
<span class="header-block-icon icon-16"><i class="ri-shopping-bag-3-line"></i></span>
<span class="d-none d-xl-block header-text-content heading-weight">Cart</span>
<span class="heading-weight">-</span>
<span class="header-block-counter cart-counter heading-weight">4</span>
</span>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- header-bottom end -->
</header>
<!-- header end -->
<!-- breadcrumb-area start -->
<div class="breadcrumb-area ptb-30 bg-img text-center" data-bgimg="assets/image/other/breadcrumb-bgimg.jpg">
<div class="container">
<span class="d-block extra-color"><a href="index.html" class="extra-color">Home</a> / Order info</span>
<h2 class="extra-color font-24 font-xl-32 mst-5 mst-xl-9">Order info</h2>
</div>
</div>
<!-- breadcrumb-area end -->
<!-- main start -->
<main id="main">
<!-- order-info strat -->
<section class="order-info section-ptb">
<div class="container">
<div class="row row-mtm align-items-lg-start">
<div class="col-12 col-lg-7 p-lg-sticky top-0">
<!-- order-info return start -->
<div class="oi-return peb-30 meb-30 beb" data-animate="animate__fadeIn">
<a href="order.html" class="body-primary-color text-decoration-underline">Return to order details</a>
</div>
<!-- order-info return end -->
<div class="row row-mtm">
<!-- order-info view start -->
<div class="oi-view" data-animate="animate__fadeIn">
<div class="oi-view-wrap ul-mtm30">
<div class="oi-id">
<h6 class="font-18">Order id: #1718</h6>
<span class="d-inline-block mst-6">18<sup>th</sup> Jan 2023, 07:36 p.m</span>
</div>
<div class="oi-status">
<ul class="oi-status-ul ul-mtm20">
<li class="oi-status-li">
<div class="row">
<div class="col-6">Payment</div>
<div class="col-6 text-success">Paid</div>
</div>
</li>
<li class="oi-status-li">
<div class="row">
<div class="col-6">Status</div>
<div class="col-6">Delivered</div>
</div>
</li>
</ul>
</div>
<div class="oi-link">
<div class="row">
<div class="col-6">
<a href="invoice.html" class="d-inline-block body-primary-color text-decoration-underline">View invoce</a>
</div>
</div>
</div>
</div>
</div>
<!-- order-info view end -->
<div class="oi-contact" data-animate="animate__fadeIn">
<div class="row row-mtm">
<div class="col-6">
<!-- order-info contact start -->
<span class="d-inline-block heading-color heading-weight meb-22">Contact info</span>
<div class="ul-mtm-15">
<span>Demo name</span>
<span>14.05.1991</span>
<span>Male</span>
<a href="mailto:demo@demo.com" class="body-primary-color">demo@demo.com</a>
<a href="tel:(+00)123456789" class="body-primary-color">(+00)-123456789</a>
</div>
<!-- order-info contact end -->
</div>
<div class="col-6">
<!-- order-info payment start -->
<span class="d-inline-block heading-color heading-weight meb-26">Payment method</span>
<div class="st-payment">
<div class="st-img-num d-flex flex-wrap align-items-center">
<span class="width-40"><img src="assets/image/other/paying-maestro.png" class="w-100 img-fluid border-radius" alt="paying-maestro"></span>
<span class="width-calc-40 psl-15">xxxx 0446</span>
</div>
<div class="st-date mst-11">Expire date 07/23</div>
</div>
<!-- order-info payment end -->
</div>
<div class="col-6">
<!-- order-info shipping start -->
<span class="d-inline-block heading-color heading-weight meb-22">Shipping address</span>
<div class="st-label d-flex mst-4 meb-11">
<span class="d-inline-block st-small-label bg-dark">Home</span>
</div>
<div class="ul-mtm-15">
<span>Spacingtech infotech</span>
<span>7882, Reliance GIDC</span>
<span>Chowk bazzar</span>
<span>Surat</span>
<span>Gujarat 395006</span>
<span>India</span>
</div>
<!-- order-info shipping end -->
</div>
<div class="col-6">
<!-- order-info billing start -->
<span class="d-inline-block heading-color heading-weight meb-22">Billing address</span>
<div class="st-label d-flex mst-4 meb-11">
<span class="d-inline-block st-small-label bg-dark">Home</span>
</div>
<div class="ul-mtm-15">
<span>Spacingtech infotech</span>
<span>7882, Reliance GIDC</span>
<span>Chowk bazzar</span>
<span>Surat</span>
<span>Gujarat 395006</span>
<span>India</span>
</div>
<!-- order-info billing end -->
</div>
</div>
</div>
</div>
<div class="oi-summary">
<!-- order-info logistics-details start -->
<div class="oi-detail pst-30 mst-30 bst" data-animate="animate__fadeIn">
<h6 class="font-18">Logistics details</h6>
<div class="oi-detail-wrap mst-21">
<ul class="oi-detail-ul ul-mtm20">
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Logistics name</div>
<div class="col-6">WIT</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">AWB no</div>
<div class="col-6">WTIT1400457854</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Contact person</div>
<div class="col-6">Alex jones</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Contact no</div>
<div class="col-6">
<a href="tel:+00-0123456789" class="d-inline-block body-primary-color">(+00)-0123456789</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- order-info logistics-details end -->
<!-- order-info order-summary start -->
<div class="oi-summary pst-30 mst-30 bst" data-animate="animate__fadeIn">
<h6 class="font-18">Order summary</h6>
<div class="oi-summary-view mst-21">
<div class="row row-mtm">
<div class="oi-summary-wrap">
<ul class="oi-summary-ul ul-mtm20">
<li class="oi-summary-li">
<div class="row">
<div class="col-6">Product</div>
<div class="col-6">
<a href="product.html" class="d-inline-block primary-link">Glow boost face cream</a>
</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Sku</div>
<div class="col-6">ER-ABC456</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Price</div>
<div class="col-6 heading-color heading-weight">$79.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Quantity</div>
<div class="col-6">1</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Total</div>
<div class="col-6 heading-color heading-weight">$79.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">
<a href="product.html" class="d-inline-block body-primary-color text-decoration-underline">Buy again</a>
</div>
</div>
</li>
</ul>
<div class="oi-btn mst-16">
<div class="row">
<div class="col-12 col-md-6">
<a href="#reviewmodal" class="w-100 btn-style secondary-btn" data-bs-toggle="modal">Write a review</a>
</div>
</div>
</div>
</div>
<div class="oi-summary-wrap">
<ul class="oi-summary-ul ul-mtm20">
<li class="oi-summary-li">
<div class="row">
<div class="col-6">Product</div>
<div class="col-6">
<a href="product.html" class="d-inline-block primary-link">Velvet kiss lipstick set</a>
</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Sku</div>
<div class="col-6">ER-ABC457</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Price</div>
<div class="col-6 heading-color heading-weight">$49.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Quantity</div>
<div class="col-6">1</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Total</div>
<div class="col-6 heading-color heading-weight">$49.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">
<a href="product.html" class="d-inline-block body-primary-color text-decoration-underline">Buy again</a>
</div>
</div>
</li>
</ul>
<div class="oi-btn mst-16">
<div class="row">
<div class="col-12 col-md-6">
<a href="#reviewmodal" class="w-100 btn-style secondary-btn" data-bs-toggle="modal">Write a review</a>
</div>
</div>
</div>
</div>
<div class="oi-summary-wrap">
<ul class="oi-summary-ul ul-mtm20">
<li class="oi-summary-li">
<div class="row">
<div class="col-6">Product</div>
<div class="col-6">
<a href="product.html" class="d-inline-block primary-link">Herbal shine hair oil</a>
</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Sku</div>
<div class="col-6">ER-ABC458</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Price</div>
<div class="col-6 heading-color heading-weight">$69.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Quantity</div>
<div class="col-6">1</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Total</div>
<div class="col-6 heading-color heading-weight">$69.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">
<a href="product.html" class="d-inline-block body-primary-color text-decoration-underline">Buy again</a>
</div>
</div>
</li>
</ul>
<div class="oi-btn mst-16">
<div class="row">
<div class="col-12 col-md-6">
<a href="#reviewmodal" class="w-100 btn-style secondary-btn" data-bs-toggle="modal">Write a review</a>
</div>
</div>
</div>
</div>
<div class="oi-summary-wrap">
<ul class="oi-summary-ul ul-mtm20">
<li class="oi-summary-li">
<div class="row">
<div class="col-6">Product</div>
<div class="col-6">
<a href="product.html" class="d-inline-block primary-link">Smooth touch wax strips</a>
</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Sku</div>
<div class="col-6">ER-ABC459</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Price</div>
<div class="col-6 heading-color heading-weight">$49.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Quantity</div>
<div class="col-6">1</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Total</div>
<div class="col-6 heading-color heading-weight">$49.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">
<a href="product.html" class="d-inline-block body-primary-color text-decoration-underline">Buy again</a>
</div>
</div>
</li>
</ul>
<div class="oi-btn mst-16">
<div class="row">
<div class="col-12 col-md-6">
<a href="#reviewmodal" class="w-100 btn-style secondary-btn" data-bs-toggle="modal">Write a review</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- order-info order-summary end -->
<!-- order-info payment-summary start -->
<div class="oi-summary pst-30 mst-30 bst" data-animate="animate__fadeIn">
<h6 class="font-18">Payment summary</h6>
<div class="oi-detail-wrap mst-21">
<ul class="oi-detail-ul ul-mtm20">
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Subtotal</div>
<div class="col-6 heading-color heading-weight">$246.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Discount</div>
<div class="col-6 text-danger heading-weight">$11.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Shipping</div>
<div class="col-6 text-success heading-weight">$0.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Tax</div>
<div class="col-6 heading-color heading-weight">$10.00</div>
</div>
</li>
<li class="oi-detail-li">
<div class="row">
<div class="col-6">Total</div>
<div class="col-6 heading-color heading-weight">$245.00</div>
</div>
</li>
</ul>
</div>
</div>
<!-- order-info payment-summary end -->
</div>
</div>
<div class="col-12 col-lg-5 p-lg-sticky top-0" data-animate="animate__fadeIn">
<!-- track-record delivered start -->
<div class="track-record ptb-30 plr-15 plr-md-30 extra-bg border-radius">
<h6 class="font-18 meb-30 peb-25 beb">Delivered</h6>
<ul class="track-ul">
<li class="track-li active">
<div class="track-icon-text d-flex flex-wrap align-items-center">
<span class="track-icon width-64 height-64 d-flex align-items-center justify-content-center rounded-circle"><i class="ri-shopping-bag-line d-block icon-24 lh-1"></i></span>
<div class="track-text width-calc-64 ul-mtm-15 psl-15">
<span class="heading-color heading-weight">Order placed</span>
<span>18<sup>th</sup> Jan 2023</span>
</div>
</div>
<div class="track-info ul-mtm-15 pst-30 psl-79">
<span class="heading-color heading-weight">An order has been placed</span>
<span>18<sup>th</sup> Jan 2023, 07:36 p.m</span>
<span class="heading-color heading-weight">Seller has proccessed your order</span>
<span>19<sup>th</sup> Jan 2023, 09:12 p.m</span>
</div>
</li>
<li class="track-li active">
<div class="track-icon-text d-flex flex-wrap align-items-center">
<span class="track-icon width-64 height-64 d-flex align-items-center justify-content-center rounded-circle"><i class="ri-gift-line d-block icon-24 lh-1"></i></span>
<div class="track-text width-calc-64 ul-mtm-15 psl-15">
<span class="heading-color heading-weight">Packed</span>
<span>20<sup>th</sup> Jan 2023</span>
</div>
</div>
<div class="track-info ul-mtm-15 pst-30 psl-79">
<span class="heading-color heading-weight">Your order is ready to ship</span>
<span>20<sup>th</sup> Jan 2023, 10:47 p.m</span>
<span class="heading-color heading-weight">Your order has been picked up by courier</span>
<span>20<sup>th</sup> Jan 2023, 11:16 p.m</span>
<span class="heading-color heading-weight">Picked up from Bhiwandi, Maharashtra</span>
<span>20<sup>th</sup> Jan 2023, 11:16 p.m</span>
</div>
</li>
<li class="track-li active">
<div class="track-icon-text d-flex flex-wrap align-items-center">
<span class="track-icon width-64 height-64 d-flex align-items-center justify-content-center rounded-circle"><i class="ri-truck-line d-block icon-24 lh-1"></i></span>
<div class="track-text width-calc-64 ul-mtm-15 psl-15">
<span class="heading-color heading-weight">Shipping</span>
<span>20<sup>th</sup> Jan 2023</span>
</div>
</div>
<div class="track-info ul-mtm-15 pst-30 psl-79">
<span class="heading-color heading-weight">Order has been shipped</span>
<span>20<sup>th</sup> Jan 2023, 04:21 p.m</span>
<span class="heading-color heading-weight">WIT Logistics - WTIT1400457854</span>
<span class="heading-color heading-weight">Intransit at Bhiwandi to Mumbai, Maharashtra</span>
<span>21<sup>th</sup> Jan 2023, 03:54 p.m</span>
<span class="heading-color heading-weight">Intransit at Mumbai to Surat, Gujarat</span>
<span>22<sup>nd</sup> Jan 2023, 06:32 p.m</span>
</div>
</li>
<li class="track-li active">
<div class="track-icon-text d-flex flex-wrap align-items-center">
<span class="track-icon width-64 height-64 d-flex align-items-center justify-content-center rounded-circle"><i class="ri-e-bike-line d-block icon-24 lh-1"></i></span>
<div class="track-text width-calc-64 ul-mtm-15 psl-15">
<span class="heading-color heading-weight">Out for delivery</span>
<span>23<sup>rd</sup> Jan 2023</span>
</div>
</div>
<div class="track-info ul-mtm-15 pst-30 psl-79">
<span class="heading-color heading-weight">Out for delivery at location Surat, Gujarat</span>
<span>23<sup>rd</sup> Jan 2023, 10:39 p.m</span>
</div>
</li>
<li class="track-li active">
<div class="track-icon-text d-flex flex-wrap align-items-center">
<span class="track-icon width-64 height-64 d-flex align-items-center justify-content-center rounded-circle"><i class="ri-draft-line d-block icon-24 lh-1"></i></span>
<div class="track-text width-calc-64 ul-mtm-15 psl-15">
<span class="heading-color heading-weight">Delivered</span>
<span>24<sup>th</sup> Jan 2023</span>
</div>
</div>
</li>
</ul>
</div>
<!-- track-record delivered end -->
</div>
</div>
</div>
<!-- review-modal start -->
<div class="review-modal modal fade" id="reviewmodal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content body-bg border-0 br-hidden">
<div class="modal-body ptb-30 plr-15 plr-md-30">
<form method="post">
<div class="review-modal-header d-flex align-items-center justify-content-between meb-30">
<h6 class="font-18">Back to order</h6>
<button type="button" class="body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
</div>
<div class="review-modal-form">
<div class="row field-row">
<div class="col-12 field-col">
<label class="field-label">Rating</label>
<div class="product-ratting">
<span class="review-ratting">
<span class="review-star">
<i class="ri-star-line"></i>
<i class="ri-star-line"></i>
<i class="ri-star-line"></i>
<i class="ri-star-line"></i>
<i class="ri-star-line"></i>
</span>
</span>
</div>
</div>
<div class="col-12 field-col">
<label for="name" class="field-label">Name</label>
<input type="text" id="name" name="name" class="w-100" placeholder="Demo name" autocomplete="name">
</div>
<div class="col-12 field-col">
<label for="name" class="field-label">Email</label>
<input type="email" id="email" name="email" class="w-100" placeholder="demo@demo.com" autocomplete="email">
</div>
<div class="col-12 field-col">
<label for="name" class="field-label">Review title</label>
<input type="text" id="title" name="title" class="w-100" placeholder="Review title" autocomplete="name">
</div>
<div class="col-12 field-col">
<label for="message" class="field-label">Message</label>
<textarea rows="5" id="message" name="message" class="w-100" placeholder="Review message" autocomplete="off"></textarea>
</div>
</div>
<div class="review-modal-button mst-20 mst-md-30">
<div class="row btn-row">
<div class="col-12 col-md-6">
<button type="submit" class="w-100 btn-style quaternary-btn">Submit review</button>
</div>
<div class="col-12 col-md-6">
<button type="button" class="w-100 btn-style secondary-btn" data-bs-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- review-modal end -->
</section>
<!-- order-info end -->
</main>
<!-- main end -->
<!-- footer start -->
<footer id="footer">
<!-- footer-brand-logo start -->
<div class="brand-logo section-pt bst">
<div class="container">
<div class="brand-slider swiper" id="brand-slider">
<div class="swiper-wrapper">
<div class="swiper-slide plr-5 plr-md-15">
<div class="brand-content text-center">
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo1.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo1"></span>
</div>
</div>
<div class="swiper-slide plr-5 plr-md-15">
<div class="brand-content text-center">
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo2.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo2"></span>
</div>
</div>
<div class="swiper-slide plr-5 plr-md-15">
<div class="brand-content text-center">
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo3.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo3"></span>
</div>
</div>
<div class="swiper-slide plr-5 plr-md-15">
<div class="brand-content text-center">
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo4.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo4"></span>
</div>
</div>
<div class="swiper-slide plr-5 plr-md-15">
<div class="brand-content text-center">
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo5.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo5"></span>
</div>
</div>
<div class="swiper-slide plr-5 plr-md-15">
<div class="brand-content text-center">
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo6.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo6"></span>
</div>
</div>
<div class="swiper-slide plr-5 plr-md-15">
<div class="brand-content text-center">
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo7.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo7"></span>
</div>
</div>
<div class="swiper-slide plr-5 plr-md-15">
<div class="brand-content text-center">
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo8.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo8"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer-brand-logo end -->
<!-- footer-news start -->
<div class="footer-news section-pt">
<div class="container">
<div class="ptb-30 ptb-xl-50 plr-15 plr-md-30 primary-bg border-radius">
<div class="row">
<div class="col-12 col-lg-10 col-xl-10 mx-lg-auto text-center">
<h2 class="section-heading text-white">Subscribe to newsletter</h2>
<p class="extra-color col-lg-7 col-xl-6 col-xxl-5 mx-lg-auto mst-1 mst-xl-3">Sign up here to get 20% off on your next purchase, special offers and other discount information</p>
<form method="post" class="news-form mst-23">
<div class="news-wrap">
<div class="row">
<div class="col-12 col-lg-9">
<input type="email" id="newsletter-email" name="newsletter-email" class="w-100 bg-transparent text-center text-lg-start" placeholder="Enter your email" required>
</div>
<div class="col-12 col-lg-3">
<button type="submit" class="news-btn w-100 btn-style quinary-btn mst-15 mst-lg-0">Subscribe</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- footer-news end -->
<!-- footer-top start -->
<div class="footer-area section-pt">
<div class="section-ptb extra-bg bg-img" data-bgimg="assets/image/index/footer-bgimg.png">
<div class="container">
<div class="footer-desktop d-none d-xl-block">
<div class="row">
<div class="col-2">
<h6 class="font-18">Information</h6>
<div class="ft-link">
<ul class="ftlink-ul ul-ft pst-21">
<li class="ftlink-li">
<a href="about-us.html" class="d-inline-block body-primary-color">About us</a>
</li>
<li class="ftlink-li">
<a href="contact-us.html" class="d-inline-block body-primary-color">Contact us</a>
</li>
<li class="ftlink-li">
<a href="faqs.html" class="d-inline-block body-primary-color">Faqs</a>
</li>
<li class="ftlink-li">
<a href="blog.html" class="d-inline-block body-primary-color">News</a>
</li>
<li class="ftlink-li">
<a href="store.html" class="d-inline-block body-primary-color">Store</a>
</li>
</ul>
</div>
</div>
<div class="col-2">
<h6 class="font-18">Quick link</h6>
<div class="ft-link">
<ul class="ftlink-ul ul-ft pst-21">
<li class="ftlink-li">
<a href="404.html" class="d-inline-block body-primary-color">404</a>
</li>
<li class="ftlink-li">
<a href="coming-soon.html" class="d-inline-block body-primary-color">Comingsoon</a>
</li>
<li class="ftlink-li">
<a href="cookie.html" class="d-inline-block body-primary-color">Cookie</a>
</li>
<li class="ftlink-li">
<a href="legal.html" class="d-inline-block body-primary-color">Legal</a>
</li>
<li class="ftlink-li">
<a href="sitemap.html" class="d-inline-block body-primary-color">Sitemap</a>
</li>
</ul>
</div>
</div>
<div class="col-4">
<div class="footer-info text-center">
<div class="footer-theme-logo">
<a href="index.html" class="d-inline-block theme-logo">
<img src="assets/image/index/logo.png" class="width-96 width-xl-112 img-fluid" alt="logo">
</a>
</div>
<div class="footer-company-detail mst-23">
<p class="col-xl-10 col-xxl-9 mx-xl-auto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt magna aliqua.</p>
</div>
<div class="footer-social mst-23">
<ul class="social-ul ul-mt10 justify-content-center">
<li class="social-li">
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-facebook-fill d-block lh-1"></i></a>
</li>
<li class="social-li">
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-twitter-x-fill d-block lh-1"></i></a>
</li>
<li class="social-li">
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-instagram-fill d-block lh-1"></i></a>
</li>
<li class="social-li">
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-pinterest-fill d-block lh-1"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-2">
<h6 class="font-18">Help</h6>
<div class="ft-link">
<ul class="ftlink-ul ul-ft pst-21">
<li class="ftlink-li">
<a href="payment-policy.html" class="d-inline-block body-primary-color">Payment policy</a>
</li>
<li class="ftlink-li">
<a href="privacy-policy.html" class="d-inline-block body-primary-color">Privacy policy</a>
</li>
<li class="ftlink-li">
<a href="return-policy.html" class="d-inline-block body-primary-color">Return policy</a>
</li>
<li class="ftlink-li">
<a href="shipping-policy.html" class="d-inline-block body-primary-color">Shipping policy</a>
</li>
<li class="ftlink-li">
<a href="terms-condition.html" class="d-inline-block body-primary-color">Terms & condition</a>
</li>
</ul>
</div>
</div>
<div class="col-2">
<h6 class="font-18">Contact</h6>
<div class="ft-link">
<ul class="ftlink-ul ul-ft pst-21">
<li class="ftlink-li">
<div class="d-flex flex-wrap align-items-baseline">
<span class="width-16 primary-color icon-16"><i class="ri-map-pin-line"></i></span>
<div class="width-calc-16 psl-10">
<span>1234 MG road, Bengaluru, Karnataka 560001, India</span>
</div>
</div>
</li>
<li class="ftlink-li">
<div class="d-flex flex-wrap align-items-baseline">
<span class="width-16 primary-color icon-16"><i class="ri-phone-line"></i></span>
<div class="width-calc-16 psl-10">
<span><a href="tel:+919876543210" class="body-primary-color">+91 98765-43210</a></span>
</div>
</div>
</li>
<li class="ftlink-li">
<div class="d-flex flex-wrap align-items-baseline">
<span class="width-16 primary-color icon-16"><i class="ri-mail-line"></i></span>
<div class="width-calc-16 psl-10">
<span><a href="mailto:info@demowebsite.com" class="body-primary-color">info@demowebsite.com</a></span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-mobile d-xl-none">
<div class="row row-mtm">
<div class="col-12">
<div class="row">
<div class="col-md-8 col-lg-6 mx-md-auto text-center footer-info">
<div class="footer-theme-logo">
<a href="index.html" class="d-inline-block theme-logo">
<img src="assets/image/index/logo.png" class="width-96 width-xl-112 img-fluid" alt="logo">
</a>
</div>
<div class="footer-company-detail mst-23">
<p class="col-xl-10 col-xxl-9 mx-xl-auto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt magna aliqua.</p>
</div>
<div class="footer-social mst-23">
<ul class="social-ul ul-mt10 justify-content-center">
<li class="social-li">
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-facebook-fill d-block lh-1"></i></a>
</li>
<li class="social-li">
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-twitter-x-fill d-block lh-1"></i></a>
</li>
<li class="social-li">
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-instagram-fill d-block lh-1"></i></a>
</li>
<li class="social-li">
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-pinterest-fill d-block lh-1"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-12 footer-list">
<div class="row">
<div class="col-12 col-md-3 ft-list">
<div class="footer-menu">
<h6 class="ft-title font-18 d-none d-md-block">Information</h6>
<a href="#collapse-information" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
<span class="ftmenu-title width-calc-16 heading-weight">Information</span>
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
</a>
<div class="ft-link collapse" id="collapse-information">
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
<li class="ftlink-li">
<a href="about-us.html" class="d-inline-block body-primary-color">About us</a>
</li>
<li class="ftlink-li">
<a href="contact-us.html" class="d-inline-block body-primary-color">Contact us</a>
</li>
<li class="ftlink-li">
<a href="faqs.html" class="d-inline-block body-primary-color">Faqs</a>
</li>
<li class="ftlink-li">
<a href="blog.html" class="d-inline-block body-primary-color">News</a>
</li>
<li class="ftlink-li">
<a href="store.html" class="d-inline-block body-primary-color">Store</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-md-3 ft-list">
<div class="footer-menu">
<h6 class="ft-title font-18 d-none d-md-block">Quick link</h6>
<a href="#collapse-quick-link" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
<span class="ftmenu-title width-calc-16 heading-weight">Quick link</span>
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
</a>
<div class="ft-link collapse" id="collapse-quick-link">
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
<li class="ftlink-li">
<a href="404.html" class="d-inline-block body-primary-color">404</a>
</li>
<li class="ftlink-li">
<a href="coming-soon.html" class="d-inline-block body-primary-color">Comingsoon</a>
</li>
<li class="ftlink-li">
<a href="cookie.html" class="d-inline-block body-primary-color">Cookie</a>
</li>
<li class="ftlink-li">
<a href="legal.html" class="d-inline-block body-primary-color">Legal</a>
</li>
<li class="ftlink-li">
<a href="sitemap.html" class="d-inline-block body-primary-color">Sitemap</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-md-3 ft-list">
<div class="footer-menu">
<h6 class="ft-title font-18 d-none d-md-block">Help</h6>
<a href="#collapse-help" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
<span class="ftmenu-title width-calc-16 heading-weight">Help</span>
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
</a>
<div class="ft-link collapse" id="collapse-help">
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
<li class="ftlink-li">
<a href="payment-policy.html" class="d-inline-block body-primary-color">Payment policy</a>
</li>
<li class="ftlink-li">
<a href="privacy-policy.html" class="d-inline-block body-primary-color">Privacy policy</a>
</li>
<li class="ftlink-li">
<a href="return-policy.html" class="d-inline-block body-primary-color">Return policy</a>
</li>
<li class="ftlink-li">
<a href="shipping-policy.html" class="d-inline-block body-primary-color">Shipping policy</a>
</li>
<li class="ftlink-li">
<a href="terms-condition.html" class="d-inline-block body-primary-color">Terms & condition</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-md-3 ft-list">
<div class="footer-menu">
<h6 class="ft-title font-18 d-none d-md-block">Contact</h6>
<a href="#collapse-contact" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
<span class="ftmenu-title width-calc-16 heading-weight">Contact</span>
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
</a>
<div class="ft-link collapse" id="collapse-contact">
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
<li class="ftlink-li">
<div class="d-flex flex-wrap align-items-baseline">
<span class="width-16 primary-color icon-16"><i class="ri-map-pin-line"></i></span>
<div class="width-calc-16 psl-10">
<span>1234 MG road, Bengaluru, Karnataka 560001, India</span>
</div>
</div>
</li>
<li class="ftlink-li">
<div class="d-flex flex-wrap align-items-baseline">
<span class="width-16 primary-color icon-16"><i class="ri-phone-line"></i></span>
<div class="width-calc-16 psl-10">
<span><a href="tel:+919876543210" class="body-primary-color">+91 98765-43210</a></span>
</div>
</div>
</li>
<li class="ftlink-li">
<div class="d-flex flex-wrap align-items-baseline">
<span class="width-16 primary-color icon-16"><i class="ri-mail-line"></i></span>
<div class="width-calc-16 psl-10">
<span><a href="mailto:info@demowebsite.com" class="body-primary-color">info@demowebsite.com</a></span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer-top end -->
<!-- footer-bottom start -->
<div class="copyright ptb-20 extra-bg bst">
<div class="container">
<div class="row align-items-md-center">
<div class="col-12 col-md-6 text-center text-md-start">Powered by spacingtech<sup>TM</sup></div>
<div class="col-12 col-md-6 mst-11 mst-md-0">
<ul class="payment-ul">
<li class="payment-li ul-mt5 justify-content-center justify-content-md-end">
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-paypal.png" class="width-40 img-fluid border-radius" alt="paying-paypal"></a>
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-visa.png" class="width-40 img-fluid border-radius" alt="paying-visa"></a>
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-maestro.png" class="width-40 img-fluid border-radius" alt="paying-maestro"></a>
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-american.png" class="width-40 img-fluid border-radius" alt="paying-american"></a>
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-discover.png" class="width-40 img-fluid border-radius" alt="paying-discover"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- footer-bottom end -->
</footer>
<!-- footer end -->
<!-- mobile-menu start -->
<div class="mobile-menu d-xl-none position-fixed top-0 bottom-0 body-bg z-index-5 invisible box-shadow" id="mobile-menu">
<div class="mobile-contents d-flex flex-column">
<div class="menu-close ptb-10 plr-15 beb">
<button type="button" class="menu-close-btn d-block body-secondary-color icon-16 ms-auto" aria-label="Menu close"><i class="ri-close-large-line d-block lh-1"></i></button>
</div>
<div class="mobilemenu-content beb">
<div class="main-wrap">
<ul class="menu-ul">
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-home" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 plr-15"><a href="index.html" class="d-inline-block body-color">Home</a></span>
</div>
<div class="menu-dropdown collapse" id="menu-home">
<ul class="menudrop-ul">
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="index.html" class="d-inline-block body-color">01 Classic beauty store</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="index2.html" class="d-inline-block body-color">02 Skincare Shop</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="index3.html" class="d-inline-block body-color">03 Makeup & cosmetics</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="index4.html" class="d-inline-block body-color">04 Fragrance boutique</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="index5.html" class="d-inline-block body-color">05 Organic beauty</a></span>
</li>
</ul>
</div>
</li>
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-product" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 plr-15"><a href="product.html" class="d-inline-block body-color">Product</a></span>
</div>
<div class="menu-dropdown collapse" id="menu-product">
<ul class="menudrop-ul">
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection.html" class="d-inline-block body-color">01 Classic card style</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection2.html" class="d-inline-block body-color">02 Stylish card style</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection3.html" class="d-inline-block body-color">03 Modern card style</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection4.html" class="d-inline-block body-color">04 Overlay card style</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection5.html" class="d-inline-block body-color">05 Elegant card style</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collections.html" class="d-inline-block body-color">Collections</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-category.html" class="d-inline-block body-color">Collection category</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-without.html" class="d-inline-block body-color">Collection full</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection.html" class="d-inline-block body-color">Collection left</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-right.html" class="d-inline-block body-color">Collection right</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-list-without.html" class="d-inline-block body-color">Collection list full</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-list.html" class="d-inline-block body-color">Collection list left</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-list-right.html" class="d-inline-block body-color">Collection list right</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="search-empty.html" class="d-inline-block body-color">Search empty</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="search-product.html" class="d-inline-block body-color">Search product</a></span>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-productlayout1" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="collection.html" class="d-inline-block body-color">Product layout</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-productlayout1">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">01 Bottom thumbnail tab details</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product2.html" class="d-inline-block body-color">02 Left thumbnail accordion details</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product3.html" class="d-inline-block body-color">03 Right thumbnail details</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product4.html" class="d-inline-block body-color">04 Modern layout</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product5.html" class="d-inline-block body-color">05 Creative layout</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product6.html" class="d-inline-block body-color">06 Solo thumbnail tab details</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product7.html" class="d-inline-block body-color">07 Classic template</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product8.html" class="d-inline-block body-color">08 Single grid layout</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product9.html" class="d-inline-block body-color">09 Two grid layout</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product-comparison.html" class="d-inline-block body-color">Product comparision</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-productfeatures" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="product.html" class="d-inline-block body-color">Product features</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-productfeatures">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Special promotions offers</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Ask a question</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Size guide</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Pincode service availability</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product wishlist</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Top social buzz</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product compare option</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product9.html" class="d-inline-block body-color">Back in stock</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Quick buy now button</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product8.html" class="d-inline-block body-color">Pre-order</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product2.html" class="d-inline-block body-color">Frequently bought together</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Pickup availability option</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Delivery options details</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Trusted payment badge</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Recommended product</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-productdetails" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="product.html" class="d-inline-block body-color">Product details</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-productdetails">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Currently views count</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Stock count down</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Items sold count</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Deal count down timer</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product short description</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Color swatch option</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product2.html" class="d-inline-block body-color">Image swatch option</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product3.html" class="d-inline-block body-color">Dropdown select option</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product sku code</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Tab description</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product3.html" class="d-inline-block body-color">Product detailed inline description</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product4.html" class="d-inline-block body-color">Accordian description</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product7.html" class="d-inline-block body-color">Vertical-tab description</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product8.html" class="d-inline-block body-color">Product flat inline description</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product video</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product review</a></span>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-shop" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 plr-15"><a href="collection.html" class="d-inline-block body-color">Shop</a></span>
</div>
<div class="menu-dropdown collapse" id="menu-shop">
<ul class="menudrop-ul">
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-account" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="javascript:void(0)" class="d-inline-block body-color">Account</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-account">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="login.html" class="d-inline-block body-color">Login</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="forgot-password.html" class="d-inline-block body-color">Forgot password</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="register.html" class="d-inline-block body-color">Register</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-other" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="cart-page.html" class="d-inline-block body-color">Other</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-other">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="cancellation.html" class="d-inline-block body-color">404</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="cart-empty.html" class="d-inline-block body-color">Cart empty</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="cart-page.html" class="d-inline-block body-color">Cart</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="checkout.html" class="d-inline-block body-color">Checkout</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="coming-soon.html" class="d-inline-block body-color">Comingsoon</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="invoice.html" class="d-inline-block body-color">Invoice</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-order" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="order.html" class="d-inline-block body-color">Order</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-order">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-complete.html" class="d-inline-block body-color">Order complete</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order.html" class="d-inline-block body-color">Order</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info.html" class="d-inline-block body-color">Order info</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-default.html" class="d-inline-block body-color">Order default</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-unfulfilled.html" class="d-inline-block body-color">Order unfulfilled</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-fulfilled.html" class="d-inline-block body-color">Order fulfilled</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-inprogress.html" class="d-inline-block body-color">Order inprogress</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-intransit.html" class="d-inline-block body-color">Order intransit</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-indelivery.html" class="d-inline-block body-color">Order indelivery</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-delivered.html" class="d-inline-block body-color">Order delivered</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-pickup.html" class="d-inline-block body-color">Order pickup</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-cancel.html" class="d-inline-block body-color">Order cancel</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-profile" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="profile.html" class="d-inline-block body-color">Profile</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-profile">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="profile.html" class="d-inline-block body-color">Profile</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-address.html" class="d-inline-block body-color">Profile address</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-notification.html" class="d-inline-block body-color">Profile notification</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-order.html" class="d-inline-block body-color">Profile order</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-order-empty.html" class="d-inline-block body-color">Profile order empty</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-ticket.html" class="d-inline-block body-color">Profile ticket</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-ticket-empty.html" class="d-inline-block body-color">Profile ticket empty</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-wishlist.html" class="d-inline-block body-color">Profile wishlist</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-wishlist-empty.html" class="d-inline-block body-color">Profile wishlist empty</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-ticket" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="ticket.html" class="d-inline-block body-color">Ticket</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-ticket">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="ticket.html" class="d-inline-block body-color">Ticket</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="ticket-create.html" class="d-inline-block body-color">Ticket create</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="ticket-edit.html" class="d-inline-block body-color">Ticket edit</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="ticket-info.html" class="d-inline-block body-color">Ticket info</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-policies" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="javascript:void(0)" class="d-inline-block">Policies</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-policies">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="cancellation.html" class="d-inline-block body-color">Cancellation</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="cookie.html" class="d-inline-block body-color">Cookie</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="legal.html" class="d-inline-block body-color">Legal</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="payment-policy.html" class="d-inline-block body-color">Payment policy</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="privacy-policy.html" class="d-inline-block body-color">Privacy policy</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="return-policy.html" class="d-inline-block body-color">Return policy</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="shipping-policy.html" class="d-inline-block body-color">Shipping policy</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="terms-condition.html" class="d-inline-block body-color">Terms & condition</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-features" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="javascript:void(0)" class="d-inline-block body-color">Features</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-features">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="button.html" class="d-inline-block body-color">Button</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="cart-drawer-empty.html" class="d-inline-block body-color">Cart drawer empty</a></span>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-blog" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 plr-15"><a href="blog.html" class="d-inline-block body-color">Blog</a></span>
</div>
<div class="menu-dropdown collapse" id="menu-blog">
<ul class="menudrop-ul">
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="blog-without.html" class="d-inline-block body-color">Blog</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="blog.html" class="d-inline-block body-color">Blog left</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="blog-right.html" class="d-inline-block body-color">Blog right</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="article-without.html" class="d-inline-block body-color">Article</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="article.html" class="d-inline-block body-color">Article left</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="article-right.html" class="d-inline-block body-color">Article right</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="search-blog.html" class="d-inline-block body-color">Search blog</a></span>
</li>
</ul>
</div>
</li>
<li class="menu-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-page" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 plr-15"><a href="javascript:void(0)" class="d-inline-block body-color">Page</a></span>
</div>
<div class="menu-dropdown collapse" id="menu-page">
<ul class="menudrop-ul">
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-about" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="about-us.html" class="d-inline-block body-color">About us</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-about">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="about-us.html" class="d-inline-block body-color">01 Modern aboutus</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="about-us2.html" class="d-inline-block body-color">02 Creative aboutus</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-contact" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="contact-us.html" class="d-inline-block body-color">Contact us</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-contact">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="contact-us.html" class="d-inline-block body-color">01 Creative contactus</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="contact-us2.html" class="d-inline-block body-color">02 Standard contactus</a></span>
</li>
</ul>
</div>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="faqs.html" class="d-inline-block body-color">Faqs</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="sitemap.html" class="d-inline-block body-color">Sitemap</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="store.html" class="d-inline-block body-color">Store</a></span>
</li>
<li class="menudrop-li bst">
<span class="d-block ptb-10 psl-20 per-15"><a href="track-order.html" class="d-inline-block body-color">Track order</a></span>
</li>
<li class="menudrop-li bst">
<div class="menu-btn d-flex flex-row-reverse">
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-wishlist" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="wishlist.html" class="d-inline-block body-color">Wishlist</a></span>
</div>
<div class="menusub-dropdown collapse" id="menu-wishlist">
<ul class="menusub-ul">
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="wishlist.html" class="d-inline-block body-color">Wishlist</a></span>
</li>
<li class="menusub-li bst">
<span class="d-block ptb-10 psl-25 per-15"><a href="wishlist-empty.html" class="d-inline-block body-color">Wishlist empty</a></span>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- mobile-menu end -->
<!-- search-modal start -->
<div class="search-modal modal fade" id="searchmodal">
<div class="modal-dialog mw-100 m-0">
<div class="modal-content body-bg border-0 rounded-0">
<div class="modal-body p-0">
<div class="container">
<div class="search-content ptb-30">
<div class="search-box d-flex flex-row-reverse">
<button type="button" class="d-block search-close body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
<form method="get" action="javascript:void(0)" class="search-form w-100">
<div class="search-bar position-relative">
<div class="form-search d-flex flex-row-reverse">
<input type="search" name="search-input" class="search-input w-100 h-auto ptb-0 plr-15 bg-transparent border-0" value="" placeholder="Search here" required>
<button type="submit" onclick="window.location.href='search-product.html'" class="d-block search-btn body-secondary-color icon-16" aria-label="Go to search" disabled><i class="ri-search-line d-block lh-1"></i></button>
</div>
<div class="d-none search-results position-absolute top-100 start-0 end-0 body-bg z-1 border-full border-radius box-shadow">
<div class="search-for ptb-10 plr-15 beb">Search for <span class="search-text">a</span></div>
<ul class="search-ul">
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product1.jpg" class="w-100 img-fluid border-radius" alt="search-product1"></span>
<span class="width-calc-48 psl-15 text-truncate">Glow boost face cream</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product2.jpg" class="w-100 img-fluid border-radius" alt="search-product2"></span>
<span class="width-calc-48 psl-15 text-truncate">Velvet kiss lipstick set</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product3.jpg" class="w-100 img-fluid border-radius" alt="search-product3"></span>
<span class="width-calc-48 psl-15 text-truncate">Herbal shine hair oil</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product4.jpg" class="w-100 img-fluid border-radius" alt="search-product4"></span>
<span class="width-calc-48 psl-15 text-truncate">Smooth touch wax strips</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product5.jpg" class="w-100 img-fluid border-radius" alt="search-product5"></span>
<span class="width-calc-48 psl-15 text-truncate">Mystic bloom perfume mist</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product6.jpg" class="w-100 img-fluid border-radius" alt="search-product6"></span>
<span class="width-calc-48 psl-15 text-truncate">Glossy nails polish pack</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product7.jpg" class="w-100 img-fluid border-radius" alt="search-product7"></span>
<span class="width-calc-48 psl-15 text-truncate">Rose petal bath soak</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product8.jpg" class="w-100 img-fluid border-radius" alt="search-product8"></span>
<span class="width-calc-48 psl-15 text-truncate">Pro blend makeup brush</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product9.jpg" class="w-100 img-fluid border-radius" alt="search-product9"></span>
<span class="width-calc-48 psl-15 text-truncate">Organic aloe face serum</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product10.jpg" class="w-100 img-fluid border-radius" alt="search-product10"></span>
<span class="width-calc-48 psl-15 text-truncate">Beard luxe grooming kit</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product11.jpg" class="w-100 img-fluid border-radius" alt="search-product11"></span>
<span class="width-calc-48 psl-15 text-truncate">Radiance LED skin mask</span>
</a>
</li>
<li class="search-li ptb-5 plr-15 bst">
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
<span class="width-48"><img src="assets/image/search/search-product12.jpg" class="w-100 img-fluid border-radius" alt="search-product12"></span>
<span class="width-calc-48 psl-15 text-truncate">Luxury glow gift box</span>
</a>
</li>
</ul>
<div class="search-more ptb-10 plr-15 bst"><a href="search-product.html" class="body-secondary-color text-decoration-underline">See all results (12)</a></div>
<div class="search-fail ptb-10 plr-15">Search not found</div>
</div>
</div>
</form>
</div>
<div class="search-example-text mst-15">Trending search: a, e, skincare...</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- search-modal end -->
<!-- cart-drawer start -->
<div class="cart-drawer position-fixed top-0 bottom-0 body-bg z-index-5 invisible box-shadow" id="cart-drawer">
<form method="post" action="javascript:void(0)" class="drawer-contents d-flex flex-column">
<div class="drawer-fixed-header ptb-10 plr-15 beb">
<div class="drawer-header d-flex align-items-center justify-content-between">
<h6 class="font-18">My shopping cart</h6>
<div class="drawer-close">
<button type="button" class="drawer-close-btn body-secondary-color icon-16" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
</div>
</div>
</div>
<div class="pst-10 plr-15 text-center">
<div class="extra-color font-14 ptb-6 plr-15 primary-bg">First order? Get 11% off with code <span class="heading-weight blinking">11%OFF</span>.</div>
</div>
<div class="drawer-cart-empty d-none h-100 ptb-30 plr-15">
<div class="drawer-scrollable h-100 d-flex flex-column align-items-center justify-content-center text-center">
<span class="heading-color icon-32 meb-24"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
<h2 class="font-24">No items in your shopping cart - yet!</h2>
<a href="collection.html" class="btn-style secondary-btn mst-24">Continue shopping</a>
</div>
</div>
<div class="drawer-inner h-100 d-flex flex-column justify-content-between overflow-hidden">
<div class="drawer-scrollable h-100 overflow-auto">
<div class="cart-drawer-table plr-15">
<div class="cart-drawer-info ptb-15 bst">
<div class="cart-drawer-content d-flex flex-wrap">
<div class="cart-drawer-image width-88">
<a href="product.html" class="d-block br-hidden"><img src="assets/image/cart/cart-1.jpg" class="w-100 img-fluid" alt="cart-1"></a>
</div>
<div class="cart-drawer-info width-calc-88 psl-15">
<div class="cart-drawer-detail">
<a href="product.html" class="primary-link">Glow boost face cream</a>
<span class="d-block mst-7">50ml / Aliceblue</span>
</div>
<div class="heading-color heading-weight mst-7">$79.00</div>
<div class="cart-drawer-qty-remove d-flex align-items-end justify-content-between mst-16">
<div class="js-qty-wrapper">
<div class="js-qty-wrap d-flex body-bg border-full br-hidden">
<button type="button" class="js-qty-adjust js-qty-adjust-minus body-color icon-16" aria-label="Remove item"><i class="ri-subtract-line d-block lh-1"></i></button>
<input type="number" name="glow-boost-face-cream-50ml-aliceblue" class="js-qty-num p-0 text-center border-0" value="1" min="1">
<button type="button" class="js-qty-adjust js-qty-adjust-plus body-color icon-16" aria-label="Add item"><i class="ri-add-line d-block lh-1"></i></button>
</div>
</div>
<button type="submit" class="cart-drawer-remove text-danger icon-16" aria-label="Remove item"><i class="ri-delete-bin-line d-block lh-1"></i></button>
</div>
<div class="text-danger font-14 mst-7"><i class="ri-error-warning-line mer-4"></i>Hurry! Only <span class="heading-weight">15</span> in stock.</div>
</div>
</div>
</div>
<div class="cart-drawer-info ptb-15 bst">
<div class="cart-drawer-content d-flex flex-wrap">
<div class="cart-drawer-image width-88">
<a href="product.html" class="d-block br-hidden"><img src="assets/image/cart/cart-2.jpg" class="w-100 img-fluid" alt="cart-2"></a>
</div>
<div class="cart-drawer-info width-calc-88 psl-15">
<div class="cart-drawer-detail">
<a href="product.html" class="primary-link">Velvet kiss lipstick set</a>
<span class="d-block mst-7">Single / Azure</span>
</div>
<div class="heading-color heading-weight mst-7">$49.00</div>
<div class="cart-drawer-qty-remove d-flex align-items-end justify-content-between mst-16">
<div class="js-qty-wrapper">
<div class="js-qty-wrap d-flex body-bg border-full br-hidden">
<button type="button" class="js-qty-adjust js-qty-adjust-minus body-color icon-16" aria-label="Remove item"><i class="ri-subtract-line d-block lh-1"></i></button>
<input type="number" name="velvet-kiss-lipstick-set-single-azure" class="js-qty-num p-0 text-center border-0" value="1" min="1">
<button type="button" class="js-qty-adjust js-qty-adjust-plus body-color icon-16" aria-label="Add item"><i class="ri-add-line d-block lh-1"></i></button>
</div>
</div>
<button type="submit" class="cart-drawer-remove text-danger icon-16" aria-label="Remove item"><i class="ri-delete-bin-line d-block lh-1"></i></button>
</div>
<div class="text-danger font-14 mst-7"><i class="ri-error-warning-line mer-4"></i>Hurry! Only <span class="heading-weight">9</span> in stock.</div>
</div>
</div>
</div>
<div class="cart-drawer-info ptb-15 bst">
<div class="cart-drawer-content d-flex flex-wrap">
<div class="cart-drawer-image width-88">
<a href="product.html" class="d-block br-hidden"><img src="assets/image/cart/cart-3.jpg" class="w-100 img-fluid" alt="cart-3"></a>
</div>
<div class="cart-drawer-info width-calc-88 psl-15">
<div class="cart-drawer-detail">
<a href="product.html" class="primary-link">Herbal shine hair oil</a>
<span class="d-block mst-7">100ml / Aliceblue</span>
</div>
<div class="heading-color heading-weight mst-7">$69.00</div>
<div class="cart-drawer-qty-remove d-flex align-items-end justify-content-between mst-16">
<div class="js-qty-wrapper">
<div class="js-qty-wrap d-flex body-bg border-full br-hidden">
<button type="button" class="js-qty-adjust js-qty-adjust-minus body-color icon-16" aria-label="Remove item"><i class="ri-subtract-line d-block lh-1"></i></button>
<input type="number" name="Herbal-shine-hair-oil-100ml-aliceblue" class="js-qty-num p-0 text-center border-0" value="1" min="1">
<button type="button" class="js-qty-adjust js-qty-adjust-plus body-color icon-16" aria-label="Add item"><i class="ri-add-line d-block lh-1"></i></button>
</div>
</div>
<button type="submit" class="cart-drawer-remove text-danger icon-16" aria-label="Remove item"><i class="ri-delete-bin-line d-block lh-1"></i></button>
</div>
</div>
</div>
</div>
<div class="cart-drawer-info ptb-15 bst">
<div class="cart-drawer-content d-flex flex-wrap">
<div class="cart-drawer-image width-88">
<a href="product.html" class="d-block br-hidden"><img src="assets/image/cart/cart-4.jpg" class="w-100 img-fluid" alt="cart-4"></a>
</div>
<div class="cart-drawer-info width-calc-88 psl-15">
<div class="cart-drawer-detail">
<a href="product.html" class="primary-link">Smooth touch wax strips</a>
<span class="d-block mst-7">20 Strips / Azure</span>
</div>
<div class="heading-color heading-weight mst-7">$49.00</div>
<div class="cart-drawer-qty-remove d-flex align-items-end justify-content-between mst-16">
<div class="js-qty-wrapper">
<div class="js-qty-wrap d-flex body-bg border-full br-hidden">
<button type="button" class="js-qty-adjust js-qty-adjust-minus body-color icon-16" aria-label="Remove item"><i class="ri-subtract-line d-block lh-1"></i></button>
<input type="number" name="smooth-touch-wax-strips-20-strips-azure" class="js-qty-num p-0 text-center border-0" value="1" min="1">
<button type="button" class="js-qty-adjust js-qty-adjust-plus body-color icon-16" aria-label="Add item"><i class="ri-add-line d-block lh-1"></i></button>
</div>
</div>
<button type="submit" class="cart-drawer-remove text-danger icon-16" aria-label="Remove item"><i class="ri-delete-bin-line d-block lh-1"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="drawer-recommended-product ptb-15 plr-15 bst">
<div class="d-flex flex-wrap align-items-center justify-content-between">
<div class="heading-color"><i class="ri-thumb-up-line icon-16 mer-4"></i>Recommended for you</div>
<div class="swiper-buttons lh-1">
<div class="swiper-buttons-wrap">
<button type="button" class="swiper-prev swiper-prev-drawer-recommended-product primary-link icon-16" aria-label="Arrow previous"><i class="ri-arrow-left-line d-block lh-1"></i></button>
<button type="button" class="swiper-next swiper-next-drawer-recommended-product primary-link icon-16" aria-label="Arrow next"><i class="ri-arrow-right-line d-block lh-1"></i></button>
</div>
</div>
</div>
<div class="drawer-recommended-product-wrap pst-15">
<div class="drawer-recommended-product-slider swiper" id="drawer-recommended-product-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="drawer-recommended-product">
<div class="row drawer-recommended-single-product-wrap">
<div class="product-image">
<a href="product.html" class="pro-img"><img src="assets/image/product/p-1.jpg" class="w-100 img-fluid" alt="p-1"></a>
</div>
<div class="product-content">
<div class="pro-content">
<div class="product-title">
<span class="d-block font-14"><a href="product.html" class="d-block w-100 text-truncate">Glow boost face cream</a></span>
</div>
<div class="product-price">
<div class="price-box font-14 heading-weight">
<span class="new-price secondary-color">$79.00</span>
<span class="old-price text-decoration-line-through">$89.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="drawer-recommended-product">
<div class="row drawer-recommended-single-product-wrap">
<div class="product-image">
<a href="product.html" class="pro-img"><img src="assets/image/product/p-3.jpg" class="w-100 img-fluid" alt="p-3"></a>
</div>
<div class="product-content">
<div class="pro-content">
<div class="product-title">
<span class="d-block font-14"><a href="product.html" class="d-block w-100 text-truncate">Velvet kiss lipstick set</a></span>
</div>
<div class="product-price">
<div class="price-box font-14 heading-weight">
<span class="new-price secondary-color">$49.00</span>
<span class="old-price text-decoration-line-through">$59.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="drawer-recommended-product">
<div class="row drawer-recommended-single-product-wrap">
<div class="product-image">
<a href="product.html" class="pro-img"><img src="assets/image/product/p-5.jpg" class="w-100 img-fluid" alt="p-5"></a>
</div>
<div class="product-content">
<div class="pro-content">
<div class="product-title">
<span class="d-block font-14"><a href="product.html" class="d-block w-100 text-truncate">Herbal shine hair oil</a></span>
</div>
<div class="product-price">
<div class="price-box font-14 heading-weight">
<span class="new-price secondary-color">$69.00</span>
<span class="old-price text-decoration-line-through">$79.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="drawer-recommended-product">
<div class="row drawer-recommended-single-product-wrap">
<div class="product-image">
<a href="product.html" class="pro-img"><img src="assets/image/product/p-7.jpg" class="w-100 img-fluid" alt="p-7"></a>
</div>
<div class="product-content">
<div class="pro-content">
<div class="product-title">
<span class="d-block font-14"><a href="product.html" class="d-block w-100 text-truncate">Smooth touch wax strips</a></span>
</div>
<div class="product-price">
<div class="price-box font-14 heading-weight">
<span class="new-price secondary-color">$49.00</span>
<span class="old-price text-decoration-line-through">$54.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="drawer-instruction ptb-15 plr-15 bst">
<a href="#collapse-drawer-note" class="d-flex flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="true">
<span class="drawer-instruction-title width-calc-16"><i class="ri-edit-line icon-16 mer-4"></i>Type a note for the seller</span>
<span class="drawer-instruction-icon width-16 icon-16"><i class="ri-arrow-down-s-line"></i></span>
</a>
<div class="collapse show" id="collapse-drawer-note">
<div class="pst-15">
<textarea rows="3" id="drawernote" name="drawernote" class="w-100" placeholder="Write your message..." autocomplete="off"></textarea>
</div>
</div>
</div>
<div class="drawer-instruction ptb-15 plr-15 bst">
<a href="#collapse-drawer-discount" class="d-flex flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="true">
<span class="drawer-instruction-title width-calc-16"><i class="ri-discount-percent-line icon-16 mer-4"></i>Have a code? Apply here</span>
<span class="drawer-instruction-icon width-16 icon-16"><i class="ri-arrow-down-s-line"></i></span>
</a>
<div class="collapse show" id="collapse-drawer-discount">
<div class="pst-15">
<div class="d-flex flex-wrap height-48 body-bg border-full br-hidden">
<input type="text" id="drawerdiscount" name="drawerdiscount" class="width-calc-48 h-auto border-0 rounded-0" placeholder="Type your code here" autocomplete="off" required>
<button type="button" class="width-48 icon-16 primary-link drawer-dis-btn" aria-label="Discount code button"><i class="ri-arrow-right-up-line"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="drawer-footer ptb-15 plr-15 bst">
<div class="drawer-total d-flex justify-content-between">
<span>Subtotal</span>
<span class="heading-color heading-weight">$246.00</span>
</div>
<div class="font-12 mst-8">Shipping, taxes, and discount codes calculated at checkout</div>
<div class="drawer-cart-checkout mst-12">
<div class="drawer-cart-box meb-11">
<label class="cust-checkbox-label checkbox-agree">
<input type="checkbox" id="drawer-terms" name="drawer-terms" class="cust-checkbox checkboxbtn">
<span class="d-block cust-check"></span>
<span class="login-read">I have agree with the <a href="terms-condition.html" class="body-secondary-color text-decoration-underline">terms & conditions</a>.</span>
</label>
</div>
<div class="row btn-row15">
<div class="col-12 col-md-6">
<a href="cart-page.html" class="w-100 btn-style quaternary-btn">View cart</a>
</div>
<div class="col-12 col-md-6">
<a href="checkout.html" class="w-100 btn-style secondary-btn hide-btn opacity-50 disabled pe-none">Checkout</a>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<!-- cart-drawer end -->
<!-- bottom-menu start -->
<div class="bottom-menu d-md-none position-sticky bottom-0 body-bg z-1 box-shadow">
<div class="bottom-menu-element d-flex flex-wrap align-items-center">
<div class="col">
<a href="index.html" class="d-flex flex-column align-items-center ptb-10 text-center">
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-home-8-line d-block lh-1"></i></span>
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Home</span>
</a>
</div>
<div class="col">
<a href="account.html" class="d-flex flex-column align-items-center ptb-10 text-center">
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-user-3-line d-block lh-1"></i></span>
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Account</span>
</a>
</div>
<div class="col">
<a href="collection.html" class="d-flex flex-column align-items-center ptb-10 text-center">
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-layout-grid-line d-block lh-1"></i></span>
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Shop</span>
</a>
</div>
<div class="col">
<a href="wishlist.html" class="d-flex flex-column align-items-center ptb-10 text-center">
<span class="bottom-menu-icon-wrap d-flex flex-wrap align-items-center justify-content-center">
<span class="d-block bottom-menu-icon heading-color icon-16"><i class="ri-heart-line d-block lh-1"></i></span>
<span class="heading-weight lh-1">-</span>
<span class="bottom-menu-counter wishlist-counter heading-color heading-weight lh-1">5</span>
</span>
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Wishlist</span>
</a>
</div>
<div class="col">
<a href="javascript:void(0)" class="js-cart-drawer d-flex flex-column align-items-center ptb-10 text-center">
<span class="bottom-menu-icon-wrap d-flex flex-wrap align-items-center justify-content-center">
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
<span class="heading-weight lh-1">-</span>
<span class="bottom-menu-counter cart-counter heading-color heading-weight lh-1">4</span>
</span>
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Cart</span>
</a>
</div>
</div>
</div>
<!-- bottom-menu end -->
<!-- bg-screen start -->
<div class="bg-screen">
<div class="bg-back position-fixed top-0 end-0 bottom-0 start-0 bg-black z-index-4 opacity-0 invisible"></div>
<div class="bg-shop position-fixed top-0 end-0 bottom-0 start-0 bg-black z-index-4 opacity-0 invisible"></div>
</div>
<!-- bg-screen end -->
<!-- back-to-top start -->
<a href="javascript:void(0)" id="top" class="icon-16 tertiary-btn position-fixed width-32 height-32 d-flex align-items-center justify-content-center z-1 opacity-0 invisible rounded-circle" aria-label="Back to top"><i class="ri-arrow-up-line d-block lh-1"></i></a>
<!-- back-to-top end -->
<!-- plugin js -->
<script src="assets/js/plugin.js"></script>
<!-- theme js -->
<script src="assets/js/theme.js"></script>
</body>
</html>