<style>
    #slider_intext_relateds {
        max-width: 668px;;
    }
    .swiper-slide {
        width: 100%;
        max-width: 668px;
        display: block !important;
        text-align: left;
    }
</style>



<link rel="stylesheet"href="/lib/swiper-bundle.min.css"/>
<script src="/swiper-bundle.min.js"></script>


<section class="mb-4">
        <div class="relative">
        <div id="slider_intext_relateds" class="swiper">
            <div class="swiper-wrapper relative">
                                    </div>
        </div>
            </div>

    <script>
    (function (){
        var slides_per_view = '2';
        var swiper = new Swiper('#slider_intext_relateds', {

        loop: false,
        speed: 400,
        spaceBetween: 24,
        slidesPerView: 6,
        breakpoints: {
            320: {
            slidesPerView: 1,
            },
            // when window width is >= 640px
            640: {
            slidesPerView: 3,
            },
            980: {
            slidesPerView: slides_per_view,
            }
        },
        navigation: {
            nextEl: '#slidenext_intext_relateds',
            prevEl: '#slideback_intext_relateds',
        },
        pagination: {
            el: '.swiper-pagination_intext_relateds',
        },

        });
    })();
    </script>
    
</section>