<style>
    .service-card{
        background:#fff;
          box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
          padding:5px;
    }
</style>

<!-- Blog 5 - Bootstrap Brain Component -->
<section class="bsb-blog-5 py-3 py-md-5  py-xl-8">
  <div class="row heading">
          <div class="col-md-12 col-md-offset-3">
            <h2 class="text-center mhead py-3">Our Services</h2>
            
          </div>
        </div>

  <div class="container overflow-hidden">
    <div class="row gy-4 gy-md-5 gx-xl-6 gy-xl-6 gx-xxl-9 gy-xxl-9 mb-5">
       <?php
           $sql = "SELECT * FROM `tbl_service2` ORDER BY s_id ASC LIMIT 6";
           $run = mysqli_query($db,$sql) or die("Query Not run");
           while($data = mysqli_fetch_assoc($run)){
       ?>
      <div class="col-12 col-lg-4">
        <article>
          <div class="card service-card border-0 bg-transparent">
            <figure class="card-img-top mb-4 overflow-hidden bsb-overlay-hover">
              <a href="<?php echo $wspath?><?php echo $data['url_link']?>.html">
                <img class="img-fluid bsb-scale bsb-hover-scale-up" loading="lazy" src="<?php echo $wspath?>admin/images/services/<?php echo $data['image']?>" alt="<?php echo $data['name']?>">
              </a>
            </figure>
            <div class="card-body m-0 p-0">
              <div class="entry-header mb-2">
                <ul class="entry-meta list-unstyled d-flex mb-3">
                  <li>
                    <a class="d-inline-flex px-2 py-1 link-primary text-primary-emphasis bg-primary-subtle border border-primary-subtle rounded-2 text-decoration-none fs-7" href="<?php echo $wspath?><?php echo $data['url_link']?>.html">Read More</a>
                  </li>
                </ul>
                <h2 class="card-title entry-title h4 m-0">
                  <a class="link-dark text-decoration-none" href="<?php echo $wspath?><?php echo $data['url_link']?>.html"><?php echo $data['name']?></a>
                </h2>
              </div>
            </div>
          </div>
        </article>
      </div>
      <?php } ?>
    </div>
  </div>

  
</section>