<section class="main-slider main-slider__two">
    <div class="swiper-container thm-swiper__slider" data-swiper-options='{
        "slidesPerView": 1,
        "loop": true,
        "effect": "fade",
        "autoplay": {
        "delay": 5000
        },
        "navigation": {
        "nextEl": "#main-slider__swiper-button-next",
        "prevEl": "#main-slider__swiper-button-prev"
        }
        }'>

        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="image-layer" style="background-image: url(assets/images/main-slider/banner-apicultores-a.jpg);">
                </div>
                <!-- /.image-layer -->
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12 col-lg-12 text-left">
                            <h2 class="line-height-2">Macahreti <br>
                                <span class="line-one">Municipio productor</span> <br>
                                <span class="line-two">de miel ecológica</span>
                            </h2>
                            <!-- <a href="products.html" class=" thm-btn">Order Now</a> -->
                            <!-- /.thm-btn dynamic-radius -->
                        </div><!-- /.col-lg-7 text-right -->
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.swiper-slide -->

        <!-- <div class="swiper-slide"> -->
            <!-- <div class="image-layer" style="background-image: url(assets/images/main-slider/banner-apicultores-b.jpg);"> -->
            <!-- </div> -->
            <!-- /.image-layer -->
            <!-- <div class="container"> -->
                <!-- <div class="row"> -->
                    <!-- <div class="col-xl-12 col-lg-12 text-left"> -->
                        <!-- <h2 class="line-height-2">Miel <br> -->
                            <!-- <span class="line-one">Ecológica</span> <br> -->
                        <!-- </h2> -->
                        <!-- <a href="products.html" class=" thm-btn">Order Now</a> -->
                        <!-- /.thm-btn dynamic-radius -->
                    <!-- </div> --><!-- /.col-lg-7 text-right -->
                <!-- </div> --><!-- /.row -->
            <!-- </div> --><!-- /.container -->
        <!-- </div> --><!-- /.swiper-slide -->
        
    </div><!-- /.swiper-wrapper -->

    <!-- If we need navigation buttons -->
    <!-- <div class="main-slider__nav-two">
        <div class="swiper-button-prev" id="main-slider__swiper-button-next"><i class="organik-icon-left-arrow"></i>
        </div>
        <div class="swiper-button-next" id="main-slider__swiper-button-prev"><i class="organik-icon-right-arrow"></i></div>
    </div> -->
    <!-- /.main-slider__nav -->

    </div><!-- /.swiper-container thm-swiper__slider -->
</section><!-- /.main-slider -->