<?php if (!get_theme_mod('eco_solar_energy_service_display', true)) {
    return;
} ?>

<!-- //////////////////////////////// about section end///////////////////////////////-->
<section class="service-section" id="primaryid">
    <div class="container">
        <div class="row d-flex ">

            <div class="col-lg-3 col-md-6 col-12 mt-4">
                <div class="service-heading">
                    <h1> <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_title', 'Our Services')) ?>
                    </h1>
                    <p> <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_text', 'Lorem Ipsum is simply dummy text the printing and typesetting industry.')) ?>
                    </p>
                    <a href="<?php echo esc_url( get_theme_mod('eco_solar_energy_servicesection_buttonurl1', '#') ); ?>">
    <?php echo esc_html( get_theme_mod('eco_solar_energy_servicesection_buttontext1', 'View All') ); ?>
    <span>
        <i class="fa-regular <?php echo esc_html( get_theme_mod('solar_serviceicon1', 'fa-solid fa-solar-panel') ); ?>"></i>
    </span>
</a>

                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-12">
                <div class="service-content">

               <div class="service-img">
                     <?php $eco_solar_energy_image1 = get_theme_mod('eco_solar_energy_service_image1'); ?>
                            <?php if ($eco_solar_energy_image1 == '') { ?>
                                <img src="<?php echo esc_url(get_template_directory_uri() . "/assets/images/serviceimg1.png"); ?>"
                                    class="w-100">
                            <?php } else { ?>
                                <img src="<?php echo esc_url(get_theme_mod('eco_solar_energy_service_image1')); ?>"
                                    class="w-100">
                            <?php } ?>
               </div>

<div class="img-content">
                    <h1> <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_title1', 'Expert Technical Team')) ?>
                    </h1>
                    <p> <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_text1', "Lorem Ipsum is simply dummy text of the printing and typesetting ")) ?>
                    </p>
                    <a href="">
                        <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_buttontext1', 'Read More')) ?></a>
                </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-12">
                <div class="service-content">

               <div class="service-img">
                     <?php $eco_solar_energy_image2 = get_theme_mod('eco_solar_energy_service_image2'); ?>
                            <?php if ($eco_solar_energy_image2 == '') { ?>
                                <img src="<?php echo esc_url(get_template_directory_uri() . "/assets/images/serviceimg2.png"); ?>"
                                    class="w-100">
                            <?php } else { ?>
                                <img src="<?php echo esc_url(get_theme_mod('eco_solar_energy_service_image2')); ?>"
                                    class="w-100">
                            <?php } ?>
               </div>

<div class="img-content">
                    <h1> <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_title2', 'Expert Technical Team')) ?>
                    </h1>
                    <p> <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_text2', "Lorem Ipsum is simply dummy text of the printing and typesetting ")) ?>
                    </p>
                    <a href="">
                        <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_buttontext2', 'Read More')) ?></a>
                </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-12">
                <div class="service-content">

               <div class="service-img">
                     <?php $eco_solar_energy_image3 = get_theme_mod('eco_solar_energy_service_image3'); ?>
                            <?php if ($eco_solar_energy_image3 == '') { ?>
                                <img src="<?php echo esc_url(get_template_directory_uri() . "/assets/images/serviceimg3.png"); ?>"
                                    class="w-100">
                            <?php } else { ?>
                                <img src="<?php echo esc_url(get_theme_mod('eco_solar_energy_service_image3')); ?>"
                                    class="w-100">
                            <?php } ?>
               </div>

<div class="img-content">
                    <h1> <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_title3', 'Expert Technical Team')) ?>
                    </h1>
                    <p> <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_text3', "Lorem Ipsum is simply dummy text of the printing and typesetting ")) ?>
                    </p>
                    <a href="">
                        <?php echo esc_html(get_theme_mod('eco_solar_energy_servicesection_buttontext3', 'Read More')) ?></a>
                        </div>
                </div>
            </div>


            
      

    </div>

    </div>
</section>
<!-- //////////////////////////////// service section end///////////////////////////////-->