<?php if(count($slideshows) > 0) : ?>
<div id="content">
<!-- slideshow-->
<div
    id="rev_slider_one_wrapper"
    class="rev_slider_wrapper fullscreen-container" 
    data-alias="mask-showcase"
    data-source="gallery" 
  >
    <!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
    <div
      id="rev_slider_two"
      class="rev_slider fullscreenbanner"
      style="display: none"
      data-version="5.4.1"
    >
      <ul>
        <?php foreach($slideshows as $key => $slideshow) : ?>
        <li
          data-index="rs-<?= $key + 1 ?>"
          data-transition="fade"
          data-slotamount="default"
          data-hideafterloop="0"
          data-hideslideonmobile="off"
          data-easein="default"
          data-easeout="default"
          data-masterspeed="300" 
          data-thumb="images/slider2.webp"
          data-rotate="0" 
          data-saveperformance="off"
          data-title=""
          data-param1="1"
          data-param2=""
          data-param3=""
          data-param4=""
          data-param5=""
          data-param6=""
          data-param7=""
          data-param8=""
          data-param9=""
          data-param10=""
          data-description=""
        >
          <!-- MAIN IMAGE -->
          <img
            src="<?= base_url() . 'uploads/banners/' . $slideshow['image']; ?>"
            data-bgcolor="#ffffff"
            style=""
            alt=""
            data-bgposition="center center"
            data-bgfit="cover"
            data-bgrepeat="no-repeat"
            data-bgparallax="off"
            class="rev-slidebg"
            data-no-retina
          />

          <!-- LAYER 3  Thin text title-->
          <div
            class="tp-caption tp-resizeme caption-big-2"
            id="slide-<?= $key + 1 ?>-layer-3"
            data-x="['center','center','center','center']"
            data-hoffset="['0','0','0','0']"
            data-y="['center','center','center','center']"
            data-voffset="['-38','-30','-30','-18']"
            data-fontsize="['50',40','30','18']"
            data-lineheight="['80','70','60','30']"
            data-fontweight="['200','200','200','200']"
            data-color="['#fff','#fff','#fff','#fff']"
            data-whitespace="nowrap"
            data-type="text"
            data-responsive_offset="on"
            data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"power3.inOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:50px;opacity:0;","ease":"power3.inOut"}]'
            data-textAlign="['center','center','center','center']"
          >
            <span style="text-shadow:1px 1px #000;">
            <?= $slideshow['title'] ?>
            <br>
            <?= $slideshow['text_content'] ?>
          </span>
          </div>
        </li>
        <?php endforeach; ?>
      </ul>
    </div>
  </div>
</div>
<?php endif; ?>

<section class="services-single">
	<div class="container">
		<div class="row">
			<div class="widget-area col-lg-3 col-md-12">
				<div class="widget widget_nav_menu">
					<ul class="services-menu">
						<?php foreach($services as $key => $item) : ?>
							<li 
						  <?php if($item['id_service'] == $service['id_service']) :?>
							class="current-menu-item"
							<?php endif; ?>
							>
								<a href="<?= base_url() . 'services/' . $item['alias'] ?>"><span>0<?= $key + 1 ?>.</span> <?= ucwords($item['name']) ?></a>
							</li>
						<?php endforeach ?>	
					</ul>
				</div>
			</div>
			<div class="col-lg-9 col-md-12">
				<div class="services-detail-content">
					<div class="ot-heading">
						<span>[ our services ]</span>
						<h2 class="main-heading" style="color: white">
							<?= ucwords($service['subtitle']) ?>
						</h2>
					</div>
					<?= ucfirst($service['content']); ?>
				</div>
			</div>
		</div>
	</div>
</section>