<section class="hero-section-2">
    <div class="arrow-button">
        <button class="array-prev">
            <i class="fa-light fa-chevron-left"></i>
        </button>
        <button class="array-next">
            <i class="fa-light fa-chevron-right"></i>
        </button>
    </div>
    <div class="swiper hero-slider">
        <div class="swiper-wrapper">
            <!---------------------->
            <div class="swiper-slide">
                <div class="hero-2">
                    <div class="hero-bg bg-cover" style="background-image: url('../assets/images/slider/3.jpg');">
                    </div>
                        <div class="container-fluid">
                            <div class="row g-4">
                                <div class="col-lg-10">
                                    <div class="hero-content">
                                        <p data-animation="fadeInUp" data-delay="1.3s">Türkiye'nin Bez Çanta Fabrikası</p>
                                        <h1 data-animation="fadeInUp" data-delay="1.5s">Sürdürülebilir Gelecek, <br>  PochettePack İle Şekilleniyor</h1>
                                        <div class="hero-button d-none" data-animation="fadeInUp" data-delay="1.3s">
                                            <a href="#" class="theme-btn">Ürünleri Keşfet <i class="fa-regular fa-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                      </div>
                </div>
            </div>
            <!---------------------->
            <div class="swiper-slide">
                <div class="hero-2">
                 <div class="hero-bg bg-cover" style="background-image: url('../assets/images/slider/5.jpg');">
                    </div>
                        <div class="container-fluid">
                            <div class="row g-4">
                                <div class="col-lg-10">
                                    <div class="hero-content">
                                        <p data-animation="fadeInUp" data-delay="1.3s">Türkiye'nin Bez Çanta Fabrikası</p>
                                        <h1 data-animation="fadeInUp" data-delay="1.5s">Sürdürülebilir Gelecek, <br>  PochettePack İle Şekilleniyor 2 </h1>
                                        <div class="hero-button d-none" data-animation="fadeInUp" data-delay="1.3s">
                                            <a href="#" class="theme-btn">Ürünleri Keşfet <i class="fa-regular fa-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                      </div>
                </div>
            </div>
            <!---------------------->
        </div>
    </div>
</section>