<?php if ('layout_three' == $settings['layout_type']) : ?>
	<section class="team-details">
		<div class="container">
			<div class="team-details__inner">
				<div class="row">
					<div class="col-md-5">
						<div class="team-details__image  wow fadeInLeft" data-wow-delay='500ms'>
							<?php ostech_elementor_rendered_image($settings, 'layout_three_image'); ?>
						</div><!-- /.team-details__image -->
					</div><!-- /.col-lg-6 -->

					<div class="col-md-7">
						<div class="team-details__content">
							<h6 class="team-details__content__subtitle  wow fadeInUp" data-wow-delay='500ms'><?php echo wp_kses($settings['layout_three_subtitle'], 'ostech_allowed_tags'); ?></h6>
							<?php
							if (!empty($settings['layout_three_title'])) :
								$this->add_inline_editing_attributes('layout_three_title', 'none');
								ostech_elementor_rendered_content($this, 'layout_three_title', 'team-details__content__title  wow fadeInUp', $settings['title_tag_layout_three']);
							endif;
							?>
							<p class="team-details__content__text  wow fadeInUp" data-wow-delay='500ms'><?php echo wp_kses($settings['layout_three_summary'], 'ostech_allowed_tags'); ?></p>
							<!-- /.team-details__designation -->
							<div class="team-details__content__highlight  wow fadeInUp" data-wow-delay='500ms'>
								<span class="team-details__content__highlight__text"><?php echo wp_kses($settings['layout_three_feature_title'], 'ostech_allowed_tags'); ?></span>
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 315 38">
									<path d="M267 0L0 38H315V18L267 0Z" />
								</svg>
							</div><!-- /.team-details__content__highlight -->
							<ul class="list-unstyled team-details__list  wow fadeInUp ml-0" data-wow-delay='500ms'>
								<?php foreach ($settings['layout_three_features_list'] as $index => $item) : ?>
									<li class="team-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 class="team-skills">
								<?php foreach ($settings['layout_three_progressbar_list'] as $index => $item) : ?>
									<div class="team-skills__progress">
										<h4 class="team-skills__progress__title"><?php echo esc_html($item['title']); ?></h4>
										<div class="team-skills__progress__bar">
											<div class="team-skills__progress__inner count-bar" data-percent="<?php echo esc_attr($item['progressbar_count']['size']); ?>%">
												<div class="team-skills__progress__number count-text"><?php echo esc_attr($item['progressbar_count']['size']); ?>%</div>
											</div>
										</div>
									</div><!-- /.skills-item -->
								<?php endforeach; ?>
							</div><!-- /team-skills-one -->

							<div class="team-details__social  wow fadeInUp" data-wow-delay='500ms'>
								<?php foreach ($settings['layout_three_social'] as $social_icon) : ?>
									<a <?php echo esc_attr(!empty($social_icon['social_url']['is_external']) ? 'target=_blank' : ' '); ?> href="<?php echo esc_url($social_icon['social_url']['url']); ?>">
										<?php \Elementor\Icons_Manager::render_icon($social_icon['social_icon'], ['aria-hidden' => 'true'], 'i'); ?>
									</a>
								<?php endforeach; ?>
							</div><!-- /.team-details__social -->

						</div><!-- /.team-details__content -->
					</div><!-- /.col-lg-6 -->
				</div><!-- /.row -->
			</div><!-- /.team-details__inner -->
		</div><!-- /.container -->
	</section><!-- /.team-details -->
<?php endif; ?>