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

    <!--Main Slider Start-->
    <section class="main-slider-four">
        <div class="main-slider-four__carousel ostech-owl__carousel owl-carousel" data-owl-options='<?php echo esc_attr(ostech_get_owl_options($settings)); ?>'>
            <?php
            $i = 1;
            foreach ($settings['layout_four_sliders'] as $slider) : ?>
                <div class="item">
                    <div class="main-slider-four__item">
                        <div class="main-slider-four__bg" style="background-image: url(<?php echo esc_url($slider['background_image_one']['url']); ?>);">
                            <div class="main-slider-four__bg__color"></div>
                            <div class="main-slider-four__bg__color"></div>
                            <div class="main-slider-four__bg__color"></div>
                            <div class="main-slider-four__bg__color"></div>
                            <div class="main-slider-four__bg__color"></div>
                            <div class="main-slider-four__bg__color"></div>
                        </div>
                        <div class="main-slider-four__overlay"></div>
                        <div class="main-slider-four__shape">
                            <?php ostech_elementor_rendered_image($slider, 'shape_one'); ?>
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-md-12 text-left">
                                    <div class="main-slider-four__content">
                                        <div class="main-slider-four__sub-title__wrapper">
                                            <<?php echo esc_attr($slider['sub_title_tag_layout_four']); ?> class="main-slider-four__sub-title">
                                                <span class="main-slider-four__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_four']); ?>>
                                        </div><!-- slider-sub-title -->
                                        <div class="main-slider-four__title__wrapper">
                                            <<?php echo esc_attr($slider['title_tag_layout_four']); ?> class="main-slider-four__title">
                                                <?php echo wp_kses($slider['title'], 'ostech_allowed_tags'); ?>
                                            </<?php echo esc_attr($slider['title_tag_layout_four']); ?>>
                                        </div><!-- slider-title -->
                                        <div class="main-slider-four__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['icon'], ['aria-hidden' => 'true'], 'i'); ?>
                                                    </span>
                                                </span>
                                            </a><!-- slider-btn -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <?php $i++;
            endforeach; ?>
        </div>
        <!-- social -->
        <div class="main-slider-four__social">
            <?php foreach ($settings['layout_four_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; ?>