<?php if(get_theme_mod('roland_service_enable')) : ?>
	<!-- Services -->
	<section class="service-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-md-10 col-12">
					<!-- Section Title -->
					<div class="section-title">
						<?php
							$roland_s_bg_title = get_theme_mod('roland_s_bg_title');
							$roland_s_title = get_theme_mod('roland_s_title');
							$roland_s_content = get_theme_mod('roland_s_content');
							$roland_s_icon = get_theme_mod('roland_s_icon');
						?>
						<?php if(! empty (get_theme_mod('roland_s_title'))) : ?>
						<?php if(! empty (get_theme_mod('roland_s_bg_title'))) : ?>
						<span class="bg-title"><?php echo esc_html($roland_s_bg_title); ?></span>
						<?php endif ; ?>
						<h2><?php echo esc_html($roland_s_title); ?> <span><?php echo esc_html($roland_s_content); ?></span></h2>
						<div class="title-icon-main">
							<div class="title-icon">
								<i class="<?php echo esc_attr($roland_s_icon); ?>"></i>
							</div>
							<div class="waves-block">
								<div class="waves wave-1"></div>
								<div class="waves wave-2"></div>
								<div class="waves wave-3"></div>
							</div>
						</div>	
						<?php endif;?>
					</div>
					<!-- End Section Title -->
				</div>
			</div>
		
			<div class="row">
				<?php 
					$i=1; 
					for($j=1;$j<=6;$j++){
						$roland_service_page[$j]=get_theme_mod('roland_service_page_'.$j);
						$roland_service_icon[$j]=get_theme_mod('roland_service_icon_'.$j);
					}
					$args = array (
						'post_type' => 'page',
						'post__in'         => $roland_service_page,
						'orderby'           =>'post__in',
					);
					$roland_serviceloop = new WP_Query($args);
					if ($roland_serviceloop->have_posts()) :  while ($roland_serviceloop->have_posts()) : $roland_serviceloop->the_post();
							
				?>
				<div class="col-lg-4 col-md-4 col-12">
					<!-- Single Service -->
					<div class="single-service">	
						<!-- Service Head -->
						<div class="service-head overlay">
							<div class="service-icon"><i class="<?php echo esc_attr($roland_service_icon[$i]); ?>"></i></div>
							<?php the_post_thumbnail('roland-service-thumb'); ?>
						</div>
						<!-- Service Content -->
						<div class="single-service-content">
							<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
							<?php the_excerpt(); ?>
							<div class="service-btn">
								<a href="<?php the_permalink(); ?>" class="theme-btn"><?php echo esc_html_e('View Service','roland');?> <i class="icofont-plus-circle"></i>
								</a>
							</div>
						</div>
					</div>
					<!-- End Single Service -->
				</div>
				<?php $i=$i+1;?> 
				  <?php  endwhile; 
					wp_reset_postdata();
				endif; ?>
			</div>
		</div>
	</section>
	<!--/ End Services -->
<?php endif;?>