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

<!-- main-slider-start -->
<section class="main-slider-one">
    <div class="main-slider-one__carousel ostech-owl__carousel owl-carousel" data-owl-options='<?php echo esc_attr(ostech_get_owl_options($settings)); ?>'>
        <!-- Slider Item  -->
        <?php
        foreach ($settings['sliders'] as $index => $slider) :
        ?>
            <div class="item">
                <div class="main-slider-one__item">
                    <div class="main-slider-one__bg" style="background-image: url(<?php echo esc_url($slider['background_image']['url']); ?>);"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <div class="main-slider-one__content">
                                    <<?php echo esc_attr($slider['sub_title_tag_layout_one']); ?> class="main-slider-one__sub-title"><span><?php echo wp_kses($slider['sub_title'], 'ostech_allowed_tags'); ?></span></<?php echo esc_attr($slider['sub_title_tag_layout_one']); ?>>
                                    <<?php echo esc_attr($slider['title_tag_layout_one']); ?> class="main-slider-one__title">
                                        <?php echo wp_kses($slider['title'], 'ostech_allowed_tags'); ?>
                                        <span class="main-slider-one__title__overlay-group">
                                            <span class="main-slider-one__title__overlay"></span>
                                            <span class="main-slider-one__title__overlay"></span>
                                            <span class="main-slider-one__title__overlay"></span>
                                            <span class="main-slider-one__title__overlay"></span>
                                            <span class="main-slider-one__title__overlay"></span>
                                            <span class="main-slider-one__title__overlay"></span>
                                        </span>
                                    </<?php echo esc_attr($slider['title_tag_layout_one']); ?>>
                                    <?php if (!empty($slider['url']['url'])) : ?>
                                        <div class="main-slider-one__link">
                                            <a href="<?php echo esc_url($slider['url']['url']); ?>" class="main-slider-one__link__btn ostech-btn"><span><?php echo wp_kses($slider['button_label'], 'ostech_allowed_tags'); ?></span></a><!-- slider-btn -->
                                        </div>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php if (!empty($slider['shape_one'])) : ?>
                        <div class="main-slider-one__shape main-slider-one__shape--one">
                            <?php ostech_elementor_rendered_image($slider, 'shape_one'); ?>
                        </div>
                    <?php endif; ?>
                    <?php if (!empty($slider['shape_two'])) : ?>
                        <div class="main-slider-one__shape main-slider-one__shape--two">
                            <?php ostech_elementor_rendered_image($slider, 'shape_two'); ?>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        <?php endforeach; ?>
        <!-- Slider Item  -->
    </div>
</section>
<!-- main-slider-end -->

<?php endif; ?>