<main class="main-div home-slider">
   <div class="slider-bg" style="background-image:url(<?php if (get_theme_mod( "educrap_Banner_Section_bg_Image_Upload" )) { echo esc_url(get_theme_mod( "educrap_Banner_Section_bg_Image_Upload" )); } else{ echo esc_url(get_template_directory_uri(). '/assets/images/banner.png'); } ?>)">
      <div class="hero-slider-content">
         <div class="container">
            <div class="row">                
               <div class="col-lg-7 col-md-12 col-sm-12">
                   <div class="hero__content p-relative z-index-1">
                     <h3 class="hero__title"><?php echo esc_html(get_theme_mod( "educrap_Banner_Section_Title_Name",'Welcome to educrap blog' )); ?></h3>
                        <p><?php echo esc_html(get_theme_mod( "educrap_Banner_Section_Content_Textarea",'Impedit sit sunt quaerat, odit, tenetur error, harum nesciunt ipsum debitis quas aliquid.' )); ?></p>
                        <a href="<?php echo esc_url(get_theme_mod( "educrap_Banner_Btn_URl_Path",'#' ));?>" class="e-btn"><?php echo esc_html(get_theme_mod( "educrap_Banner_Section_Button_Text",'Learn More' )); ?></a>
                  </div>
               </div>
               <div class="slider-img">
                  <img src="<?php if (get_theme_mod( "educrap_Banner_Section_Image_Upload" )) { echo esc_url(get_theme_mod( "educrap_Banner_Section_Image_Upload" )); } else{ echo esc_url(get_template_directory_uri(). '/assets/images/slide.png'); } ?>" class="wow fadeInRight" data-wow-delay=".25s" data-wow-duration="1s"  data-wow-iteration="1" alt="">
               </div>
            </div>
         </div>
      </div>
   </div>
</main>