<div class="py-11 pt-lg-12 pb-lg-10">
<div class="container container-xl">
<div class="row">
<div class="col-12 col-lg-6 mb-6 mb-lg-0">
<div class="card border-0 banner banner-01 hover-zoom-in hover-shine">
<div class="card-img bg-img-cover-center"
style="background-image: url('../../../images/banner-01.jpg');"></div>
<div class="card-img-overlay d-inline-flex flex-column p-6 p-md-8">
<h6 class="card-subtitle mb-2 text-secondary letter-spacing-01">NEW COLLECTION</h6>
<h3 class="card-title fs-34 lh-129" style="max-width: 310px">Intensive Glow C+ Serum</h3>
<div class="mt-4">
<a href="#"
class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Explore
More</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="card border-0 banner banner-01 hover-zoom-in hover-shine">
<div class="card-img bg-img-cover-center"
style="background-image: url('../../../images/banner-02.jpg');"></div>
<div class="card-img-overlay d-inline-flex flex-column p-6 p-md-8">
<h3 class="card-title fs-34 lh-129 mb-2">25% off Everything</h3>
<p class="card-text text-secondary font-weight-500" style="max-width: 236px;">
Makeup with extended range in colors for every human.
</p>
<div class="mt-2">
<a href="#"
class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Shop Sale</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
