<?php 
	$service_title 			= pll__(get_theme_mod('service_title','Mind Blowing Service'));
	$service_subtitle		= pll__(get_theme_mod('service_subtitle','Our Service'));
	$service_contents		= get_theme_mod('service_contents',themes_get_service_default());
?>	
	<!-- our service -->
    <section class="service-section service-home">
        <div class="container">
			<?php if(!empty($service_title)  || !empty($service_subtitle)){ ?>
				<div class="section-title">
					<?php if(!empty($service_subtitle)): ?>
						<div class="section-heading">
							<?php echo esc_html($service_subtitle); ?>
						</div>
					<?php endif; ?>
					
					<?php if(!empty($service_title)): ?>
						<p class="animation">
							<span>
								<?php echo esc_html($service_title); ?>
							</span>
						</p>
					<?php endif; ?>	
				</div>
			<?php } ?>
			
            <div class="row">
				<?php
					if ( ! empty( $service_contents ) ) {
					$service_contents = json_decode( $service_contents );
					$count = 1;
					foreach ( $service_contents as $service_item ) { 
						$icon = ! empty( $service_item->icon_value) ? apply_filters( 'glides_translate_single_string', $service_item->icon_value,'Service section' ) : '';
						$title = ! empty( $service_item->title ) ? apply_filters( 'glides_translate_single_string', $service_item->title, 'Service section' ) : '';
						$link = ! empty( $service_item->link ) ? apply_filters( 'glides_translate_single_string', $service_item->link, 'Service section' ) : '';
				?>
					<div class="col-lg-3">
						<div class="service">
							<div class="service-content">
								<a href="#" class="service-icon"><i class="fa <?php echo esc_attr($icon); ?>" aria-hidden="true"></i></a>
								<h2>
									<?php echo esc_html( $title ); ?>
								</h2>
								<a href="<?php echo esc_url( $link ); ?>" class="service-i"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
							</div>
						</div>
					</div>
				<?php }} ?>
            </div>
        </div>
    </section>
    <!-- our service end -->