Elep

<?php
namespace calmorCore\Widgets;

use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Background;
use Elementor\Group_Control_Typography;
use Elementor\Group_Control_Text_Shadow;
// Exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) {
    exit;
}
/**
 * Text Typing Effect
 *
 * Elementor widget for text typing effect.
 *
 * @since 1.7.0
 */
class calmor_hero extends Widget_Base {

public function get_name() {
        return 'calmor-hero';
    }

public function get_title() {
        return __( 'Calmer Banner', 'calmor-core' );
    }

public function get_icon() {
        return 'eicon-device-desktop';
    }

public function get_categories() {
        return [ 'calmor-elements' ];
    }

protected function _register_controls() {

// ----------------------------------------  Hero content ------------------------------
    $this->start_controls_section(
        'slide_style',
        [
            'label' => __( 'Hero Style', 'calmor-core' ),
        ]
    );
    $this->add_control(
	    'select_style',
	    [
		    'label' => esc_html__( 'Select Style', 'calmor-core' ),
		    'type' =>  \Elementor\Controls_Manager::SELECT,
		    'label_block' => false,
		    'options'   => [
		        'style_1' => 'Style 1',
		        'style_2' => 'Style 2',
		        'style_3' => 'Style 3',
		        'style_4' => 'Style 4',
                'style_5' => 'Style 5',
                'style_6' => 'Style 6',
            ],
		    'default' => 'style_1'
	    ]
    );
    $this->end_controls_section(); // End Hero content

// ------------------------------ Title ------------------------------
     $this->start_controls_section(
        'banner_title',
        [
            'label' => __( 'Hero Content', 'calmor-core' ),
        ]
    );
    $this->add_control(
        'title_html_tag',
        [
            'label' => __( 'Title HTML Tag', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::SELECT,
            'options' => [
                'h1' => 'H1',
                'h2' => 'H2',
                'h3' => 'H3',
                'h4' => 'H4',
                'h5' => 'H5',
                'h6' => 'H6',
                'div' => 'div',
            ],
            'default' => 'h1',
            'separator' => 'before',
        ]
    );

$this->add_control(
        'hero_title',
        [
            'label' => esc_html__( 'Hero Title', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::TEXT,
            'label_block' => true,
            'default' => 'We create digital products and solve  your problem',
        ]
    );

$this->add_control(
        'hero_sub_title',
        [
            'label' => esc_html__( 'Hero Sub Title', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::TEXTAREA,
            'label_block' => true,
            'default' => 'We create digital products and solve  your problem',
        ]
    );

$this->add_control(
        'hero_content',
        [
            'label' => esc_html__( 'Hero Content', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::TEXTAREA,
            'label_block' => true,
            'default' => 'We create digital products and solve  your problem',
        ]
    );

$this->end_controls_section();

$this->start_controls_section(
        'section_button',
        [
            'label' => __( 'Button', 'calmor-core' ),
            'condition' => [
                'select_style' => ['style_1','style_3','style_6'],
            ],
        ]
    );

$this->start_controls_tabs(
        'style_tabs_one'
    );

$this->start_controls_tab(
        'style_normal',
        [
            'label' => __( 'Button One', 'calmor-core' ),
        ]
    );

$this->add_control(
        'button_label',
        [
            'label' => esc_html__( 'Button Label', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::TEXT,
            'label_block' => true,
            'default' => 'Get Started',
        ]
    );

$this->add_control(
        'button_urls',
        [
            'label' => esc_html__( 'Button URL', 'calmer-core' ),
            'type' => \Elementor\Controls_Manager::URL,
            'options' => [ 'url', 'is_external', 'nofollow' ],
            'default' => [
                'url' => '',
                'is_external' => true,
                'nofollow' => true,
                // 'custom_attributes' => '',
            ],
            'label_block' => true,
        ]
    );

$this->end_controls_tab();
    
    $this->start_controls_tab(
        'style_buttontwo_btn',
        [
            'label' => __( 'Button Two', 'calmor-core' ),
        ]
    );
    $this->add_control(
        'button2_label',
        [
            'label' => esc_html__( 'Button Label', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::TEXT,
            'label_block' => true,
            'default' => 'About Us',
        ]
    );

$this->add_control(
        'button2_urls',
        [
            'label' => esc_html__( 'Button URL', 'calmer-core' ),
            'type' => \Elementor\Controls_Manager::URL,
            'options' => [ 'url', 'is_external', 'nofollow' ],
            'default' => [
                'url' => '',
                'is_external' => true,
                'nofollow' => true,
                // 'custom_attributes' => '',
            ],
            'label_block' => true,
        ]
    );

$this->end_controls_tab();
    $this->end_controls_tabs();

$this->end_controls_section();

$this->start_controls_section(
        'section_feature',
        [
            'label' => __( 'Features Images', 'calmor-core' ),
        ]
    );

$this->add_control(
        'feature_img',
        [
            'label' => esc_html__( 'Feature Image', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::MEDIA,
            'label_block' => true,
        ]
    );
    $this->add_control(
        'feature_img_2',
        [
            'label' => esc_html__( 'Feature Image (Shap One)', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::MEDIA,
            'label_block' => true,

]
    );

$this->add_control(
        'feature_img_shap2',
        [
            'label' => esc_html__( 'Feature Image (Shap Two)', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::MEDIA,
            'label_block' => true,

]
    );

$this->add_control(
        'feature_img_shap3',
        [
            'label' => esc_html__( 'Feature Image (Shap Three)', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::MEDIA,
            'condition' => [
                'select_style' => ['style_3'],
            ],
            'label_block' => true,

]
    );

$this->end_controls_section();

$this->start_controls_section(
        'section_rattion',
        [
            'label' => __( 'Ratting/Review Area', 'calmor-core' ),
            'condition' => [
                'select_style' => ['style_2','style_4','style_5'],
            ],
        ]
    );

$this->add_control(
        'ratting_title',
        [
            'label' => esc_html__( 'Ratting Title', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::TEXT,
            'label_block' => true,
            'default' => 'Based on <span>456 reviews</span>',
        ]
    );

$this->add_control(
        'ratting_title_link',
        [
            'label' => esc_html__( 'Button URL', 'calmer-core' ),
            'type' => \Elementor\Controls_Manager::URL,
            'options' => [ 'url', 'is_external', 'nofollow' ],
            'default' => [
                'url' => '',
                'is_external' => true,
                'nofollow' => true,
                // 'custom_attributes' => '',
            ],
            'label_block' => true,
        ]
    );

$this->add_control(
        'ratting_features',
        [
            'label' => esc_html__( 'Feature Image', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::MEDIA,
            'label_block' => true,

]
    );
    $this->end_controls_section();
    $rattingIm = new \Elementor\Repeater();
    $this->start_controls_section(
        'ratting_list_start',
        [
            'label' => __( 'Ratting List', 'calmor-core' ),
            'condition' => [
                'select_style' => ['style_2'],
            ],
        ]
    );

$rattingIm->add_control(
        'ratting_list_title',
        [
            'label' => esc_html__( 'Ratting list Title', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::TEXT,
            'label_block' => true,
            'default' => 'Ratting List',
        ]
    );

$rattingIm->add_control(
        'ratting_image',
        [
            'label' => esc_html__( 'Feature Images', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::MEDIA,
            'default' => [
                'url' => \Elementor\Utils::get_placeholder_image_src(),
            ],
        ]
    );
    
    $this->add_control(
        'ratting_list', [
            'label' => __( 'Ratting List', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::REPEATER,
            'title_field' => '{{{ ratting_list_title }}}',
            'fields' => $rattingIm->get_controls(),
        ]
    );
    $this->end_controls_section();

///(Style) Strat The Hero Title Style
    $this->start_controls_section(
        'hero_banner_style', [
            'label' => __( 'Hero Title', 'calmor-core' ),
            'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
        ]
    );
    $this->add_control(
        'hero_title_color', [
            'label' => __( 'Text Color', 'calmor-core' ),
            'type' => \Elementor\Controls_Manager::COLOR,
            'selectors' => array(
                '{{WRAPPER}} .hero_main .content .section_title h1' => 'color: {{VALUE}};',
                '{{WRAPPER}} .hero_creative_agency .content .section_title h1' => 'color: {{VALUE}};',
                '{{WRAPPER}} .hero_digital_studio .section_title h1' => 'color: {{VALUE}};',
                '{{WRAPPER}} .hero_marketing_agency .content .section_title h1' => 'color: {{VALUE}};',
                '{{WRAPPER}} .hero_agenct_portfolio .content .section_title h1' => 'color: {{VALUE}};',
                '{{WRAPPER}} .hero_coporate_agency .content .section_title h1' => 'color: {{VALUE}};',
            ),
        ]
    );
    $this->add_group_control(
        Group_Control_Typography::get_type(), [
            'label' => 'Typography',
            'name' => 'hero_title_typo',
            'selector' => '
		        {{WRAPPER}} .hero_main .content .section_title h1,
                {{WRAPPER}} .hero_creative_agency .content .section_title h1,
                {{WRAPPER}} .hero_digital_studio .section_title h1,
                {{WRAPPER}} .hero_marketing_agency .content .section_title h1,
                {{WRAPPER}} .hero_agenct_portfolio .content .section_title h1,
                {{WRAPPER}} .hero_coporate_agency .content .section_title h1',   
	        ]

);

$this->end_controls_section();   
  /// End The Hero Title

///(Style) Strat The Hero Title Style
$this->start_controls_section(
    'hero_banner_sub_style', [
        'label' => __( 'Hero Sub Title', 'calmor-core' ),
        'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
    ]
);

$this->add_control(
    'hero_title_sub_color', [
        'label' => __( 'Text Color', 'calmor-core' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => array(
            '{{WRAPPER}} .hero_creative_agency .content .section_title .sub_title' => 'color: {{VALUE}};',
            '{{WRAPPER}} .hero_marketing_agency .content .section_title span' => 'color: {{VALUE}};',
            '{{WRAPPER}} .hero_agenct_portfolio .content .section_title span' => 'color: {{VALUE}};',
        ), 
    ]
);

$this->add_group_control(
    Group_Control_Typography::get_type(), [
        'label' => 'Typography',
        'name' => 'hero_title_sub_typo',
        'selector' => '
		        {{WRAPPER}} .hero_creative_agency .content .section_title .sub_title,
                {{WRAPPER}} .hero_marketing_agency .content .section_title span,
                {{WRAPPER}} .hero_agenct_portfolio .content .section_title span',   
	        ]
);

$this->end_controls_section();   
/// End The Hero Title

///(Style) Strat The Hero Title Style
$this->start_controls_section(
    'hero_banner_content_style', [
        'label' => __( 'Hero Content', 'calmor-core' ),
        'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
    ]
);
$this->add_control(
    'hero_content_color', [
        'label' => __( 'Text Color', 'calmor-core' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => array(
            '{{WRAPPER}} .hero_main .content .section_title p' => 'color: {{VALUE}};',
            '{{WRAPPER}} .hero_creative_agency .content .section_title p' => 'color: {{VALUE}};',
            '{{WRAPPER}} .hero_digital_studio .content p' => 'color: {{VALUE}};',
            '{{WRAPPER}} .hero_coporate_agency .content .section_title p' => 'color: {{VALUE}};',
            '{{WRAPPER}} .hero_marketing_agency .content .section_title p' => 'color: {{VALUE}};',
        ),
    ] 
);

$this->add_group_control(
    Group_Control_Typography::get_type(), [
        'label' => 'Typography',
        'name' => 'hero_content_sub_typo',
        'selector' => '
		        {{WRAPPER}} .hero_main .content .section_title p,
                {{WRAPPER}} .hero_creative_agency .content .section_title p,
                {{WRAPPER}} .hero_digital_studio .content p,
                {{WRAPPER}} .hero_coporate_agency .content .section_title p,
                {{WRAPPER}} .hero_marketing_agency .content .section_title p',   
	]
);

$this->end_controls_section();   
/// End The Hero content

// Button One Style 
$this->start_controls_section(
    'section_button_style',
    [
        'label' => __( 'Button One Style', 'calmor-core' ),
        'condition' => [
            'select_style' => ['style_1','style_3','style_6'],
        ],
        'tab' => \Elementor\Controls_Manager::TAB_STYLE
    ]
);

$this->start_controls_tabs(
    'style_tabs'
);

//button Style Normal Style
$this->start_controls_tab(
    'style_normal_one',
    [
        'label' => __( 'Normal', 'calmor-core' ),
    ]
);

$this->add_control(
    'btn_font_color_one', [
        'label' => esc_html__( 'Font color', 'calmor-core' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .bg_btn' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'btn_bg_color_one', [
        'label' => esc_html__( 'Background Color', 'calmor-core' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .bg_btn' => 'background-color: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'button_border_one',
        'label' => esc_html__( 'Border', 'calmor-core' ),
        'selector' => '{{WRAPPER}} .bg_btn',
    ]
);

$this->add_responsive_control(
    'button_border_radius_one',
    [
        'label'      => esc_html__('Border Radius', 'calmor-core'),
        'type'       => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => ['px', 'em', '%'],
        'selectors'  => [
            '{{WRAPPER}} .bg_btn' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'button_border_margin_one',
    [
        'label'      => esc_html__('Margin', 'calmor-core'),
        'type'       => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => ['px', 'em', '%'],
        'selectors'  => [
            '{{WRAPPER}} .bg_btn' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'button_border_padding_one',
    [
        'label'      => esc_html__('Padding', 'calmor-core'),
        'type'       => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => ['px', 'em', '%'],
        'selectors'  => [
            '{{WRAPPER}} .bg_btn' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->end_controls_tab();
//Hover Color
$this->start_controls_tab(
    'style_hover_btn_one',
    [
        'label' => __( 'Hover', 'calmor-core' ),
    ]
);

$this->add_control(
    'hover_font_color_one', [
        'label' => __( 'Font Color', 'calmor-core' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .bg_btn:hover' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'hover_bg_color_one', [
        'label' => __( 'Background Color', 'calmor-core' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .bg_btn:hover' => 'background: {{VALUE}};',
        ]

]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'hover_button_border_one',
        'label' => esc_html__( 'Border', 'calmor-core' ),
        'selector' => '{{WRAPPER}} .bg_btn:hover',
    ]
);

$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();

// Button two Style 
$this->start_controls_section(
    'section_button_two_style',
    [
        'label' => __( 'Button Two Style', 'calmor-core' ),
        'condition' => [
            'select_style' => ['style_1','style_3','style_6'],
        ],
        'tab' => \Elementor\Controls_Manager::TAB_STYLE
    ]
);

$this->start_controls_tabs(
    'style_tabs_two'
);

//button Style Normal Style
$this->start_controls_tab(
    'style_normal_two',
    [
        'label' => __( 'Normal', 'calmor-core' ),
    ]
);

$this->add_control(
    'btn_two_font_color', [
        'label' => esc_html__( 'Font color', 'calmor-core' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .bg_btn_color' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'btn_two_bg_color', [
        'label' => esc_html__( 'Background Color', 'calmor-core' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .bg_btn_color' => 'background-color: {{VALUE}};',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'button_two_border',
        'label' => esc_html__( 'Border', 'calmor-core' ),
        'selector' => '{{WRAPPER}} .bg_btn_color',
    ]
);

$this->add_responsive_control(
    'button_two_border_radius',
    [
        'label'      => esc_html__('Border Radius', 'calmor-core'),
        'type'       => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => ['px', 'em', '%'],
        'selectors'  => [
            '{{WRAPPER}} .bg_btn_color' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'button_two_border_margin',
    [
        'label'      => esc_html__('Margin', 'calmor-core'),
        'type'       => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => ['px', 'em', '%'],
        'selectors'  => [
            '{{WRAPPER}} .bg_btn_color' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->add_responsive_control(
    'button_two_border_padding',
    [
        'label'      => esc_html__('Padding', 'calmor-core'),
        'type'       => \Elementor\Controls_Manager::DIMENSIONS,
        'size_units' => ['px', 'em', '%'],
        'selectors'  => [
            '{{WRAPPER}} .bg_btn_color' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
        ],
    ]
);

$this->end_controls_tab();
//Hover Color
$this->start_controls_tab(
    'style_two_hover_btn',
    [
        'label' => __( 'Hover', 'calmor-core' ),
    ]
);

$this->add_control(
    'hover_two_font_color', [
        'label' => __( 'Font Color', 'calmor-core' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .bg_btn_color:hover' => 'color: {{VALUE}};',
        ],
    ]
);

$this->add_control(
    'hover_two_bg_color', [
        'label' => __( 'Background Color', 'calmor-core' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} .bg_btn_color:hover' => 'background: {{VALUE}};',
        ]

]
);

$this->add_group_control(
    \Elementor\Group_Control_Border::get_type(),
    [
        'name' => 'hover_two_button_border',
        'label' => esc_html__( 'Border', 'calmor-core' ),
        'selector' => '{{WRAPPER}} .bg_btn_color:hover',
    ]
);

$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();

}

protected function render() {

$settings = $this->get_settings();
$banner_title  = !empty( $settings['hero_title'] ) ? $settings['hero_title'] : '';
$sub_title     = !empty( $settings['hero_sub_title'] ) ? $settings['hero_sub_title'] : '';
$title_tag     = !empty($settings['title_html_tag']) ? $settings['title_html_tag'] : 'h2';
$select_style  = !empty( $settings['select_style'] ) ? $settings['select_style'] : '';
$ratting_list  = isset($settings['ratting_list']) ? $settings['ratting_list'] : '';

if ( ! empty( $settings['button2_urls']['url'] ) ) {
    $this->add_link_attributes( 'button2_urls', $settings['button2_urls'] );
}

if ( ! empty( $settings['button_urls']['url'] ) ) {
    $this->add_link_attributes( 'button_urls', $settings['button_urls'] );
}

if ( ! empty( $settings['ratting_title_link']['url'] ) ) {
    $this->add_link_attributes( 'ratting_title_link', $settings['ratting_title_link'] );
}

?>
 
 <?php if($select_style =='style_1'){ ?>
 <section class="hero_main">
    <div class="container">
        <div class="content">
            <div class="section_title">
                 <?php
                   if(!empty($banner_title)):
                        echo '<' . $title_tag . ' class="title wow fadeInDown" data-wow-delay=".5s">' .  $banner_title  . '</' . $title_tag . '>';
                    endif;
                    if(!empty($sub_title)):
                ?>
                <p class="description wow fadeInDown" data-wow-delay=".3s"><?php echo $sub_title; ?></p>
                <?php endif; ?>
            </div>
            <div class="btn_area">
                <?php if(!empty($settings['button_label'])): ?>
                    <a <?php echo $this->get_render_attribute_string( 'button_urls' ); ?>  class="bg_btn wow fadeInLeft" data-wow-delay="0.5s"><?php echo esc_html_e($settings['button_label']); ?> <i class="fa-solid fa-arrow-right"></i></a>
                <?php endif; ?>
                <?php if(!empty($settings['button2_label'])): ?>
                <a <?php echo $this->get_render_attribute_string( 'button2_urls' ); ?> class="bg_btn_color wow fadeInLeft" data-wow-delay="0.7s"><?php echo esc_html_e($settings['button2_label']); ?></a>
                <?php endif; ?>
            </div>
            <?php if(!empty($settings['feature_img']['url'])): ?>
                <img src="<?php echo esc_url($settings['feature_img']['url']); ?>" alt="" class="shape wow fadeInLeft" data-wow-delay="0.9s">
            <?php endif; ?>
        </div>
    </div>
    <div class="shape_img">
        <?php if(!empty($settings['feature_img_2']['url'])): ?>
            <img src="<?php echo esc_url($settings['feature_img_2']['url']); ?>" alt="" class="one wow fadeInRight" data-wow-delay="1.1s">
        <?php 
         endif;
         if(!empty($settings['feature_img_shap2']['url'])): 
         ?>
        <img src="<?php echo esc_url($settings['feature_img_shap2']['url']); ?>" alt="" class="two wow fadeInLeft" data-wow-delay="0.1s">
        <?php endif; ?>
    </div>
</section>

<?php }elseif($select_style =='style_2'){ ?>

<section class="hero_creative_agency" data-bg-color="#F5DB6E">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="content">
                    <div class="section_title">
                        <?php if($settings['hero_sub_title']): ?>
                            <span class="sub_title wow fadeInLeft" data-wow-delay="0.1s"><?php echo $settings['hero_sub_title']; ?></span>
                        <?php endif; ?>
                        <?php if($settings['hero_title']): ?>
                            <h1 class="wow fadeInLeft" data-wow-delay="0.3s"><?php echo $settings['hero_title']; ?></h1>
                        <?php endif; ?>
                        <?php if($settings['hero_content']): ?>
                            <p class="wow fadeInLeft" data-wow-delay="0.5s"><?php echo $settings['hero_content']; ?></p>
                        <?php endif; ?>
                    </div>
                    <div class="reating_area">
                        <div class="icons">
                            <?php
                                if ( is_array( $ratting_list ) && count( $ratting_list ) > 0 ) {
                                $i=1;
                                foreach ( $ratting_list as $animation_one ) {
                            ?>
                            <img src="<?php echo esc_url($animation_one['ratting_image']['url']); ?>" alt="" class="wow fadeInLeft" data-wow-delay="0.7s">
                            <?php
                            }
                            }
                            ?>
                        </div>
                        <?php if($settings['ratting_title']): ?>
                            <a <?php echo $this->get_render_attribute_string( 'ratting_title_link' ); ?> >
                                <p class="wow fadeInLeft" data-wow-delay="1.4s"><?php echo $settings['ratting_title']; ?></p>
                            </a>
                        <?php endif; ?>
                    </div>
                    <?php if($settings['ratting_features']['url']): ?>
                        <div class="shape_img">
                            <img src="<?php echo esc_url($settings['ratting_features']['url']); ?>" alt="" class="one wow fadeInLeft" data-wow-delay="1.6s">
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
    <?php if(!empty($settings['feature_img']['url'])): ?>
    <div class="bg_overlay">
        <img src="<?php echo esc_url($settings['feature_img']['url']); ?>" alt="">
    </div>
    <?php endif; ?>

<div class="shape_img">
        <?php if(!empty($settings['feature_img_2']['url'])): ?>
            <img src="<?php echo esc_url($settings['feature_img_2']['url']); ?>" alt="" class="two wow fadeInLeft" data-wow-delay="1.1s">
        <?php 
         endif;
         if(!empty($settings['feature_img_shap2']['url'])): 
         ?>
        <img src="<?php echo esc_url($settings['feature_img_shap2']['url']); ?>" alt="" class="three wow fadeInLeft" data-wow-delay="0.1s">
        <?php endif; ?>
    </div>
</section>

<?php }elseif($select_style =='style_3'){ ?>

<section class="hero_digital_studio" data-bg-color="#A6D8B5">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="section_title wow fadeInLeft" data-wow-delay="0.1s">
                <?php if($settings['hero_title']): ?>
                    <h1 class="wow fadeInLeft" data-wow-delay="0.3s"><?php echo $settings['hero_title']; ?></h1>
                <?php endif; ?>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="content">
                    <?php if($settings['hero_content']): ?>
                        <p class="wow fadeInLeft" data-wow-delay="0.3s"><?php echo $settings['hero_content']; ?></p>
                    <?php endif; ?>
                    <?php if($settings['button_label']): ?>
                        <a <?php echo $this->get_render_attribute_string( 'button_urls' ); ?> class="bg_btn wow fadeInLeft" data-wow-delay="0.5s"><?php echo $settings['button_label']; ?><i class="fa-solid fa-arrow-right"></i></a>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
    <div class="shape_img">
       <?php  if(!empty($settings['feature_img_2']['url'])):  ?>
            <img src="<?php echo esc_url($settings['feature_img_2']['url']); ?>" alt="" class="one wow fadeInLeft" data-wow-delay="0.7s">
        <?php endif; ?>
        <?php  if(!empty($settings['feature_img_shap2']['url'])):  ?>
            <img src="<?php echo esc_url($settings['feature_img_shap2']['url']); ?>" alt="" class="two">
        <?php endif; ?>
        <?php  if(!empty($settings['feature_img_shap3']['url'])):  ?>
            <img src="<?php echo esc_url($settings['feature_img_shap3']['url']); ?>" alt="" class="three wow fadeInRight" data-wow-delay="0.9s">
        <?php endif; ?>
        </div>
    <?php if(!empty($settings['feature_img']['url'])): ?>
    <div class="bg_ovarly">
        <img src="<?php echo esc_url($settings['feature_img']['url']); ?>" alt="">
    </div>
    <?php endif; ?>
</section>

<?php }elseif($select_style =='style_4'){ ?>
    
<section class="hero_marketing_agency" data-bg-color="#A6B1D8">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <?php if(!empty($settings['feature_img']['url'])): ?>
                    <div class="hero_img wow fadeInLeft" data-wow-delay="0.1s">
                        <img src="<?php echo esc_url($settings['feature_img']['url']); ?>" alt="">
                    </div>
                <?php endif; ?>
            </div>
            <div class="col-lg-6">
                <div class="content">
                    <div class="section_title">
                        <?php if($settings['hero_sub_title']): ?>
                            <span class="wow fadeInLeft" data-wow-delay="0.3s"><?php echo $settings['hero_sub_title']; ?></span>
                        <?php endif; ?>
                        <?php if($settings['hero_title']): ?>
                            <h1 class="wow fadeInLeft" data-wow-delay="0.5s"><?php echo $settings['hero_title']; ?></h1>
                        <?php endif; ?>
                        <?php if($settings['hero_content']): ?>
                            <p class="wow fadeInLeft" data-wow-delay="0.5s"><?php echo $settings['hero_content']; ?></p>
                        <?php endif; ?>
                    </div>
                    <?php if(!empty($settings['ratting_title'])): ?>
                        <div class="marketers wow fadeInLeft" data-wow-delay="0.9s">
                            <img src="<?php echo esc_url($settings['ratting_features']['url']); ?>" alt="">
                            <span><?PHP echo $settings['ratting_title']; ?></span>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
    <div class="shape_img">
         <?php if(!empty($settings['feature_img_2']['url'])): ?>
            <img src="<?php echo esc_url($settings['feature_img_2']['url']); ?>" alt="" class="one wow fadeInLeft" data-wow-delay="1.1s">
        <?php 
         endif;
         if(!empty($settings['feature_img_shap2']['url'])): 
         ?>
        <img src="<?php echo esc_url($settings['feature_img_shap2']['url']); ?>" alt="" class="two wow fadeInLeft" data-wow-delay="0.3s">
        <?php endif; ?>
    </div>
</section>
    
<?php }elseif($select_style =='style_5'){ ?>

<section class="hero_agenct_portfolio">
    <div class="container">
        <div class="content">
            <div class="section_title">
                <?php if($settings['hero_sub_title']): ?>
                    <span class="wow fadeInLeft" data-wow-delay="0.1s"><?php echo $settings['hero_sub_title']; ?></span>
                <?php endif; ?>
                <?php if($settings['hero_title']): ?>
                    <h1 class="wow fadeInLeft" data-wow-delay="0.5s"><?php echo $settings['hero_title']; ?></h1>
                <?php endif; ?>
            </div>
            <?php if(!empty($settings['ratting_title'])): ?>
            <div class="marketars">
                <img class="wow fadeInLeft" data-wow-delay="0.5s" src="<?php echo esc_url($settings['ratting_features']['url']); ?>" alt="">
                <a <?php echo $this->get_render_attribute_string( 'ratting_title_link' ); ?> >
                    <span class="wow fadeInLeft" data-wow-delay="0.7s"><?PHP echo $settings['ratting_title']; ?></span>
                </a>
            </div>
            <?php endif; ?>
        </div>
    </div>
    <div class="shape_img">
        <?php if(!empty($settings['feature_img']['url'])): ?>
            <img src="<?php echo esc_url($settings['feature_img']['url']); ?>" alt="" class="one wow fadeInLeft" data-wow-delay="0.9s">
        <?php endif; ?>

<?php if(!empty($settings['feature_img_2']['url'])): ?>
            <img src="<?php echo esc_url($settings['feature_img_2']['url']); ?>" alt="" class="two wow fadeInLeft" data-wow-delay="0.1s">
        <?php endif; ?>

<?php if(!empty($settings['feature_img_shap2']['url'])): ?>
            <img src="<?php echo esc_url($settings['feature_img_shap2']['url']); ?>" alt="" class="three wow fadeInLeft" data-wow-delay="1.1s">
        <?php endif; ?>
    </div>
</section>

<?php }elseif($select_style =='style_6'){ ?>
<section class="hero_coporate_agency">
    <div class="container">
        <div class="content">
            <div class="section_title">
                
                <?php if($settings['hero_title']): ?>
                    <h1 class="wow fadeInLeft" data-wow-delay="0.1s"><?php echo $settings['hero_title']; ?></h1>
                <?php endif; ?>
                <?php if($settings['hero_content']): ?>
                    <p class="wow fadeInLeft" data-wow-delay="0.5s"><?php echo $settings['hero_content']; ?></p>
                <?php endif; ?>
            </div>
            <?php if(!empty($settings['button_label'])): ?>
                <a <?php echo $this->get_render_attribute_string( 'button_urls' ); ?> class="bg_btn wow fadeInLeft" data-wow-delay="0.5s"><?php echo esc_html_e($settings['button_label']); ?> 
                    <i class="fa-solid fa-arrow-right"></i>
                </a>
            <?php endif; ?>
        </div>
    </div>

<div class="shape_img">
        <?php if(!empty($settings['feature_img']['url'])): ?>
            <img src="<?php echo esc_url($settings['feature_img']['url']); ?>" alt="" class="one wow fadeInLeft" data-wow-delay="0.7s">
        <?php endif; ?>

<?php }else{ } ?>
   
<?php
 }  
}