<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 row-cols-lg-4 row-cols-md-4 row-cols-sm-2 row-cols-1 ">
                <?php
                    $sql = "SELECT * FROM `tbl_services` LIMIT 4";
                    $run = mysqli_query($db,$sql) or die("Query Not run");
                    while($data = mysqli_fetch_assoc($run)){
                ?>
                <div class="col-md-6 sall">
                  <!-- <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>
                            </div>
                        </div>
                    </div>
                  <!-- </a> -->
                </div>
                <?php } ?>
                
            </div>
        </div>
    </div>