<?php if(get_theme_mod('roland_hero_slider')) : ?>
	<section  class="hero-area">
		<div class="hero-slider">
			<?php 
				$slide=1; 
				for($i=1;$i<11;$i++){
					$roland_slider_page[$slide]=get_theme_mod('roland_slider_page_'.$i);
					$roland_slider_main_title[$slide]=get_theme_mod('roland_slider_main_title_'.$i);
					$roland_slider_department_icon[$slide]=get_theme_mod('roland_slider_department_icon_'.$i);
					$roland_slider_department_url[$slide]=get_theme_mod('roland_slider_department_url_'.$i);
					$roland_slider_department_icon_two[$slide]=get_theme_mod('roland_slider_department_icon_two_'.$i);
					$roland_slider_department_url_two[$slide]=get_theme_mod('roland_slider_department_url_two_'.$i);
					$roland_slider_department_icon_three[$slide]=get_theme_mod('roland_slider_department_icon_three_'.$i);
					$roland_slider_department_url_three[$slide]=get_theme_mod('roland_slider_department_url_three_'.$i);
					$slide=$slide+1;
				}
				$args = array (
					'post_type' => 'page',
					'post_per_page' => $slide,
					'posts_per_page'=>10,
					'post__in'         => ($roland_slider_page) ? ($roland_slider_page) : '',
					'orderby'           =>'post__in',
				);

				$roland_sliderloop = new WP_Query($args);
				$j=1;

				if ($roland_sliderloop->have_posts()) :  while ($roland_sliderloop->have_posts()) : $roland_sliderloop->the_post();
				
			?>
		
			<?php $roland_slider_img_url = get_the_post_thumbnail_url(get_the_ID($i),'full'); ?>
			<div class="single-slider" style="background-image:url('<?php echo esc_url($roland_slider_img_url); ?>')">
				<div class="container">
					<div class="row">
						<div class="col-lg-7 col-md-8 col-12">
							<div class="hero-content">
								<h1 class="hero-title"><?php echo esc_html($roland_slider_main_title[$j]);?></h1>
								<?php the_excerpt(); ?>
								<!-- Departments -->
								<div class="departments">
									<?php if(!empty($roland_slider_department_icon[$j])) : ?>
									<!-- Single Department -->
									<div class="single-department">
										<a href="<?php echo esc_url($roland_slider_department_url[$j]);?>"><i class="<?php echo esc_attr($roland_slider_department_icon[$j]);?>"></i></a>
									</div>
									<!-- End Single Department -->
									<?php endif;?>
									<?php if(!empty($roland_slider_department_icon_two[$j])) : ?>
									<!-- Single Department -->
									<div class="single-department">
										<a href="<?php echo esc_url($roland_slider_department_url_two[$j]);?>"><i class="<?php echo esc_attr($roland_slider_department_icon_two[$j]);?>"></i></a>
									</div>
									<!-- End Single Department -->
									<?php endif;?>
									<?php if(!empty($roland_slider_department_icon_three[$j])) : ?>
									<!-- Single Department -->
									<div class="single-department">
										<a href="<?php echo esc_url($roland_slider_department_url_three[$j]);?>"><i class="<?php echo esc_attr($roland_slider_department_icon_three[$j]);?>"></i></a>
									</div>
									<!-- End Single Department -->
									<?php endif;?>
								</div>
								<!-- End Departments -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<?php $j=$j+1; endwhile;
				wp_reset_postdata();  
			endif; ?>
		</div>
	</section>
	<!-- End Hero Area -->
<?php endif;?>