<!-- Images Carousel Section -->
                <div class="container-fluid">
                  <div class="js-slick-carousel u-slick"
                       data-autoplay="true"
                       data-speed="5000"
                       data-pagi-classes="text-center u-slick__pagination u-slick__pagination--white position-absolute right-0 bottom-0 left-0">
                    <div class="js-slide rounded bg-img-hero-center space-4" style="background-image: url(../../assets/img/1920x1080/img22.jpg);">
                      <div class="container">
                        <div class="w-lg-30">
                          <h4 class="display-4 text-white font-weight-semi-bold mb-3"
                              data-scs-animation-in="fadeInUp">High<br>quality</h4>
                          <p class="lead text-white"
                             data-scs-animation-in="fadeInUp">We aim high at being focused on hight quality materials.</p>
                        </div>
                      </div>
                    </div>
                    <div class="js-slide rounded bg-img-hero-center space-4" style="background-image: url(../../assets/img/1920x1080/img1.jpg);">
                      <div class="container">
                        <div class="w-lg-30">
                          <h4 class="display-4 text-white font-weight-semi-bold mb-3"
                              data-scs-animation-in="fadeInUp">Soft<br>papers</h4>
                          <p class="lead text-white"
                             data-scs-animation-in="fadeInUp">Using our creative gifts drives this foundation.</p>
                        </div>
                      </div>
                    </div>
                    <div class="js-slide rounded bg-img-hero-center space-4" style="background-image: url(../../assets/img/1920x1080/img23.jpg);">
                      <div class="container">
                        <div class="w-lg-30">
                          <h4 class="display-4 text-white font-weight-semi-bold mb-3"
                              data-scs-animation-in="fadeInUp">Long<br>lasting</h4>
                          <p class="lead text-white"
                             data-scs-animation-in="fadeInUp">This a powerful outlet that constantly gets overlooked.</p>
                        </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 -->
                <script src="../../assets/js/components/hs.slick-carousel.js"></script>

                <!-- JS Plugins Init. -->
                <script>
                  $(document).on('ready', function () {
                    // initialization of slick carousel
                    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
                  });
                </script>