<section class="overflow-hidden space">
        <div class="shape-mockup spin" data-top="5%" data-left="0%"><img src="assets/img/shape/lines_1.png" alt="shape"></div>
        <div class="shape-mockup spin" data-bottom="5%" data-right="4%"><img src="assets/img/shape/dots_2.svg" alt="shape"></div>
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <div class="col-md">
                    <div class="title-area text-center text-md-start"><span class="sub-title"><img
                                src="assets/img/theme-img/title_icon.svg" alt="shape">Category</span>
                        <h2 class="sec-title">Choose by Category</h2>
                    </div>
                </div>

                <div class="col-md-auto">
                    <div class="sec-btn mt-n3 mt-md-0"><a href="#" class="th-btn style4">View All Category<i
                                class="far fa-arrow-right ms-2"></i></a></div>
                </div>
            </div>

            <div class="slider-area">
            <div class="swiper th-slider has-shadow" id="teamSlider1" data-slider-options='{"paginationType":"progressbar","breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"}}}'>
            <div class="swiper-wrapper">
                <?php 
                    $sqlcat = "SELECT * FROM `tbl_main_cat` WHERE `cat_status`='Active' ORDER BY cat_order_by ASC";
                    $runcat = mysqli_query($db,$sqlcat) or die("Query Not run");
                    while($datacat = mysqli_fetch_assoc($runcat)){
                ?>
                <div class="swiper-slide">
                    <div class="project-card">
                        <div class="box-img">
                            <img src="<?=$wspath?>admin/images/property-image/<?=$datacat['cat_image'];?>" alt="<?=$datacat['cat_name'];?>" title="<?=$datacat['cat_name'];?>">
                        </div>
                        <div class="box-content">
                            <h5 class="box-title"><a href="<?php echo $wspath ?>category<?php echo $datacat['slug'];?>.html"><?php echo $datacat['cat_name'];?></a></h5>
                            <a href="<?php echo $wspath ?>category<?php echo $datacat['slug'];?>.html" class="icon-btn"><i class="far fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
            <div class="slider-pagination"></div>
            </div>
            </div>
        </div>
    </section>