<section class="section-frame overflow-hidden">\n        <div class="wrapper bg-soft-primary" style="border-radius: 1rem;">\n          <div class="container py-17">\n            <div class="row text-center">\n              <div class="col-xl-11 col-xxl-10 mx-auto">\n                <h2 class="fs-16 text-uppercase text-muted mb-3">Company Facts</h2>\n                <h3 class="display-4 mb-10 px-lg-20 px-xl-20">Save your time and money by choosing our professional team.</h3>\n                <div class="row gy-6 text-center">\n                  <div class="col-md-6 col-lg-3">\n                    <div class="progressbar semi-circle purple" data-value="75"></div>\n                    <h4>New Visitors</h4>\n                    <p class="mb-0">Maecenas faucibus mollis interdum. Aenean eu leo.</p>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-md-6 col-lg-3">\n                    <div class="progressbar semi-circle leaf" data-value="80"></div>\n                    <h4>Social Media</h4>\n                    <p class="mb-0">Maecenas faucibus mollis interdum. Aenean eu leo.</p>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-md-6 col-lg-3">\n                    <div class="progressbar semi-circle pink" data-value="60"></div>\n                    <h4>Referrals</h4>\n                    <p class="mb-0">Maecenas faucibus mollis interdum. Aenean eu leo.</p>\n                  </div>\n                  <!-- /column -->\n                  <div class="col-md-6 col-lg-3">\n                    <div class="progressbar semi-circle yellow" data-value="90"></div>\n                    <h4>Search Engines</h4>\n                    <p class="mb-0">Maecenas faucibus mollis interdum. Aenean eu leo.</p>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /.container -->\n        </div>\n        <!-- /.wrapper -->\n      </section>