<?php if ('layout_two' == $settings['layout_type']) : ?>
    <section class="faq-page">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7 col-md-7">
                    <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, 'layout_two_title_image', 'sec-title__img'); ?>
                            <?php
                            if (!empty($settings['layout_two_sec_sub_title'])) :
                                $this->add_inline_editing_attributes('layout_two_sec_sub_title', 'none');
                                ostech_elementor_rendered_content($this, 'layout_two_sec_sub_title', 'sec-title__tagline', $settings['section_sub_title_tag_layout_two']);
                            endif;
                            ?>
                        </div>
                        <?php if (!empty($settings['layout_two_sec_title'])) :
                            $this->add_inline_editing_attributes('layout_two_sec_title', 'none');
                            ostech_elementor_rendered_content($this, 'layout_two_sec_title', 'sec-title__title', $settings['section_title_tag_layout_two']);
                        endif; ?>
                    </div>
                </div>
                <div class="col-lg-5 col-md-5">
                    <div class="faq-page__search">
                        <form action="<?php echo esc_url(home_url('/')); ?>" class="faq-page__search__item">
                            <button type="submit" aria-label="search submit">
                                <span><i class="icon-search"></i></span>
                            </button>
                            <input name="s" type="text" placeholder="<?php echo esc_attr('Search Here Anything', 'ostech-addon'); ?>">
                        </form><!-- /.sidebar__search -->
                    </div><!-- /.sidebar__single -->
                </div>
            </div>
            <div class="row align-items-center gutter-y-30">
                <div class="col-lg-7">
                    <div class="faq-page__accordion ostech-accrodion" data-grp-name="ostech-accrodion">
                        <?php foreach ($settings['layout_two_faq_lists'] as $item) : ?>
                            <div class="accrodion <?php echo esc_attr(('yes' == $item['active_status'] ? 'active' : '')); ?>">
                                <div class="accrodion-title">
                                    <<?php echo esc_attr($item['question_title_tag_layout_two']); ?> class="accrodion-title__text"><?php echo wp_kses($item['question'], 'ostech_allowed_tags'); ?>
                                        <span class="accrodion-title__icon"></span>
                                    </<?php echo esc_attr($item['question_title_tag_layout_two']); ?>>
                                </div><!-- /.accordian-title -->
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p class="inner__text"><?php echo wp_kses($item['answer'], 'ostech_allowed_tags'); ?></p>
                                    </div><!-- /.accordian-content -->
                                </div>
                            </div><!-- /.accordian-item -->
                        <?php endforeach; ?>
                    </div>
                </div><!-- /.col-lg-8 col-xl-9 -->
                <div class="col-lg-5">
                    <div class="faq-page__thumb">
                        <?php ostech_elementor_rendered_image($settings, 'layout_two_image'); ?>
                    </div><!-- /.faq-page__contact -->
                </div><!-- /.col-lg-4 col-xl-3 -->

            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.faq-page-accordion -->
<?php endif; ?>