<section class="gap-top-subheader">
   <div class="sub-header h-auto py-3">
      <div class="container">
         <div class="row">
            <div class="col-lg-12 pt-3">
               <!--nav breadcrumb Begin-->
               <nav aria-label="breadcrumb" class="position-relative">
                  <ol class="breadcrumb">
                     <li class="breadcrumb-item"><a href="index">Home</a></li>
                     <li class="breadcrumb-item active" aria-current="page">Deals of the Day </li>
                  </ol>
               </nav>
               <!--nav breadcrumb End-->
            </div>
         </div>
         <div class="row justify-content-center align-items-center">
            <div class="col-lg-3">
               <!--deal-day-box Begin-->
               <div class="deal-day-box">
                  <h1 class="h5 text-white text-uppercase">Deals of the Day</h1>
                  <small class="text-white fs-12">Fresh. Handpicked. Curated</small>
               </div>
               <!--deal-day-box End-->
            </div>
            <div class="col-lg-9">
               <!--New Deal Begin-->
               <div class="new-deal">
                  <small class="fs-12">New Deals in</small>
                  <div class="countdown" id="countdown"></div>
               </div>
               <!--New Deal End-->
            </div>
         </div>
      </div>
   </div>
</section>