<?php if ('layout_five' == $settings['layout_type']) : ?>
    <!--Contact Page Start-->
    <section class="contact-three">
        <div class="contact-three__bg jarallax" data-jarallax data-speed="0.3" data-imgPosition="50% -100%" style="background-image: url(<?php echo esc_url($settings['layout_five_bg_image_one']['url']); ?>);"></div>
        <div class="contact-three__shape" style="background-image: url(<?php echo esc_url($settings['layout_five_bg_image_two']['url']); ?>);"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="contact-three__form contact-form-validated form-one wow fadeInUp">
                        <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">
                                    <?php \Elementor\Icons_Manager::render_icon($settings['layout_five_icon'], ['aria-hidden' => 'true'], '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 echo str_replace("<br />", "", trim(do_shortcode('[contact-form-7 id="' . $settings['layout_five_select_wpcf7_form'] . '" ]'))); ?>
                    </div>
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6">
                    <div class="row gutter-y-30">
                        <?php
                        foreach ($settings['layout_five_content_list'] as $index => $item) :
                        ?>
                            <div class="col-md-6 wow fadeInUp" data-wow-delay="100ms">
                                <?php if (!empty($item['title'] || $item['number'])) : ?>
                                    <div class="contact-three__fact count-box">
                                        <div class="contact-three__fact__icon">
                                            <?php \Elementor\Icons_Manager::render_icon($item['icon'], ['aria-hidden' => 'true'], 'i'); ?>
                                        </div>
                                        <h3 class="contact-three__fact__number">
                                            <span class="count-text" data-stop="<?php echo esc_attr($item['number'], 'ostech_allowed_tags'); ?>" data-speed="1500">00</span>
                                            <span><?php echo wp_kses($item['operator'], 'ostech_allowed_tags'); ?></span>
                                        </h3>
                                        <p class="contact-three__fact__text"><?php echo wp_kses($item['title'], 'ostech_allowed_tags'); ?></p>
                                    </div><!-- /.contact-three__fact -->
                                <?php endif; ?>
                                <?php if ('yes' == $item['active_status']) : ?>
                                    <div class="contact-three__team" style="background-image: url(<?php echo esc_attr($item['shape_one']['url']); ?>);">
                                        <div class="contact-three__team__image" style="background-image: url(<?php echo esc_attr($item['shape_two']['url']); ?>);">
                                            <?php ostech_elementor_rendered_image($item, 'image'); ?>
                                        </div>
                                    </div><!-- /.contact-three__team -->
                                <?php endif; ?>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.contact-three -->

    <!--Contact Page End-->
<?php endif; ?>