<section id="banner-section" class="banner-area home-banner <?php if(esc_attr(get_theme_mod('automotive_mechanic_banner_section_width','Box Width')) == 'Full Width'){ ?>container-fluid pd-0 <?php } elseif(esc_attr(get_theme_mod('automotive_mechanic_banner_section_width','Box Width')) == 'Box Width'){ ?> container <?php }?>">
    <?php
        $banner_image = get_theme_mod('banner_image'); 
        $banner_shortcode = get_theme_mod('banner_shortcode', '[Add Form shortcode]');
    ?>
    <div class="mainbanner">
        <div class="bann-immg">              
            <?php  
                if(!empty($banner_image)){
                    echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($banner_image).'"  />';
                }else{
                    echo '<img src="'.get_template_directory_uri().'/assets/images/bannerbg.png" />';
                }
            ?><div class="bann_lay"></div>
        </div>
        <!-- <div class="container">   -->
        <div class="m_contbx">  
            <div class="row">  
                <div class="b-contentbx">                    
                    <h4><?php echo esc_html(get_theme_mod('banner_heading')); ?></h4>
                    <p><?php echo esc_html(get_theme_mod('banner_description')); ?></p>
                    <div class="b_btn">
                        <a href="<?php echo esc_html(get_theme_mod('banner_btnlink')); ?>">
                            <?php esc_html_e('Read More','automotive-mechanic'); ?>
                        </a>
                    </div>
                </div>
                <div class="form">	
                    <?php if (is_plugin_active('contact-form-7/wp-contact-form-7.php')) { ?>
                    <div class="banner-form">  
                        <h3><?php echo esc_html(get_theme_mod('banner_formsubheading')); ?></h3> 
                        <h2><?php echo esc_html(get_theme_mod('banner_formheading')); ?></h2> 
                        <?php if($banner_shortcode){ ?> 
                            <div class="mainform">
                                <?php echo do_shortcode($banner_shortcode);?>
                            </div>
                        <?php } else {
                            echo '<p class="scerr">Add Form Shortcode from customizer.</p>';
                        } ?> 
                    </div>
                    <?php } else { 
                        echo '<p class="pulgininstallerror">Install and activate the <a href="https://wordpress.org/plugins/contact-form-7/" target="_blank">Contact Form 7 plugin</a> to use the form functionality.</p>';
                    } ?>
                </div>
            </div>
        </div>
        <!-- </div> -->
    </div>
    <div class="bannerbottombanner">
        <div class="row">
            <div class="col-lg-9 col-md-9 col-sm-12">
                <h2><?php echo esc_html(get_theme_mod('banner_bannerheading')); ?></h2>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12">
                <div class="bbtn">
                    <a href="<?php echo esc_html(get_theme_mod('banner_bannerbtnlink')); ?>">
                    <span><?php esc_html_e('Learn More','automotive-mechanic'); ?></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>


