<section id="features">
	<div class="<?php if(esc_attr(get_theme_mod('feature_section_width','Full Width')) == 'Full Width'){ ?> container-fluid pd-0 <?php } elseif(esc_attr(get_theme_mod('feature_section_width','Box Width')) == 'Full Width'){ ?> container <?php }?>">
				<?php 
			$feature_heading = get_theme_mod('feature_heading','Our Feature');
		?>
		<div class="row">
		  <div class="col-md-3 col-sm-3 col-xs-12 pd-0 left-image-box">
			    <div class="lhsbx">
			    	<div class="fea-olay"></div>
			      	<h2 class="features-heading ">
						<?php echo apply_filters('dancemaster_feature', $feature_heading); ?>
			      	</h2>
			    </div>
		  </div>
		  <div class="col-md-9 col-sm-9 col-xs-12 pd-0">
		  	<div class="swiperfe-containerfe">
		  		<div class="swiperfe-wrapperfe">		  	
						<?php for($p=1; $p<6; $p++) { ?>
						<?php if( get_theme_mod('feature'.$p,false)) { ?>
						<?php $querycolumns = new WP_query('page_id='.get_theme_mod('feature'.$p,true)); ?>
						<?php while( $querycolumns->have_posts() ) : $querycolumns->the_post(); 
							$image = wp_get_attachment_image_src(get_post_thumbnail_id() , true); ?>
						<?php 
							if(has_post_thumbnail()){
							$img = esc_url($image[0]);
							}
							if(empty($image)){
							$img = get_template_directory_uri().'/assets/images/default.png';
							}
						?>
				   	<div class="swiperfe-slidefe" >
		      		<div class="image" style="background-image: url(<?php echo $img; ?>);">
								<div class="content-titl">
									<h5 class="titl"><?php the_title_attribute(); ?></h5>
								</div>	
							</div>
		        </div>
						<?php endwhile;
							wp_reset_postdata(); ?>
						<?php } } ?>
		  		</div>
		  		<div class="swiperfe-button-prevfe"></div>
		      	<div class="swiperfe-button-nextfe"></div>
		  	</div>
			</div>
		</div>
	</div>


</section>
