<!-- Begin Featured Porduct Section -->

<style>
    .featured-pro .box{
        background:#e9e7e7;
        padding:10px;
        border-radius:10px;
        margin-top:10px;
    }
    .featured-pro .box .product-image{
        /* width:253px; */
            height:270px;
    }
    .featured-pro .box img{
            width:100%;
            height:auto;
            transition: 0.4s ease-in-out;
    }
    .featured-pro .box img:hover{
    transform: scale(1.03);
    }
    .featured-pro .box  h3{
        font-size: 15px;
    margin: 10px auto;
    display: table;
    color: #333333;;
    }

    @media screen and (max-width: 767px) {
	.featured-pro .box .product-image{
		height: 141px;
	}
    .featured-pro .box h3{
        font-size: 11px;
    }
    .col-md-3{
        width:50%;
    }
  }
    
</style>

<section class="featured-pro featured-pro-2 pt-95">
                 <div class="container-fluid   pl-40 pr-40">
                     <div class="row">
                         <div class="col-lg-12">
                             <!-- Begin Featured Product Title Area -->
                             <div class="pos-title pos-title-2">
                                 <h2>Featured Products</h2>
                                 <p>"Unleash Your Inner Sophistication with Leather"</p>
                             </div>
                             <div class="row">
                                <!-- .....product---start.... -->
                                <?php  
                                    $sqlpd = "SELECT * FROM `tbl_product` LIMIT 4";
                                    $runpd = mysqli_query($db,$sqlpd) or die("Query Not run");
                                    while($datapd = mysqli_fetch_assoc($runpd)){
                                ?>
                                <div  class="col-md-3" data-aos="fade-up">
                                    <div class="box">
                                        <div class="product-image">
                                           <a href="<?php echo $wspath?>product-detail<?php echo $datapd['slug_link']?>.html"> <img style="width:100%; height: 250px;" src="<?php echo $wspath?>admin/images/<?php echo $datapd['img1']?>" alt="<?php echo $datapd['product_name']?>" class="img-fluid"></a>
                                        </div>
                                        <div class="product-detail">
                                            <a href="<?php echo $wspath?>product-detail<?php echo $datapd['slug_link']?>.html"><h3><?php echo $datapd['product_name']?></h3></a>
                                        </div>
                                    </div>
                                </div>
                                <?php } ?>
                                <!-- .....product---end.... -->
                                <!-- .....product---start.... -->
                                <!--<div  class="col-md-3 " data-aos="fade-up">-->
                                <!--    <div class="box">-->
                                <!--        <div class="product-image">-->
                                <!--           <a href="product-detail.php"> <img src="images/product/bag.jpg" alt="bag" class="img-fluid"></a>-->
                                <!--        </div>-->
                                <!--        <div class="product-detail">-->
                                <!--            <a href="product-detail.php"><h3>Leather Laptop Bag</h3></a>-->
                                <!--        </div>-->
                                <!--    </div>-->
                                <!--</div>-->
                                <!-- .....product---end.... -->
                               
                             </div>
                             <div class="col-lg-12">
                             <div class="default-btn-2 slide-btn">
                                     <a style="margin: auto;display: block;" class="links links-4 " href="<?php echo $wspath?>product.html">View More</a>
                            </div>
                            </div>   
                         </div>
                     </div>
                 </div>
            </section>
            <!-- Featured Porduct Section End Here -->