<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('cctv_security_camera_aboutus_section_width','Box Width')) == 'Full Width'){ ?>container-fluid pd-0 <?php } elseif(esc_attr(get_theme_mod('cctv_security_camera_aboutus_section_width','Box Width')) == 'Box Width'){ ?> container <?php }?>">   
        <div class="row m-0">  
            <div class="imgbx">             
                <div class="abtimg">
                <div class="brd"></div>              
                    <?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.png" />';
                        }
                    ?>
                    <div class="bgbx"></div>
                </div>	
      
    		</div>
            <div class="abtdetail">
                <div class="detailbxinn">
                    <div class="abt-dbx">
                        <h2>
                            <div class="tlebrd"></div>
                            <?php echo esc_html(get_theme_mod('aboutus_title')); ?> <span><?php esc_html_e('CyberGuard','cctv-security-camera'); ?></span>
                        </h2>
                    </div>
                    <div class="abt-description">
                        <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="abt-counter">
                        <div class="row abtbx">
                            <div class=" abtsingle-top">
                                <div class="abtcd-single">
                                    <div class="abtcouicn">
                                        <i class="fa-solid fa-shield-halved"></i>
                                    </div>
                                    <div class="abtd-bx">
                                        <h4 class="abtcount"><?php echo esc_html(get_theme_mod('aboutus_box1heading')); ?></h4>
                                        <p><?php echo esc_html(get_theme_mod('aboutus_box1description')); ?></p>
                                    </div>
                                </div>
                            </div>
                            <div class=" abtsingle-top">
                                <div class="abtcd-single">
                                    <div class="abtcouicn">
                                        <i class="fa-solid fa-shield-halved"></i>
                                    </div>
                                    <div class="abtd-bx">
                                        <h4 class="abtcount"><?php echo esc_html(get_theme_mod('aboutus_box2heading')); ?></h4>
                                        <p><?php echo esc_html(get_theme_mod('aboutus_box2description')); ?></p>
                                    </div>
                                </div>
                            </div>
                            <div class=" abtsingle-top">
                                <div class="abtcd-single">
                                    <div class="abtcouicn">
                                        <i class="fa-solid fa-shield-halved"></i>
                                    </div>
                                    <div class="abtd-bx">
                                        <h4 class="abtcount"><?php echo esc_html(get_theme_mod('aboutus_box3heading')); ?></h4>
                                        <p><?php echo esc_html(get_theme_mod('aboutus_box3description')); ?></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--  -->

                    <div class="abt-feature">
                        <div class="Rtxtbx">
                            <div class="box box1">
                                <div class="row">
                                    <div class="conbox">
                                        <div class="boxtitle">
                                            <h2><i class="fa-regular fa-clock"></i> <?php echo esc_html(get_theme_mod('aboutus_featuretext1')); ?></h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="box box2">
                                <div class="row">           
                                    <div class="conbox">
                                        <div class="boxtitle">
                                            <h2><i class="fa-regular fa-clock"></i> <?php echo esc_html(get_theme_mod('aboutus_featuretext2')); ?></h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="box box3">
                                <div class="row">
                                    <div class="conbox">
                                        <div class="boxtitle">
                                            <h2><i class="fa-regular fa-clock"></i><?php echo esc_html(get_theme_mod('aboutus_featuretext3')); ?></h2>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    <!-- <div class="features">
                        <div class="features1">
                            <h2><?php echo esc_html(get_theme_mod('aboutus_featuretext1')); ?></h2>
                        </div>
                        <div class="features2">
                            <h2><?php echo esc_html(get_theme_mod('aboutus_featuretext2')); ?></h2>
                        </div>
                        <div class="features3">
                            <h2><?php echo esc_html(get_theme_mod('aboutus_featuretext3')); ?></h2>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
</section>
