<section class="bg-secondary-dark py-24 py-md-40 overflow-hidden">
<div class="container">
<div class="row mx-lg-n10 mx-xl-n20">
<div class="col-12 col-md-6 col-lg-3 px-lg-10 px-xl-20 mb-20 mb-lg-0">
<div class="mw-xs mx-auto px-10 px-lg-0">
<div class="d-flex justify-content-center align-items-center position-relative mb-12" style="width: 80px; height: 80px">
<img class="position-absolute top-0 start-0 img-fluid" src="zospace-assets/lines/circle-chart.svg" alt="">
<p class="text-white mb-0">
<span class="h4 text-white fw-bold">8</span>
<span>%</span>
</p>
</div>
<div class="pt-14 border-top border-secondary">
<h3 class="h6 text-white mb-8">New tools</h3>
<p class="text-secondary-light mb-0">The brown me quam, sagittis porttitor lorem vel, commodo fringilla nisl.</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 px-lg-10 px-xl-20 mb-20 mb-lg-0">
<div class="mw-xs mx-auto px-10 px-lg-0">
<div class="d-flex justify-content-center align-items-center position-relative mb-12" style="width: 80px; height: 80px">
<img class="position-absolute top-0 start-0 img-fluid" src="zospace-assets/lines/circle-chart-purple.svg" alt="">
<p class="text-white mb-0">
<span class="h4 text-white fw-bold">45</span>
<span>%</span>
</p>
</div>
<div class="pt-14 border-top border-secondary">
<h3 class="h6 text-white mb-8">Workshop</h3>
<p class="text-secondary-light mb-0">It’s over, maecenas tincidunt malesuada dolor sit amet malesuada.</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 px-lg-10 px-xl-20 mb-20 mb-md-0">
<div class="mw-xs mx-auto px-10 px-lg-0">
<div class="d-flex justify-content-center align-items-center position-relative mb-12" style="width: 80px; height: 80px">
<img class="position-absolute top-0 start-0 img-fluid" src="zospace-assets/lines/circle-chart-green.svg" alt="">
<p class="text-white mb-0">
<span class="h4 text-white fw-bold">5</span>
<span>/6</span>
</p>
</div>
<div class="pt-14 border-top border-secondary">
<h3 class="h6 text-white mb-8">Meetings</h3>
<p class="text-secondary-light mb-0">The time, this accumsan augue, posuere posuere elit lorem.</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 px-lg-10 px-xl-20">
<div class="mw-xs mx-auto px-10 px-lg-0">
<div class="d-flex justify-content-center align-items-center position-relative mb-12" style="width: 80px; height: 80px">
<img class="position-absolute top-0 start-0 img-fluid" src="zospace-assets/lines/circle-chart-pink.svg" alt="">
<p class="text-white mb-0">
<span class="h4 text-white fw-bold">79</span>
<span>%</span>
</p>
</div>
<div class="pt-14 border-top border-secondary">
<h3 class="h6 text-white mb-8">Webinars</h3>
<p class="text-secondary-light mb-0">Again and again vehicula libero at nibh volutpat lacinia non sed you see.</p>
</div>
</div>
</div>
</div>
</div>
</section>