<section class="wrapper bg-light">
  <div class="container py-14 py-md-16 text-center">
    <div class="row">
      <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
        <h2 class="fs-15 text-uppercase text-muted mb-3 text-center">ماذا نقدم ؟</h2>
        <h3 class="display-4 mb-10 px-xl-10 text-center">قائمة الخدمات التي نقدمها لكم.</h3>
      </div>
      <!-- /column -->
    </div>
    <!-- /.row -->
    <div class="position-relative">
      <div class="shape rounded-circle bg-soft-blue rellax w-16 h-16" data-rellax-speed="1" style="bottom: -0.5rem; right: -2.2rem; z-index: 0;"></div>
      <div class="shape bg-dot yellow rellax w-16 h-17" data-rellax-speed="1" style="top: -0.5rem; left: -2.5rem; z-index: 0;"></div>
      <div class="row gx-md-5 gy-5 text-center">
        <div class="col-md-6 col-xl-3">
          <div class="card shadow-lg">
            <div class="card-body text-center">
              <img src="./assets/img/photos/1.jpg"  class="svg-inject icon-svg icon-svg-md text-yellow mb-3" alt="" />
              <h4 class="text-center">تنظيم الفعاليات</h4>
              <p class="mb-2">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النصوص في أدوات منصة نفذلي، حيث يمكنك أن تولد مثل.</p>
            </div>
            <!--/.card-body text-center -->
          </div>
          <!--/.card -->
        </div>
        <!--/column -->
        <div class="col-md-6 col-xl-3">
          <div class="card shadow-lg">
            <div class="card-body text-center">
              <img src="./assets/img/photos/1.jpg" class="svg-inject icon-svg icon-svg-md text-red mb-3" alt="" />
              <h4 class="text-center">تنظيم الفعاليات</h4>
              <p class="mb-2">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النصوص في أدوات منصة نفذلي، حيث يمكنك أن تولد مثل.</p>
            </div>
            <!--/.card-body text-center -->
          </div>
          <!--/.card -->
        </div>
        <!--/column -->
        <div class="col-md-6 col-xl-3">
          <div class="card shadow-lg">
            <div class="card-body text-center">
              <img src="./assets/img/photos/1.jpg" class="svg-inject icon-svg icon-svg-md text-green mb-3" alt="" />
              <h4 class="text-center">تنظيم الفعاليات</h4>
              <p class="mb-2">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النصوص في أدوات منصة نفذلي، حيث يمكنك أن تولد مثل.</p>
            </div>
            <!--/.card-body text-center -->
          </div>
          <!--/.card -->
        </div>
        <!--/column -->
        <div class="col-md-6 col-xl-3">
          <div class="card shadow-lg">
            <div class="card-body text-center">
              <img src="./assets/img/photos/1.jpg" class="svg-inject icon-svg icon-svg-md text-blue mb-3" alt="" />
              <h4 class="text-center">تنظيم الفعاليات</h4>
              <p class="mb-2">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النصوص في أدوات منصة نفذلي، حيث يمكنك أن تولد مثل.</p>
            </div>
            <!--/.card-body text-center -->
          </div>
          <!--/.card -->
        </div>
        <!--/column -->
      </div>
      <!--/.row -->
    </div>
    <!-- /.position-relative -->
  </div>
  <!-- /.container -->
</section>