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

    <!--Main Slider Start-->
    <section class="main-slider-five">
        <div class="main-slider-five__carousel ostech-owl__carousel owl-carousel" data-owl-options='<?php echo esc_attr(ostech_get_owl_options($settings)); ?>'>
            <?php
            $i = 1;
            foreach ($settings['layout_five_sliders'] as $slider) : ?>
                <div class="item">
                    <div class="main-slider-five__item">
                        <div class="main-slider-five__border"><?php ostech_elementor_rendered_image($slider, 'border_image_one'); ?></div>
                        <div class="main-slider-five__image-one"><?php ostech_elementor_rendered_image($slider, 'image_one'); ?></div>
                        <div class="main-slider-five__image-two"><?php ostech_elementor_rendered_image($slider, 'image_two'); ?></div>
                        <div class="main-slider-five__shape"><?php ostech_elementor_rendered_image($slider, 'shape_one'); ?></div>
                        <div class="main-slider-five__shape-two"><?php ostech_elementor_rendered_image($slider, 'shape_two'); ?></div>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="main-slider-five__content">
                                        <div class="main-slider-five__sub-title__wrapper">
                                            <<?php echo esc_attr($slider['sub_title_tag_layout_five']); ?> class="main-slider-five__sub-title">
                                                <span class="main-slider-five__sub-title__icon"><i class="ostech-icons-two-logo"></i></span><?php echo wp_kses($slider['sub_title'], 'ostech_allowed_tags'); ?>
                                            </<?php echo esc_attr($slider['sub_title_tag_layout_five']); ?>>
                                        </div><!-- slider-sub-title -->
                                        <div class="main-slider-five__title__wrapper">
                                            <<?php echo esc_attr($slider['title_tag_layout_five']); ?> class="main-slider-five__title">
                                                <?php echo wp_kses($slider['title'], 'ostech_allowed_tags'); ?>
                                            </<?php echo esc_attr($slider['title_tag_layout_five']); ?>>
                                        </div><!-- slider-title -->
                                        <div class="main-slider-five__text__wrapper">
                                            <p class="main-slider-five__text">
                                                <?php echo wp_kses($slider['summary'], 'ostech_allowed_tags'); ?>
                                            </p>
                                        </div><!-- slider-text -->
                                        <div class="main-slider-five__btn">
                                            <a href="<?php echo esc_url($slider['button_url']['url']); ?>" class="ostech-btn ostech-btn--icon">
                                                <span><?php echo wp_kses($slider['button_label'], 'ostech_allowed_tags'); ?>
                                                    <span class="ostech-btn--icon__icon">
                                                        <?php \Elementor\Icons_Manager::render_icon($slider['button_icon'], ['aria-hidden' => 'true'], 'i'); ?>
                                                    </span>
                                                </span>
                                            </a><!-- slider-btn -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
        <!-- social -->
        <div class="main-slider-five__social">
            <?php foreach ($settings['layout_five_social_icons'] as $social_icon) : ?>
                <a 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>
        <!-- social -->
    </section><!-- main-slider -->
    <!--Main Slider End-->

<?php endif; ?>