<?php if ('layout_one' == $settings['layout_type']) : ?>
    <!--Offer Start-->
    <section class="massage">
        <div class="massage__bg jarallax" data-jarallax data-speed="0.3" data-imgPosition="50% -100%" style="background-image: url(<?php echo esc_url($settings['layout_one_bg_image']['url']); ?>);"></div>
        <div class="container">
            <div class="sec-title-two">

                <<?php echo esc_attr($settings['section_sub_title_tag_layout_one']); ?> class="sec-title-two__tagline">
                    <span class="sec-title-two__tagline__icon">
                        <?php \Elementor\Icons_Manager::render_icon($settings['layout_one_sec_icon'], ['aria-hidden' => 'true'], 'i'); ?>
                    </span><?php echo wp_kses($settings['layout_one_sec_sub_title'], 'ostech_allowed_tags'); ?>
                </<?php echo esc_attr($settings['section_sub_title_tag_layout_one']); ?>><!-- /.sec-title-two__tagline -->

                <?php
                if (!empty($settings['layout_one_sec_title'])) :
                    $this->add_inline_editing_attributes('layout_one_sec_title', 'none');
                    ostech_elementor_rendered_content($this, 'layout_one_sec_title', 'sec-title-two__title', $settings['section_title_tag_layout_one']);
                endif;
                ?>

            </div><!-- /.sec-title-two -->
            <div class="row tabs-box">
                <div class="col-lg-4">
                    <ul class="massage__tabs tab-buttons clearfix list-unstyled">
                        <?php
                        foreach ($settings['massage_list'] as $key => $item) :
                            $tab_title = str_replace(' ', '', $item['tab_title']);
                        ?>
                            <li data-tab="#<?php echo esc_attr($tab_title); ?>" class="tab-btn <?php echo esc_attr(('yes' == $item['active_status'] ? 'active-btn' : '')); ?>">
                                <?php echo wp_kses($item['tab_title'], 'ostech_allowed_tags'); ?> <span class="massage__tabs__icon">
                                    <?php \Elementor\Icons_Manager::render_icon($item['icon'], ['aria-hidden' => 'true'], 'i'); ?>
                                </span>
                            </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <div class="col-lg-8">
                    <div class="tabs-content">
                        <?php
                        foreach ($settings['massage_list'] as $key => $item) :
                            $tab_title = str_replace(' ', '', $item['tab_title']);
                        ?>
                            <div class="tab fadeInUp animated <?php echo esc_attr(('yes' == $item['active_status'] ? 'active-tab' : '')); ?>" id="<?php echo esc_attr($tab_title); ?>">
                                <div class="massage__content">
                                    <<?php echo esc_attr($item['title_tag_layout_one']); ?> class="massage__content__title">
                                        <?php echo wp_kses($item['title'], 'ostech_allowed_tags'); ?>
                                    </<?php echo esc_attr($item['title_tag_layout_one']); ?>>
                                    <p class="massage__content__text">
                                        <?php echo wp_kses($item['sub_title'], 'ostech_allowed_tags'); ?>
                                    </p>
                                    <?php ostech_elementor_rendered_image($item, 'image'); ?>
                                </div>
                            </div><!-- geothermal-massage -->
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Offer End-->
<?php endif; ?>