<style>
.g-bg-primary-opacity-0_<?php echo $boxrnum; ?>--after::after {
    background-color: <?php echo $mbgcolor; ?> !important;
}
</style>
              <!-- Products Block -->
              <div id="<?php echo $sectiontab; ?>" class="g-mx-minus-15">
			  <div class="<?php echo $main; ?>">
                <div id="carouse<?php echo $sectionid; ?>" class="js-carousel" data-infinite="true" data-fade="<?php echo $fade; ?>" data-autoplay="<?php echo $autoplay; ?>" data-speed="<?php echo $speed; ?>" data-slides-scroll="<?php echo $scroll; ?>" data-slides-show="<?php echo $column; ?>"  data-rows="<?php echo $rows; ?>">
					 <?php foreach ($services as $service) { ?>
                  <div class="js-slide g-px-0">
              <div class="g-pos-rel">
                <!-- Info Blocks -->
                <div class="row align-items-stretch no-gutters text-<?php echo $mborder; ?>">
                    <!-- Article -->
                    <article class="h-100 text-<?php echo $service['position']; ?> u-block-hover g-flex-middle g-color-white--hover g-transition-0_3 g-pa-<?php echo $mpa; ?>" style="background-color: <?php echo $service['boxcolor']; ?> !important;">
                      <div class="u-block-hover__additional--fade g-bg-size-cover g-bg-cover g-bg-primary-opacity-0_<?php echo $boxrnum; ?>--after g-pos-abs" data-bg-img-src="<?php echo $service['image']; ?>">
                      </div>
                      <div class="g-flex-middle-item g-pos-rel g-z-index-1">
                       <?php if ($service['icon']): ?><span class="u-icon-v2 u-icon-size--lg u-shadow-v24 g-bg-<?php echo $hoverbj; ?>--hover g-color-<?php echo $hovertit; ?>--hover g-font-size-<?php echo $miconsize; ?> g-rounded-<?php echo $miconround; ?> g-mb-25" style="background-image:linear-gradient(-45deg, <?php echo $miconbj; ?>, <?php echo $miconcolorc; ?>);color:<?php echo $miconcolor; ?>;border:<?php echo $miconborder; ?>px solid <?php echo $miconbc; ?>;width:<?php echo $miconwidth; ?>px;height:<?php echo $miconheight; ?>px;">
                        <i class="<?php echo $service['icon']; ?>"></i>
                        </span><?php endif ?>
                        <?php if ($service['title']): ?><h3 class="h5 g-font-weight-700 text-uppercase g-mb-12" style="color:<?php echo $mtitle; ?>;"><?php echo $service['title']; ?></h3><?php endif ?>
                        <?php if ($service['text']): ?><p class="mb-10" style="color:<?php echo $mdescribe; ?>;"><?php echo $service['text']; ?></p><?php endif ?>
                        <?php if ($service['buttonname']): ?><a target="_blank" class="btn u-shadow-v21 g-bg-<?php echo $buttonbj; ?> g-color-<?php echo $buttoncolor; ?> g-color-<?php echo $buttonhover; ?>--hover g-bg-white-opacity-0_4--hover g-font-size-12 text-uppercase g-font-weight-600 g-rounded-<?php echo $buttonround; ?> g-py-12 g-pa-20" href="<?php echo $service['link']; ?>"><?php echo $service['buttonname']; ?></a><?php endif ?>
                      </div>
                    </article>
                    <!-- End Article -->
                </div>
              </div>
                  </div>
                  <?php } ?> 
                </div>
				</div>
              </div>
              <!-- End Products Block -->
				
                   <!-- 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>	         