<section id="services" class="col-md-12 section">
    <div class="container">
        <div class="row os-animation" data-os-animation="fadeInLeft" data-os-animation-delay="0s">
               <?php
            if(get_theme_mod('homepage_services_title', 'Featutes')) {
                ?>
                <h3 class="section_heading">
					<span>
						<?php echo get_theme_mod('homepage_services_title', 'OUR SERVICES') ?>
                    </span>
				 </h3>
            <?php
            }
	    if(get_theme_mod('homepage_services_text', 'Pellentesque nulla magna, accumsan sed ante quis, gravida feugiat turpis.')) {
                ?>
                <p><?php echo get_theme_mod('homepage_services_text', 'Pellentesque nulla magna, accumsan sed ante quis, gravida feugiat turpis.'); ?></p>
            <?php
            }?>
            <div class="height20"></div>
           	<div class="module_slider_wrapper">
         	   <div class="Services_Carousel module_slider_three_items module_slider">
                <?php    
		       if(get_theme_mod('services')) {
               	 foreach(get_theme_mod('services') as $service) {
                        if(isset($service['service_title']) && !empty($service['service_title'])) {
                            $title = $service['service_title'];
                            ?>
                            <div class="services">
                                <?php
                                if (isset($service['service_icon']) && !empty($service['service_icon'])) {
                                    $icon = $service['service_icon'];
                                } else {
                                    $icon = 'fa-home';
                                }
                                ?>
                                <i class="fa <?php echo $icon; ?>"></i>

                                <h4><?php echo $title; ?></h4>

                                <?php
                                if (isset($service['service_text']) && !empty($service['service_text'])) {
                                    ?>
                                     <p><?php echo $service['service_text'];; ?></p>
									<?php
                                }  
                                ?>
                            </div>
                        <?php
                        }
                    }
                }
					else{ ?>
				
                <div class="services">
                    <i class="fa fa fa-laptop"></i>
                    <h4>Responsive Design</h4>
                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                </div>				
                <div class="services">
                    <i class="fa fa fa-heart-o"></i>
                    <h4>ESY Customization</h4>
                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                </div>				
                <div class="services">
                    <i class="fa fa fa-html5"></i>
                    <h4>HTML and CSS3</h4>
                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                </div>
				
				<?php } ?>
				
            </div> 
            </div>
            
        </div>
    </div>
</section>
<div class="clearfix"></div>