<section class="gap-top-subheader">
   <div class="sub-header h-auto py-3">
      <div class="container">
         <div class="row justify-content-center align-items-center">
            <div class="col-lg-3">
               <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                     <li class="breadcrumb-item"><a href="index">Home</a></li>
                     <li class="breadcrumb-item active" aria-current="page">Categories</li>
                  </ol>
               </nav>
               <div class="green-box">
                  <h4 class="text-white text-uppercase">all <br> Categories</h4>
               </div>
            </div>
            <div class="col-lg-9">
               <div class="box-right">
                  <h1 class="h4 text-white pb-2">Most Popular Categories</h1>
                  <p class="fs-12 text-white">A shopping category refers to a specific grouping of products or items that are commonly purchased together or belong to the same general category of merchandise. For example, common shopping categories include clothing, electronics, home and garden, sports and outdoors, beauty and personal care, and many more.Shopping categories are often used by retailers to organize their products and make it easier for customers to find what they are looking for. Online marketplaces such as Amazon, eBay, and Walmart often use shopping categories to help shoppers navigate their vast inventory of products<span class="dots">.... </span>
                     <span class="hiding">Additionally, shopping categories may be used in marketing and advertising to target specific customer segments or promote certain products or sales.</span>  
                     <span class="read-more text-white cursor-pointer">Show More</span>
                     <span class="show-less hiding text-white cursor-pointer">Show Less</span>
                  </p>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>