<?php if ('layout_two' === $settings['layout_type']) : ?>
	<!-- Service section Start -->
	<section class="service-page service-page--page">
		<div class="service-page__bg" style="background-image: url(<?php echo esc_url($settings['layout_two_bac_image']['url']); ?>);"></div>
		<div class="container">
			<?php if (!empty($settings['layout_two_sec_sub_title'] || $settings['layout_two_sec_title'])) : ?>
				<div class="sec-title text-center wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
					<?php if (!empty($settings['layout_two_sec_sub_title'])) : ?>
						<div class="d-flex align-items-center justify-content-center">
							<?php ostech_elementor_rendered_image($settings, 'layout_two_title_image', 'sec-title__img'); ?>
							<?php
							if (!empty($settings['layout_two_sec_sub_title'])) :
								$this->add_inline_editing_attributes('layout_two_sec_sub_title', 'none');
								ostech_elementor_rendered_content($this, 'layout_two_sec_sub_title', 'sec-title__tagline', $settings['section_sub_title_tag_layout_two']);
							endif; ?>
						</div>
					<?php endif; ?>
					<?php
					if (!empty($settings['layout_two_sec_title'])) :
						$this->add_inline_editing_attributes('layout_two_sec_title', 'none');
						ostech_elementor_rendered_content($this, 'layout_two_sec_title', 'sec-title__title', $settings['section_title_tag_layout_two']);
					endif;
					?>
				</div>
			<?php endif; ?>
			<div class="row gutter-y-30">
				<?php foreach ($settings['layout_two_service_items'] as $index => $item) : ?>
					<div class="col-md-6 col-lg-3">
						<div class="service-card-two  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='500ms'>
							<div class="service-card-two__inner">
								<div class="service-card-two__content">
									<<?php echo esc_attr($item['service_title_tag_layout_two']); ?> class="service-card-two__title">
										<a href="<?php echo esc_url($item['url']['url']); ?>" <?php esc_attr(!empty($item['url']['is_external']) ? "target=_blank" : ' '); ?>><?php echo wp_kses($item['title'], 'ostech_allowed_tags'); ?></a>
									</<?php echo esc_attr($item['service_title_tag_layout_two']); ?>><!-- /.service-title -->
									<div class="service-card-two__icon">
										<?php \Elementor\Icons_Manager::render_icon($item['icon'], ['aria-hidden' => 'true'], 'i'); ?>
									</div>
								</div>
								<div class="service-card-two__thumb">
									<?php ostech_elementor_rendered_image($item, 'image'); ?>
								</div>
							</div>
						</div>
					</div>
				<?php endforeach; ?>
			</div>
		</div>
	</section>
	<!-- Service section End -->

<?php endif; ?>