<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('veterinary_clinic_aboutus_section_width','Box Width')) == 'Full Width'){ ?>container-fluid pd-0 <?php } elseif(esc_attr(get_theme_mod('veterinary_clinic_aboutus_section_width','Box Width')) == 'Box Width'){ ?> container <?php }?>">
        <div class="heading">
            <h3><?php esc_html_e('Welcome to','veterinary-clinic'); ?>
            <div class="clearfix"></div>
                <span><?php echo esc_html(get_theme_mod('aboutus_heading')); ?></span>
                <div class="abtheadbrd">              
                    <svg xmlns="http://www.w3.org/2000/svg" width="120.042" height="6.942" viewBox="0 0 120.042 6.942">
                    <path id="Path_53" data-name="Path 53" d="M.2,0s8.7-4.577,38.453-4.577C50.883-4.577,66-.928,80.577,0a188.077,188.077,0,0,0,39.031-1.975" transform="translate(0.263 5.577)" fill="none" stroke="#ff4880" stroke-width="2" stroke-dasharray="7"></path>
                    </svg>
                </div>
            </h3>
           
        </div>
        <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/aboutimg2.png" />';
                        }
                    ?>
                </div>	
    		</div>
            <div class="abtdetail">
                <div class="detailbxinn">
                    <div class="abt-dbx">
                        <h4><?php echo esc_html(get_theme_mod('aboutus_subtitle')); ?></h4>
                        <h2><?php echo esc_html(get_theme_mod('aboutus_title')); ?></h2>
                    </div>
                    <div class="lists">
                        <h4><i class="fa fa-star" aria-hidden="true"></i> <?php echo esc_html(get_theme_mod('aboutus_list1')); ?></h4>
                        <h4><i class="fa fa-star" aria-hidden="true"></i> <?php echo esc_html(get_theme_mod('aboutus_list2')); ?></h4>
                        <h4><i class="fa fa-star" aria-hidden="true"></i> <?php echo esc_html(get_theme_mod('aboutus_list3')); ?></h4>
                        <h4><i class="fa fa-star" aria-hidden="true"></i> <?php echo esc_html(get_theme_mod('aboutus_list4')); ?></h4>    
                        <h4><i class="fa fa-star" aria-hidden="true"></i> <?php echo esc_html(get_theme_mod('aboutus_list5')); ?></h4>    
                    </div>
                    <div class="abt-btn">
                        <a href="<?php echo esc_html(get_theme_mod('aboutus_readmorebtn_link')); ?>">
                            <?php esc_html_e('Read More','veterinary-clinic'); ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
