<style>
.g-bg-black-opacity-0_<?php echo $teamnum; ?>--after::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, <?php echo $bannerbgc; ?> 0%,<?php echo $bannerbgcjb; ?> 100%) repeat scroll 0 0 !important;
}
.u-carousel-indicators-v18 li.slick-active span, .u-carousel-indicators-v18--white li.slick-active span {
    background-color: <?php echo $bjcolorafter; ?>;
}
.u-carousel-indicators-v18 span, .u-carousel-indicators-v18--white span {
    width: <?php echo $slidewidth; ?>px;
    height: <?php echo $slideheight; ?>px;
	margin-top: 20px;
    border-radius: <?php echo $slideradius; ?>px;
    background-color: <?php echo $slidebjcolor; ?>;
    opacity: 1;
    border: <?php echo $sliderborder; ?>px solid <?php echo $sliderhkc; ?>;
    padding: <?php echo $sliderpadding; ?>px;
}
.u-carousel-indicators-v18 li.slick-active span, .u-carousel-indicators-v18--white li.slick-active span {
    width: <?php echo $sliderborderw; ?>px;
    border-radius: <?php echo $sliderborderrd; ?>px;
}
.<?php echo $slidetname; ?>{
   border-radius: <?php echo $slideradiustwo; ?>px;
   background: <?php echo $slidebackgroundtwo; ?>;
   border: <?php echo $sliderbordertwo; ?>px solid <?php echo $sliderhkctwo; ?>;
   color: <?php echo $slidecolortwo; ?>;
}
</style>
            <div id="<?php echo $sectiontab; ?>" class="dzsparallaxer auto-init height-is-based-on-content use-loading g-bg-cover g-bg-black-opacity-0_<?php echo $teamnum; ?>--after">
              <div class="divimage dzsparallaxer--target w-100" style="height: <?php echo $imagefull; ?>%;  background-image: url(<?php echo $image; ?>);"></div>
              <div class="<?php echo $main; ?> g-width-<?php echo $etcolor; ?> g-z-index-1 g-pt-<?php echo $eotop; ?> g-pb-<?php echo $eob; ?>">
			  <div class="row justify-content-center text-center g-mb-30">
               <div class="col-lg-9">
                <?php if ($titlename): ?><h1 class="h4 g-font-weight-600 mb-2" style="color:<?php echo $etncolor; ?>;"><?php echo $titlename; ?></h1><?php endif ?>
                <?php if ($etlineh): ?><div class="d-inline-block mb-2" style="width:<?php echo $etlinew; ?>px;height:<?php echo $etlineh; ?>px;background-color:<?php echo $etlinec; ?>;"></div><?php endif ?>
                <?php if ($describe): ?><p class="mb-0" style="color:<?php echo $edcolor; ?>;"><?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-fade="<?php echo $fade; ?>" data-slides-show="<?php echo $column; ?>" data-slides-scroll="<?php echo $scroll; ?>" data-pagi-classes="u-carousel-indicators-v18 g-absolute-centered--x" data-arrows-classes="u-arrow-v1 <?php echo $slidetname; ?> g-absolute-centered--y g-width-<?php echo $slidewidthtwo; ?> g-height-<?php echo $slideheighttwo; ?>" data-arrow-left-classes="fa fa-chevron-left g-left-<?php echo $slideformtwo; ?>" data-arrow-right-classes="fa fa-chevron-right g-right-<?php echo $slideformtwo; ?>">
                 <?php foreach ($services as $service) { ?>
				 <div class="js-slide g-px-<?php echo $etpa; ?>">
                    <!-- Testimonials Advanced -->
                    <article class="g-transition-0_3 g-pa-5">
                      <div class="g-pt-30">
					  <div class="g-bg-<?php echo $boxbjhover; ?>--hover g-color-<?php echo $boxcolorhover; ?>--hover u-shadow-v<?php echo $boxshadow; ?> u-shadow-v<?php echo $boxshadowhover; ?>--hover g-rounded-<?php echo $boxround; ?> text-<?php echo $ocbwposition; ?>" style="background-image: linear-gradient(33deg, <?php echo $boxbg; ?>, <?php echo $boxjbbj; ?>);border:<?php echo $boxborder; ?>px solid <?php echo $boxcolor; ?>">
						<?php if ($service['image']): ?>
						<div class="g-py-<?php echo $imgpadding; ?>">
						<img class="g-pull-<?php echo $imgpullx; ?>x-up d-inline-block g-rounded-<?php echo $imground; ?> u-shadow-v<?php echo $imgshadow; ?> <?php echo $imgthumb; ?>" style="border:<?php echo $imgborder; ?>px solid <?php echo $imgcolor; ?>;" src="<?php echo $service['image']; ?>" alt="">
						</div>
						<?php endif ?>
						<div class="g-px-30">
						<header class="g-pt-0 g-pb-10">
                          <h3 class="h5 g-mb-4" style="color:<?php echo $titlecss; ?>;"><?php echo $service['title']; ?></h3>
                          <em class="d-block g-font-style-normal g-font-size-12 text-uppercase" style="color:<?php echo $positioncss; ?>;"><?php echo $service['other']; ?></em>
                        </header>
						<blockquote class="lead g-font-size-14 g-mb-20" style="color:<?php echo $titlesmcss; ?>;"><?php echo $service['text']; ?></blockquote>
					  </div>
					  </div>
					  </div>
                    </article>
                    <!-- End Testimonials Advanced -->
                  </div>
				  <?php } ?>
                </div>
              </div>
            </div>

        				
                  <!-- JS Plugins Init. -->
                  <script >
                    $(document).ready(function () {

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


    <link rel="stylesheet" href="catalog/view/assets/vendor/dzsparallaxer/dzsparallaxer.css">
    <link rel="stylesheet" href="catalog/view/assets/vendor/dzsparallaxer/dzsscroller/scroller.css">
    <link rel="stylesheet" href="catalog/view/assets/vendor/dzsparallaxer/advancedscroller/plugin.css">
    <script src="catalog/view/assets/vendor/dzsparallaxer/dzsparallaxer.js"></script>
    <script src="catalog/view/assets/vendor/dzsparallaxer/dzsscroller/scroller.js"></script>
    <script src="catalog/view/assets/vendor/dzsparallaxer/advancedscroller/plugin.js"></script>
	<script src="catalog/view/assets/vendor/masonry/dist/masonry.pkgd.min.js"></script>            