       
               <section id="<?php echo $sectiontab; ?>" class="g-pt-<?php echo $topp; ?> g-pb-<?php echo $buttonp; ?>" style="background-image: linear-gradient(-45deg, <?php echo $bgcolor; ?>, <?php echo $bgcolorcss; ?>);color:<?php echo $titlecss; ?>;">
               <div class="<?php echo $main; ?>">
              <div class="row justify-content-center text-center g-mb-0">
               <div class="col-lg-5">
                <?php if ($titlename): ?><h1 class="h4 g-font-weight-600 mb-2" style="color:<?php echo $titlecss; ?>;"><?php echo $titlename; ?></h1><?php endif ?>
                <?php if ($iplineh): ?><div class="d-inline-block mb-2"style="width:<?php echo $iplinew; ?>px;height:<?php echo $iplineh; ?>px;background-color:<?php echo $iplinec; ?>;"></div><?php endif ?>
                <?php if ($describe): ?><p class="g-mb-50" style="color:<?php echo $titlesmcss; ?>;"><?php echo $describe; ?></p><?php endif ?>
               </div>
               </div>
			   
            <div id="carouse<?php echo $sectionid; ?>" class="js-carousel" data-infinite="true" data-autoplay="<?php echo $autoplay; ?>" data-speed="<?php echo $speed; ?>" data-slides-scroll="<?php echo $scroll; ?>" data-center-padding="60px" data-slides-show="<?php echo $column; ?>" data-rows="<?php echo $rows; ?>">
				 <?php foreach ($images as $image) { ?>
              <div class="js-slide g-pa-<?php echo $picpa; ?> ">
			  <div class="u-shadow-v<?php echo $boxshadow; ?> u-shadow-v<?php echo $boxshadowhover; ?>--hover g-rounded-<?php echo $boxround; ?>" style="border:<?php echo $boxborder; ?>px solid <?php echo $boxcolor; ?>">
                <a class="d-block u-block-hover" href="javascript;" data-fancybox="lightbox-gallery--03" data-src="<?php echo $image['image']; ?>" data-speed="350" data-caption="">
                  <img class="img-fluid <?php echo $imagepicstyle; ?> g-rounded-<?php echo $boxround; ?>" src="<?php echo $image['image']; ?>" alt="Image Description">
                </a>
				</div>
              </div>
             <?php } ?>
			 </div>
			 
            </div>
                </section>     
				
                  <!-- JS Plugins Init. -->
                  <script >
                    $(document).ready(function () {

                      $('#carouse<?php echo $sectionid; ?>').slick('setOption', 'responsive', [{
					  breakpoint: 1200,
                        settings: {
                          slidesToShow: 4
                        }
                      }, {  
                        breakpoint: 992,
                        settings: {
                          slidesToShow: 3
                        }
                      }, {
                        breakpoint: 768,
                        settings: {
                          slidesToShow: 2
                        }
                      }, {
                        breakpoint: 480,
                        settings: {
                          slidesToShow: 1
                        }
                      }], true);
                    });
                  </script>	
<link  rel="stylesheet" href="catalog/view/assets/vendor/fancybox/jquery.fancybox.min.css">
<script  src="catalog/view/assets/vendor/fancybox/jquery.fancybox.min.js"></script>
<script  src="catalog/view/assets/js/components/hs.popup.js"></script>				  				  