<?php  foreach ($services as $key => $service): ?>
<li class="item col-12 col-md-6 col-lg-4 mb-30  text-center" data-aos="fade-up" data-aos-delay="<?= $key+1 ;?>00">
	<div class="style7singe_service d-block <?= $service['service_type']==2?"serviceImg":"";?> <?= $service['service_type']==3?"videoService":"";?>" >
		<span class="style7IconArea mx-auto <?= $service['service_type']==2?"serviceImg":"";?> <?= $service['service_type']==3?"videoService":"";?>">
			<?php if ($service['service_type']==1): ?>
				<?= $service['icon'];?>
			<?php elseif ($service['service_type']==2): ?>
				<img src="<?= base_url(html_escape($service['images'])); ?>"  alt="">
			<?php elseif ($service['service_type']==3): ?>
				<div class="videoWrapper">
					<?= $service['video_link'];?>
				</div>
			<?php endif ?>
		</span>	
		<h3><?= html_escape($service['title']);?></h3>
		<p><?= !empty($service['overview'])?character_limiter(html_escape($service['overview']),120):character_limiter($service['details'],120) ;?></p>
		<div class="seeMoreBtn text-center">
			<a href="javascript:;" data-target="#serviceModal_<?= $service['id'] ;?>" data-toggle="modal"><i class="fa fa-eye"></i> <?= lang('see_more'); ?></a>
			<?php if(isset($service['pay_button_status']) && $service['pay_button_status']==1): ?>
				<a href="<?= base_url('single-service/'.$slug.'/'.md5($service['id'])); ?>" ><i class="fa fa-shopping-cart"></i> <?= !empty(lang('order_now'))?lang('order_now'):"order now"; ?></a>
			<?php endif ?>
		</div>
	</div>

</li>
<?php endforeach;?>