<?php if ('layout_three' === $settings['layout_type']) : ?>
	<!-- Service section Start -->
	<section class="service-three">
		<div class="service-three__bg" style="background-image: url(<?php echo esc_url($settings['layout_three_bg']['url']); ?>);"></div>
		<div class="container">
			<?php if (!empty($settings['layout_three_sec_sub_title'] || $settings['layout_three_sec_title'])) : ?>
				<div class="sec-title sec-title--two text-center wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='000ms'>
					<?php if (!empty($settings['layout_three_sec_sub_title'])) : ?>
						<div class="d-flex align-items-center justify-content-center">
							<?php ostech_elementor_rendered_image($settings, 'layout_three_title_image', 'sec-title__img'); ?>
							<?php
							if (!empty($settings['layout_three_sec_sub_title'])) :
								$this->add_inline_editing_attributes('layout_three_sec_sub_title', 'none');
								ostech_elementor_rendered_content($this, 'layout_three_sec_sub_title', 'sec-title__tagline', $settings['section_sub_title_tag_layout_three']);
							endif; ?>
						</div>
					<?php endif; ?>
					<?php
					if (!empty($settings['layout_three_sec_title'])) :
						$this->add_inline_editing_attributes('layout_three_sec_title', 'none');
						ostech_elementor_rendered_content($this, 'layout_three_sec_title', 'sec-title__title', $settings['section_title_tag_layout_three']);
					endif;
					?>
				</div>
			<?php endif; ?>
			<div class="service-three__carousel ostech-owl__carousel owl-theme owl-carousel" data-owl-options='<?php echo esc_attr(ostech_get_owl_options($settings)); ?>'>
				<?php
				$i = 1;
				foreach ($settings['service_list_three'] as $index => $item) :
				?>
					<div class="item">
						<div class="service-three__item">
							<div class="service-three__item__inner">
								<div class="service-three__item__icon">
									<div class="service-three__item__icon__inner">
										<?php \Elementor\Icons_Manager::render_icon($item['icon'], ['aria-hidden' => 'true'], 'i'); ?>
									</div>
								</div>
								<?php if (!empty($item['image'])) : ?>
									<div class="service-three__item__thumb">
										<?php ostech_elementor_rendered_image($item, 'image'); ?>
									</div>
								<?php endif; ?>
								<div class="service-three__item__content">
									<<?php echo esc_attr($item['service_title_tag_layout_three']); ?> class="service-three__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_three']); ?>><!-- /.service-card-two__title -->

									<?php if ($item['url']['url']) : ?>
										<a href="<?php echo esc_url($item['url']['url']); ?>" class="service-three__item__link">
											<span class="service-three__item__link__icon"></span>
										</a><!-- /.blog-card__link -->
									<?php endif; ?>
								</div>
							</div>
						</div>
					</div>
				<?php endforeach; ?>
			</div>
		</div>
	</section>
	<!-- Service section End -->
<?php endif; ?>