  <header class="header bg-white border-b border-gray-100">
      <div class="container container-lg">
          <nav class="header-inner flex justify-between gap-8">
              <div class="flex items-center menu-category-wrapper">
                  <div class="category-two hidden"><button type="button"
                          class="category__button flex items-center gap-8 font-[500] bg-main-two-600 p-16 text-white"><span
                              class="icon text-2xl sm:flex hidden"><i class="ph ph-dots-nine"></i></span> <span
                              class="md:flex hidden">All</span> Categories <span class="arrow-icon text-xl flex"><i
                                  class="ph ph-caret-down"></i></span></button>
                      <div
                          class="responsive-dropdown common-dropdown xl:hidden block nav-submenu p-0 submenus-submenu-wrapper shadow-none border border-gray-100">
                          <button type="button"
                              class="close-responsive-dropdown rounded-[50%] text-xl absolute right-0 inset-block-start-0 mt-4 me-8 xl:hidden flex"><i
                                  class="ph ph-x"></i></button>
                          <div class="logo px-16 xl:hidden block"><a href="index.html" class="link"><img
                                      src="views/assets/images/logo.png" alt="Logo"></a></div>
                          <ul class="scroll-sm p-0 py-8 overflow-y-auto">
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Cell
                                          Phone</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Cell Phone</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Wear</span>
                                      <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Wear</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Computer</span>
                                      <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Computer</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Headphone</span>
                                      <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Headphone</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Smart
                                          Screen</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Smart Screen</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Smart
                                          Home</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Smart Home</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Digital
                                          Accessories</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Digital Accessories</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Value
                                          Added Services</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Value Added Services</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Car
                                          Products</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Car Products</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Ecological
                                          Products</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Ecological Products</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Flat</span>
                                      <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Flat</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Commercial
                                          Terminal</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Commercial Terminal</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Headphone</span>
                                      <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Headphone</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span>Smart
                                          Screen</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Smart Screen</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Samsung</a></li>
                                          <li><a href="shop.html">Iphone</a></li>
                                          <li><a href="shop.html">Vivo</a></li>
                                          <li><a href="shop.html">Oppo</a></li>
                                          <li><a href="shop.html">Itel</a></li>
                                          <li><a href="shop.html">Realme</a></li>
                                      </ul>
                                  </div>
                              </li>
                          </ul>
                      </div>
                  </div>
                  <div class="category block on-hover-item bg-main-600 text-white"><button type="button"
                          class="category__button flex items-center gap-8 font-[500] p-16 border-r border-l border-gray-100 text-white"><span
                              class="icon text-2xl sm:flex hidden"><i class="ph ph-dots-nine"></i></span> <span
                              class="md:flex hidden">All</span> Categories <span class="arrow-icon text-xl flex"><i
                                  class="ph ph-caret-down"></i></span></button>
                      <div
                          class="responsive-dropdown on-hover-dropdown common-dropdown nav-submenu p-0 submenus-submenu-wrapper">
                          <button type="button"
                              class="close-responsive-dropdown rounded-[50%] text-xl absolute right-0 inset-block-start-0 mt-4 me-8 xl:hidden flex"><i
                                  class="ph ph-x"></i></button>
                          <div class="logo px-16 xl:hidden block"><a href="index.html" class="link"><img
                                      src="views/assets/images/logo.png" alt="Logo"></a></div>
                          <ul class="scroll-sm p-0 py-8 w-300 max-h-400 overflow-y-auto">
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span
                                          class="text-xl flex"><i class="ph ph-carrot"></i></span> <span>Vegetables
                                          &amp; Fruit</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Vegetables &amp; Fruit</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Potato &amp; Tomato</a></li>
                                          <li><a href="shop.html">Cucumber &amp; Capsicum</a></li>
                                          <li><a href="shop.html">Leafy Vegetables</a></li>
                                          <li><a href="shop.html">Root Vegetables</a></li>
                                          <li><a href="shop.html">Beans &amp; Okra</a></li>
                                          <li><a href="shop.html">Cabbage &amp; Cauliflower</a></li>
                                          <li><a href="shop.html">Gourd &amp; Drumstick</a></li>
                                          <li><a href="shop.html">Specialty</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span
                                          class="text-xl flex"><i class="ph ph-brandy"></i></span>
                                      <span>Beverages</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Beverages</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Soda &amp; Cocktail Mix</a></li>
                                          <li><a href="shop.html">Sports &amp; Energy Drinks</a></li>
                                          <li><a href="shop.html">Non Alcoholic Drinks</a></li>
                                          <li><a href="shop.html">Packaged Water</a></li>
                                          <li><a href="shop.html">Spring Water</a></li>
                                          <li><a href="shop.html">Flavoured Water</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span
                                          class="text-xl flex"><i class="ph ph-brandy"></i></span> <span>Meats &amp;
                                          Seafood</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Meats &amp; Seafood</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Fresh Meat</a></li>
                                          <li><a href="shop.html">Frozen Meat</a></li>
                                          <li><a href="shop.html">Marinated Meat</a></li>
                                          <li><a href="shop.html">Fresh &amp; Frozen Meat</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span
                                          class="text-xl flex"><i class="ph ph-brandy"></i></span> <span>Breakfast
                                          &amp; Dairy</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Breakfast &amp; Dairy</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Oats &amp; Porridge</a></li>
                                          <li><a href="shop.html">Kids Cereal</a></li>
                                          <li><a href="shop.html">Muesli</a></li>
                                          <li><a href="shop.html">Flakes</a></li>
                                          <li><a href="shop.html">Granola &amp; Cereal Bars</a></li>
                                          <li><a href="shop.html">Instant Noodles</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span
                                          class="text-xl flex"><i class="ph ph-brandy"></i></span> <span>Frozen
                                          Foods</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Frozen Foods</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Instant Noodles</a></li>
                                          <li><a href="shop.html">Hakka Noodles</a></li>
                                          <li><a href="shop.html">Cup Noodles</a></li>
                                          <li><a href="shop.html">Vermicelli</a></li>
                                          <li><a href="shop.html">Instant Pasta</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span
                                          class="text-xl flex"><i class="ph ph-brandy"></i></span> <span>Biscuits
                                          &amp; Snacks</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Biscuits &amp; Snacks</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Salted Biscuits</a></li>
                                          <li><a href="shop.html">Marie, Health, Digestive</a></li>
                                          <li><a href="shop.html">Cream Biscuits &amp; Wafers</a></li>
                                          <li><a href="shop.html">Glucose &amp; Milk biscuits</a></li>
                                          <li><a href="shop.html">Cookies</a></li>
                                      </ul>
                                  </div>
                              </li>
                              <li class="has-submenus-submenu"><a href="javascript:void(0)"
                                      class="text-gray-500 text-15 py-12 px-16 flex items-center gap-8 rounded-none"><span
                                          class="text-xl flex"><i class="ph ph-brandy"></i></span> <span>Grocery &amp;
                                          Staples</span> <span class="icon text-md flex ms-auto"><i
                                              class="ph ph-caret-right"></i></span></a>
                                  <div class="submenus-submenu py-16">
                                      <h6 class="text-lg px-16 submenus-submenu__title">Grocery &amp; Staples</h6>
                                      <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                          <li><a href="shop.html">Lemon, Ginger &amp; Garlic</a></li>
                                          <li><a href="shop.html">Indian &amp; Exotic Herbs</a></li>
                                          <li><a href="shop.html">Orangic Vegetables</a></li>
                                          <li><a href="shop.html">Orangic Fruits</a></li>
                                          <li><a href="shop.html">Orangic Dry Fruits</a></li>
                                          <li><a href="shop.html">Orangic Dals &amp; pulses</a></li>
                                          <li><a href="shop.html">Orangic Millet &amp; Flours</a></li>
                                      </ul>
                                  </div>
                              </li>
                          </ul>
                      </div>
                  </div>
                  <div class="header-menu xl:block hidden">
                      <ul class="nav-menu flex items-center">
                          <li class="on-hover-item nav-menu__item has-submenu activePage"><a href="javascript:void(0)"
                                  class="nav-menu__link">Home</a>
                              <ul class="on-hover-dropdown common-dropdown nav-submenu scroll-sm">
                                  <li class="common-dropdown__item nav-submenu__item activePage"><a href="index.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Home
                                          Grocery</a></li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="index-two.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Home
                                          Electronics</a></li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="index-three.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Home
                                          Fashion</a></li>
                              </ul>
                          </li>
                          <li class="on-hover-item nav-menu__item has-submenu"><a href="javascript:void(0)"
                                  class="nav-menu__link">Shop</a>
                              <ul class="on-hover-dropdown common-dropdown nav-submenu scroll-sm">
                                  <li class="common-dropdown__item nav-submenu__item"><a href="shop.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Shop</a>
                                  </li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="product-details.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Shop
                                          Details</a></li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="product-details-two.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Shop
                                          Details Two</a></li>
                              </ul>
                          </li>
                          <li class="on-hover-item nav-menu__item has-submenu"><span
                                  class="badge-notification bg-warning-600 text-white text-sm py-2 px-8 rounded-4">New</span>
                              <a href="javascript:void(0)" class="nav-menu__link">Pages</a>
                              <ul class="on-hover-dropdown common-dropdown nav-submenu scroll-sm">
                                  <li class="common-dropdown__item nav-submenu__item"><a href="cart.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Cart</a>
                                  </li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="wishlist.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Wishlist</a>
                                  </li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="checkout.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Checkout</a>
                                  </li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="become-seller.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Become
                                          Seller</a></li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="account.php"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Account</a>
                                  </li>
                              </ul>
                          </li>
                          <li class="on-hover-item nav-menu__item has-submenu"><span
                                  class="badge-notification bg-tertiary-600 text-white text-sm py-2 px-8 rounded-4">New</span>
                              <a href="javascript:void(0)" class="nav-menu__link">Vendors</a>
                              <ul class="on-hover-dropdown common-dropdown nav-submenu scroll-sm">
                                  <li class="common-dropdown__item nav-submenu__item"><a href="vendor.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Vendors</a>
                                  </li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="vendor-details.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Vendor
                                          Details</a></li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="vendor-two.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Vendors
                                          Two</a></li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="vendor-two-details.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Vendors
                                          Two Details</a></li>
                              </ul>
                          </li>
                          <li class="on-hover-item nav-menu__item has-submenu"><a href="javascript:void(0)"
                                  class="nav-menu__link">Blog</a>
                              <ul class="on-hover-dropdown common-dropdown nav-submenu scroll-sm">
                                  <li class="common-dropdown__item nav-submenu__item"><a href="blog.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Blog</a>
                                  </li>
                                  <li class="common-dropdown__item nav-submenu__item"><a href="blog-details.html"
                                          class="common-dropdown__link nav-submenu__link hover-bg-neutral-100">Blog
                                          Details</a></li>
                              </ul>
                          </li>
                          <li class="nav-menu__item"><a href="contact.html" class="nav-menu__link">Contact Us</a></li>
                      </ul>
                  </div>
              </div>
              <div class="header-right flex items-center">
                  <div class="select-dropdown-for-home-two xl:block hidden">
                      <ul class="header-top__right style-two flex items-center flex-wrap">
                          <li
                              class="on-hover-item border-right-item border-right-item-sm-space has-submenu arrow-white">
                              <a href="javascript:void(0)" class="selected-text text-heading text-sm py-8">Eng</a>
                              <ul
                                  class="selectable-text-list on-hover-dropdown common-dropdown common-dropdown--sm max-h-200 scroll-sm !px-0 py-8">
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag1.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> English</a></li>
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag2.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> Japan</a></li>
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag3.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> French</a></li>
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag4.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> Germany</a></li>
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag6.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> Bangladesh</a></li>
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag5.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> South Korea</a></li>
                              </ul>
                          </li>
                          <li
                              class="on-hover-item border-right-item border-right-item-sm-space has-submenu arrow-white">
                              <a href="javascript:void(0)" class="selected-text text-heading text-sm py-8">USD</a>
                              <ul
                                  class="selectable-text-list on-hover-dropdown common-dropdown common-dropdown--sm max-h-200 scroll-sm px-0 py-8">
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag1.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> USD</a></li>
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag2.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> Yen</a></li>
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag3.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> Franc</a></li>
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag4.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> EURO</a></li>
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag6.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> BDT</a></li>
                                  <li><a href="javascript:void(0)"
                                          class="hover-bg-gray-100 text-gray-500 text-xs py-6 px-16 flex items-center gap-8 rounded-none"><img
                                              src="views/assets/images/flag5.png" alt="Image"
                                              class="w-16 h-12 rounded-4 border border-gray-100"> WON</a></li>
                              </ul>
                          </li>
                      </ul>
                  </div>
                  <div class="me-8 xl:hidden block">
                      <div class="header-two-activities flex items-center flex-wrap gap-32"><button type="button"
                              class="items-center search-icon xl:hidden flex gap-4 item-hover-two"><span
                                  class="text-2xl text-white flex relative item-hover__text"><i
                                      class="ph ph-magnifying-glass"></i></span></button> <a href="account.php"
                              class="flex items-center flex-col gap-8 item-hover-two"><span
                                  class="text-2xl text-white flex relative item-hover__text"><i class="ph ph-user"></i>
                              </span><span class="text-md text-white item-hover__text hidden xl:flex">Profile</span>
                          </a><a href="wishlist.html" class="flex items-center flex-col gap-8 item-hover-two"><span
                                  class="text-2xl text-white flex relative me-6 mt-6 item-hover__text"><i
                                      class="ph ph-heart"></i> <span
                                      class="w-16 h-16 flex items-center justify-center rounded-[50%] bg-main-two-600 text-white text-xs absolute top-n6 end-n4">2</span>
                              </span><span class="text-md text-white item-hover__text hidden xl:flex">Wishlist</span>
                          </a><a href="cart.html" class="flex items-center flex-col gap-8 item-hover-two"><span
                                  class="text-2xl text-white flex relative me-6 mt-6 item-hover__text"><i
                                      class="ph-fill ph-shuffle"></i> <span
                                      class="w-16 h-16 flex items-center justify-center rounded-[50%] bg-main-two-600 text-white text-xs absolute top-n6 end-n4">2</span>
                              </span><span class="text-md text-white item-hover__text hidden xl:flex">Compare</span>
                          </a><a href="cart.html" class="flex items-center flex-col gap-8 item-hover-two"><span
                                  class="text-2xl text-white flex relative me-6 mt-6 item-hover__text"><i
                                      class="ph ph-shopping-cart-simple"></i> <span
                                      class="w-16 h-16 flex items-center justify-center rounded-[50%] bg-main-two-600 text-white text-xs absolute top-n6 end-n4">2</span>
                              </span><span class="text-md text-white item-hover__text hidden xl:flex">Cart</span></a>
                      </div>
                  </div><button type="button" class="toggle-mobileMenu xl:hidden ms-3n text-gray-800 text-4xl flex"><i
                          class="ph ph-list"></i></button>
              </div>
          </nav>
      </div>
  </header>