
<?php 
include('layout/header.php');
?>

    <!-- Start Hero -->
    <section class="common-page-hero">
      <img src="assets/img/bg/common-bg.png" class="common-hero-bg ak-bg" alt="...">
      <div class="common-hero-content">
        <div class="common-hero-info">
          <div class="ak-section-heading ak-style-1 animation-title-content animation-style3">
            <p class="ak-section-subtitle animation-title">Services</p>
            <h2 class="ak-section-title animation-title">
              Expert Financial Solutions Tailored to Needs
            </h2>
          </div>
          <p class="back-btn"><a href="index.htm">Home</a> / Services</p>
        </div>
      </div>
    </section>
    <!-- End Hero -->

    <!-- Start All Services-->
    <div class="ak-height-60 ak-height-lg-50"></div>
    <div class="container">
      <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-5">
      <?php foreach($services as $service){ ?>
        <a href="/services/<?php echo str_replace(' ','_',$service['name']); ?>" class="service-card style-two">
          <div class="service-thumb">
            <img src="<?php echo $service['image']; ?>" alt="...">
            <div class="overlay-image">
              <img src="<?php echo $service['image']; ?>" alt="...">
            </div>
          </div>
          <div class="service-info">
            <p class="service-title"><?php echo $service['name']; ?></p>
            <p class="service-desp"><?php echo $service['short_description']; ?></p>
          </div>
          <div class="service-footer">
            <p class="more-btn">
              <span> View More </span>
              <span class="svg-icon style-two">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewbox="0 0 18 19" fill="none">
                  <path d="M1.7085 9.01147H16.2918H1.7085ZM16.2918 9.01147L9.29183 2.01147L16.2918 9.01147ZM16.2918 9.01147L9.29183 16.0115L16.2918 9.01147Z" fill="#030917"></path>
                  <path d="M1.7085 9.01147H16.2918M16.2918 9.01147L9.29183 2.01147M16.2918 9.01147L9.29183 16.0115" stroke="#030917" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewbox="0 0 18 19" fill="none">
                  <path d="M1.7085 9.01147H16.2918H1.7085ZM16.2918 9.01147L9.29183 2.01147L16.2918 9.01147ZM16.2918 9.01147L9.29183 16.0115L16.2918 9.01147Z" fill="#030917"></path>
                  <path d="M1.7085 9.01147H16.2918M16.2918 9.01147L9.29183 2.01147M16.2918 9.01147L9.29183 16.0115" stroke="#030917" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </span>
            </p>
          </div>
        </a>
<?php } ?>
<div class="ak-height-60 ak-height-lg-50"></div>
      </div>
    </div>

    <!-- End All Services-->

  <?php 
  include('layout/footer.php');
  ?>


 