<div class="th-hero-wrapper hero-5 slider-area" id="hero">
        <div class="swiper th-slider" id="heroSlide5" data-slider-options='{"effect":"fade","autoHeight":true}'>
            <div class="swiper-wrapper">
                <?php
                    $sqltst = "SELECT * FROM tbl_slider WHERE slider_status='Active' ORDER BY `slider_order` ASC";
                    $runtst = mysqli_query($db,$sqltst) or die("Query Not run");
                    $count=0;
                    while($datatst = mysqli_fetch_assoc($runtst)){
                    $count++;
                ?>
                <div class="swiper-slide">
                    <div class="hero-inner" data-bg-src="<?php echo $wspath ?>admin/images/<?php echo $datatst['image'];?>">
                        <div class="container">
                            <div class="hero-style5">
                                <span class="sub-title2" data-ani="slideinup" data-ani-delay="0.1s"><span class="line"></span>
                                <img src="assets/img/hero/battery_icon.svg" alt="<?= $site_name;?>" title="<?= $site_name;?>">Welcome To <?= $site_name;?></span>
                                <h1 class="hero-title"><span class="title1" data-ani="slideinup" data-ani-delay="0.2s"><?php echo $datatst['title'];?></span></h1>
                                <p class="hero-text" data-ani="slideinup" data-ani-delay="0.6s"><?php echo $datatst['line'];?></p>
                                <div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s">
                                    <a href="<?php echo $wspath ?>enquiry.html" class="th-btn rounded-12 style2">Enquire Now<i class="fas fa-arrow-right ms-2"></i></a> 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
            <div class="slider-pagination"></div>
        </div>
        <div class="icon-box">
            <button data-slider-prev="#heroSlide5" class="slider-arrow default">
            <i class="far fa-arrow-left"></i></button> <button data-slider-next="#heroSlide5" class="slider-arrow default"><i class="far fa-arrow-right"></i></button>
        </div>
    </div>