<!-- Banner Area -->
<section style="overflow: hidden;" id="home_one_banner">
        <div class="container-fluids">
            <div class="row ">
                <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-indicators">
                      <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                      <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
                      <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
                      <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
                      <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 5"></button>
                    </div>
                    <div class="carousel-inner">
                        <?php
                            
                            $sql2 = "SELECT * FROM `tbl_slider`";
                            $run2 = mysqli_query($db,$sql2) or die("Query Not run");
                            while($data2 = mysqli_fetch_assoc($run2)){
                        ?>
                      <div class="carousel-item <?php echo ($data2['s_id'] == 1) ? 'active':'';?>">
                        <img src="admin/images/<?php echo $data2['image']; ?>" class="d-block w-100" alt="<?php echo $data2['image']; ?>">
                        <div style="background:#ffffff4f;padding:10px 0px" class="carousel-caption d-none d-md-block">
                            <h1 style="color:black;padding:10px 0px; font-size:50px!important;"><?php echo $data2['title']; ?></h1>
                            <h5 style="color:black"><?php echo $data2['line']; ?></h5>
                        </div>
                      </div>
                      <?php } ?>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
                      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                      <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
                      <span class="carousel-control-next-icon" aria-hidden="true"></span>
                      <span class="visually-hidden">Next</span>
                    </button>
                  </div>
            </div>
        </div>
    </section>