<!-- offer/campaign -->
<section data-bs-version="5.1" class="slider6 mbr-embla cid-tyBPmVaLHb" id="sliderOffer">


    <div class="position-relative">
        <div class="mbr-section-head">
            <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2 text-primary"><strong>ক্যাম্পেইন</strong></h4>

        </div>
        <div class="embla mt-4" data-skip-snaps="true" data-align="center" data-contain-scroll="trimSnaps" data-loop="true" data-auto-play="true" data-auto-play-interval="5" data-draggable="true">
            <div class="embla__viewport container">
                <div class="embla__container">


                    <?php
                    $offer_query = "SELECT name, name_bn, slug, image FROM posts WHERE category_id = 5  AND status = 0";
                    $offer_query_run = mysqli_query($con, $offer_query);

                    if (mysqli_num_rows($offer_query_run) > 0) {
                        foreach ($offer_query_run as $offeritem) {
                    ?>




                            <div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
                                <div class="slide-content">
                                    <div class="item-wrapper">
                                        <div class="item-img">

                                            <img src="<?= base_url('uploads/posts/' . $offeritem['image']) ?>" alt="" class="image">
                                            <div class="overlay"><?= $offeritem['name_bn'] ?></div>
                                        </div>
                                    </div>

                                    <div class="mbr-section-btn item-footer mt-2">
                                        <a href="<?= base_url('post/' . $offeritem['slug']); ?>" class="btn item-btn btn-primary-outline display-7" target="_blank">বিস্তারিত&gt;</a>
                                    </div>
                                </div>
                            </div>


                           

                    <?php
                        }
                    }

                    ?>









                </div>
            </div>
            <button class="embla__button embla__button--prev">
                <span class="mobi-mbri mobi-mbri-arrow-prev mbr-iconfont" aria-hidden="true"></span>
                <span class="sr-only visually-hidden visually-hidden">Previous</span>
            </button>
            <button class="embla__button embla__button--next">
                <span class="mobi-mbri mobi-mbri-arrow-next mbr-iconfont" aria-hidden="true"></span>
                <span class="sr-only visually-hidden visually-hidden">Next</span>
            </button>
        </div>
    </div>
</section>