<?php 
/**
 * Template part for displaying About Section
 *
 *@package prime-software-company
 */
    $prime_software_company_featured_about_section_aboutus_subheading          = prime_software_company_get_option( 'featured_about_section_aboutus_subheading' );
    $prime_software_company_featured_about_section_aboutus_heading          = prime_software_company_get_option( 'featured_about_section_aboutus_heading' );
    $prime_software_company_featured_about_section_aboutus_heading1          = prime_software_company_get_option( 'featured_about_section_aboutus_heading1' );
    $prime_software_company_featured_about_section_aboutus_description          = prime_software_company_get_option( 'featured_about_section_aboutus_description' );

    $prime_software_company_featured_about_section_imagetitle1          = prime_software_company_get_option( 'featured_about_section_imagetitle1' );
    $prime_software_company_featured_about_section_imagetitle2          = prime_software_company_get_option( 'featured_about_section_imagetitle2' );

$prime_software_company_featured_about_section_buttontext = prime_software_company_get_option('featured_about_section_buttontext');



    $prime_software_company_featured_about_section_bxtitle1 = prime_software_company_get_option('featured_about_section_bxtitle1');
$prime_software_company_featured_about_section_bxtitle3 = prime_software_company_get_option('featured_about_section_bxtitle3');
$prime_software_company_featured_about_section_bxtitle2 = prime_software_company_get_option('featured_about_section_bxtitle2');
$prime_software_company_featured_icon_about1 = prime_software_company_get_option('featured_icon_about1');
$prime_software_company_featured_icon_about2 = prime_software_company_get_option('featured_icon_about2');
$prime_software_company_featured_icon_about3 = prime_software_company_get_option('featured_icon_about3');

?>
<?php if (!get_theme_mod('primesoftwarecompany_enable_featured_about_section', true)) {
     return;
} ?>
<section id="featured-about">

    <div class="container-fluid ">
        <div class="row d-flex about-section-main">

         <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-xs-12 col-12 justify-items-center col-div col-div1">
                          
  <div class="row position-relative">
          <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 h-100 about-img-box">
            <div class="about-image1">
              <?php
              $prime_software_company_about_image1 = get_theme_mod('prime_software_company_about_image1');
              if (!empty($prime_software_company_about_image1)) {
                echo '<img alt="' . esc_html(get_the_title()) . '" src="' . esc_url($prime_software_company_about_image1) . '" />';
              } else {
                echo '<img alt="About us" src="' . get_template_directory_uri() . '/assets/images/About1.png"/>';
              }
              ?>
            </div>
          </div>

          <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 h-100 about-img-box">
            <div class="about-image2">
              <?php
              $prime_software_company_about_image2 = get_theme_mod('prime_software_company_about_image2');

              if (!empty($prime_software_company_about_image2)) {
                echo '<img alt="' . esc_html(get_the_title()) . '" src="' . esc_url($prime_software_company_about_image2) . '" />';
              } else {
                echo '<img alt="About us" src="' . get_template_directory_uri() . '/assets/images/About2.png"/>';
              }
              ?>
            </div>
          </div>

          <!-- Center Box Between Images -->
          <div class="about-image-top-box">
            <p class="top-box-num"><?php echo ($prime_software_company_featured_about_section_imagetitle1); ?></p>
            <p class="top-box-text"><?php echo ($prime_software_company_featured_about_section_imagetitle2); ?></p>
          </div>
        </div>

            </div>
            
            <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-xs-12 col-12 col-div <?php echo esc_attr(get_theme_mod('prime_software_company_featured_about_onload_effects', 'wow zoomIn')); ?>">

                <div class="myside">
                    <div class="col-sm-12 col-12 img-h2">
                        <!-- heading 1st -->
                        <h2 class="main-heaing"><?php echo ($prime_software_company_featured_about_section_aboutus_subheading); ?></h2>
                    </div>
                    <div class="col-sm-12 col-12 heading-2nd">
                        <!-- heading 2nd -->
                        <h2 class="sub-heaing1"><?php echo ($prime_software_company_featured_about_section_aboutus_heading); ?></h2>
                        <!-- <h2 class="sub-heaing2"></?php echo ($prime_software_company_featured_about_section_aboutus_heading1); ?></h2> -->
                    </div>
                    <div class="col-sm-12 col-12 description">
                        <p><?php echo ($prime_software_company_featured_about_section_aboutus_description); ?></p>
                    </div>
                    <div class="col-xl-12 col-lg-12 col-md-12 plans mb-5">

            <div class="row align-items-center mb-3">
              <div class="col-lg-1 col-md-1 col-1">
                <i class="<?php echo ($prime_software_company_featured_icon_about1); ?>" aria-hidden="true"></i>
              </div>
              <div class="col-lg-10 col-md-10 col-11">
                <h3><?php echo ($prime_software_company_featured_about_section_bxtitle1); ?></h3>
              </div>
            </div>

            <div class="row align-items-center mb-3">
              <div class="col-lg-1 col-md-1 col-1">
                <i class="<?php echo ($prime_software_company_featured_icon_about2); ?>" aria-hidden="true"></i>
              </div>
              <div class="col-lg-10 col-md-10 col-11 ">
                <h3><?php echo ($prime_software_company_featured_about_section_bxtitle2); ?></h3>
              </div>
            </div>

            <div class="row align-items-center mb-3">
              <div class="col-lg-1 col-md-1 col-1">
                <i class="<?php echo ($prime_software_company_featured_icon_about3); ?>" aria-hidden="true"></i>
              </div>
              <div class="col-lg-10 col-md-10 col-11 ">
                <h3><?php echo ($prime_software_company_featured_about_section_bxtitle3); ?></h3>
              </div>
            </div>
                    </div>




<?php if (!empty($prime_software_company_featured_about_section_buttontext)): ?>
    <div class="button">
        <a href="<?php echo esc_url(get_theme_mod('theme_options[featured_about_section_buttonurl]', '#')); ?>">
            <?php echo esc_html($prime_software_company_featured_about_section_buttontext); ?>
        </a>
    </div>
<?php endif; ?>





                </div>

            </div>
           
           
        </div>

    </div>
</section>
