<?php if ('layout_four' == $settings['layout_type']) : ?>
	<div class="service-details__single wow fadeInUp" data-wow-delay='300ms'>
		<div class="row align-items-center">
			<div class="col-md-5">
				<div class="service-details__image__item">
					<?php ostech_elementor_rendered_image($settings, 'layout_four_image_one'); ?>
				</div><!-- /.service-details__image__circle -->
			</div><!-- /.col-md-6 -->
			<div class="col-md-7">
				<div class="service-details__benefit">
					<<?php echo esc_attr($settings['heading_title_tag_layout_four']); ?> class="service-details__benefit__title">
						<?php echo wp_kses($settings['layout_two_heading_title'], 'ostech_allowed_tags'); ?>
					</<?php echo esc_attr($settings['heading_title_tag_layout_four']); ?>>
					<p class="service-details__benefit__text"><?php echo wp_kses($settings['layout_two_summary'], 'ostech_allowed_tags'); ?></p>
					<h4 class="service-details__benefit__sub_title"><?php echo wp_kses($settings['layout_two_feature_title'], 'ostech_allowed_tags'); ?></h4>
					<ul class="list-unstyled service-details__list ml-0">
						<?php $i = 1;
						foreach ($settings['layout_four_features_list'] as $index => $item) : ?>
							<li class="service-details__list__item">
								<?php \Elementor\Icons_Manager::render_icon($item['icon'], ['aria-hidden' => 'true'], 'i'); ?>
								<?php echo wp_kses($item['title'], 'ostech_allowed_tags'); ?>
							</li>
						<?php endforeach; ?>
					</ul><!-- /.list-unstyled team-details__list -->
				</div>
			</div><!-- /.col-md-6 -->
		</div><!-- /.row -->
	</div><!-- /.service-details__single-->
<?php endif; ?>