<!-- اسلایدر پیش‌فرض -->
                                                    <div class="swiper rounded" data-swiper="default">
                                                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-1.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-2.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-3.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                
                                            

                                                
                                                    <!-- اسلایدر ناوبری و صفحه‌بندی -->
                                                    <div class="swiper rounded" data-swiper="navigation">
                                                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-4.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-5.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-6.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                        </div>
                                                        <div class="swiper-button-next"></div>
                                                        <div class="swiper-button-prev"></div>
                                                        <div class="swiper-pagination"></div>
                                                    </div>
                                                
                                            

                                                
                                                    <!-- اسلایدر داینامیک با صفحه‌بندی -->
                                                    <div class="swiper rounded" data-swiper="dynamic">
                                                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-4.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-5.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-6.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                        </div>
                                                        <div class="swiper-pagination dynamic-pagination"></div>
                                                    </div>
                                                
                                            

                                                
                                                    <!-- اسلایدر با افکت محو -->
                                                    <div class="swiper rounded" data-swiper="effect-fade">
                                                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-3.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-4.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-5.jpg" alt="" class="img-fluid" />
                                                            </div>
                                                        </div>
                                                        <div class="swiper-pagination"></div>
                                                    </div>
                                                
                                            

                                                
                                                    <!-- اسلایدر با افکت خلاقانه -->
                                                    <div class="swiper" data-swiper="creative">
                                                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-3.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-4.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-5.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                        </div>
                                                        <div class="swiper-pagination"></div>
                                                    </div>
                                                
                                            

                                                
                                                    <!-- اثر چرخشی سوئیپر -->
                                                    <div class="swiper" data-swiper="flip">
                                                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-3.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-4.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-5.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                        </div>
                                                        <div class="swiper-pagination"></div>
                                                    </div>
                                                
                                            

                                                
                                                    <!-- سوئیپر نوار پیمایش -->
                                                    <div class="swiper" data-swiper="scrollbar">
                                                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-3.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-4.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-5.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                        </div>
                                                        <div class="swiper-button-next"></div>
                                                        <div class="swiper-button-prev"></div>
                                                        <div class="swiper-scrollbar"></div>
                                                    </div>
                                                
                                            

                                                
                                                    <!-- سوئیپر عمودی -->
                                                    <div class="swiper" data-swiper="vertical" style="height: 320px;">
                                                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-3.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-4.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-5.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                        </div>
                                                        <div class="swiper-pagination"></div>
                                                    </div>
                                                
                                            

                                                
                                                    <!-- سوئیپر با چرخ ماوس -->
                                                    <div class="swiper rounded" data-swiper="mousewheel" style="height: 324px;">
                                                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-3.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-4.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-5.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                        </div>
                                                        <div class="swiper-pagination"></div>
                                                    </div>
                                                
                                            

                                                
                                                    <!-- سوئیپر نقاط شکست واکنش‌گرا -->
                                                    <div class="swiper rounded gallery-light pb-4" data-swiper="responsive">
                                                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-1.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-2.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-3.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-4.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-5.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                            <div class="swiper-slide">
                                                                <img src="/images/small/img-6.jpg" alt="" class="img-fluid rounded" />
                                                            </div>
                                                        </div>
                                                        <div class="swiper-pagination swiper-pagination-dark"></div>
                                                    </div>