<section class="bg-img-cover-center h-100 py-11 py-lg-14" style="background-image: url('../../../images/count-down-01.jpg');">
<div class="container">
<div class="d-flex">
<div class="ml-auto d-flex flex-column align-items-center">
<h3 class="fs-42 mb-7 text-center">Poplin top with ruffle</h3>
<div class="countdown d-flex mb-8 mx-n2 mx-sm-n4" data-countdown="true"
data-countdown-end="Jan 27, 2023 18:24:25">
<div class="countdown-item text-center px-2 px-sm-4">
<span class="fs-40 fs-sm-60 lh-1 text-primary mb-1 font-weight-300 day">02</span>
<span class="d-block fs-12 text-primary letter-spacing-1px lh-14 text-uppercase font-weight-500">days</span>
</div>
<div class="separate fs-30">:</div>
<div class="countdown-item text-center px-2 px-sm-4">
<span class="fs-40 fs-sm-60 lh-1 text-primary mb-1 font-weight-300 hour">24</span>
<span class="d-block fs-12 text-primary letter-spacing-1px lh-14 text-uppercase font-weight-500">hours</span>
</div>
<div class="separate fs-30">:</div>
<div class="countdown-item text-center px-2 px-sm-4">
<span class="fs-40 fs-sm-60 lh-1 text-primary mb-1 font-weight-300 minute">15</span>
<span class="d-block fs-12 text-primary letter-spacing-1px lh-14 text-uppercase font-weight-500">minutes</span>
</div>
<div class="separate fs-30">:</div>
<div class="countdown-item text-center px-2 px-sm-4">
<span class="fs-40 fs-sm-60 lh-1 text-primary mb-1 font-weight-300 second">41</span>
<span class="d-block fs-12 text-primary letter-spacing-1px lh-14 text-uppercase font-weight-500">seconds</span>
</div>
</div>
<a href="#" class="btn btn-primary">Get Only $20</a>
</div>
</div>
</div>
</section>
