<section class="wrapper bg-light">
  <div class="container py-14 py-md-16">
    <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
      <div class="col-lg-6 position-relative order-lg-2">
        <div class="shape bg-dot primary rellax w-16 h-20" data-rellax-speed="1" style="top: 3rem; left: 5.5rem"></div>
        <div class="overlap-grid overlap-grid-2">
          <div class="item">
            <figure class="rounded shadow"><img src="/assets/img/photos/7.jpg"  alt=""  data-fancybox></figure>
          </div>
          <div class="item">
            <figure class="rounded shadow"><img src="/assets/img/photos/9.jpg"  alt="" data-fancybox></figure>
          </div>
        </div>
      </div>
      <!--/column -->
      <div class="col-lg-6">
        
        <h2 class="display-4 mb-3">
          {{-- <img src="/assets/img/avatars/team1.jpg" style="width: 80px;height: 80px;border-radius: 50%;" class="svg-inject icon-svg icon-svg-md mb-4" alt="" /> --}}
          <span class="far fa-info-circle" style="color:#0194fe"></span>
           من نحن؟</h2>
        <p class="lead fs-lg">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النصوص في أدوات منصة نفذلي</p>
        <p class="mb-6">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النصوص في أدوات منصة نفذلي، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة.</p>
        <div class="row gy-3 gx-xl-8">
          <div class="col-xl-6">
          	<ul style="list-style:none" class="p-0">
          		<li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
                <li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
                <li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
                <li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
                <li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
                <li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
          	</ul>
          </div>
          <div class="col-xl-6">
          	<ul style="list-style:none" class="p-0">
          		<li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
                <li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
                <li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
                <li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
                <li>
          			<i class="fas fa-check-circle mx-2 p-2" style="color:#7cb798"></i>
          			<span>اسم الميزة سيتم كتابته هنا</span>
                </li>
          	</ul>
          </div> 
          <!--/column -->
        </div>
        <!--/.row -->
      </div>
      <!--/column -->
    </div>
    <!--/.row -->
  </div>
  <!-- /.container -->
</section>