<?php
if(!class_exists('Flex_Slide_Widget_Free')){
	class Flex_Slide_Widget_Free extends \Elementor\Widget_Base {

		public function get_name() {
	        return 'flex-slider';
	    }
	    
	    public function get_title() {
	        return esc_html__( 'TF E Slider', 'themesflat-elementor' );
	    }

	    public function get_icon() {
	        return 'eicon-slider-push';
	    }
	    
	    public function get_categories() {
	        return [ 'themesflat_addons' ];
	    }

	    public function get_style_depends(){
		    return ['slide-flexslider','tf-style'];
		}
	    public function get_script_depends() {
	    	return ['slide-flexslider', 'tf-main'];
	  	}

	    public function get_menus(){
	        $list = [];
	        $menus = wp_get_nav_menus();
	        foreach($menus as $menu){
	            $list[$menu->slug] = $menu->name;
	        }

	        return $list;
	    }

		protected function register_controls() {
			/* Start Flex Slide Option*/
				$this->start_controls_section('section_flex_slider',
		            [
		                'label'         => esc_html__('General','themesflat-elementor'),
		            ]
		        );
		        $this->add_control( 'height_slider',
					[
						'label' => esc_html__( 'Height Slider', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 99,
								'max' => 2000,
								'step' => 1,
							]
						],
						'default' => [
							'unit' => 'px',
							'size' => 900,
						],
					]
				);
				$this->add_control( 'height_slider_tablet',
					[
						'label' => esc_html__( 'Height Slider Tablet', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 99,
								'max' => 2000,
								'step' => 10,
							]
						],
						'default' => [
							'unit' => 'px',
							'size' => 700,
						],
					]
				);
				$this->add_control( 'height_slider_mobile',
					[
						'label' => esc_html__( 'Height Slider Mobile', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 99,
								'max' => 2000,
								'step' => 10,
							]
						],
						'default' => [
							'unit' => 'px',
							'size' => 500,
						],
					]
				);
				$this->add_control( 'animation_images',
		            [
		                'label' => esc_html__( 'Background Effect', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'Fade', 'themesflat-elementor' ),
		                    'bg_zoomIn' => esc_html__( 'Zoom In', 'themesflat-elementor' ),
		                    'bg_zoomOut' => esc_html__( 'Zoom Out', 'themesflat-elementor' ),
		                ],
		            ]
		        );
		        $this->add_control( 'bg_images_size',
		            [
		                'label' => esc_html__( 'Background Size', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'Default', 'themesflat-elementor' ),
		                    'auto' => esc_html__( 'Auto', 'themesflat-elementor' ),
		                    'cover' => esc_html__( 'Cover', 'themesflat-elementor' ),
		                    'contain' => esc_html__( 'Contain', 'themesflat-elementor' ),
		                ],
		            ]
		        );
		        $this->add_control( 'bg_images_position',
		            [
		                'label' => esc_html__( 'Background Position', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'Default', 'themesflat-elementor' ),
		                	'center center' => esc_html__( 'Center Center', 'themesflat-elementor' ),
		                	'center left' => esc_html__( 'Center Left', 'themesflat-elementor' ),
		                	'center right' => esc_html__( 'Center Right', 'themesflat-elementor' ),
		                	'top center' => esc_html__( 'Top Center', 'themesflat-elementor' ),
		                	'top left' => esc_html__( 'Top Left', 'themesflat-elementor' ),
		                	'top right' => esc_html__( 'Top Right', 'themesflat-elementor' ),
		                	'bottom center' => esc_html__( 'Bottom Center', 'themesflat-elementor' ),
		                	'bottom left' => esc_html__( 'Bottom Left', 'themesflat-elementor' ),
		                	'bottom right' => esc_html__( 'Bottom Right', 'themesflat-elementor' ),
		                ],
		            ]
		        );
		        $this->add_control( 'slideshow_autoplay',
		            [
		                'label'         => esc_html__( 'Infinite Loop', 'themesflat-elementor' ),
		                'type'          => \Elementor\Controls_Manager::SWITCHER,
		                'label_on'      => esc_html__( 'On', 'themesflat-elementor' ),
		                'label_off'     => esc_html__( 'Off', 'themesflat-elementor' ),
		                'return_value'  => 'true',
		                'default'       => 'true',
		            ]
		        );
		        $this->add_control( 'slideshowSpeed',
					[
						'label' => esc_html__( 'Duration (ms)', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 1000,
								'max' => 10000,
								'step' => 100,
							]
						],
						'default' => [
							'unit' => 'px',
							'size' => 3000,
						],
					]
				);
				$this->add_control( 'content_into_grid',
		            [
		                'label'         => esc_html__( 'Content Area Into Grid?', 'themesflat-elementor' ),
		                'type'          => \Elementor\Controls_Manager::SWITCHER,
		                'label_on'      => esc_html__( 'On', 'themesflat-elementor' ),
		                'label_off'     => esc_html__( 'Off', 'themesflat-elementor' ),
		                'return_value'  => 'yes',
		                'default'       => 'yes',
		            ]
		        );
		        $this->add_control( 'content_container',
					[
						'label' => esc_html__( 'Content Area Container Width', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 500,
								'max' => 1600,
								'step' => 1,
							],
						],
						'default' => [
							'unit' => 'px',
							'size' => 1200,
						],
						'selectors' => [
							'{{WRAPPER}} .flex_caption.container' => 'max-width: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'content_into_grid' => 'yes',
		                ]
					]
				);		
		        $repeater = new \Elementor\Repeater();
				$repeater->add_control( 'flexslider_image',
		            [
		                'label'     => esc_html__( 'Image', 'themesflat-elementor' ), 
		                'type'      => \Elementor\Controls_Manager::MEDIA, 
		                'dynamic' => [
		                    'active' => true,
		                ],
		                'default' => [
		                    'url' => URL_THEMESFLAT_ADDONS_ELEMENTOR."assets/img/default.jpg",
		                ], 
		            ]
		        );
		        $repeater->add_control( 'color_overlay',
		            [
		                'label'     => esc_html__( 'Color Overlay', 'themesflat-elementor' ),
		                'type'      => \Elementor\Controls_Manager::COLOR,
		                'default'	=> '',
		            ]
		        ); 
		        $repeater->add_control('title_text',
		        	[
		                'label'   => esc_html__( 'Title', 'themesflat-elementor' ),
		                'type'    => \Elementor\Controls_Manager::TEXTAREA,
		                'default' => 'Take control of your business',                    
		            ]
		    	);
		    	$repeater->add_control( 'title_animation',
		            [
		                'label' => esc_html__( 'Animation', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => 'fromTop',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'fromTop' => esc_html__( 'From Top', 'themesflat-elementor' ),
		                    'fromBottom' => esc_html__( 'From Bottom', 'themesflat-elementor' ),
		                    'fromLeft' => esc_html__( 'From Left', 'themesflat-elementor' ),
		                    'fromRight' => esc_html__( 'From Right', 'themesflat-elementor' ),
		                    'vivify pulsate' => esc_html__( 'Pulsate', 'themesflat-elementor' ),
		                    'vivify ball' => esc_html__( 'Ball', 'themesflat-elementor' ),
		                    'vivify pullUp' => esc_html__( 'Pull Up', 'themesflat-elementor' ),
		                    'vivify pullDown' => esc_html__( 'Pull Down', 'themesflat-elementor' ),
		                    'vivify pullLeft' => esc_html__( 'Pull Left', 'themesflat-elementor' ),
		                    'vivify pullRight' => esc_html__( 'Pull Right', 'themesflat-elementor' ),
		                    'vivify jumpInLeft' => esc_html__( 'Jump In Left', 'themesflat-elementor' ),
		                    'vivify jumpInRight' => esc_html__( 'Jump In Right', 'themesflat-elementor' ),
		                    'vivify rollInLeft' => esc_html__( 'Roll In Left', 'themesflat-elementor' ),
		                    'vivify rollInRight' => esc_html__( 'Roll In Right', 'themesflat-elementor' ),
		                    'vivify rollInTop' => esc_html__( 'Roll In Top', 'themesflat-elementor' ),
		                    'vivify rollInBottom' => esc_html__( 'Roll In Bottom', 'themesflat-elementor' ),
		                    'vivify popIn' => esc_html__( 'Pop In', 'themesflat-elementor' ),
		                    'vivify popInLeft' => esc_html__( 'Pop In Left', 'themesflat-elementor' ),
		                    'vivify popInRight' => esc_html__( 'Pop In Right', 'themesflat-elementor' ),
		                    'vivify popInTop' => esc_html__( 'Pop In Top', 'themesflat-elementor' ),
		                    'vivify popInBottom' => esc_html__( 'Pop In Bottom', 'themesflat-elementor' ),
		                    'vivify swoopInLeft' => esc_html__( 'Swoop In Left', 'themesflat-elementor' ),
		                    'vivify swoopInRight' => esc_html__( 'Swoop In Right', 'themesflat-elementor' ),
		                    'vivify swoopInTop' => esc_html__( 'Swoop In Top', 'themesflat-elementor' ),
		                    'vivify swoopInBottom' => esc_html__( 'Swoop In Bottom', 'themesflat-elementor' ),
		                    'vivify flip' => esc_html__( 'Flip', 'themesflat-elementor' ),
		                    'vivify spin' => esc_html__( 'Spin', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'title_text[value]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'title_delay',
		            [
		                'label' => esc_html__( 'Delay', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => 'captionDelay6',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'captionDelay1' => esc_html__( 'Delay 0.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay2' => esc_html__( 'Delay 0.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay3' => esc_html__( 'Delay 0.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay4' => esc_html__( 'Delay 0.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay5' => esc_html__( 'Delay 0.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay6' => esc_html__( 'Delay 0.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay7' => esc_html__( 'Delay 0.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay8' => esc_html__( 'Delay 0.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay9' => esc_html__( 'Delay 0.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay10' => esc_html__( 'Delay 1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay11' => esc_html__( 'Delay 1.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay12' => esc_html__( 'Delay 1.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay13' => esc_html__( 'Delay 1.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay14' => esc_html__( 'Delay 1.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay15' => esc_html__( 'Delay 1.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay16' => esc_html__( 'Delay 1.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay17' => esc_html__( 'Delay 1.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay18' => esc_html__( 'Delay 1.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay19' => esc_html__( 'Delay 1.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay20' => esc_html__( 'Delay 2 Seconds', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'title_text[value]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'hr_1',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
					]
				);
		    	$repeater->add_control('subtitle_text',
		        	[
		                'label'   => esc_html__( 'Subtitle', 'themesflat-elementor' ),
		                'type'    => \Elementor\Controls_Manager::TEXTAREA,
		                'default' => 'Subtitle text',                    
		            ]
		    	); 
		    	$repeater->add_control( 'subtitle_animation',
		            [
		                'label' => esc_html__( 'Animation', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => 'fromTop',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'fromTop' => esc_html__( 'From Top', 'themesflat-elementor' ),
		                    'fromBottom' => esc_html__( 'From Bottom', 'themesflat-elementor' ),
		                    'fromLeft' => esc_html__( 'From Left', 'themesflat-elementor' ),
		                    'fromRight' => esc_html__( 'From Right', 'themesflat-elementor' ),
		                    'vivify pulsate' => esc_html__( 'Pulsate', 'themesflat-elementor' ),
		                    'vivify ball' => esc_html__( 'Ball', 'themesflat-elementor' ),
		                    'vivify pullUp' => esc_html__( 'Pull Up', 'themesflat-elementor' ),
		                    'vivify pullDown' => esc_html__( 'Pull Down', 'themesflat-elementor' ),
		                    'vivify pullLeft' => esc_html__( 'Pull Left', 'themesflat-elementor' ),
		                    'vivify pullRight' => esc_html__( 'Pull Right', 'themesflat-elementor' ),
		                    'vivify jumpInLeft' => esc_html__( 'Jump In Left', 'themesflat-elementor' ),
		                    'vivify jumpInRight' => esc_html__( 'Jump In Right', 'themesflat-elementor' ),
		                    'vivify rollInLeft' => esc_html__( 'Roll In Left', 'themesflat-elementor' ),
		                    'vivify rollInRight' => esc_html__( 'Roll In Right', 'themesflat-elementor' ),
		                    'vivify rollInTop' => esc_html__( 'Roll In Top', 'themesflat-elementor' ),
		                    'vivify rollInBottom' => esc_html__( 'Roll In Bottom', 'themesflat-elementor' ),
		                    'vivify popIn' => esc_html__( 'Pop In', 'themesflat-elementor' ),
		                    'vivify popInLeft' => esc_html__( 'Pop In Left', 'themesflat-elementor' ),
		                    'vivify popInRight' => esc_html__( 'Pop In Right', 'themesflat-elementor' ),
		                    'vivify popInTop' => esc_html__( 'Pop In Top', 'themesflat-elementor' ),
		                    'vivify popInBottom' => esc_html__( 'Pop In Bottom', 'themesflat-elementor' ),
		                    'vivify swoopInLeft' => esc_html__( 'Swoop In Left', 'themesflat-elementor' ),
		                    'vivify swoopInRight' => esc_html__( 'Swoop In Right', 'themesflat-elementor' ),
		                    'vivify swoopInTop' => esc_html__( 'Swoop In Top', 'themesflat-elementor' ),
		                    'vivify swoopInBottom' => esc_html__( 'Swoop In Bottom', 'themesflat-elementor' ),
		                    'vivify flip' => esc_html__( 'Flip', 'themesflat-elementor' ),
		                    'vivify spin' => esc_html__( 'Spin', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'subtitle_text[value]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'subtitle_delay',
		            [
		                'label' => esc_html__( 'Delay', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => 'captionDelay8',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'captionDelay1' => esc_html__( 'Delay 0.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay2' => esc_html__( 'Delay 0.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay3' => esc_html__( 'Delay 0.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay4' => esc_html__( 'Delay 0.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay5' => esc_html__( 'Delay 0.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay6' => esc_html__( 'Delay 0.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay7' => esc_html__( 'Delay 0.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay8' => esc_html__( 'Delay 0.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay9' => esc_html__( 'Delay 0.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay10' => esc_html__( 'Delay 1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay11' => esc_html__( 'Delay 1.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay12' => esc_html__( 'Delay 1.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay13' => esc_html__( 'Delay 1.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay14' => esc_html__( 'Delay 1.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay15' => esc_html__( 'Delay 1.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay16' => esc_html__( 'Delay 1.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay17' => esc_html__( 'Delay 1.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay18' => esc_html__( 'Delay 1.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay19' => esc_html__( 'Delay 1.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay20' => esc_html__( 'Delay 2 Seconds', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'subtitle_text[value]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'hr_2',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
					]
				);
		    	$repeater->add_control('desc_text',
		        	[
		            'label'         => esc_html__('Desciption','themesflat-elementor'),
		            'type'        => \Elementor\Controls_Manager::TEXTAREA,
		            'default'     => 'We are design agency united in keeping creative design</br>and marketing a straight forward affaire.',
		        ]);	
		        $repeater->add_control( 'desc_animation',
		            [
		                'label' => esc_html__( 'Animation', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => 'fromTop',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'fromTop' => esc_html__( 'From Top', 'themesflat-elementor' ),
		                    'fromBottom' => esc_html__( 'From Bottom', 'themesflat-elementor' ),
		                    'fromLeft' => esc_html__( 'From Left', 'themesflat-elementor' ),
		                    'fromRight' => esc_html__( 'From Right', 'themesflat-elementor' ),
		                    'vivify pulsate' => esc_html__( 'Pulsate', 'themesflat-elementor' ),
		                    'vivify ball' => esc_html__( 'Ball', 'themesflat-elementor' ),
		                    'vivify pullUp' => esc_html__( 'Pull Up', 'themesflat-elementor' ),
		                    'vivify pullDown' => esc_html__( 'Pull Down', 'themesflat-elementor' ),
		                    'vivify pullLeft' => esc_html__( 'Pull Left', 'themesflat-elementor' ),
		                    'vivify pullRight' => esc_html__( 'Pull Right', 'themesflat-elementor' ),
		                    'vivify jumpInLeft' => esc_html__( 'Jump In Left', 'themesflat-elementor' ),
		                    'vivify jumpInRight' => esc_html__( 'Jump In Right', 'themesflat-elementor' ),
		                    'vivify rollInLeft' => esc_html__( 'Roll In Left', 'themesflat-elementor' ),
		                    'vivify rollInRight' => esc_html__( 'Roll In Right', 'themesflat-elementor' ),
		                    'vivify rollInTop' => esc_html__( 'Roll In Top', 'themesflat-elementor' ),
		                    'vivify rollInBottom' => esc_html__( 'Roll In Bottom', 'themesflat-elementor' ),
		                    'vivify popIn' => esc_html__( 'Pop In', 'themesflat-elementor' ),
		                    'vivify popInLeft' => esc_html__( 'Pop In Left', 'themesflat-elementor' ),
		                    'vivify popInRight' => esc_html__( 'Pop In Right', 'themesflat-elementor' ),
		                    'vivify popInTop' => esc_html__( 'Pop In Top', 'themesflat-elementor' ),
		                    'vivify popInBottom' => esc_html__( 'Pop In Bottom', 'themesflat-elementor' ),
		                    'vivify swoopInLeft' => esc_html__( 'Swoop In Left', 'themesflat-elementor' ),
		                    'vivify swoopInRight' => esc_html__( 'Swoop In Right', 'themesflat-elementor' ),
		                    'vivify swoopInTop' => esc_html__( 'Swoop In Top', 'themesflat-elementor' ),
		                    'vivify swoopInBottom' => esc_html__( 'Swoop In Bottom', 'themesflat-elementor' ),
		                    'vivify flip' => esc_html__( 'Flip', 'themesflat-elementor' ),
		                    'vivify spin' => esc_html__( 'Spin', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'desc_text[value]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'desc_delay',
		            [
		                'label' => esc_html__( 'Delay', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => 'captionDelay2',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'captionDelay1' => esc_html__( 'Delay 0.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay2' => esc_html__( 'Delay 0.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay3' => esc_html__( 'Delay 0.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay4' => esc_html__( 'Delay 0.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay5' => esc_html__( 'Delay 0.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay6' => esc_html__( 'Delay 0.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay7' => esc_html__( 'Delay 0.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay8' => esc_html__( 'Delay 0.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay9' => esc_html__( 'Delay 0.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay10' => esc_html__( 'Delay 1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay11' => esc_html__( 'Delay 1.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay12' => esc_html__( 'Delay 1.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay13' => esc_html__( 'Delay 1.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay14' => esc_html__( 'Delay 1.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay15' => esc_html__( 'Delay 1.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay16' => esc_html__( 'Delay 1.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay17' => esc_html__( 'Delay 1.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay18' => esc_html__( 'Delay 1.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay19' => esc_html__( 'Delay 1.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay20' => esc_html__( 'Delay 2 Seconds', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'desc_text[value]!' => '',
		                ]
		            ]
		        ); 
		        $repeater->add_control( 'hr_3',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
					]
				);
				$repeater->add_control( 'shape_one', 
		        	[
		                'label' => esc_html__( 'Shape One', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::MEDIA
		            ]
		        );
		        $repeater->add_responsive_control( 'index_shape_one',
					[
						'label' => esc_html__( 'z-index Shape One', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::NUMBER,
						'min' => -1,
						'max' => 1000,
						'step' => 1,
						'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_one' => 'z-index: {{SIZE}}',
		                ],
		                'condition' => [
		                    'shape_one[url]!' => '',
		                ],
					]
				);
		        $repeater->add_responsive_control( 'shape_one_width',
		            [
		                'label' => esc_html__( 'Width Shape One', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => 0,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => 0,
		                        'max' => 100,
		                    ],
		                ],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_one' => 'width: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_one[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_one_height',
		            [
		                'label' => esc_html__( 'Height Shape One', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => 0,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => 0,
		                        'max' => 100,
		                    ],
		                ],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_one' => 'height: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_one[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_one_offset_x',
		            [
		                'label' => esc_html__( 'Offset X Shape One', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => -2000,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => -200,
		                        'max' => 200,
		                    ],
		                ],	                
		                'default' => [
							'unit' => 'px',
							'size' => 0,
						],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_one' => 'left: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_one[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_one_offset_y',
		            [
		                'label' => esc_html__( 'Offset Y Shape One', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => -2000,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => -200,
		                        'max' => 200,
		                    ],
		                ],	                
		                'default' => [
							'unit' => 'px',
							'size' => 0,
						],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_one' => 'top: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_one[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_control( 'shape_one_animation',
		            [
		                'label' => esc_html__( 'Shape One Animation', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'fromTop' => esc_html__( 'From Top', 'themesflat-elementor' ),
		                    'fromBottom' => esc_html__( 'From Bottom', 'themesflat-elementor' ),
		                    'fromLeft' => esc_html__( 'From Left', 'themesflat-elementor' ),
		                    'fromRight' => esc_html__( 'From Right', 'themesflat-elementor' ),
		                    'vivify pulsate' => esc_html__( 'Pulsate', 'themesflat-elementor' ),
		                    'vivify ball' => esc_html__( 'Ball', 'themesflat-elementor' ),
		                    'vivify pullUp' => esc_html__( 'Pull Up', 'themesflat-elementor' ),
		                    'vivify pullDown' => esc_html__( 'Pull Down', 'themesflat-elementor' ),
		                    'vivify pullLeft' => esc_html__( 'Pull Left', 'themesflat-elementor' ),
		                    'vivify pullRight' => esc_html__( 'Pull Right', 'themesflat-elementor' ),
		                    'vivify jumpInLeft' => esc_html__( 'Jump In Left', 'themesflat-elementor' ),
		                    'vivify jumpInRight' => esc_html__( 'Jump In Right', 'themesflat-elementor' ),
		                    'vivify rollInLeft' => esc_html__( 'Roll In Left', 'themesflat-elementor' ),
		                    'vivify rollInRight' => esc_html__( 'Roll In Right', 'themesflat-elementor' ),
		                    'vivify rollInTop' => esc_html__( 'Roll In Top', 'themesflat-elementor' ),
		                    'vivify rollInBottom' => esc_html__( 'Roll In Bottom', 'themesflat-elementor' ),
		                    'vivify popIn' => esc_html__( 'Pop In', 'themesflat-elementor' ),
		                    'vivify popInLeft' => esc_html__( 'Pop In Left', 'themesflat-elementor' ),
		                    'vivify popInRight' => esc_html__( 'Pop In Right', 'themesflat-elementor' ),
		                    'vivify popInTop' => esc_html__( 'Pop In Top', 'themesflat-elementor' ),
		                    'vivify popInBottom' => esc_html__( 'Pop In Bottom', 'themesflat-elementor' ),
		                    'vivify swoopInLeft' => esc_html__( 'Swoop In Left', 'themesflat-elementor' ),
		                    'vivify swoopInRight' => esc_html__( 'Swoop In Right', 'themesflat-elementor' ),
		                    'vivify swoopInTop' => esc_html__( 'Swoop In Top', 'themesflat-elementor' ),
		                    'vivify swoopInBottom' => esc_html__( 'Swoop In Bottom', 'themesflat-elementor' ),
		                    'vivify flip' => esc_html__( 'Flip', 'themesflat-elementor' ),
		                    'vivify spin' => esc_html__( 'Spin', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'shape_one[url]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'shape_one_delay',
		            [
		                'label' => esc_html__( 'Shape One Delay', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'captionDelay1' => esc_html__( 'Delay 0.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay2' => esc_html__( 'Delay 0.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay3' => esc_html__( 'Delay 0.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay4' => esc_html__( 'Delay 0.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay5' => esc_html__( 'Delay 0.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay6' => esc_html__( 'Delay 0.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay7' => esc_html__( 'Delay 0.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay8' => esc_html__( 'Delay 0.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay9' => esc_html__( 'Delay 0.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay10' => esc_html__( 'Delay 1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay11' => esc_html__( 'Delay 1.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay12' => esc_html__( 'Delay 1.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay13' => esc_html__( 'Delay 1.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay14' => esc_html__( 'Delay 1.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay15' => esc_html__( 'Delay 1.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay16' => esc_html__( 'Delay 1.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay17' => esc_html__( 'Delay 1.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay18' => esc_html__( 'Delay 1.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay19' => esc_html__( 'Delay 1.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay20' => esc_html__( 'Delay 2 Seconds', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'shape_one[url]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'hr_shape_one',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
						'condition' => [
		                    'shape_one[url]!' => '',
		                ]
					]
				);
				$repeater->add_control( 'shape_two', 
		        	[
		                'label' => esc_html__( 'Shape Two', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::MEDIA
		            ]
		        );
		        $repeater->add_responsive_control( 'index_shape_two',
					[
						'label' => esc_html__( 'z-index Shape Two', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::NUMBER,
						'min' => -1,
						'max' => 1000,
						'step' => 1,
						'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_two' => 'z-index: {{SIZE}}',
		                ],
		                'condition' => [
		                    'shape_two[url]!' => '',
		                ],
					]
				);
		        $repeater->add_responsive_control( 'shape_two_width',
		            [
		                'label' => esc_html__( 'Width Shape Two', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => 0,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => 0,
		                        'max' => 100,
		                    ],
		                ],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_two' => 'width: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_two[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_two_height',
		            [
		                'label' => esc_html__( 'Height Shape Two', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => 0,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => 0,
		                        'max' => 100,
		                    ],
		                ],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_two' => 'height: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_two[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_two_offset_x',
		            [
		                'label' => esc_html__( 'Offset X Shape Two', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => -2000,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => -200,
		                        'max' => 200,
		                    ],
		                ],	                
		                'default' => [
							'unit' => 'px',
							'size' => 0,
						],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_two' => 'left: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_two[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_two_offset_y',
		            [
		                'label' => esc_html__( 'Offset Y Shape Two', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => -2000,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => -200,
		                        'max' => 200,
		                    ],
		                ],	                
		                'default' => [
							'unit' => 'px',
							'size' => 0,
						],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_two' => 'top: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_two[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_control( 'shape_two_animation',
		            [
		                'label' => esc_html__( 'Shape Two Animation', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'fromTop' => esc_html__( 'From Top', 'themesflat-elementor' ),
		                    'fromBottom' => esc_html__( 'From Bottom', 'themesflat-elementor' ),
		                    'fromLeft' => esc_html__( 'From Left', 'themesflat-elementor' ),
		                    'fromRight' => esc_html__( 'From Right', 'themesflat-elementor' ),
		                    'vivify pulsate' => esc_html__( 'Pulsate', 'themesflat-elementor' ),
		                    'vivify ball' => esc_html__( 'Ball', 'themesflat-elementor' ),
		                    'vivify pullUp' => esc_html__( 'Pull Up', 'themesflat-elementor' ),
		                    'vivify pullDown' => esc_html__( 'Pull Down', 'themesflat-elementor' ),
		                    'vivify pullLeft' => esc_html__( 'Pull Left', 'themesflat-elementor' ),
		                    'vivify pullRight' => esc_html__( 'Pull Right', 'themesflat-elementor' ),
		                    'vivify jumpInLeft' => esc_html__( 'Jump In Left', 'themesflat-elementor' ),
		                    'vivify jumpInRight' => esc_html__( 'Jump In Right', 'themesflat-elementor' ),
		                    'vivify rollInLeft' => esc_html__( 'Roll In Left', 'themesflat-elementor' ),
		                    'vivify rollInRight' => esc_html__( 'Roll In Right', 'themesflat-elementor' ),
		                    'vivify rollInTop' => esc_html__( 'Roll In Top', 'themesflat-elementor' ),
		                    'vivify rollInBottom' => esc_html__( 'Roll In Bottom', 'themesflat-elementor' ),
		                    'vivify popIn' => esc_html__( 'Pop In', 'themesflat-elementor' ),
		                    'vivify popInLeft' => esc_html__( 'Pop In Left', 'themesflat-elementor' ),
		                    'vivify popInRight' => esc_html__( 'Pop In Right', 'themesflat-elementor' ),
		                    'vivify popInTop' => esc_html__( 'Pop In Top', 'themesflat-elementor' ),
		                    'vivify popInBottom' => esc_html__( 'Pop In Bottom', 'themesflat-elementor' ),
		                    'vivify swoopInLeft' => esc_html__( 'Swoop In Left', 'themesflat-elementor' ),
		                    'vivify swoopInRight' => esc_html__( 'Swoop In Right', 'themesflat-elementor' ),
		                    'vivify swoopInTop' => esc_html__( 'Swoop In Top', 'themesflat-elementor' ),
		                    'vivify swoopInBottom' => esc_html__( 'Swoop In Bottom', 'themesflat-elementor' ),
		                    'vivify flip' => esc_html__( 'Flip', 'themesflat-elementor' ),
		                    'vivify spin' => esc_html__( 'Spin', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'shape_two[url]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'shape_two_delay',
		            [
		                'label' => esc_html__( 'Shape Two Delay', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'captionDelay1' => esc_html__( 'Delay 0.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay2' => esc_html__( 'Delay 0.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay3' => esc_html__( 'Delay 0.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay4' => esc_html__( 'Delay 0.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay5' => esc_html__( 'Delay 0.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay6' => esc_html__( 'Delay 0.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay7' => esc_html__( 'Delay 0.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay8' => esc_html__( 'Delay 0.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay9' => esc_html__( 'Delay 0.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay10' => esc_html__( 'Delay 1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay11' => esc_html__( 'Delay 1.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay12' => esc_html__( 'Delay 1.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay13' => esc_html__( 'Delay 1.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay14' => esc_html__( 'Delay 1.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay15' => esc_html__( 'Delay 1.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay16' => esc_html__( 'Delay 1.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay17' => esc_html__( 'Delay 1.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay18' => esc_html__( 'Delay 1.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay19' => esc_html__( 'Delay 1.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay20' => esc_html__( 'Delay 2 Seconds', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'shape_two[url]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'hr_shape_two',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
						'condition' => [
		                    'shape_two[url]!' => '',
		                ]
					]
				);
				$repeater->add_control( 'shape_three', 
		        	[
		                'label' => esc_html__( 'Shape Three', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::MEDIA
		            ]
		        );
		        $repeater->add_responsive_control( 'index_shape_three',
					[
						'label' => esc_html__( 'z-index Shape Three', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::NUMBER,
						'min' => -1,
						'max' => 1000,
						'step' => 1,
						'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_three' => 'z-index: {{SIZE}}',
		                ],
		                'condition' => [
		                    'shape_three[url]!' => '',
		                ],
					]
				);
		        $repeater->add_responsive_control( 'shape_three_width',
		            [
		                'label' => esc_html__( 'Width Shape Three', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => 0,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => 0,
		                        'max' => 100,
		                    ],
		                ],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_three' => 'width: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_three[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_three_height',
		            [
		                'label' => esc_html__( 'Height Shape Three', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => 0,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => 0,
		                        'max' => 100,
		                    ],
		                ],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_three' => 'height: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_three[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_three_offset_x',
		            [
		                'label' => esc_html__( 'Offset X Shape Three', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => -2000,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => -200,
		                        'max' => 200,
		                    ],
		                ],	                
		                'default' => [
							'unit' => 'px',
							'size' => 0,
						],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_three' => 'left: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_three[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_three_offset_y',
		            [
		                'label' => esc_html__( 'Offset Y Shape Three', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => -2000,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => -200,
		                        'max' => 200,
		                    ],
		                ],	                
		                'default' => [
							'unit' => 'px',
							'size' => 0,
						],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_three' => 'top: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_three[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_control( 'shape_three_animation',
		            [
		                'label' => esc_html__( 'Shape Three Animation', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'fromTop' => esc_html__( 'From Top', 'themesflat-elementor' ),
		                    'fromBottom' => esc_html__( 'From Bottom', 'themesflat-elementor' ),
		                    'fromLeft' => esc_html__( 'From Left', 'themesflat-elementor' ),
		                    'fromRight' => esc_html__( 'From Right', 'themesflat-elementor' ),
		                    'vivify pulsate' => esc_html__( 'Pulsate', 'themesflat-elementor' ),
		                    'vivify ball' => esc_html__( 'Ball', 'themesflat-elementor' ),
		                    'vivify pullUp' => esc_html__( 'Pull Up', 'themesflat-elementor' ),
		                    'vivify pullDown' => esc_html__( 'Pull Down', 'themesflat-elementor' ),
		                    'vivify pullLeft' => esc_html__( 'Pull Left', 'themesflat-elementor' ),
		                    'vivify pullRight' => esc_html__( 'Pull Right', 'themesflat-elementor' ),
		                    'vivify jumpInLeft' => esc_html__( 'Jump In Left', 'themesflat-elementor' ),
		                    'vivify jumpInRight' => esc_html__( 'Jump In Right', 'themesflat-elementor' ),
		                    'vivify rollInLeft' => esc_html__( 'Roll In Left', 'themesflat-elementor' ),
		                    'vivify rollInRight' => esc_html__( 'Roll In Right', 'themesflat-elementor' ),
		                    'vivify rollInTop' => esc_html__( 'Roll In Top', 'themesflat-elementor' ),
		                    'vivify rollInBottom' => esc_html__( 'Roll In Bottom', 'themesflat-elementor' ),
		                    'vivify popIn' => esc_html__( 'Pop In', 'themesflat-elementor' ),
		                    'vivify popInLeft' => esc_html__( 'Pop In Left', 'themesflat-elementor' ),
		                    'vivify popInRight' => esc_html__( 'Pop In Right', 'themesflat-elementor' ),
		                    'vivify popInTop' => esc_html__( 'Pop In Top', 'themesflat-elementor' ),
		                    'vivify popInBottom' => esc_html__( 'Pop In Bottom', 'themesflat-elementor' ),
		                    'vivify swoopInLeft' => esc_html__( 'Swoop In Left', 'themesflat-elementor' ),
		                    'vivify swoopInRight' => esc_html__( 'Swoop In Right', 'themesflat-elementor' ),
		                    'vivify swoopInTop' => esc_html__( 'Swoop In Top', 'themesflat-elementor' ),
		                    'vivify swoopInBottom' => esc_html__( 'Swoop In Bottom', 'themesflat-elementor' ),
		                    'vivify flip' => esc_html__( 'Flip', 'themesflat-elementor' ),
		                    'vivify spin' => esc_html__( 'Spin', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'shape_three[url]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'shape_three_delay',
		            [
		                'label' => esc_html__( 'Shape Three Delay', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'captionDelay1' => esc_html__( 'Delay 0.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay2' => esc_html__( 'Delay 0.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay3' => esc_html__( 'Delay 0.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay4' => esc_html__( 'Delay 0.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay5' => esc_html__( 'Delay 0.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay6' => esc_html__( 'Delay 0.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay7' => esc_html__( 'Delay 0.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay8' => esc_html__( 'Delay 0.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay9' => esc_html__( 'Delay 0.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay10' => esc_html__( 'Delay 1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay11' => esc_html__( 'Delay 1.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay12' => esc_html__( 'Delay 1.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay13' => esc_html__( 'Delay 1.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay14' => esc_html__( 'Delay 1.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay15' => esc_html__( 'Delay 1.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay16' => esc_html__( 'Delay 1.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay17' => esc_html__( 'Delay 1.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay18' => esc_html__( 'Delay 1.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay19' => esc_html__( 'Delay 1.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay20' => esc_html__( 'Delay 2 Seconds', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'shape_three[url]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'hr_shape_three',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
						'condition' => [
		                    'shape_three[url]!' => '',
		                ]
					]
				);
				$repeater->add_control( 'shape_four', 
		        	[
		                'label' => esc_html__( 'Shape Four', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::MEDIA
		            ]
		        );
		        $repeater->add_responsive_control( 'index_shape_four',
					[
						'label' => esc_html__( 'z-index Shape Four', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::NUMBER,
						'min' => -1,
						'max' => 1000,
						'step' => 1,
						'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_four' => 'z-index: {{SIZE}}',
		                ],
		                'condition' => [
		                    'shape_four[url]!' => '',
		                ],
					]
				);
		        $repeater->add_responsive_control( 'shape_four_width',
		            [
		                'label' => esc_html__( 'Width Shape Four', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => 0,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => 0,
		                        'max' => 100,
		                    ],
		                ],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_four' => 'width: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_four[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_four_height',
		            [
		                'label' => esc_html__( 'Height Shape Four', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => 0,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => 0,
		                        'max' => 100,
		                    ],
		                ],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_four' => 'height: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_four[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_four_offset_x',
		            [
		                'label' => esc_html__( 'Offset X Shape Four', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => -2000,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => -200,
		                        'max' => 200,
		                    ],
		                ],	                
		                'default' => [
							'unit' => 'px',
							'size' => 0,
						],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_four' => 'left: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_four[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_four_offset_y',
		            [
		                'label' => esc_html__( 'Offset Y Shape Four', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => -2000,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => -200,
		                        'max' => 200,
		                    ],
		                ],	                
		                'default' => [
							'unit' => 'px',
							'size' => 0,
						],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_four' => 'top: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_four[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_control( 'shape_four_animation',
		            [
		                'label' => esc_html__( 'Shape Four Animation', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'fromTop' => esc_html__( 'From Top', 'themesflat-elementor' ),
		                    'fromBottom' => esc_html__( 'From Bottom', 'themesflat-elementor' ),
		                    'fromLeft' => esc_html__( 'From Left', 'themesflat-elementor' ),
		                    'fromRight' => esc_html__( 'From Right', 'themesflat-elementor' ),
		                    'vivify pulsate' => esc_html__( 'Pulsate', 'themesflat-elementor' ),
		                    'vivify ball' => esc_html__( 'Ball', 'themesflat-elementor' ),
		                    'vivify pullUp' => esc_html__( 'Pull Up', 'themesflat-elementor' ),
		                    'vivify pullDown' => esc_html__( 'Pull Down', 'themesflat-elementor' ),
		                    'vivify pullLeft' => esc_html__( 'Pull Left', 'themesflat-elementor' ),
		                    'vivify pullRight' => esc_html__( 'Pull Right', 'themesflat-elementor' ),
		                    'vivify jumpInLeft' => esc_html__( 'Jump In Left', 'themesflat-elementor' ),
		                    'vivify jumpInRight' => esc_html__( 'Jump In Right', 'themesflat-elementor' ),
		                    'vivify rollInLeft' => esc_html__( 'Roll In Left', 'themesflat-elementor' ),
		                    'vivify rollInRight' => esc_html__( 'Roll In Right', 'themesflat-elementor' ),
		                    'vivify rollInTop' => esc_html__( 'Roll In Top', 'themesflat-elementor' ),
		                    'vivify rollInBottom' => esc_html__( 'Roll In Bottom', 'themesflat-elementor' ),
		                    'vivify popIn' => esc_html__( 'Pop In', 'themesflat-elementor' ),
		                    'vivify popInLeft' => esc_html__( 'Pop In Left', 'themesflat-elementor' ),
		                    'vivify popInRight' => esc_html__( 'Pop In Right', 'themesflat-elementor' ),
		                    'vivify popInTop' => esc_html__( 'Pop In Top', 'themesflat-elementor' ),
		                    'vivify popInBottom' => esc_html__( 'Pop In Bottom', 'themesflat-elementor' ),
		                    'vivify swoopInLeft' => esc_html__( 'Swoop In Left', 'themesflat-elementor' ),
		                    'vivify swoopInRight' => esc_html__( 'Swoop In Right', 'themesflat-elementor' ),
		                    'vivify swoopInTop' => esc_html__( 'Swoop In Top', 'themesflat-elementor' ),
		                    'vivify swoopInBottom' => esc_html__( 'Swoop In Bottom', 'themesflat-elementor' ),
		                    'vivify flip' => esc_html__( 'Flip', 'themesflat-elementor' ),
		                    'vivify spin' => esc_html__( 'Spin', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'shape_four[url]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'shape_four_delay',
		            [
		                'label' => esc_html__( 'Shape Four Delay', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'captionDelay1' => esc_html__( 'Delay 0.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay2' => esc_html__( 'Delay 0.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay3' => esc_html__( 'Delay 0.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay4' => esc_html__( 'Delay 0.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay5' => esc_html__( 'Delay 0.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay6' => esc_html__( 'Delay 0.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay7' => esc_html__( 'Delay 0.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay8' => esc_html__( 'Delay 0.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay9' => esc_html__( 'Delay 0.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay10' => esc_html__( 'Delay 1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay11' => esc_html__( 'Delay 1.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay12' => esc_html__( 'Delay 1.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay13' => esc_html__( 'Delay 1.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay14' => esc_html__( 'Delay 1.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay15' => esc_html__( 'Delay 1.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay16' => esc_html__( 'Delay 1.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay17' => esc_html__( 'Delay 1.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay18' => esc_html__( 'Delay 1.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay19' => esc_html__( 'Delay 1.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay20' => esc_html__( 'Delay 2 Seconds', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'shape_four[url]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'hr_shape_four',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
						'condition' => [
		                    'shape_four[url]!' => '',
		                ]
					]
				);
				$repeater->add_control( 'shape_five', 
		        	[
		                'label' => esc_html__( 'Shape Five', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::MEDIA
		            ]
		        );
		        $repeater->add_responsive_control( 'index_shape_five',
					[
						'label' => esc_html__( 'z-index Shape Five', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::NUMBER,
						'min' => -1,
						'max' => 1000,
						'step' => 1,
						'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_five' => 'z-index: {{SIZE}}',
		                ],
		                'condition' => [
		                    'shape_five[url]!' => '',
		                ],
					]
				);
		        $repeater->add_responsive_control( 'shape_five_width',
		            [
		                'label' => esc_html__( 'Width Shape Five', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => 0,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => 0,
		                        'max' => 100,
		                    ],
		                ],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_five' => 'width: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_five[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_five_height',
		            [
		                'label' => esc_html__( 'Height Shape Five', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => 0,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => 0,
		                        'max' => 100,
		                    ],
		                ],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_five' => 'height: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_five[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_five_offset_x',
		            [
		                'label' => esc_html__( 'Offset X Shape Five', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => -2000,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => -200,
		                        'max' => 200,
		                    ],
		                ],	                
		                'default' => [
							'unit' => 'px',
							'size' => 0,
						],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_five' => 'left: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_five[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_responsive_control( 'shape_five_offset_y',
		            [
		                'label' => esc_html__( 'Offset Y Shape Five', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SLIDER,
		                'size_units' => [ 'px', '%' ],
		                'range' => [
		                    'px' => [
		                        'min' => -2000,
		                        'max' => 2000,
		                        'step' => 1,
		                    ],
		                    '%' => [
		                        'min' => -200,
		                        'max' => 200,
		                    ],
		                ],	                
		                'default' => [
							'unit' => 'px',
							'size' => 0,
						],
		                'selectors' => [
		                    '{{WRAPPER}} {{CURRENT_ITEM}}_shape_five' => 'top: {{SIZE}}{{UNIT}}',
		                ],
		                'condition' => [
		                    'shape_five[url]!' => '',
		                ],
		            ]
		        );
		        $repeater->add_control( 'shape_five_animation',
		            [
		                'label' => esc_html__( 'Shape Five Animation', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'fromTop' => esc_html__( 'From Top', 'themesflat-elementor' ),
		                    'fromBottom' => esc_html__( 'From Bottom', 'themesflat-elementor' ),
		                    'fromLeft' => esc_html__( 'From Left', 'themesflat-elementor' ),
		                    'fromRight' => esc_html__( 'From Right', 'themesflat-elementor' ),
		                    'vivify pulsate' => esc_html__( 'Pulsate', 'themesflat-elementor' ),
		                    'vivify ball' => esc_html__( 'Ball', 'themesflat-elementor' ),
		                    'vivify pullUp' => esc_html__( 'Pull Up', 'themesflat-elementor' ),
		                    'vivify pullDown' => esc_html__( 'Pull Down', 'themesflat-elementor' ),
		                    'vivify pullLeft' => esc_html__( 'Pull Left', 'themesflat-elementor' ),
		                    'vivify pullRight' => esc_html__( 'Pull Right', 'themesflat-elementor' ),
		                    'vivify jumpInLeft' => esc_html__( 'Jump In Left', 'themesflat-elementor' ),
		                    'vivify jumpInRight' => esc_html__( 'Jump In Right', 'themesflat-elementor' ),
		                    'vivify rollInLeft' => esc_html__( 'Roll In Left', 'themesflat-elementor' ),
		                    'vivify rollInRight' => esc_html__( 'Roll In Right', 'themesflat-elementor' ),
		                    'vivify rollInTop' => esc_html__( 'Roll In Top', 'themesflat-elementor' ),
		                    'vivify rollInBottom' => esc_html__( 'Roll In Bottom', 'themesflat-elementor' ),
		                    'vivify popIn' => esc_html__( 'Pop In', 'themesflat-elementor' ),
		                    'vivify popInLeft' => esc_html__( 'Pop In Left', 'themesflat-elementor' ),
		                    'vivify popInRight' => esc_html__( 'Pop In Right', 'themesflat-elementor' ),
		                    'vivify popInTop' => esc_html__( 'Pop In Top', 'themesflat-elementor' ),
		                    'vivify popInBottom' => esc_html__( 'Pop In Bottom', 'themesflat-elementor' ),
		                    'vivify swoopInLeft' => esc_html__( 'Swoop In Left', 'themesflat-elementor' ),
		                    'vivify swoopInRight' => esc_html__( 'Swoop In Right', 'themesflat-elementor' ),
		                    'vivify swoopInTop' => esc_html__( 'Swoop In Top', 'themesflat-elementor' ),
		                    'vivify swoopInBottom' => esc_html__( 'Swoop In Bottom', 'themesflat-elementor' ),
		                    'vivify flip' => esc_html__( 'Flip', 'themesflat-elementor' ),
		                    'vivify spin' => esc_html__( 'Spin', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'shape_five[url]!' => '',
		                ]
		            ]
		        );
		        $repeater->add_control( 'shape_five_delay',
		            [
		                'label' => esc_html__( 'Shape Five Delay', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => '',
		                'options' => [
		                	'' => esc_html__( 'None', 'themesflat-elementor' ),
		                	'captionDelay1' => esc_html__( 'Delay 0.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay2' => esc_html__( 'Delay 0.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay3' => esc_html__( 'Delay 0.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay4' => esc_html__( 'Delay 0.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay5' => esc_html__( 'Delay 0.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay6' => esc_html__( 'Delay 0.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay7' => esc_html__( 'Delay 0.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay8' => esc_html__( 'Delay 0.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay9' => esc_html__( 'Delay 0.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay10' => esc_html__( 'Delay 1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay11' => esc_html__( 'Delay 1.1 Seconds', 'themesflat-elementor' ),
		                	'captionDelay12' => esc_html__( 'Delay 1.2 Seconds', 'themesflat-elementor' ),
		                	'captionDelay13' => esc_html__( 'Delay 1.3 Seconds', 'themesflat-elementor' ),
		                	'captionDelay14' => esc_html__( 'Delay 1.4 Seconds', 'themesflat-elementor' ),
		                	'captionDelay15' => esc_html__( 'Delay 1.5 Seconds', 'themesflat-elementor' ),
		                	'captionDelay16' => esc_html__( 'Delay 1.6 Seconds', 'themesflat-elementor' ),
		                	'captionDelay17' => esc_html__( 'Delay 1.7 Seconds', 'themesflat-elementor' ),
		                	'captionDelay18' => esc_html__( 'Delay 1.8 Seconds', 'themesflat-elementor' ),
		                	'captionDelay19' => esc_html__( 'Delay 1.9 Seconds', 'themesflat-elementor' ),
		                	'captionDelay20' => esc_html__( 'Delay 2 Seconds', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'shape_five[url]!' => '',
		                ]
		            ]
		        );
		        $this->add_control('flexslider_list',
		            [
		                'label'  => esc_html__('Images Slide','themesflat-elementor'),
		                'type'   => \Elementor\Controls_Manager::REPEATER,
		                'fields' => $repeater->get_controls(),
		                'default' => [
		                    [ '' => '' ],
		                    [ '' => '' ]
		                ],
		            ]
		        );
		        $this->end_controls_section();
	        /* End Flex Slide Option*/

	        /* Start Arrow Setting*/
				$this->start_controls_section('section_directionnav',
		            [
		                'label'         => esc_html__('Arrow Setting','themesflat-elementor'),
		            ]
		        );
		        $this->add_control( 'directionnav',
		            [
		                'label'         => esc_html__( 'Arrow', 'themesflat-elementor' ),
		                'type'          => \Elementor\Controls_Manager::SWITCHER,
		                'label_on'      => esc_html__( 'On', 'themesflat-elementor' ),
		                'label_off'     => esc_html__( 'Off', 'themesflat-elementor' ),
		                'return_value'  => 'true',
		                'default'       => 'true',
		            ]
		        );
		    	$this->add_control( 'prev_icon', [
		                'label' => esc_html__( 'Prev Icon', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::ICON,
		                'default' => 'fa fa-angle-left', 
		                'condition' => [
		                    'directionnav' => 'true',
		                ]
		            ]
		        );
		    	$this->add_control( 'next_icon', [
		                'label' => esc_html__( 'Next Icon', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::ICON,
		                'default' => 'fa fa-angle-right', 
		                'condition' => [
		                    'directionnav' => 'true',
		                ]
		            ]
		        );
		    	$this->add_control( 'style_directionnav',
		            [
		                'label' => esc_html__( 'Style', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::SELECT,
		                'default' => 'square',
		                'options' => [
		                	'square' => esc_html__( 'Square', 'themesflat-elementor' ),
		                    'circle' => esc_html__( 'Circle', 'themesflat-elementor' ),
		                    'circle-border' => esc_html__( 'Circle Outline', 'themesflat-elementor' ),
		                    'square-border' => esc_html__( 'Square Outline', 'themesflat-elementor' ),
		                ],
		                'condition' => [
		                    'directionnav' => 'true',
		                ]
		            ]
		        );
		        $this->add_responsive_control( 'fontsize_directionnav',
					[
						'label' => esc_html__( 'Font Size', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 100,
								'step' => 1,
							]
						],
						'default' => [
							'unit' => 'px',
							'size' => 40,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-direction-nav a,{{WRAPPER}} .flexslider .flex-direction-nav i' => 'font-size: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'directionnav' => 'true',
		                ]
					]
				);
		        $this->add_control( 'hr_10',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
						'condition' => [
		                    'directionnav' => 'true',
		                ]
					]
				);
		    	$this->add_responsive_control( 'w_size_directionnav',
					[
						'label' => esc_html__( 'Width', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 200,
								'step' => 1,
							]
						],
						'default' => [
							'unit' => 'px',
							'size' => 50,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-direction-nav a' => 'width: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'directionnav' => 'true',
		                ]
					]
				);
				$this->add_responsive_control( 'h_size_directionnav',
					[
						'label' => esc_html__( 'Height', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 200,
								'step' => 1,
							]
						],
						'default' => [
							'unit' => 'px',
							'size' => 50,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-direction-nav a' => 'height: {{SIZE}}{{UNIT}};line-height: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'directionnav' => 'true',
		                ]
					]
				);			
				$this->add_control( 'hr_11',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
						'condition' => [
		                    'directionnav' => 'true',
		                ]
					]
				);
				$this->add_responsive_control( 'directionnav_horizontal_position_prev',
					[
						'label' => esc_html__( 'Horizontal Position Previous', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px', '%' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 2000,
								'step' => 1,
							],
							'%' => [
								'min' => 0,
								'max' => 100,
							],
						],
						'default' => [
							'unit' => 'px',
							'size' => 0,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-direction-nav a.flex-prev' => 'left: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'directionnav' => 'true',
		                ]
					]
				);
				$this->add_responsive_control( 'directionnav_horizontal_position_next',
					[
						'label' => esc_html__( 'Horizontal Position Next', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px', '%' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 2000,
								'step' => 1,
							],
							'%' => [
								'min' => 0,
								'max' => 100,
							],
						],
						'default' => [
							'unit' => 'px',
							'size' => 0,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-direction-nav a.flex-next' => 'right: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'directionnav' => 'true',
		                ]
					]
				);
				$this->add_control( 'hr_12',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
						'condition' => [
		                    'directionnav' => 'true',
		                ]
					]
				);
				$this->add_responsive_control( 'directionnav_vertical_position',
					[
						'label' => esc_html__( 'Vertical Position', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px', '%' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 1000,
								'step' => 1,
							],
							'%' => [
								'min' => 0,
								'max' => 100,
							],
						],
						'default' => [
							'unit' => '%',
							'size' => 50,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-direction-nav a.flex-prev' => 'top: {{SIZE}}{{UNIT}};',
							'{{WRAPPER}} .flexslider .flex-direction-nav a.flex-next' => 'top: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'directionnav' => 'true',
		                ]
					]
				);
				$this->add_control( 'directionnav_color',
		            [
		                'label' => esc_html__( 'Color', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '#ffffff',
		                'selectors' => [
							'{{WRAPPER}} .flexslider .flex-direction-nav a' => 'color: {{VALUE}}',
						],
						'condition' => [
		                    'directionnav' => 'true',
		                ]
		            ]
		        );
		        $this->add_control( 'directionnav_bg_color',
		            [
		                'label' => esc_html__( 'Background Color', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '',
		                'selectors' => [
							'{{WRAPPER}} .flexslider .flex-direction-nav a' => 'background-color: {{VALUE}}; border-color: {{VALUE}};',
						],
						'condition' => [
		                    'directionnav' => 'true',
		                ]
		            ]
		        );
		        $this->add_control( 'directionnav_hover_bg_color',
		            [
		                'label' => esc_html__( 'Hover Background Color', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '',
		                'selectors' => [
							'{{WRAPPER}} .flexslider .flex-direction-nav a:hover' => 'background-color: {{VALUE}}; border-color: {{VALUE}};',
						],
						'condition' => [
		                    'directionnav' => 'true',
		                ]
		            ]
		        );
				$this->end_controls_section();
	        /* End Arrow Setting*/

	        /* Start Bullets Setting*/
				$this->start_controls_section('section_controlnav',
		            [
		                'label'         => esc_html__('Bullets Setting','themesflat-elementor'),
		            ]
		        );
		        $this->add_control( 'controlnav',
		            [
		                'label'         => esc_html__( 'Bullets', 'themesflat-elementor' ),
		                'type'          => \Elementor\Controls_Manager::SWITCHER,
		                'label_on'      => esc_html__( 'On', 'themesflat-elementor' ),
		                'label_off'     => esc_html__( 'Off', 'themesflat-elementor' ),
		                'return_value'  => 'true',
		                'default'       => 'true',
		                'description'	=> 'Just show when you have two slide',
		            ]
		        );	
		        $this->add_responsive_control( 'controlnav_border_radius',
					[
						'label' => esc_html__( 'Border Radius', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px', '%' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 100,
								'step' => 1,
							],
							'%' => [
								'min' => 0,
								'max' => 100,
								'step' => 1,
							]
						],
						'default' => [
							'unit' => 'px',
							'size' => 0,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-control-nav li a' => 'border-radius: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
							'controlnav' => 'true',
		                ]
					]
				);
				$this->add_control( 'hr_7',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
						'condition' => [
		                    'controlnav' => 'true',
		                ]
					]
				);
		    	$this->add_responsive_control( 'w_size_controlnav',
					[
						'label' => esc_html__( 'Width', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 100,
								'step' => 1,
							]
						],
						'default' => [
							'unit' => 'px',
							'size' => 10,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-control-nav li a' => 'width: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'controlnav' => 'true',
		                ]
					]
				); 
				$this->add_responsive_control( 'h_size_controlnav',
					[
						'label' => esc_html__( 'Height', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 100,
								'step' => 1,
							]
						],
						'default' => [
							'unit' => 'px',
							'size' => 10,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-control-nav li a' => 'height: {{SIZE}}{{UNIT}};line-height: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'controlnav' => 'true',
		                ]
					]
				);
				$this->add_control( 'hr_8',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
						'condition' => [
		                    'controlnav' => 'true',
		                ]
					]
				);  
				$this->add_responsive_control( 'controlnav_horizontal_position',
					[
						'label' => esc_html__( 'Horizontal Position', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px', '%' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 2000,
								'step' => 1,
							],
							'%' => [
								'min' => 0,
								'max' => 100,
							],
						],
						'default' => [
							'unit' => '%',
							'size' => 50,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-control-nav' => 'left: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'controlnav' => 'true',
		                ]
					]
				);
				$this->add_responsive_control( 'controlnav_vertical_position',
					[
						'label' => esc_html__( 'Vertical Position', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::SLIDER,
						'size_units' => [ 'px', '%' ],
						'range' => [
							'px' => [
								'min' => 0,
								'max' => 1000,
								'step' => 1,
							],
							'%' => [
								'min' => 0,
								'max' => 100,
							],
						],
						'default' => [
							'unit' => 'px',
							'size' => 27,
						],
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex-control-nav' => 'bottom: {{SIZE}}{{UNIT}};',
						],
						'condition' => [
		                    'controlnav' => 'true',
		                ]
					]
				);
				$this->add_control( 'hr_9',
					[
						'type' => \Elementor\Controls_Manager::DIVIDER,
						'condition' => [
		                    'controlnav' => 'true',
		                ]
					]
				);
				$this->add_control( 'controlnav_bg_color',
		            [
		                'label' => esc_html__( 'Background Color', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '#ffffff',
		                'selectors' => [
							'{{WRAPPER}} .flexslider .flex-control-nav li a' => 'background-color: {{VALUE}}',
						],
						'condition' => [
		                    'controlnav' => 'true',
		                ]
		            ]
		        );
		        $this->add_control( 'controlnav_hover_bg_color',
		            [
		                'label' => esc_html__( 'Active Background Color', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '#0080f0',
		                'selectors' => [
							'{{WRAPPER}} .flexslider .flex-control-nav li a:hover, {{WRAPPER}} .flexslider .flex-control-nav li a.flex-active' => 'background-color: {{VALUE}}',
						],
						'condition' => [
		                    'controlnav' => 'true',
		                ]
		            ]
		        );     
				$this->end_controls_section();
	        /* End Bullets Setting*/

	        /* Start Button Setting */
		        $this->start_controls_section('section_button_setting',
		            [
		                'label'         => esc_html__('Buttons','themesflat-elementor'),
		            ]
		        );
		        $repeater = new \Elementor\Repeater();
		        $repeater->start_controls_tabs( 'button_tabs' );
		        	$repeater->start_controls_tab( 'button_content_tab',
			            [
			                'label' => esc_html__( 'Content', 'themesflat-elementor' ),
			            ]
			        	);
				        $repeater->add_control( 'btn_title', 
				        	[
				                'label' => esc_html__( 'Button Title', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::TEXT,
				                'label_block' => true,
				                'default' => 'Services here'
				            ]
				        );
				        $repeater->add_control( 'btn_icon', 
				        	[
				                'label' => esc_html__( 'Icon', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::ICONS,
				            ]
				        );
				        $repeater->add_control( 'svg_width',
							[
								'label' => __( 'Width Icon SVG', 'themesflat-elementor' ),
								'type' => \Elementor\Controls_Manager::SLIDER,
								'size_units' => [ 'px', 'em' ],
								'range' => [
									'px' => [
										'min' => 0,
										'max' => 100,
										'step' => 1,
									],
									'em' => [
										'min' => 0,
										'max' => 100,
										'step' => 0.5,
									],
								],
								'default' => [
									'unit' => 'px',
									'size' => 20,
								],
								'selectors' => [
									'{{WRAPPER}} .button-group a.button-one svg' => 'width: {{SIZE}}{{UNIT}};',
								],
								'condition' => [
									'btn_icon[value]!' => '',
								],
							]
						);
				        $repeater->add_control( 'icon_button_align',
							[
								'label' => esc_html__( 'Icon Position', 'themesflat-elementor' ),
								'type' => \Elementor\Controls_Manager::SELECT,
								'default' => 'btn-icon-left',
								'options' => [
									'btn-icon-left' => esc_html__( 'Before', 'themesflat-elementor' ),
									'btn-icon-right' => esc_html__( 'After', 'themesflat-elementor' ),
								],
								'condition' => [
									'btn_icon[value]!' => '',
								],
							]
						);
				        $repeater->add_control( 'icon_indent_left',
							[
								'label' => esc_html__( 'Icon Spacing Left', 'themesflat-elementor' ),
								'type' => \Elementor\Controls_Manager::SLIDER,
								'range' => [
									'px' => [
										'max' => 50,
									],
								],
								'default' => [
									'size' => 5,
								],
								'selectors' => [
									'{{WRAPPER}} {{CURRENT_ITEM}} .btn-icon-left' => 'margin-right: {{SIZE}}{{UNIT}};',
								],
								'condition' => [
									'btn_icon[value]!' => '',
									'icon_button_align[value]' => 'btn-icon-left',
								],
							]
						);
						$repeater->add_control( 'icon_indent_right',
							[
								'label' => esc_html__( 'Icon Spacing Right', 'themesflat-elementor' ),
								'type' => \Elementor\Controls_Manager::SLIDER,
								'range' => [
									'px' => [
										'max' => 50,
									],
								],
								'default' => [
									'size' => 5,
								],
								'selectors' => [
									'{{WRAPPER}} {{CURRENT_ITEM}} .btn-icon-right' => 'margin-left: {{SIZE}}{{UNIT}};',
								],
								'condition' => [
									'btn_icon[value]!' => '',
									'icon_button_align[value]' => 'btn-icon-right',
								],
							]
						);
				        $repeater->add_control( 'btn_url', 
				        	[
				                'label' => esc_html__( 'Button URL', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::URL,
				                'default' => [
				                    'url' => '#'
				                ]
				            ]
				        );
				        $repeater->add_control( 'btn_animation',
				            [
				                'label' => esc_html__( 'Animation', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::SELECT,
				                'default' => 'fromTop',
				                'options' => [
				                	'' => esc_html__( 'None', 'themesflat-elementor' ),
				                	'fromTop' => esc_html__( 'From Top', 'themesflat-elementor' ),
				                    'fromBottom' => esc_html__( 'From Bottom', 'themesflat-elementor' ),
				                    'fromLeft' => esc_html__( 'From Left', 'themesflat-elementor' ),
				                    'fromRight' => esc_html__( 'From Right', 'themesflat-elementor' ),
				                    'vivify pulsate' => esc_html__( 'Pulsate', 'themesflat-elementor' ),
				                    'vivify ball' => esc_html__( 'Ball', 'themesflat-elementor' ),
				                    'vivify pullUp' => esc_html__( 'Pull Up', 'themesflat-elementor' ),
				                    'vivify pullDown' => esc_html__( 'Pull Down', 'themesflat-elementor' ),
				                    'vivify pullLeft' => esc_html__( 'Pull Left', 'themesflat-elementor' ),
				                    'vivify pullRight' => esc_html__( 'Pull Right', 'themesflat-elementor' ),
				                    'vivify jumpInLeft' => esc_html__( 'Jump In Left', 'themesflat-elementor' ),
				                    'vivify jumpInRight' => esc_html__( 'Jump In Right', 'themesflat-elementor' ),
				                    'vivify rollInLeft' => esc_html__( 'Roll In Left', 'themesflat-elementor' ),
				                    'vivify rollInRight' => esc_html__( 'Roll In Right', 'themesflat-elementor' ),
				                    'vivify rollInTop' => esc_html__( 'Roll In Top', 'themesflat-elementor' ),
				                    'vivify rollInBottom' => esc_html__( 'Roll In Bottom', 'themesflat-elementor' ),
				                    'vivify popIn' => esc_html__( 'Pop In', 'themesflat-elementor' ),
				                    'vivify popInLeft' => esc_html__( 'Pop In Left', 'themesflat-elementor' ),
				                    'vivify popInRight' => esc_html__( 'Pop In Right', 'themesflat-elementor' ),
				                    'vivify popInTop' => esc_html__( 'Pop In Top', 'themesflat-elementor' ),
				                    'vivify popInBottom' => esc_html__( 'Pop In Bottom', 'themesflat-elementor' ),
				                    'vivify swoopInLeft' => esc_html__( 'Swoop In Left', 'themesflat-elementor' ),
				                    'vivify swoopInRight' => esc_html__( 'Swoop In Right', 'themesflat-elementor' ),
				                    'vivify swoopInTop' => esc_html__( 'Swoop In Top', 'themesflat-elementor' ),
				                    'vivify swoopInBottom' => esc_html__( 'Swoop In Bottom', 'themesflat-elementor' ),
				                    'vivify flip' => esc_html__( 'Flip', 'themesflat-elementor' ),
				                    'vivify spin' => esc_html__( 'Spin', 'themesflat-elementor' ),
				                ],
				                'condition' => [
				                    'btn_title[value]!' => '',
				                ]
				            ]
				        );
				        $repeater->add_control( 'btn_delay',
				            [
				                'label' => esc_html__( 'Delay', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::SELECT,
				                'default' => '',
				                'options' => [
				                	'' => esc_html__( 'None', 'themesflat-elementor' ),
				                	'captionDelay1' => esc_html__( 'Delay 0.1 Seconds', 'themesflat-elementor' ),
				                	'captionDelay2' => esc_html__( 'Delay 0.2 Seconds', 'themesflat-elementor' ),
				                	'captionDelay3' => esc_html__( 'Delay 0.3 Seconds', 'themesflat-elementor' ),
				                	'captionDelay4' => esc_html__( 'Delay 0.4 Seconds', 'themesflat-elementor' ),
				                	'captionDelay5' => esc_html__( 'Delay 0.5 Seconds', 'themesflat-elementor' ),
				                	'captionDelay6' => esc_html__( 'Delay 0.6 Seconds', 'themesflat-elementor' ),
				                	'captionDelay7' => esc_html__( 'Delay 0.7 Seconds', 'themesflat-elementor' ),
				                	'captionDelay8' => esc_html__( 'Delay 0.8 Seconds', 'themesflat-elementor' ),
				                	'captionDelay9' => esc_html__( 'Delay 0.9 Seconds', 'themesflat-elementor' ),
				                	'captionDelay10' => esc_html__( 'Delay 1 Seconds', 'themesflat-elementor' ),
				                	'captionDelay11' => esc_html__( 'Delay 1.1 Seconds', 'themesflat-elementor' ),
				                	'captionDelay12' => esc_html__( 'Delay 1.2 Seconds', 'themesflat-elementor' ),
				                	'captionDelay13' => esc_html__( 'Delay 1.3 Seconds', 'themesflat-elementor' ),
				                	'captionDelay14' => esc_html__( 'Delay 1.4 Seconds', 'themesflat-elementor' ),
				                	'captionDelay15' => esc_html__( 'Delay 1.5 Seconds', 'themesflat-elementor' ),
				                	'captionDelay16' => esc_html__( 'Delay 1.6 Seconds', 'themesflat-elementor' ),
				                	'captionDelay17' => esc_html__( 'Delay 1.7 Seconds', 'themesflat-elementor' ),
				                	'captionDelay18' => esc_html__( 'Delay 1.8 Seconds', 'themesflat-elementor' ),
				                	'captionDelay19' => esc_html__( 'Delay 1.9 Seconds', 'themesflat-elementor' ),
				                	'captionDelay20' => esc_html__( 'Delay 2 Seconds', 'themesflat-elementor' ),
				                ],
				                'condition' => [
				                    'btn_title[value]!' => '',
				                ]
				            ]
				        );
		        	$repeater->end_controls_tab();

		        	$repeater->start_controls_tab( 'button_style_tab',
			            [
			                'label' => esc_html__( 'Style', 'themesflat-elementor' ),
			            ]
			        	);
				        $repeater->add_control( 'hr_btn_divider',
				            [
				                'type' => \Elementor\Controls_Manager::DIVIDER,
				            ]
				        );
				        $repeater->add_group_control(
				            \Elementor\Group_Control_Typography::get_type(),
				            [
				                'name' => 'btn_typography',
				                'label' => esc_html__( 'Typography', 'themesflat-elementor' ),
				                'selector' => '{{WRAPPER}} {{CURRENT_ITEM}}',
				            ]
				        );
				        $repeater->add_responsive_control( 'btn_padding',
				            [
				                'label' => esc_html__( 'Padding', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::DIMENSIONS,
				                'size_units' => [ 'px', '%', 'em' ],
				                'selectors' => [
				                    '{{WRAPPER}} {{CURRENT_ITEM}}' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				                ],
				            ]
				        );
				        $repeater->add_responsive_control( 'btn_border_radius',
				            [
				                'label' => esc_html__( 'Border Radius', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::DIMENSIONS,
				                'size_units' => [ 'px', '%', 'em' ],
				                'selectors' => [
				                    '{{WRAPPER}} {{CURRENT_ITEM}}' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				                ],
				            ]
				        );
				        $repeater->add_responsive_control( 'btn_border_width',
				            [
				                'label' => esc_html__( 'Border Width', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::DIMENSIONS,
				                'size_units' => [ 'px', '%', 'em' ],
				                'default' => [
												'top' => 2,
												'right' => 2,
												'bottom' => 2,
												'left' => 2,
												'unit' => 'px',
												'isLinked' => true,
											],
				                'selectors' => [
				                    '{{WRAPPER}} {{CURRENT_ITEM}}' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				                ],
				            ]
				        );
				        $repeater->add_responsive_control( 'btn_margin',
							[
								'label' => esc_html__( 'Margin', 'themesflat-elementor' ),
								'type' => \Elementor\Controls_Manager::DIMENSIONS,
								'size_units' => [ 'px', 'em', '%' ],
								'selectors' => [
									'{{WRAPPER}} {{CURRENT_ITEM}}' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
								],
								'separator' => 'before',
							]
						);
				    $repeater->end_controls_tab();

			        $repeater->start_controls_tab( 'style_normal_btn',
			            [
			                'label' => esc_html__( 'Normal', 'themesflat-elementor' ),
			            ]
			        	);
			        	$repeater->add_control( 'font_color', 
			        		[
				                'label' => esc_html__( 'Color', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::COLOR,
				                'default' => '#ffffff',
				                'selectors' => [
				                    '{{WRAPPER}} {{CURRENT_ITEM}}, {{WRAPPER}} {{CURRENT_ITEM}} svg' => 'color: {{VALUE}}; fill: {{VALUE}};',
				                ],

				            ]
				        );
				        $repeater->add_control( 'bg_color',
				            [
				                'label' => esc_html__( 'Background Color', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::COLOR,
				                'default' => '#0080f0',
				                'selectors' => [
				                    '{{WRAPPER}} {{CURRENT_ITEM}}' => 'background: {{VALUE}}',
				                ],
				            ]
				        );
				        $repeater->add_control( 'border_color',
				            [
				                'label' => esc_html__( 'Border Color', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::COLOR,
				                'default' => '#0080f0',
				                'selectors' => [
				                    '{{WRAPPER}} {{CURRENT_ITEM}}' => 'border-color: {{VALUE}}',
				                ],
				            ]
				        );
				    $repeater->end_controls_tab();
				    
				    $repeater->start_controls_tab( 'style_hover_btn',
			            [
			                'label' => esc_html__( 'Hover', 'themesflat-elementor' ),
			            ]
			        	);
				        $repeater->add_control( 'hover_font_color', 
				        	[
				                'label' => esc_html__( 'Font Color', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::COLOR,
				                'default' => '#ffffff',
				                'selectors' => array(
				                    '{{WRAPPER}} {{CURRENT_ITEM}}:hover, {{WRAPPER}} {{CURRENT_ITEM}}:hover svg' => 'color: {{VALUE}}; fill: {{VALUE}};',
				                )
				            ]
				        );
				        $repeater->add_control( 'hover_bg_color', 
				            [
				                'label' => esc_html__( 'Background Color', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::COLOR,
				                'default' => '#222222',
				                'selectors' => array(
				                    '{{WRAPPER}} {{CURRENT_ITEM}}:hover' => 'background: {{VALUE}}',
				                )
				            ]
				        );
				        $repeater->add_control( 'hover_border_color', 
				        	[
				                'label' => esc_html__( 'Border Color', 'themesflat-elementor' ),
				                'type' => \Elementor\Controls_Manager::COLOR,
				                'default' => '#222222',
				                'selectors' => array(
				                    '{{WRAPPER}} {{CURRENT_ITEM}}:hover' => 'border-color: {{VALUE}}',
				                )
				            ]
				        );
			        $repeater->end_controls_tab();
			        
				$repeater->end_controls_tabs();
		        $this->add_control('buttons',
		            [
		                'label'  => esc_html__('Create Buttons','themesflat-elementor'),
		                'type'   => \Elementor\Controls_Manager::REPEATER,
		                'fields' => $repeater->get_controls(),
		                'title_field' => '{{{ btn_title }}}',
		            ]
		        );
		        $this->end_controls_section();
	        /* End Button Setting */ 

	        /* Start Social Setting */
		        $this->start_controls_section( 'section_social_icon',
			            [
			                'label' => esc_html__('Social Icons', 'themesflat-elementor'),
			            ]
			        );

		        	$this->add_control(
						'show_social',
						[
							'label' => esc_html__( 'Show Social', 'themesflat-elementor' ),
							'type' => \Elementor\Controls_Manager::SWITCHER,
							'label_on' => esc_html__( 'Show', 'themesflat-elementor' ),
							'label_off' => esc_html__( 'Hide', 'themesflat-elementor' ),
							'return_value' => 'yes',
							'default' => 'yes',
						]
					);

			        $repeater = new \Elementor\Repeater();
			        $repeater->add_control(
						'social_icon',
						[
							'label' => esc_html__( 'Icon', 'themesflat-elementor' ),
							'type' => \Elementor\Controls_Manager::ICONS,
							'fa4compatibility' => 'social',
							'default' => [
								'value' => 'fab fa-wordpress',
								'library' => 'fa-brands',
							],
							'recommended' => [
								'fa-brands' => [
									'android',
									'apple',
									'behance',
									'bitbucket',
									'codepen',
									'delicious',
									'deviantart',
									'digg',
									'dribbble',
									'elementor',
									'facebook',
									'flickr',
									'foursquare',
									'free-code-camp',
									'github',
									'gitlab',
									'globe',
									'houzz',
									'instagram',
									'jsfiddle',
									'linkedin',
									'medium',
									'meetup',
									'mix',
									'mixcloud',
									'odnoklassniki',
									'pinterest',
									'product-hunt',
									'reddit',
									'shopping-cart',
									'skype',
									'slideshare',
									'snapchat',
									'soundcloud',
									'spotify',
									'stack-overflow',
									'steam',
									'telegram',
									'thumb-tack',
									'tripadvisor',
									'tumblr',
									'twitch',
									'twitter',
									'viber',
									'vimeo',
									'vk',
									'weibo',
									'weixin',
									'whatsapp',
									'wordpress',
									'xing',
									'yelp',
									'youtube',
									'500px',
								],
								'fa-solid' => [
									'envelope',
									'link',
									'rss',
								],
							],
						]
					);
					$repeater->add_control(
						'social_link',
						[
							'label' => esc_html__( 'Link', 'themesflat-elementor' ),
							'type' => \Elementor\Controls_Manager::URL,
							'default' => [
							'url' => '#',
								'is_external' => true,
								'nofollow' => true,
							],
							'placeholder' => esc_html__( 'https://your-link.com', 'themesflat-elementor' ),
						]
					);
					$this->add_control(
						'social_icon_list',
						[
							'label' => esc_html__( 'Social Icons', 'themesflat-elementor' ),
							'type' => \Elementor\Controls_Manager::REPEATER,
							'fields' => $repeater->get_controls(),
							'default' => [
								[
									'social_icon' => [
										'value' => 'fab fa-dribbble',
										'library' => 'fa-brands',
									],
								],
								[
									'social_icon' => [
										'value' => 'fab fa-instagram',
										'library' => 'fa-brands',
									],
								],
								[
									'social_icon' => [
										'value' => 'fab fa-behance',
										'library' => 'fa-brands',
									],
								],
							],
							'title_field' => '<# var migrated = "undefined" !== typeof __fa4_migrated, social = ( "undefined" === typeof social ) ? false : social; #>{{{ elementor.helpers.getSocialNetworkNameFromIcon( social_icon, social, true, migrated, true ) }}}',
						]
					);
			        
					$this->end_controls_section();
	        /* End Social Setting */ 

	        /* Start Menu Setting */
		        $this->start_controls_section( 'section_menu',
			            [
			                'label' => esc_html__('Menu', 'themesflat-elementor'),
			            ]
			        );

			        $this->add_control( 'menu',
			            [
			                'label'         => esc_html__( 'Menu', 'themesflat-elementor' ),
			                'type'          => \Elementor\Controls_Manager::SWITCHER,
			                'label_on'      => esc_html__( 'Show', 'themesflat-elementor' ),
			                'label_off'     => esc_html__( 'Hide', 'themesflat-elementor' ),
			                'return_value'  => 'yes',
			                'default'       => 'no',
			            ]
			        );

			        $this->add_control(
			            'nav_menu',
			            [
			                'label'     =>esc_html__( 'Select menu', 'themesflat-elementor' ),
			                'type'      =>  \Elementor\Controls_Manager::SELECT,
			                'options'   => $this->get_menus(),
			                'condition' => [
			                	'menu' => 'yes'
			                ],
			            ]
					);
			        
				$this->end_controls_section();
	        /* End Menu Setting */        

	        /* Start Tab General Style */
		        $this->start_controls_section( 'section_text_style',
		            [
		                'label' => esc_html__( 'General', 'themesflat-elementor' ),
		                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
		            ]
		        );
		        $this->add_responsive_control( 'align',
					[
						'label' => esc_html__( 'Alignment', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::CHOOSE,
						'options' => [
							'left' => [
								'title' => esc_html__( 'Left', 'themesflat-elementor' ),
								'icon' => 'eicon-text-align-left',
							],
							'center' => [
								'title' => esc_html__( 'Center', 'themesflat-elementor' ),
								'icon' => 'eicon-text-align-center',
							],
							'right' => [
								'title' => esc_html__( 'Right', 'themesflat-elementor' ),
								'icon' => 'eicon-text-align-right',
							],
							'justify' => [
								'title' => esc_html__( 'Justified', 'themesflat-elementor' ),
								'icon' => 'eicon-text-align-justify',
							],
						],
						'default' => '',
						'selectors' => [
							'{{WRAPPER}} .flexslider .flex_caption' => 'text-align: {{VALUE}};',
						],
					]
				);
		        $this->end_controls_section();
	        /* End Tab General Style */ 

	        /* Start Tab Color Style */
		        $this->start_controls_section( 'section_text_style_color',
		            [
		                'label' => esc_html__( 'Color', 'themesflat-elementor' ),
		                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
		            ]
		        );
		        $this->add_control( 'subtitle_color',
		            [
		                'label' => esc_html__( 'Color Subtitle', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '#ffffff',
		                'selectors' => [
							'{{WRAPPER}} .flex_caption .sub-title' => 'color: {{VALUE}}',
						],
		            ]
		        );
		        $this->add_control( 'title_color',
		            [
		                'label' => esc_html__( 'Color Title', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '#ffffff',
		                'selectors' => [
							'{{WRAPPER}} .flex_caption .title' => 'color: {{VALUE}}',
						],
		            ]
		        );	        
		        $this->add_control( 'desc_color',
		            [
		                'label' => esc_html__( 'Color Desc', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '#ffffff',
		                'selectors' => [
							'{{WRAPPER}} .flex_caption .desc' => 'color: {{VALUE}}',
						],
		            ]
		        );
		        $this->add_control( 'menu_color',
		            [
		                'label' => esc_html__( 'Color Menu', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '#ffffff',
		                'selectors' => [
							'{{WRAPPER}} .flex_caption .e-slide-menu ul li a' => 'color: {{VALUE}}',
						],
		            ]
		        );
		        $this->add_control( 'menu_color_hover',
		            [
		                'label' => esc_html__( 'Color Hover Menu', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '#F0E800',
		                'selectors' => [
							'{{WRAPPER}} .flex_caption .e-slide-menu ul li a:hover' => 'color: {{VALUE}}',
						],
		            ]
		        );
		        $this->add_control( 'social_color',
		            [
		                'label' => esc_html__( 'Color Social', 'themesflat-elementor' ),
		                'type' => \Elementor\Controls_Manager::COLOR,
		                'default' => '#ffffff',
		                'selectors' => [
							'{{WRAPPER}} .flex_caption .social a' => 'color: {{VALUE}}',
						],
		            ]
		        );
		        $this->end_controls_section();    
		    /* End Tab Color Style */

		    /* Start Tab Typography Style */
		        $this->start_controls_section( 'section_text_style_typography',
		            [
		                'label' => esc_html__( 'Typography', 'themesflat-elementor' ),
		                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
		            ]
		        );
		        $this->add_group_control(
					\Elementor\Group_Control_Typography::get_type(),
					[
						'name' => 'subtitle_typography',
						'label' => esc_html__( 'Typography Subtitle', 'themesflat-elementor' ),				
						'selector' => '{{WRAPPER}} .flex_caption .sub-title',
					]
				);
		        $this->add_group_control(
					\Elementor\Group_Control_Typography::get_type(),
					[
						'name' => 'title_typography',
						'label' => esc_html__( 'Typography Title', 'themesflat-elementor' ),
						'selector' => '{{WRAPPER}} .flex_caption .title',
					]
				);			
				$this->add_group_control(
					\Elementor\Group_Control_Typography::get_type(),
					[
						'name' => 'desc_typography',
						'label' => esc_html__( 'Typography Desc', 'themesflat-elementor' ),
						'selector' => '{{WRAPPER}} .flex_caption .desc',
					]
				);
				$this->add_group_control(
					\Elementor\Group_Control_Typography::get_type(),
					[
						'name' => 'menu_typography',
						'label' => esc_html__( 'Typography Menu', 'themesflat-elementor' ),
						'selector' => '{{WRAPPER}} .flex_caption .e-slide-menu ul li a',
					]
				);
		        $this->end_controls_section();    
		    /* End Tab Typography Style */

		    /* Start Tab Spacing Style */
		        $this->start_controls_section( 'section_text_style_spacing',
		            [
		                'label' => esc_html__( 'Spacing', 'themesflat-elementor' ),
		                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
		            ]
		        );		       
				$this->add_responsive_control( 
					'margin_subtitle',
					[
						'label' => esc_html__( 'Margin Subtitle', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em' ],
						'default' => 	[
											'top' => 0,
											'right' => 0,
											'bottom' => 20,
											'left' => 0,
											'unit' => 'px',
											'isLinked' => true,
										],
						'selectors' => [
							'{{WRAPPER}} .flex_caption .sub-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				);
				$this->add_responsive_control( 
					'padding_subtitle',
					[
						'label' => esc_html__( 'Padding Subtitle', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em' ],
						'selectors' => [
							'{{WRAPPER}} .flex_caption .sub-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				); 		
				$this->add_responsive_control( 
					'margin_title',
					[
						'label' => esc_html__( 'Margin Title', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em' ],
						'default' => 	[
											'top' => 0,
											'right' => 0,
											'bottom' => 20,
											'left' => 0,
											'unit' => 'px',
											'isLinked' => true,
										],
						'selectors' => [
							'{{WRAPPER}} .flex_caption .title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				);
				$this->add_responsive_control( 
					'padding_title',
					[
						'label' => esc_html__( 'Padding Title', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em' ],
						'selectors' => [
							'{{WRAPPER}} .flex_caption .title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				);	
				$this->add_responsive_control( 
					'margin_desc',
					[
						'label' => esc_html__( 'Margin Desc', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em' ],
						'default' => 	[
											'top' => 0,
											'right' => 0,
											'bottom' => 40,
											'left' => 0,
											'unit' => 'px',
											'isLinked' => true,
										],
						'selectors' => [
							'{{WRAPPER}} .flex_caption .desc' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				);
				$this->add_responsive_control( 
					'padding_desc',
					[
						'label' => esc_html__( 'Padding Desc', 'themesflat-elementor' ),
						'type' => \Elementor\Controls_Manager::DIMENSIONS,
						'size_units' => [ 'px', 'em' ],
						'selectors' => [
							'{{WRAPPER}} .flex_caption .desc' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						],
					]
				);
		        $this->end_controls_section();    
		    /* End Tab Spacing Style */ 
		}

		protected function render($instance = []) {
			$settings = $this->get_settings_for_display();
			$title_html = $subtitle_html = $desc_html = $btn_html = $wrap_btn_html = $icon_btn_html = $class = $margin_top = $class_btn = $overlay_html = $content_into_grid_container = $social_html = $social = $menu_html = '';

			$class .= 'directionnav-'.$settings['style_directionnav'];

			
			if ($settings['buttons']) {
				foreach ( $settings['buttons'] as $key => $value ) {
					if( $key < 3 ) {
						if ( $value['icon_button_align'] == 'btn-icon-left' ) {
							$btn_html .= sprintf('<li class="'.$value['btn_delay'].' '.$value['btn_animation'].'">
											<a href="'.$value['btn_url']['url'].'" class="button-one elementor-repeater-item-'.$value['_id'].'"><span class="btn-icon-left">%s</span> '.$value['btn_title'].'</a>
										</li>', \Elementor\Addon_Elementor_Icon_manager_free::render_icon( $value['btn_icon'], [ 'aria-hidden' => 'true' ] ));
						}else {
							$btn_html .= sprintf('<li class="'.$value['btn_delay'].' '.$value['btn_animation'].'">
											<a href="'.$value['btn_url']['url'].'" class="button-one elementor-repeater-item-'.$value['_id'].'">'.$value['btn_title'].' <span class="btn-icon-right">%s</span></a>
										</li>', \Elementor\Addon_Elementor_Icon_manager_free::render_icon( $value['btn_icon'], [ 'aria-hidden' => 'true' ] ));
						}			
						
					}
				}
				$wrap_btn_html = '<ul class="button-group"> '.$btn_html.'</ul>';			
			}


			foreach ( $settings['social_icon_list'] as $index => $item ) {
				$target = $item['social_link']['is_external'] ? ' target="_blank"' : '';
				$nofollow = $item['social_link']['nofollow'] ? ' rel="nofollow"' : '';

				$social .= '<a href="' . $item['social_link']['url'] . '" ' . $target . $nofollow . '>'.\Elementor\Addon_Elementor_Icon_manager_free::render_icon( $item['social_icon'] ).'</a>';
			}

			/* menu */
			$args_menu = array(
		        'menu'            => $settings['nav_menu'],
		        'container'       => 'div',
		        'container_class' => 'menu-container e-slide-menu',
		        'container_id'    => '',
		        'menu_class'      => 'menu',
		        'menu_id'         => '',
		        'echo'            => false,
		        'fallback_cb'     => 'wp_page_menu',
		        'before'          => '',
		        'after'           => '',
		        'link_before'     => '',
		        'link_after'      => '',
		        'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
		        'item_spacing'    => 'preserve',
		        'depth'           => 0,
		        'walker'          => '',
		        'theme_location'  => '',
		        'sub_menu' => false,
		    );
			

			?>
			<div class="flexslider <?php echo esc_attr($class); ?> " data-height="<?php echo esc_attr($settings['height_slider']['size']); ?>" data-height_tablet="<?php echo esc_attr($settings['height_slider_tablet']['size']); ?>" data-height_mobile="<?php echo esc_attr($settings['height_slider_mobile']['size']); ?>" data-animation_images="<?php echo esc_attr($settings['animation_images']); ?>" data-autoplay="<?php echo esc_attr($settings['slideshow_autoplay']); ?>" data-slideshowSpeed="<?php echo esc_attr($settings['slideshowSpeed']['size']); ?>" data-directionnav="<?php echo esc_attr($settings['directionnav']); ?>" data-controlnav="<?php echo esc_attr($settings['controlnav']); ?>" data-prevtext="<?php echo esc_attr($settings['prev_icon']); ?>" data-nexttext="<?php echo esc_attr($settings['next_icon']); ?>">
				<ul class="slides">
					<?php foreach ( $settings['flexslider_list'] as $value ) {
						if ($settings['show_social'] == 'yes') {						
							$social_html = '<div class="social captionDelay1 fromTop">'.$social.'</div>';
						}

						if ($value['subtitle_text'] != '') {
							$subtitle_html = '<h3 class="sub-title '.$value['subtitle_delay'].' '.$value['subtitle_animation'].'">'.$value['subtitle_text'].'</h3>';
						}
						
						if ($value['title_text'] != '') {				
							$title_html = '<h1 class="title '.$value['title_delay'].' '.$value['title_animation'].'">'.$value['title_text'].'</h1>';
						}

						if ($value['desc_text'] != '') {
							$desc_html = '<p class="desc '.$value['desc_delay'].' '.$value['desc_animation'].'">'.$value['desc_text'].'</p>';
						}

						$menu_html = '<div class="wrap-menu captionDelay15 fromBottom'.$value['desc_delay'].' '.$value['desc_animation'].'"><i class="fa fa-align-right" aria-hidden="true"></i>'.wp_nav_menu($args_menu).'</div>';

						if ( $value['color_overlay'] != '' ) {
							$overlay_html = '<div class="overlay" style="background:'.$value['color_overlay'].'"></div>';
						}

						$shape_html = '';
						if ( $value['shape_one']['url'] != '' ) {
							$shape_html .= '<img src="'.$value['shape_one']['url'].'" alt="shape" class="bg_shape elementor-repeater-item-'.$value['_id'].'_shape_one '.$value['shape_one_animation'].' '.$value['shape_one_delay'].'">';
						}
						if ( $value['shape_two']['url'] != '' ) {
							$shape_html .= '<img src="'.$value['shape_two']['url'].'" alt="shape" class="bg_shape elementor-repeater-item-'.$value['_id'].'_shape_two '.$value['shape_two_animation'].' '.$value['shape_two_delay'].'">';
						}	
						if ( $value['shape_three']['url'] != '' ) {
							$shape_html .= '<img src="'.$value['shape_three']['url'].'" alt="shape" class="bg_shape elementor-repeater-item-'.$value['_id'].'_shape_three '.$value['shape_three_animation'].' '.$value['shape_three_delay'].'">';
						}
						if ( $value['shape_four']['url'] != '' ) {
							$shape_html .= '<img src="'.$value['shape_four']['url'].'" alt="shape" class="bg_shape elementor-repeater-item-'.$value['_id'].'_shape_four '.$value['shape_four_animation'].' '.$value['shape_four_delay'].'">';
						}
						if ( $value['shape_five']['url'] != '' ) {
							$shape_html .= '<img src="'.$value['shape_five']['url'].'" alt="shape" class="bg_shape elementor-repeater-item-'.$value['_id'].'_shape_five '.$value['shape_five_animation'].' '.$value['shape_five_delay'].'">';
						}

						if ( $settings['content_into_grid'] == 'yes' ) {
							$content_into_grid_container = "container";
						}

						$bg_images_size = 'cover';
						if ( $settings['bg_images_size'] != '' ) {
							$bg_images_size = $settings['bg_images_size'];
						}

						$bg_images_position = '50%';
						if ( $settings['bg_images_position'] != '' ) {
							$bg_images_position = $settings['bg_images_position'];
						}
						echo sprintf(
								'<li class="item-slide">
									<div class="bgimg %s" style="background-image:url(%s); background-size: %s; background-position: %s;"></div>
									%s
									%s
									<div class="flex_caption %s">
		                        		%s
		                        		%s
		                        		%s
		                        		%s
		                        		%s
		                        		%s
				                    </div>
								</li>',
								$settings['animation_images'],
								$value['flexslider_image']['url'],
								$bg_images_size,
								$bg_images_position,
								$overlay_html,	
								$shape_html,
								$content_into_grid_container,
								$social_html,			
								$subtitle_html,
								$title_html,
								$desc_html,
								$wrap_btn_html,
								$menu_html
						);					
					} ?>
				</ul> 
			</div>
			<?php
		}

	}
}