<section id="aboutus-section" class="aboutus-area home-aboutus">

    <?php
        $aboutus_image = get_theme_mod('aboutus_image'); 
    ?>
	<div class="<?php if(esc_attr(get_theme_mod('mobile_repair_center_aboutus_section_width','Box Width')) == 'Full Width'){ ?>container-fluid pd-0 <?php } elseif(esc_attr(get_theme_mod('mobile_repair_center_aboutus_section_width','Box Width')) == 'Box Width'){ ?> container <?php }?>">
        
        <div class="row m-0">  
            <div class="imgbx">
                <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/abtl1.jpg" />';
                        }
                    ?>
                    <div class="deliverybox">
                        <i class="fa-solid fa-phone"></i>
                        <p><?php echo esc_html(get_theme_mod('aboutus_phonenumbox')); ?></p>
                    </div>
                </div>	
    		</div>

            <div class="abtdetail">
                <div class="detailbxinn">
                    <div class="abt-subtitle">
                        <h4><?php echo esc_html(get_theme_mod('aboutus_subtitle')); ?></h4>
                    </div>
                    <div class="abt-dbx">
                        <h2><?php echo esc_html(get_theme_mod('aboutus_title')); ?></h2>
                    </div>
                    <div class="abt-box">
                        <?php echo esc_html(get_theme_mod('aboutus_description')); ?>     
                    </div>
                    
                    <div class="lists row">
                        <div class="col-lg-6 col-md-6 col-sm-6 pl-0">
                            <p> <i class="fa-regular fa-circle-check"></i> <?php echo esc_html(get_theme_mod('aboutus_list1')); ?></p>
                            <p> <i class="fa-regular fa-circle-check"></i> <?php echo esc_html(get_theme_mod('aboutus_list2')); ?></p>
                            <p> <i class="fa-regular fa-circle-check"></i> <?php echo esc_html(get_theme_mod('aboutus_list3')); ?></p>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6  pl-0">
                            <p> <i class="fa-regular fa-circle-check"></i> <?php echo esc_html(get_theme_mod('aboutus_list4')); ?></p>
                            <p> <i class="fa-regular fa-circle-check"></i> <?php echo esc_html(get_theme_mod('aboutus_list5')); ?></p>
                            <p> <i class="fa-regular fa-circle-check"></i> <?php echo esc_html(get_theme_mod('aboutus_list6')); ?></p>
                        </div>
                    </div>

                    <div class="box row m-0">
                        <div class="col-lg-3 col-md-3 col-sm-12 box2">
                            
                                <div class="text">
                                    <h2><?php echo esc_html(get_theme_mod('aboutus_box1number')); ?></h2>
                                    <p><?php echo esc_html(get_theme_mod('aboutus_box1text')); ?></p>
                                </div>
                            
                        </div>   
                        <div class="col-lg-3 col-md-3 col-sm-12 box2">
                            
                                <div class="text">
                                    <h2><?php echo esc_html(get_theme_mod('aboutus_box2number')); ?></h2>
                                    <p><?php echo esc_html(get_theme_mod('aboutus_box2text')); ?></p>
                                </div>
                            
                        </div>

                        <div class="col-lg-3 col-md-3 col-sm-12 box2">
                            
                                <div class="text">
                                    <h2><?php echo esc_html(get_theme_mod('aboutus_box3number')); ?></h2>
                                    <p><?php echo esc_html(get_theme_mod('aboutus_box3text')); ?></p>
                                </div>
                            
                        </div>

                        <div class="col-lg-3 col-md-3 col-sm-12 box2">
                            
                                <div class="text">
                                    <h2><?php echo esc_html(get_theme_mod('aboutus_box4number')); ?></h2>
                                    <p><?php echo esc_html(get_theme_mod('aboutus_box4text')); ?></p>
                                </div>
                            
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="clearfix"></div>
        </div>
    </div>
</section>
