<style>
        .service .service-content-wrap .service-content .title2 {
  font-size: 22px;
  margin: 20px 180px 7px ;
  transition: all 0.4s ease 0s;
}
    </style>
 
  <!-- Blog area -->
    <div class="section pt-5 pb-5">
        <div class="container">
            <div class="section-title text-center mb-lg-9 mb-md-7 mb-5">
                <h2 class="title"> Our <span>Service Category</span></h2>
                <p>To provide better quality of life by designing the eco-friendly structure.</p>
            </div>
            <div class="row row-cols-lg-12 row-cols-md-4 row-cols-sm-2 row-cols-1 ">
                <?php
                    $sql = "SELECT * FROM `tbl_product` WHERE product_status='Active' ORDER BY order_by ASC";
                    $run = mysqli_query($db,$sql) or die("Query Not run");
                    while($data = mysqli_fetch_assoc($run)){
                    $serviceUrl = $wspath ;
                    if (isset($_REQUEST['slug_link'])) {
                        $loc_slug = htmlspecialchars($_REQUEST['slug_link']);
                        $serviceUrl .=  $loc_slug. '/';
                    }
                
                    $serviceUrl .= '' . $data['slug_link'] . '.html';
                ?>
                <div class="col-md-6">
                  <!-- <a href="service-detail.php"> -->
                    <div class="service text-center" style="border:2px solid #ea622b;margin-bottom: 15px;">
                        <img height="300px" src="<?php echo $wspath?>admin/images/services/<?php echo $data['image'];?>" alt="banner">
                        <div class="service-content-wrap">
                            <div class="service-content">
                                <!-- <div class="service-icon">
                                    <i class="dlicon design_compass"></i>
                                </div> -->
                                 <!--<a href=""><h3 class="title"></h3> -->
                                 <!--<li><a href=""></a></li>-->
                                <a href="<?php echo $wspath?>service<?php echo $data['slug_link']?>.html"><h3 class="title2"><?= str_replace("LOCATION",$location,$data["product_name"]);?></h3>
                                <p>Enhance quality of life through the design</p></a>
                            </div>
                        </div>
                    </div>
                  <!-- </a> -->
                </div>
                <?php } ?>
                
            </div>
        </div>
    </div>