ElixirVault/project-data/themeforest-beluxe-beauty-c.../Template/store.html

3741 lines
359 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">
<!-- other css -->
<link rel="stylesheet" type="text/css" href="assets/css/other.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> / Store</span>
<h2 class="extra-color font-24 font-xl-32 mst-5 mst-xl-9">Store</h2>
</div>
</div>
<!-- breadcrumb-area end -->
<!-- main start -->
<main id="main">
<!-- store start -->
<section class="store section-ptb">
<div class="container">
<form method="post" action="javascript:void(0)" class="store-form">
<div class="row">
<div class="col-12 col-md-10 col-lg-7 col-xl-6 col-xxl-5 mx-md-auto">
<div class="text-center">
<h2 class="section-heading" data-animate="animate__fadeIn">Are you looking your nearest location?</h2>
<h6 class="primary-color font-18 mst-18 mst-xl-25" data-animate="animate__fadeIn">Within a few clicks, find store are accessible near you</h6>
</div>
<div class="store-search mst-30 mst-xl-50">
<div class="store-alert-msg text-danger ptb-10 plr-15 bg-danger meb-15 heading-weight border-danger border-radius" data-animate="animate__fadeIn"></div>
<div class="row btn-row15">
<div class="col-12 col-md-6" data-animate="animate__fadeIn">
<select id="country" name="country" class="w-100 store-country" autocomplete="off">
<option selected disabled hidden>--Select country--</option>
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="india">India</option>
<option value="uk">Uk</option>
<option value="usa">Usa</option>
</select>
</div>
<div class="col-12 col-md-6" data-animate="animate__fadeIn">
<select id="state" name="state" class="w-100 store-state" autocomplete="off">
<option selected disabled hidden>--Select city--</option>
<option data-country="australia" value="new south wales">New south wales</option>
<option data-country="australia" value="victoria">Victoria</option>
<option data-country="australia" value="queensland">Queensland</option>
<option data-country="canada" value="ontario">Ontario</option>
<option data-country="canada" value="quebec">Quebec</option>
<option data-country="india" value="karnataka">Karnataka</option>
<option data-country="india" value="west bengal">West bengal</option>
<option data-country="india" value="delhi">Delhi</option>
<option data-country="india" value="tamil nadu">Tamil nadu</option>
<option data-country="india" value="maharashtra">Maharashtra</option>
<option data-country="uk" value="greater london">Greater london</option>
<option data-country="uk" value="scotland">Scotland</option>
<option data-country="uk" value="wales">Wales</option>
<option data-country="usa" value="new york">New york</option>
<option data-country="usa" value="california">California</option>
</select>
</div>
</div>
<button type="submit" class="store-find-btn w-100 btn-style secondary-btn mst-15" data-animate="animate__fadeIn">Find store</button>
</div>
</div>
</div>
<div class="store-data section-pt">
<div class="position-relative extra-color ptb-15 plr-15 primary-bg meb-30" data-animate="animate__fadeIn"><i class="ri-map-pin-line icon-16"></i><span class="stateselect msl-5"></span>,<span class="countryselect msl-5"></span><a href="javascript:void(0)" class="store-reset-btn blinking extra-color msl-5 text-decoration-underline">Reset</a></div>
<div class="row store-data-row">
<div class="col-12" data-state="new south wales" data-country="australia">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-1.jpg" class="w-100 img-fluid" alt="store-1">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Sydney shopfront</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">78 George street, Sydney, NSW 2000, Australia</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+61299991234" class="body-primary-color">+61 2 9999 1234</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@sydneyemporium.au" class="body-primary-color">info@sydneyemporium.au</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/78+George+street,+Sydney,+NSW+2000,+Australia" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-2.jpg" class="w-100 img-fluid" alt="store-2">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Newcastle mart</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">456 Hunter st, Newcastle, NSW 2300, Australia</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+61288885678" class="body-primary-color">+61 2 8888 5678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@newcastlemart.au" class="body-primary-color">contact@newcastlemart.au</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/456+Hunter+st,+Newcastle,+NSW+2300,+Australia" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-3.jpg" class="w-100 img-fluid" alt="store-3">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Wollongong plaza</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">789 Crown st, Wollongong, NSW 2500</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+61277779101" class="body-primary-color">+61 2 7777 9101</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:hello@wollongongplaza.au" class="body-primary-color">hello@wollongongplaza.au</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/789+Crown+st,+Wollongong,+NSW+2500,+Australia" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="victoria" data-country="australia">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-4.jpg" class="w-100 img-fluid" alt="store-4">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Melbourne central</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">123 Bourke st, Melbourne, VIC 3000, Australia</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+61399991234" class="body-primary-color">+61 3 9999 1234</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@melbournecentral.au" class="body-primary-color">info@melbournecentral.au</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/123+Bourke+st,+Melbourne,+VIC+3000,+Australia" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-5.jpg" class="w-100 img-fluid" alt="store-5">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Geelong market</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">456 Moorabool st, Geelong, VIC 3220, Australia</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+61388885678" class="body-primary-color">+61 3 8888 5678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@geelongmarket.au" class="body-primary-color">contact@geelongmarket.au</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/456+Hunter+st,+Newcastle,+NSW+2300,+Australia" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="queensland" data-country="australia">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-1.jpg" class="w-100 img-fluid" alt="store-1">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Brisbane mall</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">12 Queen st, Brisbane, QLD 4000, Australia</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+61712345678" class="body-primary-color">+61 7 1234 5678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@brisbanemall.au" class="body-primary-color">info@brisbanemall.au</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/12+Queen+st,+Brisbane,+QLD+4000,+Australia" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-2.jpg" class="w-100 img-fluid" alt="store-2">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Gold coast plaza</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">89 Surfers paradise blvd, Gold coast, QLD 4217, Australia</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+61723456789" class="body-primary-color">+61 7 2345 6789</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@goldcoastplaza.au" class="body-primary-color">contact@goldcoastplaza.au</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/89+Surfers+paradise+blvd,+Gold+coast,+QLD+4217,+Australia" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="ontario" data-country="canada">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-3.jpg" class="w-100 img-fluid" alt="store-3">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Toronto treasures</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">123 Maple st, Apt 456, Toronto, ON M5A 1A1, Canada</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+14165557890" class="body-primary-color">+1 416-555-7890</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:service@demowebsite.com" class="body-primary-color">service@demowebsite.com</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/123+Maple+st,+Apt+456,+Toronto,+ON+M5A+1A1,+Canada" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-4.jpg" class="w-100 img-fluid" alt="store-4">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Ottawa market</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">456 Rideau st, Ottawa, ON K1N 5Z4, Canada</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+16132345678" class="body-primary-color">+1 613-234-5678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@ottawamarket.ca" class="body-primary-color">contact@ottawamarket.ca</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/456+Rideau+st,+Ottawa,+ON+K1N+5Z4,+Canada" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="quebec" data-country="canada">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-5.jpg" class="w-100 img-fluid" alt="store-5">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Montreal market</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">123 Rue sainte-catherine, Montréal, QC H2X 1K5</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+15141234567" class="body-primary-color">+1 514-123-4567</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@montrealmarket.ca" class="body-primary-color">info@montrealmarket.ca</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/123+Rue+saintecatherine,+Montréal,+QC+H2X+1K5,+Canada" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-1.jpg" class="w-100 img-fluid" alt="store-1">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Quebec city emporium</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">456 Grande allée, Québec city, QC G1R 2H5, Canada</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+14182345678" class="body-primary-color">+1 418-234-5678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@qcemporium.ca" class="body-primary-color">contact@qcemporium.ca</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/456+Grande+allée,+Québec+city,+QC+G1R+2H5,+Canada" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="karnataka" data-country="india">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-2.jpg" class="w-100 img-fluid" alt="store-2">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Bangalore bazaar</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">1234 MG road, Bengaluru, Karnataka 560001, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+919876543210" class="body-primary-color">+91 98765-43210</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@demowebsite.com" class="body-primary-color">contact@demowebsite.com</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/1234+MG+road,+Bengaluru,+Karnataka+560001,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-3.jpg" class="w-100 img-fluid" alt="store-3">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Mysore market</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">456 Sayyaji rao road, Mysore, Karnataka 570021, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+918212345678" class="body-primary-color">+91 82123-45678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@mysoremarket.in" class="body-primary-color">info@mysoremarket.in</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/456+Sayyaji+rao+road,+Mysore,+Karnataka+570021,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-4.jpg" class="w-100 img-fluid" alt="store-4">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Mangalore mall</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">789 Balmatta road, Mangalore, Karnataka 575002, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+918243456789" class="body-primary-color"> +91 82434-56789</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:support@mangaloremall.in" class="body-primary-color">support@mangaloremall.in</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/789+Balmatta+road,+Bengaluru,+Karnataka+575002,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="west bengal" data-country="india">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-5.jpg" class="w-100 img-fluid" alt="store-5">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Kolkata central</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">25 Park street, Kolkata, West bengal 700016, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+913312345678" class="body-primary-color">+91 33123-45678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@kolkatacentral.in" class="body-primary-color">contact@kolkatacentral.in</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/25+Park+street,+Kolkata,+West+bengal+700016,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-1.jpg" class="w-100 img-fluid" alt="store-1">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Howrah market</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">78 GT road, Howrah, West bengal 711101, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+913323456789" class="body-primary-color">+91 33234-56789</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@howrahmarket.in" class="body-primary-color">info@howrahmarket.in</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/78+GT+road,+Howrah,+West+bengal+711101,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="delhi" data-country="india">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-2.jpg" class="w-100 img-fluid" alt="store-2">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Connaught place bazaar</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">45 Inner circle, Connaught place, New delhi 110001, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+911112345678" class="body-primary-color">+91 11123-45678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@cpbazaar.in" class="body-primary-color">info@cpbazaar.in</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/45+Inner+circle,+Connaught+place,+New+delhi+110001,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-3.jpg" class="w-100 img-fluid" alt="store-3">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Chandni chowk market</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">12 Dariba kalan road, Chandni chowk, New delhi 110006, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+911123456789" class="body-primary-color">+91 11234-56789</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@chandnichowkmarket.in" class="body-primary-color">contact@chandnichowkmarket.in</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/12+Dariba+kalan+road,+Chandni+chowk,+New+delhi+110006,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="tamil nadu" data-country="india">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-4.jpg" class="w-100 img-fluid" alt="store-4">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Marina beach mart</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">78 Kamarajar salai, Marina beach, Chennai, Tamil nadu 600005, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+914412345678" class="body-primary-color">+91 44123-45678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@marinabeachmart.in" class="body-primary-color">contact@marinabeachmart.in</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/78+Kamarajar+salai,+Marina+beach,+Chennai,+Tamil+nadu+600005,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-5.jpg" class="w-100 img-fluid" alt="store-5">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Coimbatore central</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">12 Crosscut road, Gandhipuram, Coimbatore, Tamil nadu 641012, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+9142234567890" class="body-primary-color">+91 422345-67890</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:sales@coimbatorecentral.in" class="body-primary-color">sales@coimbatorecentral.in</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/12+Crosscut+road,+Gandhipuram,+Coimbatore,+Tamil+nadu+641012,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="maharashtra" data-country="india">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-1.jpg" class="w-100 img-fluid" alt="store-1">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Mumbai mall</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">101 Linking road, Bandra west, Mumbai, Maharashtra 400050, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+912212345678" class="body-primary-color">+91 22123-45678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@mumbaimall.in" class="body-primary-color">contact@mumbaimall.in</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/101+Linking+road,+Bandra+west,+Mumbai,+Maharashtra+400050,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-2.jpg" class="w-100 img-fluid" alt="store-2">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Pune plaza</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">45 MG road, Camp area, Pune, Maharashtra 411001, India</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+912023456789" class="body-primary-color">+91 20234-56789</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@puneplaza.in" class="body-primary-color">info@puneplaza.in</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/45+MG+road,+Camp+area,+Pune,+Maharashtra+411001,+India" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="greater london" data-country="uk">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-3.jpg" class="w-100 img-fluid" alt="store-3">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">London market</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">56 High street, London, WC1A 1AA, UK</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+441234567890" class="body-primary-color">+44 1234-567890</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:support@demowebsite.com" class="body-primary-color">support@demowebsite.com</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/56+High+street,+London,+WC1A+1AA,+UK" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-4.jpg" class="w-100 img-fluid" alt="store-4">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">London luxury store</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">120 Oxford street, London, W1D 1NN, UK</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+442079460956" class="body-primary-color">+44 2079-460956</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@londonluxurystore.co.uk" class="body-primary-color">info@londonluxurystore.co.uk</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/120+Oxford+street,+London,+W1D+1NN,+UK" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="scotland" data-country="uk">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-5.jpg" class="w-100 img-fluid" alt="store-5">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Highland outfitters</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">25 Princes street, Edinburgh, EH2 2AA, UK</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+441315566755" class="body-primary-color">+44 1315-566755</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@highlandoutfitters.co.uk" class="body-primary-color">info@highlandoutfitters.co.uk</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/25+Princes+street,+Edinburgh,+EH2+2AA,+UK" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-1.jpg" class="w-100 img-fluid" alt="store-1">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Glasgow gadgets</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">99 Buchanan street, Glasgow, G1 3HF, UK</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+441412041122" class="body-primary-color">+44 1412-041122</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@glasgowgadgets.co.uk" class="body-primary-color">contact@glasgowgadgets.co.uk</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/99+Buchanan+street,+Glasgow,+G1+3HF,+UK" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-2.jpg" class="w-100 img-fluid" alt="store-2">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Scottish book haven</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">12 George street, Edinburgh, EH2 2PF, UK</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+441312201234" class="body-primary-color">+44 1312-201234</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:hello@scottishbookhaven.co.uk" class="body-primary-color">hello@scottishbookhaven.co.uk</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/12+George+street,+Edinburgh,+EH2+2PF,+UK" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="wales" data-country="uk">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-3.jpg" class="w-100 img-fluid" alt="store-3">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Cardiff crafts</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">34 Queen street, Cardiff, CF10 2RG, UK</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+442920123456" class="body-primary-color">+44 2920-123456</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@cardiffcrafts.co.uk" class="body-primary-color">info@cardiffcrafts.co.uk</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/34+Queen+street,+Cardiff,+CF10+2RG,+UK" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-4.jpg" class="w-100 img-fluid" alt="store-4">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Swansea sports store</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">56 Oxford street, Swansea, SA1 3LZ, UK</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+441792987654" class="body-primary-color">+44 1792-987654</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:sales@swanseasports.co.uk" class="body-primary-color">sales@swanseasports.co.uk</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/56+Oxford+street,+Swansea,+SA1+3LZ,+UK" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="new york" data-country="usa">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-5.jpg" class="w-100 img-fluid" alt="store-5">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Manhattan moods</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">123 5th Avenue, New york, NY 10010, USA</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+12125550123" class="body-primary-color">+1 212-555-0123</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@manhattanmoods.com" class="body-primary-color">info@manhattanmoods.com</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/123+5th+Avenue,+New+york,+NY+10010,+USA" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-1.jpg" class="w-100 img-fluid" alt="store-1">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Brooklyn bargains</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">456 Flatbush avenue, Brooklyn, NY 11225, USA</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+17185550345" class="body-primary-color">+1 718-555-0345</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@brooklynbargains.com" class="body-primary-color">contact@brooklynbargains.com</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/456+Flatbush+avenue,+Brooklyn,+NY+11225,+USA" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-2.jpg" class="w-100 img-fluid" alt="store-2">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Queens quarters</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">789 Queens boulevard, Queens, NY 11373, USA</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+17185550567" class="body-primary-color">+1 718-555-0567</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:support@queensquarters.com" class="body-primary-color">support@queensquarters.com</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/789+Queens+boulevard,+Queens,+NY+11373,+USA" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12" data-state="california" data-country="usa">
<div class="row row-mtm100">
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-3.jpg" class="w-100 img-fluid" alt="store-3">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Golden gate gadgets</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">101 Market street, San francisco, CA 94105, USA</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+14155551234" class="body-primary-color">+1 415-555-1234</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:info@goldengategadgets.com" class="body-primary-color">info@goldengategadgets.com</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/101+Market+street,+San+francisco,+CA+94105,+USA" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap flex-lg-row-reverse">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-4.jpg" class="w-100 img-fluid" alt="store-4">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 per-lg-30 per-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">La luxe boutique</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">202 Sunset boulevard, Los angeles, CA 90028, USA</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+13235555678" class="body-primary-color">+1 323-555-5678</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:contact@laluxeboutique.com" class="body-primary-color">contact@laluxeboutique.com</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/202+Sunset+boulevard,+Los+angeles,+CA+90028,+USA" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
<div class="col-12">
<div class="store-content d-flex flex-wrap">
<div class="col-12 col-lg-6" data-animate="animate__fadeIn">
<div class="banner-hover">
<span class="d-block banner-img br-hidden">
<img src="assets/image/other/store-5.jpg" class="w-100 img-fluid" alt="store-5">
</span>
</div>
</div>
<div class="col-12 col-lg-6 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center pst-23 pst-lg-0 psl-lg-30 psl-xxl-50" data-animate="animate__fadeIn">
<h6 class="font-18 meb-20">Silicon valley supplies</h6>
<div class="row store-info">
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-map-pin-range-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Store address</span>
<span class="d-block mst-4">303 Main street, Palo alto, CA 94301, USA</span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-phone-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Let's talk</span>
<span class="d-block mst-4"><a href="tel:+16505559101" class="body-primary-color">+1 650-555-9101</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-mail-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Say hi!</span>
<span class="d-block mst-4"><a href="mailto:support@siliconvalleysupplies.com" class="body-primary-color">support@siliconvalleysupplies.com</a></span>
</div>
</div>
<div class="d-flex flex-wrap">
<span class="width-24 heading-color icon-24"><i class="ri-time-line"></i></span>
<div class="width-calc-24 psl-15">
<span class="heading-color text-uppercase">Opening hours</span>
<span class="d-block mst-4">Mon - Fri : 9:00am - 6:00pm</span>
<span class="d-block mst-4">Sat - Sun : 10:00am - 5:00pm</span>
</div>
</div>
</div>
<a href="https://www.google.com/maps/place/303+Main+street,+Palo+alto,+CA+94301,+USA" class="btn-style secondary-btn mst-26" target="_blank">Get direction</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</section>
<!-- store 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>