Counter 1
<div class="bg-img cover-background secondary-overlay p-5" data-overlay-dark="8" data-background="img/bg/bg-07.jpg">
<div class="row mt-n1-9 z-index-1 position-relative">
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="counter-style1">
<div class="ps-sm-4">
<h3 class="text-white mb-2 h1"><span class="countup">545</span></h3>
<p class="text-white font-weight-500 mb-0 fs-6">Cases Done</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="counter-style1">
<div class="ps-sm-4">
<h3 class="text-white mb-2 h1"><span class="countup">700</span></h3>
<p class="text-white font-weight-500 mb-0 fs-6">Happy Clients</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="counter-style1">
<div class="ps-sm-4">
<h3 class="text-white mb-2 h1"><span class="countup">230</span></h3>
<p class="text-white font-weight-500 mb-0 fs-6">Awards Win</p>
</div>
</div>
</div>
</div>
</div>
Counter 2
<div class="bg-img cover-background secondary-overlay p-1-6 p-md-5" data-overlay-dark="9" data-background="img/bg/bg-03.jpg">
<div class="row mt-n1-9 position-relative z-index-9">
<div class="col-sm-6 col-xl-4 mt-1-9">
<div class="counter-style2 border-sm-end border-color-light-white me-xxl-1-9">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="icon-box">
<i class="ti-thumb-up"></i>
</div>
</div>
<div class="flex-grow-1 ms-1-9 ms-xl-2-2">
<h3 class="h1 text-white"><span class="countup">545</span>+</h3>
<p class="mb-0 text-white opacity9">Cases Done</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4 mt-1-9">
<div class="counter-style2 border-xl-end border-color-light-white me-xxl-1-9">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="icon-box">
<i class="ti-write"></i>
</div>
</div>
<div class="flex-grow-1 ms-1-9 ms-xl-2-2">
<h3 class="h1 text-white"><span class="countup">700</span>+</h3>
<p class="mb-0 text-white opacity9">Happy Clients</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4 mt-1-9">
<div class="counter-style2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="icon-box">
<i class="ti-face-smile"></i>
</div>
</div>
<div class="flex-grow-1 ms-1-9 ms-xl-2-2">
<h3 class="h1 text-white"><span class="countup">230</span>+</h3>
<p class="mb-0 text-white opacity9">Awards Win</p>
</div>
</div>
</div>
</div>
</div>
</div>
Counter 3
545+
Cases Done
700+
Happy Clients
230+
Awards Win
<div class="row align-items-center mt-n1-9">
<div class="col-sm-4 mt-1-9">
<div class="counter-style3 mx-auto">
<h4 class="display-25 display-sm-20 display-xxl-11 text-white"><span class="countup">545</span>+</h4>
<p class="mb-0 display-29 display-xl-28">Cases Done</p>
</div>
</div>
<div class="col-sm-4 mt-1-9">
<div class="counter-style3 mx-auto">
<h4 class="display-25 display-sm-20 display-xxl-11 text-white"><span class="countup">700</span>+</h4>
<p class="mb-0 display-29 display-xl-28">Happy Clients</p>
</div>
</div>
<div class="col-sm-4 mt-1-9">
<div class="counter-style3 mx-auto">
<h4 class="display-25 display-sm-20 display-xxl-11 text-white"><span class="countup">230</span>+</h4>
<p class="mb-0 display-29 display-xl-28">Awards Win</p>
</div>
</div>
</div>