<style>
       .sall{
          margin: auto;
          display: block;
       }
   </style>
   <!-- Services area -->
   <div class="section section-padding pt-5">
        <div class="container">
            <div class="section-title text-center mb-lg-9 mb-md-7 mb-5">
                <h2 class="title">Our <span>Services</span></h2>
                <!--<p>To provide better quality of life by designing the eco-friendly structure, with aesthetic sence.</p>-->
            </div>
        <div class="row">
             <?php
                                            
                    $sql = "SELECT * FROM `tbl_services`";
                    $run = mysqli_query($db,$sql) or die("Query Not run");
                    while($data = mysqli_fetch_assoc($run)){
                ?>
               
            <div class="col-lg-4">
               
                  <!-- <a href="service-detail.php"> -->
                    <div class="service text-center mb-2"  style="border:2px solid #21618C;">
                        <img height="250px" src="<?php echo $wspath?>admin/images/<?php echo $data['img1'];?>" alt="banner">
                        <div class="service-content-wrap">
                            <div class="service-content">
                                <!-- <div class="service-icon">
                                    <i class="dlicon design_compass"></i>
                                </div> -->
                                 <a href="<?php echo $wspath?>service-detail<?php echo $data['url_link']?>.html"><h3 class="title"><?php echo $data['property_name']?></h3> 
                                <!--<a href="<?php echo $wspath?>service-detail.php?id=<?php echo $data['sr_id']?>"><h3 class="title"><?php echo $data['property_name']?></h3>-->
                                  <p></p>
                                </a>
                            </div>
                        </div>
                    </div>   
            </div>
              <?php } ?>
        </div>
        </div>
    </div>