<!-- Images Carousel Section -->
                <div class="container-fluid">
                  <div class="js-slick-carousel slick"
                       data-hs-slick-carousel-options='{
                         "autoplay": true,
                         "autoplaySpeed": 5000,
                         "dots": true,
                         "dotsClass": "slick-pagination slick-pagination-white position-absolute bottom-0 right-0 left-0 mb-3"
                       }'>
                    <div class="js-slide rounded bg-img-hero-center space-3 space-md-4" style="background-image: url(../../assets/img/1920x1080/img22.jpg);">
                      <div class="container">
                        <div class="w-lg-30 text-center mx-lg-auto">
                          <div class="mb-5">
                            <h4 class="display-4 text-white font-weight-bold mb-3"
                                data-hs-slick-carousel-animation="fadeInUp">Cleanses</h4>
                            <p class="text-white"
                               data-hs-slick-carousel-animation="fadeInUp"
                               data-hs-slick-carousel-animation-delay="150">We aim high at being focused on hight quality materials.</p>
                          </div>
                          <a class="btn btn-light transition-3d-hover px-4" href="#"
                             data-hs-slick-carousel-animation="fadeInUp"
                             data-hs-slick-carousel-animation-delay="300">See Packs</a>
                        </div>
                      </div>
                    </div>
                    <div class="js-slide rounded bg-img-hero-center space-3 space-md-4" style="background-image: url(../../assets/img/1920x1080/img1.jpg);">
                      <div class="container">
                        <div class="w-lg-30 text-center mx-lg-auto">
                          <div class="mb-5">
                            <h4 class="display-4 text-white font-weight-bold mb-3"
                                data-hs-slick-carousel-animation="fadeInUp">Juices</h4>
                            <p class="text-white"
                               data-hs-slick-carousel-animation="fadeInUp"
                               data-hs-slick-carousel-animation-delay="150">Using our creative gifts drives this foundation.</p>
                          </div>
                          <a class="btn btn-light transition-3d-hover px-4" href="#"
                             data-hs-slick-carousel-animation="fadeInUp"
                             data-hs-slick-carousel-animation-delay="300">See Packs</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- End Images Carousel Section -->
              
            
              
                <link rel="stylesheet" href="./assets/vendor/slick-carousel/slick/slick.css">
              
            
              
                <!-- JS Implementing Plugins -->
                <script src="./assets/vendor/slick-carousel/slick/slick.js"></script>

                <!-- JS Front -->

                <!-- JS Plugins Init. -->
                <script>
                  $(document).on('ready', function () {
                    // INITIALIZATION OF SLICK CAROUSEL
                    // =======================================================
                    $('.js-slick-carousel').each(function() {
                      var slickCarousel = $.HSCore.components.HSSlickCarousel.init($(this));
                    });
                  });
                </script>