				
               <section id="<?php echo $sectiontab; ?>" class="g-pt-<?php echo $rptop; ?> g-pb-<?php echo $rpbuttom; ?>" style="background-image: linear-gradient(-45deg, <?php echo $bgcolor; ?>, <?php echo $bgcolorcss; ?>);">
               <div class="<?php echo $main; ?>">
              <div class="row justify-content-center text-center g-mb-0">
               <div class="col-lg-9">
                <?php if ($titlename): ?><h1 class="h4 g-font-weight-600 mb-2" style="color:<?php echo $titlecss; ?>;"><?php echo $titlename; ?></h1><?php endif ?>
                <div class="d-inline-block mb-2" style="width:<?php echo $rthreelw; ?>px;height:<?php echo $rthreelh; ?>px;background-color:<?php echo $rthreelc; ?>;"></div>
                <?php if ($describe): ?><p class="g-mb-30" style="color:<?php echo $titlesmcss; ?>;"><?php echo $describe; ?></p><?php endif ?>
               </div>
               </div>
			   
              <!-- Products Block -->
              <div class="g-mx-minus-15">
                <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) { ?>
					 <?php if ($service['link']) { ?>
                  <div class="js-slide g-pa-<?php echo $boxmagin; ?>">
                      <!-- Icon Blocks -->
                      <div class="media <?php echo $mouseafter; ?> g-transition-0_3 g-bg-<?php echo $boxbjhover; ?>--hover g-color-<?php echo $boxcolorhover; ?>--hover u-shadow-v<?php echo $mbgshowd; ?> g-mb-<?php echo $mbottom; ?> g-pa-<?php echo $mpa; ?>" style="background-image: linear-gradient(33deg, <?php echo $mbgcolor; ?>, <?php echo $mbgcolorjb; ?>);;border:<?php echo $mborder; ?>px solid <?php echo $mbcolor; ?>">
                        <?php if ($service['icon']): ?><div class="d-flex mr-3">
                          <span class="u-icon-v3 g-bg-<?php echo $hoverbj; ?>--hover g-color-<?php echo $hovertit; ?>--hover g-font-size-<?php echo $miconsize; ?> g-rounded-<?php echo $miconround; ?>" 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>
                        </div><?php endif ?>
					  <!-- Article Image -->
                      <?php if ($service['image']): ?>
					  <div class="g-py-15 ">
					  <img class="d-inline-block img-fluid g-rounded-<?php echo $imground; ?> u-shadow-v<?php echo $imgshadow; ?> <?php echo $imgthumb; ?>" style="padding:<?php echo $imgpadding; ?>px; border:<?php echo $imgborder; ?>px solid <?php echo $imgcolor; ?>;" src="<?php echo $service['image']; ?>" alt="Image Description">
					  </div>
					  <?php endif ?>
                      <!-- End Article Image -->
                        <div class="media-body">
                          <?php if ($service['title']): ?><h3 class="h5 mb-20" style="color:<?php echo $mtitle; ?>;"><a class="u-link-v5 g-color-main" target="_blank" href="<?php echo $service['link']; ?>"><?php echo $service['title']; ?></a></h3><?php endif ?>
                          <?php if ($service['text']): ?><p style="color:<?php echo $mdescribe; ?>;"><?php echo $service['text']; ?></p><?php endif ?>
						  <?php if ($service['link']): ?><a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" style="color:<?php echo $ancolor; ?>;" target="_blank" href="<?php echo $service['link']; ?>"><?php echo $service['buttonname']; ?></a><?php endif ?>
                        </div>
                      </div>
                      <!-- End Icon Blocks -->
					  </div>
                    <?php } else { ?>
					<div class="js-slide g-px-<?php echo $boxmagin; ?>">
                      <!-- Icon Blocks -->
                      <div class="media <?php echo $mouseafter; ?> g-transition-0_3 g-bg-<?php echo $boxbjhover; ?>--hover g-color-<?php echo $boxcolorhover; ?>--hover u-shadow-v<?php echo $mbgshowd; ?> g-mb-<?php echo $mbottom; ?> g-pa-<?php echo $mpa; ?>" style="background-image: linear-gradient(33deg, <?php echo $mbgcolor; ?>, <?php echo $mbgcolorjb; ?>);;border:<?php echo $mborder; ?>px solid <?php echo $mbcolor; ?>">
                        <?php if ($service['icon']): ?><div class="d-flex mr-3">
                          <span class="u-icon-v3 g-bg-<?php echo $hoverbj; ?>--hover g-color-<?php echo $hovertit; ?>--hover g-font-size-<?php echo $miconsize; ?> g-rounded-<?php echo $miconround; ?>" 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>
                        </div><?php endif ?>
					  <!-- Article Image -->
                      <?php if ($service['image']): ?>
					  <div class="g-mr-15 ">
					  <img class="d-inline-block img-fluid g-rounded-<?php echo $imground; ?> u-shadow-v<?php echo $imgshadow; ?> <?php echo $imgthumb; ?>" style="padding:<?php echo $imgpadding; ?>px; border:<?php echo $imgborder; ?>px solid <?php echo $imgcolor; ?>;" src="<?php echo $service['image']; ?>" alt="Image Description">
					  </div>
					  <?php endif ?>
                      <!-- End Article Image -->
                        <div class="media-body">
                          <?php if ($service['title']): ?><h3 class="h5 mb-20" style="color:<?php echo $mtitle; ?>;"><?php echo $service['title']; ?></h3><?php endif ?>
                          <?php if ($service['text']): ?><p style="color:<?php echo $mdescribe; ?>;"><?php echo $service['text']; ?></p><?php endif ?>
                        </div>
                      </div>
                      <!-- End Icon Blocks -->
					  </div>
                    <?php } ?> 
                  <?php } ?> 
                </div>
              </div>
              <!-- End Products Block -->
                </div>
                </section>
				
                  <!-- JS Plugins Init. -->
                  <script >
                    $(document).ready(function () {

                      $('#carouse<?php echo $sectionid; ?>').slick('setOption', 'responsive', [{
					  breakpoint: 1200,
                        settings: {
                          slidesToShow: 3
                        }
                      }, {  
                        breakpoint: 992,
                        settings: {
                          slidesToShow: 2
                        }
                      }, {
                        breakpoint: 768,
                        settings: {
                          slidesToShow: 1
                        }
                      }, {
                        breakpoint: 480,
                        settings: {
                          slidesToShow: 1
                        }
                      }], true);
                    });
                  </script>	