<style>
     .banner-img{
       box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  }
    @media only screen and (max-width: 600px) {
  .banner-img{
      padding:20px;
       box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  }
  .swiper-slide{
     
  }
}
</style>

    <div class="banner-area mt-30">
        <div class="container-fluid">
           
            <div class="row ">
                <div class="col-12 col-custom">
                    <div class="section-title text-center mb-30">
                        <span class="section-title-1">Pure</span>
                        <h3 class="section-title-3">Shop By Pure</h3>
                    </div>
                </div>
                <div class="cat-pure-crousel swiper-container intro11-carousel-wrap arrow-style-3">
                    <div class="swiper-wrapper">
                        <?php 
                            $sqltour = "SELECT * FROM `tbl_tourspots` WHERE `main_cat_id`=25";
                            $runtour = mysqli_query($db,$sqltour) or die("Query Not run");
                            while($datatour = mysqli_fetch_assoc($runtour)){
                        ?>
                        <div class=" swiper-slide hover-style mb-30">
                            <div class="banner-img">
                                <a href="<?php echo $wspath ?>category<?php echo $datatour['spots_url'];?>.html">
                                    <img src="<?php echo $wspath ?>admin/images/places/<?php echo $datatour['spots_image'];?>" alt="<?php echo $datatour['spots_name'];?>" title="<?php echo $datatour['spots_name'];?>">
                                    <div class="overlay-1"></div>
                                    <h4 class="text-center py-2 cat-head"><?php echo $datatour['spots_name'];?></h4>
                                </a>
                            </div>
                        </div>
                        <?php } ?>
                    </div>
                </div>
            </div>
        </div>
    </div>



<!--<div class="categories-area pt-40">-->
<!--        <div class="container-fluid">-->
<!--            <div class="row">-->
<!--                <div class="cat-1 col-md-4 col-sm-12 col-custom">-->
<!--                    <div class="categories-img mb-30">-->
<!--                        <a href="#"><img src="assets/images/category/home1-category-1.jpg" alt=""></a>-->
<!--                        <div class="categories-content">-->
<!--                            <h3>Potted Plant</h3>-->
<!--                            <h4>18 items</h4>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="cat-2 col-md-8 col-sm-12 col-custom">-->
<!--                    <div class="row">-->
<!--                        <div class="cat-3 col-md-7 col-custom">-->
<!--                            <div class="categories-img mb-30">-->
<!--                                <a href="#"><img src="assets/images/category/home1-category-2.jpg" alt=""></a>-->
<!--                                <div class="categories-content">-->
<!--                                    <h3>Potted Plant</h3>-->
<!--                                    <h4>18 items</h4>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="cat-4 col-md-5 col-custom">-->
<!--                            <div class="categories-img mb-30">-->
<!--                                <a href="#"><img src="assets/images/category/home1-category-3.jpg" alt=""></a>-->
<!--                                <div class="categories-content">-->
<!--                                    <h3>Potted Plant</h3>-->
<!--                                    <h4>18 items</h4>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="cat-5 col-md-4 col-custom">-->
<!--                            <div class="categories-img mb-30">-->
<!--                                <a href="#"><img src="assets/images/category/home1-category-4.jpg" alt=""></a>-->
<!--                                <div class="categories-content">-->
<!--                                    <h3>Potted Plant</h3>-->
<!--                                    <h4>18 items</h4>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="cat-6 col-md-8 col-custom">-->
<!--                            <div class="categories-img mb-30">-->
<!--                                <a href="#"><img src="assets/images/category/home1-category-5.jpg" alt=""></a>-->
<!--                                <div class="categories-content">-->
<!--                                    <h3>Potted Plant</h3>-->
<!--                                    <h4>18 items</h4>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--</div>-->