<style>
.g-bg-black-opacity-0_12--after::after {
    background-color: <?php echo $etrgba; ?> !important;
}
.g-bg-black-opacity-0_31--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-v1 li.slick-active span, .u-carousel-indicators-v1--white li.slick-active span {
    background-color: <?php echo $bjcolorafter; ?>;
}
.u-carousel-indicators-v1 span, .u-carousel-indicators-v1--white span {
    width: <?php echo $slidewidth; ?>px;
    height: <?php echo $slideheight; ?>px;
    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-v1 li.slick-active span, .u-carousel-indicators-v1--white li.slick-active span {
    width: <?php echo $sliderborderw; ?>px;
    border-radius: <?php echo $sliderborderrd; ?>px;
}
.eanniu{
   border-radius: <?php echo $slideradiustwo; ?>px;
   background: <?php echo $slidebackgroundtwo; ?>;
   border: <?php echo $sliderbordertwo; ?>px solid <?php echo $sliderhkctwo; ?>;
   color: <?php echo $slidecolortwo; ?>;
}
</style>
                <section id="evaluation" class="dzsparallaxer auto-init height-is-based-on-content use-loading g-bg-cover g-bg-black-opacity-0_31--after g-bg-black-opacity-0_12--after mode-scroll">
                  <div class="divimage dzsparallaxer--target w-100" style="height: <?php echo $imagefull; ?>%; background-image: url('<?php echo $image; ?>'); transform: translate3d(0px, -77.5771px, 0px);"></div>

                  <div class="<?php echo $main; ?> g-bg-cover__inner 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="carouse115" class="js-carousel g-pb-80" 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-arrows-classes="u-arrow-v1" data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-bottom-20 text-center">
                      <?php foreach ($services as $service) { ?>
					  <div class="js-slide">
                        <!-- Testimonials Advanced -->
                        <div class="text-center g-px-20--lg">
                          <img class="d-inline-block  g-mb-25 g-top-30 g-width-60 g-height-60 g-rounded-<?php echo $imground; ?> u-shadow-v<?php echo $imgshadow; ?> <?php echo $imgthumb; ?>" style="padding:<?php echo $imgpadding; ?>;border:<?php echo $imgborder; ?>px solid <?php echo $imgcolor; ?>;" src="<?php echo $service['image']; ?>" alt="Image Description">
                          <blockquote class="g-font-size-14" style="color:<?php echo $titlesmcss; ?>;"><?php echo $service['text']; ?></blockquote>
                          <h4 class="h6 text-uppercase g-mb-0" style="color:<?php echo $titlecss; ?>;">
                            <?php echo $service['title']; ?> , <em class="g-font-style-normal" style="color:<?php echo $positioncss; ?>;"><?php echo $service['other']; ?></em>
                          </h4>
                        </div>
                        <!-- End Testimonials Advanced -->
                      </div>
					  <?php } ?>
                    </div>
                </div>
			</div>
			</section>
                  <!-- JS Plugins Init. -->
                  <script >
                    $(document).ready(function () {

                      $('#carouse115').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>


            