<section id="aboutus-section" class="aboutus-area home-aboutus">
    <?php
        $aboutus_image = get_theme_mod('aboutus_image'); 
        $aboutus_imag2 = get_theme_mod('aboutus_imag2'); 
    ?>
	<div class="<?php if(esc_attr(get_theme_mod('automotive_mechanic_aboutus_section_width','Box Width')) == 'Full Width'){ ?>container-fluid pd-0 <?php } elseif(esc_attr(get_theme_mod('automotive_mechanic_aboutus_section_width','Box Width')) == 'Box Width'){ ?> container <?php }?>">   
        <div class="row m-0">  
            <div class="imgbx">  
                <div class="row m-0">
                    <div class="abtimg">              
                        <?php 
                            if(!empty($aboutus_image)){
                                echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($aboutus_image).'"  />';
                            }else{
                                echo '<img src="'.get_template_directory_uri().'/assets/images/abt1.jpg" />';
                            }
                        ?>
                        <div class="abt_img_txtbx">  
                            <div class="row">
                                <div class="phicnbx">
                                    <i class="fa-regular fa-comments"></i>
                                </div>
                                <div class="phtxtbx">
                                    <h4><?php echo esc_html(get_theme_mod('aboutus_imgphonnumheading')); ?></h4>
                                    <h5><?php echo esc_html(get_theme_mod('aboutus_imgphonnum')); ?></h5>
                                </div>
                            </div>
                        </div>
                    </div>	
                    <div class="abtimg2">
                        <?php 
                            if(!empty($aboutus_imag2)){
                                echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($aboutus_imag2).'"  />';
                            }else{
                                echo '<img src="'.get_template_directory_uri().'/assets/images/abt2.jpg" />';
                            }
                        ?>
                    </div>
                </div>
    		</div>
            <div class="abtdetail">
                <div class="detailbxinn">
                    <div class="abt-dbx">
                        <div class="headimg">
                            <?php 
                                if(!empty($serhead_image)){
                                    echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($serhead_image).'"  />';
                                }else{
                                    echo '<img src="'.get_template_directory_uri().'/assets/images/titleimg.png" />';
                                }
                            ?>
                        </div>
                        <h4><?php echo esc_html(get_theme_mod('aboutus_subtitle')); ?></h4>
                        <h2><span><?php echo esc_html(get_theme_mod('aboutus_spantitle')); ?></span> <?php echo esc_html(get_theme_mod('aboutus_title')); ?></h2>
                    </div>
                    <div class="abt-cont">
                        <div class="row mr-0">
                            <div class="col-lg-6 col-md-6 col-sm-12">
                                <div class="box1 contbx">
                                    <div class="row">
                                        <div class="cnt-icnbx">
                                            <i class="fa fa-cog" aria-hidden="true"></i>
                                        </div>
                                        <h2><?php echo esc_html(get_theme_mod('aboutus_box1heading')); ?></h2>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12">
                                <div class="box2 contbx">
                                    <div class="row">
                                        <div class="cnt-icnbx">
                                        <i class="fa fa-cog" aria-hidden="true"></i>
                                        </div>
                                        <h2><?php echo esc_html(get_theme_mod('aboutus_box2heading')); ?></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="abt-description">
                        <p><?php echo esc_html(get_theme_mod('aboutus_description')); ?></p>
                    </div>
                    <div class="lists">
                        <li><?php echo esc_html(get_theme_mod('aboutus_list1')); ?></li>
                        <li><?php echo esc_html(get_theme_mod('aboutus_list2')); ?></li>
                        <li><?php echo esc_html(get_theme_mod('aboutus_list3')); ?></li>
                    </div>
                    <div class="abt-btn">
                        <a class="l_more" href="<?php echo esc_html(get_theme_mod('aboutus_readmorebtn_link')); ?>">
                            <?php esc_html_e('Read More','automotive-mechanic'); ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
