<?php
/*
 * Team Section
 * Author: themetags
 * Author URI: http://raytheme.com
 * Version: 1.0
 */

/**
 * =======================================================
 *    KC Shortcode Map
 * =======================================================
 */

add_action('init', 'em_hero_slider'); 
if(!function_exists('em_hero_slider')):
	function em_hero_slider(){
		if(function_exists('kc_add_map')):
		kc_add_map(
		    array(
		'em_hero_slider'	=> array(
			'name'			=> __( 'Cyber Hero Slider', 'cyber' ),
			'title'			=> 'Single Item',
			'icon'			=> 'fa-photo',
			'category'		=> 'cyber',	
			'wrapper_class'	=> 'clearfix',
			'description'	=> __( 'Display slider style. This Element Only use for EM hero Slider', 'cyber' ),
			'params'		=> array(
				'general'	=> array(
					array(
							'type'			=> 'radio_image',
							'label'			=> __( 'Select Feature Style', 'cyber' ),
							'name'			=> 'layout',
							'admin_label'	=> true,
							'options'		=> array(
								'1'	=> EM40_EXTENSION_URI . 'asstes/images/blog/layout1.jpg',
								'2'	=> EM40_EXTENSION_URI . 'asstes/images/slider/1.jpg',
								'3'	=> EM40_EXTENSION_URI . 'asstes/images/slider/1.jpg',
								'4'	=> EM40_EXTENSION_URI . 'asstes/images/slider/1.jpg',
								'5'	=> EM40_EXTENSION_URI . 'asstes/images/slider/1.jpg',
								'6'	=> EM40_EXTENSION_URI . 'asstes/images/slider/1.jpg',
								'7'	=> EM40_EXTENSION_URI . 'asstes/images/slider/1.jpg',
								
							),
							'description'	=> __( 'Select Your Slider Style', 'cyber' ),
							'value'			=> '1'
						),
					array(
						'type'			=> 'text',
						'name'			=> 'sub_title',
						'label'			=> __( 'Sub Title', 'cyber' ),
						'value'			=> 'Welcome To cyber',
						'admin_label'	=> true
					),
					array(
						'type'			=> 'text',
						'name'			=> 'title1',
						'label'			=> __( 'Heading 1', 'cyber' ),
						'value'			=> 'Welcome To ',
						'admin_label'	=> true
					),

					array(
						'type'			=> 'text',
						'name'			=> 'title2',
						'label'			=> __( 'Heading 2', 'cyber' ),
						'value'			=> 'Creative Multipurpose WP Theme',
						'admin_label'	=> true
					),						
					array(
						'name'		=> 'highl',
						'label'		=> __( 'Highlight Text', 'cyber' ),
						'type'		=> 'text',
						'value'		=> 'cyber.'
					),					
					array(
						'type'	=> 'textarea',
						'name'	=> 'desc',
						'label'	=> __( 'Description', 'cyber' ),
						'value'	=> base64_encode('Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dolore magna aliqua. Ut en ad minim  ullamco laboris nisi ut aliquip.')
					),
					array(
						'name'	=> 'show_button',
						'label'	=> __( 'Display Button', 'cyber' ),
						'type'	=> 'toggle',
						'value'	=> 'yes',
					),
					array(
						'name'		=> 'button_text',
						'label'		=> __( 'Text Button', 'cyber' ),
						'type'		=> 'text',
						'value'		=> __( 'Contact us', 'cyber' ),
						'relation'	=> array(
							'parent'	=> 'show_button',
							'show_when'	=> 'yes'
						)
					),
					array(
						'name'		=> 'button_link',
						'label'		=> __( 'Link Button', 'cyber' ),
						'type'		=> 'link',
						'value'		=> '#',
						'relation'	=> array(
							'parent'	=> 'show_button',
							'show_when'	=> 'yes'
						)
					),
					/* image option */
					array(
						'type'			=> 'toggle',
						'label'			=> esc_html__( 'Set Hero Bg Image', 'cyber' ),
						'name'			=> 'show_img',
						'value'			=> 'no',
						'description'	=> esc_html__( 'you can show/hide image option.', 'cyber' )
					),

					array(
						'type' 			=> 'attach_image',
						'name'		 	=> 'image',
						'label' 		=> esc_html__( 'Hero Bg Image', 'cyber' ),
						'description' 	=> esc_html__( 'Select image display For BG', 'cyber' ),
						'relation'		=> array(
							'parent'	=> 'show_img',
							'show_when'	=> 'yes'
						)
					),
					/* single image option */
					array(
						'type'			=> 'toggle',
						'label'			=> esc_html__( 'Set App Image', 'cyber' ),
						'name'			=> 'show_app_img',
						'value'			=> 'no',
						'description'	=> esc_html__( 'you can show/hide image option.', 'cyber' )
					),

					array(
						'type' 			=> 'attach_image',
						'name'		 	=> 'app_image',
						'label' 		=> esc_html__( 'App Image', 'cyber' ),
						'description' 	=> esc_html__( 'Select image display For BG', 'cyber' ),
						'relation'		=> array(
							'parent'	=> 'show_app_img',
							'show_when'	=> 'yes'
						)
					),

						/* Video Box Option */
							array(
								'name'			=> 'icon',
								'label'			=> __( 'Select Icon', 'cyber' ),
								'type'			=> 'icon_picker',
								'description'	=> __( 'Select icon display in box', 'cyber' ),
								'value'			=> 'fa-youtube-play',
							),
							array(
								'type'			=> 'toggle',
								'label'			=> esc_html__( 'Set Youtube', 'cyber' ),
								'name'			=> 'show_youtube',
								'value'			=> 'no',
								'description'	=> esc_html__( 'you can show icon after your heading.', 'cyber' )
							),					
							array(
								'type'			=> 'text',
								'label'			=> __( 'Youtube Video link', 'cyber' ),
								'name'			=> 'em_youtube',
								'description'	=> __( 'Enter the Youtube URL. For example: https://youtu.be/BS4TUd7FJSg', 'cyber' ),
								'admin_label'	=> true,
								'value'			=> 'https://youtu.be/BS4TUd7FJSg',
								'relation'		=> array(
									'parent'	=> 'show_youtube',
									'show_when'	=> 'yes'
								)						
							),
							array(
								'type'			=> 'toggle',
								'label'			=> esc_html__( 'Set Vimeo', 'cyber' ),
								'name'			=> 'show_vimeo',
								'value'			=> 'no',
								'description'	=> esc_html__( 'you can show icon after your heading.', 'cyber' )
							),					
							array(
								'type'			=> 'text',
								'label'			=> __( 'Vimeo Video link', 'cyber' ),
								'name'			=> 'em_vimeo',
								'description'	=> __( 'Enter the Vimeo URL. For example: https://vimeo.com/174008281', 'cyber' ),
								'admin_label'	=> true,
								'value'			=> 'https://vimeo.com/174008281',
								'relation'		=> array(
									'parent'	=> 'show_vimeo',
									'show_when'	=> 'yes'
								)						
							),	
							array(
								'type'			=> 'text',
								'name'			=> 'video_title',
								'label'			=> __( 'Video Title', 'cyber' ),
								'value'			=> 'See Our Introduction',
								'admin_label'	=> true,
								'relation'		=> array(
									'parent'	=> 'show_youtube',
									'show_when'	=> 'yes'
								)						
							),							
						

					array(
						'type'			=> 'text',
						'label'			=> __( 'Custom class', 'cyber' ),
						'name'			=> 'custom_class',
						'description'	=> __( 'Enter extra custom class', 'cyber' )
					)
				),
				'styling'	=> array(
					array(
						'name'		=> 'css_custom',
						'type'		=> 'css',
						'options'	=> array(
							array(
								"screens" => "any,1024,999,767,479",
								'Title one'	=> array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '.hero-content-left h1'),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '.hero-content-left h1'),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.hero-content-left h1'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.hero-content-left h1'),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '.hero-content-left h1'),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '.hero-content-left h1'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '.hero-content-left h1'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '.hero-content-left h1'),
								),
								'Subtitle'	=> array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '.redX,.scroll-next i'),
								),
								'Title Two'	=> array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '.hero-content-left h2'),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '.hero-content-left h2'),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.hero-content-left h2'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.hero-content-left h2'),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '.hero-content-left h2'),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '.hero-content-left h2'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '.hero-content-left h2'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '.hero-content-left h2'),
								),
								'Highlight'	=> array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '.redX'),
								),								
								'Desc'	=> array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '.hero-content-left p'),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '.hero-content-left p'),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.hero-content-left p'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.hero-content-left p'),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '.hero-content-left p'),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '.hero-content-left p'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '.hero-content-left p'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '.hero-content-left p'),
								),
								'Button' => array(
									array('property' => 'color', 'label' => 'Button Color', 'selector' => '.btn'),
									array('property' => 'color', 'label' => 'Button Hover Color', 'selector' => '.btn:hover'),
									array('property' => 'background-color', 'label' => 'Button BG Color', 'selector' => '.btn'),
									array('property' => 'background-color', 'label' => 'Button BG Hover Color', 'selector' => '.btn:hover'),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '.btn'),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.btn'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.btn'),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '.btn'),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '.btn'),
									array('property' => 'border', 'label' => 'Button Border', 'selector' => '.btn'),
									array('property' => 'border-color', 'label' => 'Button Border Color Hover', 'selector' => '.btn:hover'),
									array('property' => 'border-radius', 'label' => 'Border Radius', 'selector' => '.btn'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '.btn'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '.btn')
								),
								'Button Two' => array(
									array('property' => 'color', 'label' => 'Button Color', 'selector' => '.active .btn'),
									array('property' => 'color', 'label' => 'Button Hover Color', 'selector' => '.active .btn:hover'),
									array('property' => 'background-color', 'label' => 'Button BG Color', 'selector' => '.active .btn'),
									array('property' => 'background-color', 'label' => 'Button BG Hover Color', 'selector' => '.active .btn:hover'),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '.active .btn'),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.active .btn'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.active .btn'),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '.active .btn'),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '.active .btn'),
									array('property' => 'border', 'label' => 'Button Border', 'selector' => '.active .btn'),
									array('property' => 'border-color', 'label' => 'Button Border Color Hover', 'selector' => '.active .btn:hover'),
									array('property' => 'border-radius', 'label' => 'Border Radius', 'selector' => '.active .btn'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '.active .btn'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '.active .btn')
								),
								'Image'	=> array(
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '.slider_single_img img'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '.slider_single_img img'),
								)
							)
						)
					)
				),
				'animate' => array(
					array(
						'name'    => 'animate',
						'type'    => 'animate'
					)
				),
			)
		),
		    )// first array
		); // End add map
		endif;
	}
endif;


 /**
 * =======================================================
 *    Register Shortcode banner_slider section
 * =======================================================
 */     
 // [em_hero_slider title="" desc="" custom_css_class=""]
if(!function_exists('em_hero_slider_function')){
	function em_hero_slider_function($atts,$content){
	ob_start();
			$em_hero_slider = shortcode_atts(array(
					'layout' 		       => 1,
					'sub_title' 	       => '',
					'title1' 	           => '',
					'highl' 	           => '',
					'title2' 	           => '',
					'subtitle' 		       => '',
					'desc' 		           => '',
					'show_button' 		   => '',
					'button_text' 		   => '',
					'button_link' 		   => '',
					'show_img'  		   => '',					
					'image'  			   => '',
					'show_app_img'  	   => '',					
					'app_image'  		   => '',					
					'show_youtube' 	   	   => '',
					'icon' 		   		   => '',
					'em_youtube' 	   	   => '',
					'show_vimeo' 		   => '',
					'em_vimeo' 		       => '',					
					'video_title' 		   => '',					
					'custom_css' 	       => '',
					'custom_class'         => '',
			),$atts); 
			extract( $em_hero_slider );
		//custom class		
		$wrap_class  = apply_filters( 'kc-el-class', $atts );
		if( !empty( $custom_class ) ):
			$wrap_class[] = $custom_class;
		endif;
		$extra_class =  implode( ' ', $wrap_class );
	$images="";	
	$images = wp_get_attachment_image_src( $image, 'full');	
	$images2 = wp_get_attachment_image_src( $app_image, 'full');	

$data_button="";	


$data_button="";		
if ( $show_button == 'yes' ) {

	if ( !empty( $button_link ) ) {
		$button_link_text = explode( '|', $button_link );
		$button_link = $button_link_text[0];
	}
	if( empty($button_text) )
		$button_text = __( 'Readmore', 'cyber' );

	$data_button .= '<div class="hero-slider-btn  ">';
		$data_button .= '<a class="cyber_btn" href="'. $button_link .'">'. $button_text .'</a>';
	$data_button .= '</div>';

}	


switch($layout){
	case'7':
	?>
	  <div class="hero-single-slide hero-section hero-style-five hero-style-seven align-items-center d-flex <?php echo esc_attr( $extra_class ); ?>" style="<?php if( $show_img == 'yes' && !empty( $images ) ){ ?>background-image:url(<?php echo esc_url( $images[0] ); ?>)<?php } ?>	">
			<div class="container">
				<div class="row align-items-center justify-content-between ">
					<div class="col-md-6 col-lg-6">
						<div class="hero-content-left text-white"> 
							<h1 class="text-white"><?php if ( !empty( $title1 ) ) {echo $title1;} ?><span class="redX"><?php if ( !empty( $highl ) ) {echo $highl;}?></span></h1>
							<p class="lead"><?php if ( !empty( $desc ) ) {echo $desc;} ?></p>
							<?php echo $data_button;?>
							<?php if( !empty( $icon ) ){ ?>
								<div class="slider-video-icon">
									<?php if( $show_youtube == 'yes' && !empty( $em_youtube ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_youtube; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									
									<?php } ?>
									<?php if( $show_vimeo == 'yes' && !empty( $em_vimeo ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_vimeo; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									<?php } ?>					

								</div>
							<?php } ?>	
						</div>
					</div>
					<div class="col-md-6 col-lg-6">

					
					</div>
				</div>
			</div>  		
      </div>
	<?php
	break;
	case'6':
	?>
	 <div class="hero-single-slide hero-section align-items-center d-flex <?php echo esc_attr( $extra_class ); ?>" style="<?php if( $show_img == 'yes' && !empty( $images ) ){ ?>background-image:url(<?php echo esc_url( $images[0] ); ?>)<?php } ?>	">
			<div class="container">
				<div class="row align-items-center justify-content-between py-5">
					<div class="col-md-6 col-lg-6">
						<div class="hero-content-left text-white">
							<h1 class="text-white"><?php if ( !empty( $title1 ) ) {echo $title1;} ?><span class="redX"><?php if ( !empty( $highl ) ) {echo $highl;}?></span></h1>
							<h2 class="text-white"><?php if ( !empty( $title2 ) ) {echo $title2;} ?></h2>
							<p class="lead"><?php if ( !empty( $desc ) ) {echo $desc;} ?></p>
							<?php echo $data_button;?>
							<?php if( !empty( $icon ) ){ ?>
								<div class="slider-video-icon">
									<?php if( $show_youtube == 'yes' && !empty( $em_youtube ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_youtube; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									<?php } ?>
									<?php if( $show_vimeo == 'yes' && !empty( $em_vimeo ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_vimeo; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									<?php } ?>					
								</div>
							<?php } ?>	
						</div>
					</div>
					<div class="col-md-6 col-lg-5">
						<?php if( $show_app_img == 'yes' && !empty( $images2 ) ){ ?> 
							<div class="hero-animation-img">
								<img src="<?php echo esc_url( $images2[0] ); ?>" alt="" />
							</div>
						<?php } ?>
					</div>
				</div>
			</div>
			<div class="bottom-img">
				<img src="<?php echo get_stylesheet_directory_uri() . '/assets/images/wave-shap.svg'; ?>"  alt="wave shape" class="img-fluid">
			</div>
	</div>
	<?php
	break;
	
	case'5':
	?>
	 <div class="hero-single-slide slide-two-bg hero-section align-items-center d-flex <?php echo esc_attr( $extra_class ); ?>" style="<?php if( $show_img == 'yes' && !empty( $images ) ){ ?>background-image:url(<?php echo esc_url( $images[0] ); ?>)<?php } ?>	">
			<div class="container">
				<div class="row align-items-center justify-content-between py-5">
					<div class="col-md-6 col-lg-6">
						<div class="hero-content-left text-white">
							<h1 class="text-white"><?php if ( !empty( $title1 ) ) {echo $title1;} ?><span class="redX"><?php if ( !empty( $highl ) ) {echo $highl;}?></span></h1>
							<h2 class="text-white"><?php if ( !empty( $title2 ) ) {echo $title2;} ?></h2>
							<p class="lead"><?php if ( !empty( $desc ) ) {echo $desc;} ?></p>
							<?php echo $data_button;?>
							<?php if( !empty( $icon ) ){ ?>
								<div class="slider-video-icon">
									<?php if( $show_youtube == 'yes' && !empty( $em_youtube ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_youtube; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									<?php } ?>
									<?php if( $show_vimeo == 'yes' && !empty( $em_vimeo ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_vimeo; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									<?php } ?>					
								</div>
							<?php } ?>	
						</div>
					</div>
					<div class="col-md-6 col-lg-5">
						<?php if( $show_app_img == 'yes' && !empty( $images2 ) ){ ?> 
							<div class="hero-animation-img">
								<img src="<?php echo esc_url( $images2[0] ); ?>" alt="" />
							</div>
						<?php } ?>
					</div>
				</div>
			</div>
			<div class="bottom-img">
				<img src="<?php echo get_stylesheet_directory_uri() . '/assets/images/hero-bg-shape-1.svg'; ?>"  alt="wave shape" class="img-fluid">
			</div>
	</div>
	<?php
	break;
	case'4':
	?>
	 <div class="hero-single-slide hero-section  hero-style-four align-items-center d-flex <?php echo esc_attr( $extra_class ); ?>" style="<?php if( $show_img == 'yes' && !empty( $images ) ){ ?>background-image:url(<?php echo esc_url( $images[0] ); ?>)<?php } ?>	">
		<div class="container">
			<div class="row justify-content-between ">
				<div class="col-md-12 col-lg-12">
					<div class="hero-content-left pt-5 ">
						<h3><?php if ( !empty( $sub_title ) ) {echo $sub_title;} ?></h3>
						<h1><?php if ( !empty( $title1 ) ) {echo $title1;} ?><span class="redX"><?php if ( !empty( $highl ) ) {echo $highl;}?></span></h1>
						<h2><?php if ( !empty( $title2 ) ) {echo $title2;} ?></h2>
						
						<p><?php if ( !empty( $desc ) ) {echo $desc;} ?></p>
						<?php echo $data_button;?>
							<?php if( !empty( $icon ) ){ ?>
								<div class="hero-video-icon">
									<?php if( $show_youtube == 'yes' && !empty( $em_youtube ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_youtube; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									
									<?php } ?>
									<?php if( $show_vimeo == 'yes' && !empty( $em_vimeo ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_vimeo; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									<?php } ?>					

								</div>
							<?php } ?>	
					</div>
				</div>
			</div>
		</div>	
	</div>
	<?php
	break;


	case'3':
	?>
	 <div class="hero-single-slide hero-section  hero-style-three align-items-center d-flex <?php echo esc_attr( $extra_class ); ?>" style="<?php if( $show_img == 'yes' && !empty( $images ) ){ ?>background-image:url(<?php echo esc_url( $images[0] ); ?>)<?php } ?>	">
		<div class="container">
			<div class="row justify-content-between text-center">
				<div class="col-md-12 col-lg-12">
					<div class="hero-content-left">
						<h3 class="text-white"><?php if ( !empty( $sub_title ) ) {echo $sub_title;} ?></h3>
						<h1 class="text-white"><?php if ( !empty( $title1 ) ) {echo $title1;} ?><span class="redX"><?php if ( !empty( $highl ) ) {echo $highl;}?></span></h1>
						<h2 class="text-white"><?php if ( !empty( $title2 ) ) {echo $title2;} ?></h2>
						
						<p class="text-white"><?php if ( !empty( $desc ) ) {echo $desc;} ?></p>
						<?php echo $data_button;?>
							<?php if( !empty( $icon ) ){ ?>
								<div class="hero-video-icon">
									<?php if( $show_youtube == 'yes' && !empty( $em_youtube ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_youtube; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span class="text-white">
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									
									<?php } ?>
									<?php if( $show_vimeo == 'yes' && !empty( $em_vimeo ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_vimeo; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span class="text-white">
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									<?php } ?>					

								</div>
							<?php } ?>	
					</div>
				</div>
			</div>
		</div>
		<div class="hero-shape-img">
			<img src="<?php echo get_stylesheet_directory_uri() . '/assets/images/banner-shape.svg'; ?>" alt="shape-image">
	   </div>		
	</div>
	<?php
	break;
	
	case'2':
	?>
	 <div class="hero-single-slide hero-section  hero-style-two align-items-center d-flex <?php echo esc_attr( $extra_class ); ?>" style="<?php if( $show_img == 'yes' && !empty( $images ) ){ ?>background-image:url(<?php echo esc_url( $images[0] ); ?>)<?php } ?>	">
		<div class="hero-shape"></div>
		<div class="container">
			<div class="row justify-content-between ">
				<div class="col-md-6 col-lg-6">
					<div class="hero-content-left pt-5 ">
						<h3><?php if ( !empty( $sub_title ) ) {echo $sub_title;} ?></h3>
						<h1><?php if ( !empty( $title1 ) ) {echo $title1;} ?><span class="redX"><?php if ( !empty( $highl ) ) {echo $highl;}?></span></h1>
						<h2><?php if ( !empty( $title2 ) ) {echo $title2;} ?></h2>
						
						<p><?php if ( !empty( $desc ) ) {echo $desc;} ?></p>
						<?php echo $data_button;?>
							<?php if( !empty( $icon ) ){ ?>
								<div class="hero-video-icon">
									<?php if( $show_youtube == 'yes' && !empty( $em_youtube ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_youtube; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									
									<?php } ?>
									<?php if( $show_vimeo == 'yes' && !empty( $em_vimeo ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_vimeo; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									<?php } ?>					

								</div>
							<?php } ?>	
					</div>
				</div>
				<div class="col-md-6 col-lg-5">
				  <div class="hero-animation-img">
					<img class="img-fluid d-block animation-one"  src="<?php echo get_stylesheet_directory_uri() . '/assets/images/hero-animation-04.svg'; ?>" alt="animation-image">
					<img class="img-fluid d-none d-lg-block animation-two"  src="<?php echo get_stylesheet_directory_uri() . '/assets/images/hero-animation-05.svg'; ?>" alt="animation-image" width="160">
					<img class="img-fluid d-none d-lg-block animation-three"  src="<?php echo get_stylesheet_directory_uri() . '/assets/images/hero-animation-02.svg'; ?>" alt="animation-image" width="120">
					<img class="img-fluid d-none d-lg-block animation-four"  src="<?php echo get_stylesheet_directory_uri() . '/assets/images/hero-animation-03.svg'; ?>" alt="animation-image" width="230">
				  </div>
				</div>
			</div>
		</div>	
	</div>
	<?php
	break;
	
	default:
	?>

	 <div class="hero-single-slide hero-section  hero-style-one align-items-center d-flex <?php echo esc_attr( $extra_class ); ?>" style="<?php if( $show_img == 'yes' && !empty( $images ) ){ ?>background-image:url(<?php echo esc_url( $images[0] ); ?>)<?php } ?>	">
        <div class="circles">
            <div class="point animated-point-1"></div>
            <div class="point animated-point-2"></div>
            <div class="point animated-point-3"></div>
            <div class="point animated-point-4"></div>
            <div class="point animated-point-5"></div>
            <div class="point animated-point-6"></div>
            <div class="point animated-point-7"></div>
            <div class="point animated-point-8"></div>
            <div class="point animated-point-9"></div>
        </div>
		<div class="container">
			<div class="row justify-content-between ">
				<div class="col-md-6 col-lg-6">
					<div class="hero-content-left pt-5 ">
						<h3><?php if ( !empty( $sub_title ) ) {echo $sub_title;} ?></h3>
						<h1><?php if ( !empty( $title1 ) ) {echo $title1;} ?><span class="redX"><?php if ( !empty( $highl ) ) {echo $highl;}?></span></h1>
						<h2><?php if ( !empty( $title2 ) ) {echo $title2;} ?></h2>
						
						<p><?php if ( !empty( $desc ) ) {echo $desc;} ?></p>
						<?php echo $data_button;?>
							<?php if( !empty( $icon ) ){ ?>
								<div class="hero-video-icon">
									<?php if( $show_youtube == 'yes' && !empty( $em_youtube ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_youtube; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									
									<?php } ?>
									<?php if( $show_vimeo == 'yes' && !empty( $em_vimeo ) ){ ?>
									<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="<?php echo $em_vimeo; ?>"><i class="<?php echo esc_attr( $icon ); ?>"></i></a>
									<?php if ( !empty( $video_title ) ) {?>
										<span>
										<?php echo $video_title; ?>
										</span>	
									<?php }?>
									<?php } ?>					

								</div>
							<?php } ?>	
					</div>
				</div>
				<div class="col-md-6 col-lg-5">
				  <div class="hero-animation-img">
					<img class="img-fluid d-block animation-one"  src="<?php echo get_stylesheet_directory_uri() . '/assets/images/hero-animation-04.svg'; ?>" alt="animation-image">
					<img class="img-fluid d-none d-lg-block animation-two"  src="<?php echo get_stylesheet_directory_uri() . '/assets/images/hero-animation-01.svg'; ?>" alt="animation-image" width="120">
					<img class="img-fluid d-none d-lg-block animation-three"  src="<?php echo get_stylesheet_directory_uri() . '/assets/images/hero-animation-02.svg'; ?>" alt="animation-image" width="120">
					<img class="img-fluid d-none d-lg-block animation-four"  src="<?php echo get_stylesheet_directory_uri() . '/assets/images/hero-animation-03.svg'; ?>" alt="animation-image" width="230">
				  </div>
				</div>
			</div>
		</div>	
	</div>
	<?php
	break;
}
		return ob_get_clean();
	}
	add_shortcode('em_hero_slider' ,'em_hero_slider_function');
}