<?php if ('layout_one' == $settings['layout_type']) : ?>
	<!-- About section Start -->
	<section class="about-one">
		<div class="container">
			<div class="row gutter-y-30">
				<div class="col-lg-6">
					<div class="about-one__left wow fadeInLeft" data-wow-delay="500ms">
						<div class="about-one__thumb">
							<div class="about-one__thumb__item">
								<?php ostech_elementor_rendered_image($settings, 'layout_one_image'); ?>
							</div>
							<div class="about-one__thumb__item about-one__thumb__item--two">
								<?php ostech_elementor_rendered_image($settings, 'layout_one_image_two'); ?>
							</div>
						</div>
						<?php if (!empty($settings['layout_one_count_icon'] || $settings['layout_one_count_number'] || $settings['layout_one_count_title'])) : ?>
							<div class="about-one__funfact__item count-box">
								<div class="about-one__funfact__item__icon">
									<?php \Elementor\Icons_Manager::render_icon($settings['layout_one_count_icon'], ['aria-hidden' => 'true'], 'i'); ?>
								</div>
								<h2 class="about-one__funfact__item__count">
									<span class="count-text" data-stop="<?php echo esc_attr($settings['layout_one_count_number']) ?>" data-speed="1500"></span>
									<span><?php echo esc_attr($settings['layout_one_count_after']) ?></span>
								</h2>
								<p class="about-one__funfact__item__text"><?php echo wp_kses($settings['layout_one_count_title'], 'ostech_allowed_tags'); ?></p>
							</div>
						<?php endif; ?>
						<?php if (!empty($settings['layout_one_shape_two']['url'])) : ?>
							<div class="about-one__shape-two">
								<?php ostech_elementor_rendered_image($settings, 'layout_one_shape_two'); ?>
							</div>
						<?php endif; ?>
					</div>
				</div>
				<div class="col-lg-6">
					<div class="about-one__right">
						<div class="about-one__top wow fadeInUp" data-wow-delay="500ms">
							<div class="sec-title  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='000ms'>
								<div class="d-flex align-items-center justify-content-start">
									<?php ostech_elementor_rendered_image($settings, 'sec_title_shape', 'sec-title__img'); ?>
									<?php
									if (!empty($settings['sec_sub_title'])) :
										$this->add_inline_editing_attributes('sec_sub_title', 'none');
										ostech_elementor_rendered_content($this, 'sec_sub_title', 'sec-title__tagline', $settings['section_sub_title_tag_layout_one']);
									endif; ?>
								</div>
								<?php if (!empty($settings['sec_title'])) :
									$this->add_inline_editing_attributes('sec_title', 'none');
									ostech_elementor_rendered_content($this, 'sec_title', 'sec-title__title', $settings['section_title_tag_layout_one']);
								endif;
								?>
							</div>
							<?php if (!empty($settings['summary'])) :
								$this->add_inline_editing_attributes('summary', 'none');
								ostech_elementor_rendered_content($this, 'summary', 'about-one__top__text', 'p');
							endif;
							?>
						</div>
						<div class="about-one__feature">
							<?php
							$i = 1;
							foreach ($settings['service_list_one'] as $index => $item) :
							?>
								<div class="about-one__feature__item wow fadeInUp" data-wow-delay="500ms">
									<div class="about-one__feature__inner">
										<div class="about-one__feature__item__icon">
											<div class="about-one__feature__item__icon__item">
												<?php \Elementor\Icons_Manager::render_icon($item['icon'], ['aria-hidden' => 'true'], 'i'); ?>
											</div>
										</div>
										<div class="about-one__feature__item__content">
											<<?php echo esc_attr($item['service_title_tag_layout_one']); ?> class="about-one__feature__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_one']); ?>><!-- /.service-card-two__title -->
											<?php if (!empty($item['summary'])) : ?>
												<p class="about-one__feature__item__text"><?php echo wp_kses($item['summary'], 'ostech_allowed_tags'); ?></p>
											<?php endif; ?>
										</div>
										<div class="about-one__feature__item__thumb">
											<?php ostech_elementor_rendered_image($item, 'image'); ?>
										</div>
									</div>
								</div>
							<?php endforeach; ?>
						</div>
						<ul class="about-one__list list-unstyled wow fadeInUp ml-0" data-wow-delay="500ms">
							<?php foreach ($settings['service_feature_list_one'] as $index => $item) : ?>
								<li class="about-one__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>

						<?php if (!empty($settings['button_url']['url'])) : ?>
							<div class="about-one__link wow fadeInUp" data-wow-delay="500ms">
								<a href="<?php echo esc_url($settings['button_url']['url']); ?>" <?php esc_attr(!empty($settings['button_url']['is_external']) ? "target=_blank" : ' '); ?> class="about-one__link__btn ostech-btn ostech-btn--secondary"><?php echo esc_html($settings['button_label']); ?></a>
							</div>
						<?php endif; ?>
					</div>
				</div>
			</div>
		</div>
		<?php if (!empty($settings['layout_one_shape_one']['url'])) : ?>
			<div class="about-one__shape">
				<?php ostech_elementor_rendered_image($settings, 'layout_one_shape_one'); ?>
			</div>
		<?php endif; ?>
	</section>
	<!-- About section End -->

<?php endif; ?>