<?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="about-company">
  <div class="container">
    <div class="col-lg-12 col-md-12 align-self-center">
      <div class="about-detail">
        <div class="ot-heading is-dots">
            <span>[ Our Services ]</span>
            <h2 class="main-heading" style="color:white"><?= $landing['service_landingpage_title'] ?></h2>
        </div>
        <div style="color:#a3a3a3"> 
          <?= $landing['service_landingpage_description'] ?>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="our-portfolio-1" style="background-image:url(<?= base_url() . 'uploads/bg1-home2.jpg'; ?>)">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center theratio-align-center">
        <div class="ot-heading is-dots s-light">
          <h2 class="main-heading">Our Services</h2>
        </div>
      </div>
    </div>
  </div>
  <div class="container-fluid">
    <div class="row justify-content-center">
      <?php foreach($services as $key => $service) : ?>
        <div class="col-lg-4 col-md-6 col-6 px-0">
          <div class="cate-lines h-light">
            <div class="cate-item">
              <a href="<?= base_url() . 'services/' . $service['alias'] ?>">
                <img src="<?= base_url() . 'uploads/page/' . $service['image1'] ?>" alt="<?= $service['name'] ?>" />
              </a>
              <div class="cate-item_content">
                <a href="<?= base_url() . 'services/' . $service['alias'] ?>"
                  ><h2 class="services">
                  <?= ucwords($service['name']) ?><span class="number-stroke">0<?= $key + 1 ?></span>
                  </h2></a>
              </div>
            </div>
          </div>
        </div>
      <?php endforeach ?>  
    </div>
  </div>
</section>