<section class="wrapper image-wrapper bg-auto no-overlay bg-image text-center bg-map" data-image-src="./assets/img/map.png">
  <div class="container py-14 pt-md-16 pb-md-18">
    <div class="row pt-md-12">
      <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">
        <h2 class="fs-15 text-uppercase text-muted mb-3 text-center">مرحباً بك في مجتمعنا</h2>
        <h3 class="display-4 mb-8 px-lg-12 text-center">تعرف على مجتمعنا في أرقام.</h3>
      </div>
      <!-- /.row -->
    </div>
    <!-- /column -->
    <div class="row pb-md-12">
      <div class="col-md-10 col-lg-9 col-xl-7 mx-auto">
        <div class="row align-items-center counter-wrapper gy-4 gy-md-0">
          <div class="col-md-4 text-center">
            <h3 class="counter counter-lg text-primary text-center">+200</h3>
            <p class="text-center">نجمة على جب هب</p>
          </div>
          <!--/column -->
          <div class="col-md-4 text-center">
            <h3 class="counter counter-lg text-primary text-center">+30.000</h3>
            <p class="text-center">عضو في المجموعة</p>
          </div>
          <!--/column -->
          <div class="col-md-4 text-center">
            <h3 class="counter counter-lg text-primary text-center">+1000</h3>
            <p class="text-center">نظام يستخدمها</p>
          </div>
          <!--/column -->
        </div>
        <!--/.row -->
      </div>
      <!-- /column -->
    </div>
    <!-- /.row -->
  </div>
  <!-- /.container -->
</section>