<?php if ('layout_one' === $settings['layout_type']) : ?>
	<!-- Service section Start -->
	<section class="service-one">
		<div class="container">
			<div class="row gutter-y-40">
				<?php
				$i = 1;
				foreach ($settings['service_list_one'] as $index => $item) :
				?>
					<div class="col-lg-4 col-md-6">
						<div class="service-one__item wow fadeInUp" data-wow-delay="<?php echo esc_attr($index + 5) ?>00ms">
							<?php if (!empty($item['icon'])) : ?>
								<div class="service-one__item__icon">
									<?php \Elementor\Icons_Manager::render_icon($item['icon'], ['aria-hidden' => 'true'], 'i'); ?>
								</div>
							<?php endif; ?>
							<div class="service-one__item__thumb">
								<?php ostech_elementor_rendered_image($item, 'image'); ?>
							</div>
							<div class="service-one__item__content">
								<<?php echo esc_attr($item['service_title_tag_layout_one']); ?> class="service-one__item__title">
									<a href="<?php echo esc_url($item['url']['url']); ?>"><?php echo wp_kses($item['title'], 'ostech_allowed_tags'); ?></a>
								</<?php echo esc_attr($item['service_title_tag_layout_one']); ?>><!-- /.service-card-two__title -->
								<?php if (!empty($item['summary'])) : ?>
									<p class="service-one__item__text"><?php echo wp_kses($item['summary'], 'ostech_allowed_tags'); ?></p>
								<?php endif; ?>
							</div>
						</div>
					</div>
				<?php endforeach; ?>

			</div>
		</div>
	</section>
	<!-- Service section End -->
<?php endif; ?>