  <!-- main area start -->
    <?php $loop= $instance['loop'] ;
   $auto_play= $instance['auto_play'] ;
  $autoplay_timeout= $instance['autoplay_timeout'] ;
   $dots= $instance['dots'] ;
     $nav= $instance['nav'] ;
  ?>
	<main>
        <!-- hero start -->
     <section class="hero hero-style-one wow">
            <div class="hero-inner hero-height pos-rel radius-20">
			<?php
			$image_url = "";
                if ( $instance['image'] != '' ){
                    $image_url = wp_get_attachment_image_src( $instance['image'], "swap-slider", false );
                }
             
                ?>
                <div class="hero-one-image bg_img" style="
    /* filter: invert(12); */
    filter: brightness(0.75) contrast(1.15) saturate(1.2) sepia(0.15);
    max-width: 100% !important;
    background-size: cover;
    background-image: url('<?php echo esc_url( $image_url[0] ); ?>');
    background-repeat: no-repeat;
    ">
				</div>
                <div class="container-fluid px-50">
                    <div class="row align-items-end justify-content-between mt-none-30">
                        <div class="col-xl-12 ">
                            <div class="hero-content-two text-center">
                            <span class="xb-item--subtitle wow fadeInUp" data-wow-delay="200ms" data-wow-duration="500ms"><?php echo esc_attr( $instance['tagline'] ); ?></span>
                            <h2 class="xb-item--title wow fadeInUp" data-wow-delay="350ms" data-wow-duration="500ms" data-cursor="-opaque"><?php echo esc_attr( $instance['title'] ); ?></h2>
                            <div class="hero-content-bottom ul_li_center wow fadeInUp" data-wow-delay="500ms" data-wow-duration="500ms">
                                
                                
                              
                            </div>
                         
                        </div>
                         <div class="buttonpx-50">
                         <a href="<?php echo sow_esc_url_raw( $instance['button_url'] ); ?>" class="thm-btn thm-btn--sm ">
                                    <span><?php echo esc_attr( $instance['button_text'] ); ?></span>
                                </a>
                         </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>