<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('driving_school_academy_aboutus_section_width','Box Width')) == 'Full Width'){ ?>container-fluid pd-0 <?php } elseif(esc_attr(get_theme_mod('driving_school_academy_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.png" />';
                        }
                    ?>
                </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">
                        <P><?php echo esc_html(get_theme_mod('aboutus_description')); ?></P>
                        
                        <P><?php echo esc_html(get_theme_mod('aboutus_description2')); ?></P> 
                    </div>
                    
                    <div class="lists "> 
                        <div class="listsbx ">                   
                            <p> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 text-primary flex-shrink-0 mt-1" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> <?php echo esc_html(get_theme_mod('aboutus_list1')); ?> </p>

                            <p> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 text-primary flex-shrink-0 mt-1" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> <span> <?php echo esc_html(get_theme_mod('aboutus_list2')); ?> </span></p>
                            <p> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 text-primary flex-shrink-0 mt-1" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> <span><?php echo esc_html(get_theme_mod('aboutus_list3')); ?> </span> </p>
                            
                        </div>
                        <div class="listsbx ">     
                            <p> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 text-primary flex-shrink-0 mt-1" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> <span><?php echo esc_html(get_theme_mod('aboutus_list4')); ?> </span></p>

                            <p> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 text-primary flex-shrink-0 mt-1" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> <span><?php echo esc_html(get_theme_mod('aboutus_list5')); ?> </span></p>

                            <p> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-5 h-5 text-primary flex-shrink-0 mt-1" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> <span><?php echo esc_html(get_theme_mod('aboutus_list6')); ?> </span></p>
                            <div class="clearfix"></div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="registration-box">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-doc">
                                <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z">
                                </path>
                                <path d="M14 2v5a1 1 0 0 0 1 1h5"></path>
                                <path d="m9 15 2 2 4-4"></path>
                            </svg>
                            <div class="regbx">
                                <div class="reg-label"><?php echo esc_html(get_theme_mod('aboutus_boxsubtitle')); ?> </div>
                                <div class="reg-number"><?php echo esc_html(get_theme_mod('aboutus_boxtitle')); ?> </div>
                            </div>

                        </div>
                        <div class="clearfix"></div>
                        <div class="abtbtn">
                            <a class="abtph"  href="tel:<?php echo esc_url(get_theme_mod('aboutus_btn_link')); ?>">
                                 <i class="fa-solid fa-phone"></i> <?php echo esc_html(get_theme_mod('aboutus_btn_text')); ?> 
                            </a>
                            <a class="learn" href="<?php echo esc_url(get_theme_mod('aboutus_bt2_link')); ?>">
                               <?php echo esc_html(get_theme_mod('aboutus_bt2_text')); ?> 
                            </a>
                            <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            
            <div class="clearfix"></div>
        </div>
    </div>
</section>
