<?php if ('layout_five' == $settings['layout_type']) : ?>

	<!-- About Start Five -->
	<section class="about-four">
		<div class="about-four__shape">
			<?php ostech_elementor_rendered_image($settings, 'layout_five_image_one'); ?>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-xl-6 wow fadeInLeft" data-wow-delay="200ms">
					<div class="ostech-stretch-element-inside-column">
						<div class="about-four__image">
							<div class="about-four__image__bg wow fadeInUp" data-wow-delay="100ms">
								<?php ostech_elementor_rendered_image($settings, 'layout_five_image_two'); ?>
							</div>
							<?php ostech_elementor_rendered_image($settings, 'layout_five_image_three'); ?>
						</div>
					</div>
				</div>
				<div class="col-xl-6 wow fadeInUp" data-wow-delay="100ms">
					<div class="about-four__content">
						<div class="sec-title-two">

							<<?php echo esc_attr($settings['section_sub_title_tag_layout_five']); ?> class="sec-title-two__tagline">
								<span class="sec-title-two__tagline__icon">
									<i class="ostech-icons-two-logo"></i>
								</span><?php echo wp_kses($settings['layout_five_sec_sub_title'], 'ostech_allowed_tags'); ?>
							</<?php echo esc_attr($settings['section_sub_title_tag_layout_five']); ?>><!-- /.sec-title-two__tagline -->

							<?php
							if (!empty($settings['layout_five_sec_title'])) :
								$this->add_inline_editing_attributes('layout_five_sec_title', 'none');
								ostech_elementor_rendered_content($this, 'layout_five_sec_title', 'sec-title-two__title', $settings['section_title_tag_layout_five']);
							endif;
							?>
						</div><!-- /.sec-title-two -->
						<?php
						if (!empty($settings['layout_five_summary'])) :
							$this->add_inline_editing_attributes('layout_five_summary', 'none');
							ostech_elementor_rendered_content($this, 'layout_five_summary', 'about-four__content__text', 'p');
						endif;
						?>
						<div class="row">
							<div class="col-md-6">
								<ul class="about-four__list">
									<?php
									foreach ($settings['layout_five_feature_list'] as $index => $item) :
									?>
										<li>
											<?php \Elementor\Icons_Manager::render_icon($item['icon'], ['aria-hidden' => 'true'], 'span'); ?>
											<?php echo wp_kses($item['title'], 'ostech_allowed_tags'); ?>
										</li>
									<?php
									endforeach; ?>
								</ul>
							</div>
							<?php if (!empty($settings['layout_five_video_url']['url'])) : ?>
								<div class="col-md-6">
									<div class="about-four__video" style="background-image: url(<?php echo esc_url($settings['layout_five_video_bg']['url']); ?>);">
										<a href="<?php echo esc_url($settings['layout_five_video_url']['url']); ?>" class="video-popup">
											<i class="fa fa-play"></i>
											<span class="ripple"></span>
										</a>
									</div>
								</div>
							<?php endif; ?>
						</div>
						<div class="about-four__opening">
							<div class="about-four__opening__icon">
								<?php \Elementor\Icons_Manager::render_icon($settings['layout_five_open_hours_icon'], ['aria-hidden' => 'true'], 'span'); ?>
							</div>
							<?php
							if (!empty($settings['layout_five_open_hours_title'])) :
								$this->add_inline_editing_attributes('layout_five_open_hours_title', 'none');
								ostech_elementor_rendered_content($this, 'layout_five_open_hours_title', 'about-four__opening__title', 'h3');
							endif;
							?>
							<div class="about-four__opening__time">
								<?php echo wp_kses($settings['layout_five_open_hours_time'], 'ostech_allowed_tags'); ?>
							</div>
						</div>
					</div>
				</div><!-- /.col-lg-6 -->
			</div><!-- /.row -->
		</div><!-- /.container -->
	</section><!-- /.about-four -->
	<!-- About Five End -->
<?php endif; ?>