<?php if(get_theme_mod('tromas_service_section_enable')): ?>		
<!-- Start Services -->
<section id="services" class="services section">
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="section-title">
					<?php
						$service_title = get_theme_mod('tromas_service_page_title');
						$queried_post = get_post($service_title);
					?>
					<h1><?php echo esc_html($queried_post->post_title); ?></h1>
					<p><?php echo esc_html($queried_post->post_content); ?></p>
					<?php wp_reset_postdata(); ?>
				</div>
			</div>
		</div>
		<div class="row">
			<?php
			$i=1;
			for($j=1;$j<=6;$j++)
			{
				 $service[$j] = get_theme_mod('tromas_service_page_'.$j);
				 $serviceicon[$j] = get_theme_mod('tromas_service_icon_'.$j);
			}
          	$args = array (
              'post_type' => 'page',
              'post_per_page' => 6,
              'post__in'         => $service,
              'orderby'           =>'post__in',
            );

          	$serviceloop = new WP_Query($args);
          	if ($serviceloop->have_posts()) :  while ($serviceloop->have_posts()) : $serviceloop->the_post(); ?>
			<!-- Single Service -->
			<div class="col-lg-4 col-md-6 col-12">
				<div class="single-services">
					<div class="icon"><i class="fa <?php echo esc_attr($serviceicon[$i]); ?>"></i></div>
					<div class="icon two"><i class="fa <?php echo esc_attr($serviceicon[$i]); ?>"></i></div>
					<h2><a href="<?php esc_url(the_permalink());?>"><?php the_title(); ?></a></h2>
					<?php the_excerpt(); ?>
				</div>
			</div>
			<!--/ End Single Service -->
			<?php $i=$i+1;?> 
	          <?php  endwhile; 
	          	wp_reset_postdata();
			endif; ?>
		</div>
	</div>
</section>
<!--/ End Services -->
<?php endif;?>