 <!-- offcanvas start  -->
 <div class="open-offcanvas wcf--info-animated-offcanvas" data-content_source="<?php echo esc_attr($settings['content_source']); ?>" data-preset="<?php echo esc_attr($preset_style); ?>">
        <?php if( $settings['menu_button_text'] == '' ){ ?>
					    <?php if($bar !=''){ ?>
		                <img src="<?php echo esc_url($bar); ?>" />
		                <?php echo binox_get_attachment_image_html( $settings, 'thumbnail', 'sticky_bar', ['class' => 'wcf-sticky-bar'] ); ?>
		            <?php }else{ ?>
		                <span class="menu-icon-2 light-dash"><span></span></span>
		            <?php } ?>
	            <?php }else{ ?>
	                <?php echo esc_html($settings['menu_button_text']); ?>
	      <?php } ?>
	</div>
 <div class="offcanvas-5__area wcf-element-transfer-to-body wcf-offcanvas-gl-style">
    <div class="offcanvas-5__inner">
      <div class="offcanvas-5__logo-wrapper">
        <?php if($settings['show_logo'] == 'yes'){ ?>
        <div class="offcanvas-5__logo">
          <a href="<?php echo esc_url(home_url('/')); ?>"><img src="<?php echo $this->logo_image_url($size); ?>" alt="Logo"></a>
        </div>
        <?php } ?>
        <div class="offcanvas-5__close-button offcanvas-close__button-wrapper offcanvas--close--button-js">        
          <button class="text-close-button cross-button">       
           <?php if($settings['default_close_contentss'] =='yes') { ?>
                <div class="bars">                 
                  <span></span>
                  <span></span>
                </div>
					      <?php }else{ ?>
                  <?php echo esc_html( $settings[ 'close_text' ] ); ?>
                  <?php if(binox_render_elementor_icons($settings['close_icon'])){ ?>
  				          <div class="off-close-icon">
  						    <?php \Elementor\Icons_Manager::render_icon( $settings['close_icon'], [ 'aria-hidden' => 'true' ] ); ?>
  				          </div>
  					      <?php } ?>
					      <?php } ?>
          </button>  
        </div>
      </div>
      <div class="offcanvas-5__content-wrapper">       
        <?php          
          wp_nav_menu( array(
            'menu'            =>  $menu_selected,
            'container'       => 'nav', 
            'container_class' => 'offcanvas-5__menu', 
          ) );
        ?>
        <div class="offcanvas-5__meta-wrapper">
          <?php if(!empty($contact_info)){ ?>
            <div class="offcanvas-5__meta">
              <ul>
                 <?php foreach($contact_info as $contact){ ?> 
                    <li>  
                        <?php if($contact['list_type'] ==='address'){ ?>
                          <a><u><?php echo nl2br($contact['list_content']) ?></u></a>
                        <?php } ?>
                  </li>   
                  <?php } ?>
                  <li class="d-flex flex-column">
                  <?php foreach($contact_info as $contact){ ?>    
                    <?php if($contact['list_type'] ==='email'){ ?>
                      <a class="" href="mailto:<?php echo esc_attr($contact['link']); ?>"><?php echo esc_html($contact['list_content']) ?></a>
                    <?php } ?>
                    <?php if($contact['list_type'] ==='phone'){ ?>
                      <a href="tel:<?php echo esc_attr($contact['link']); ?>"><?php echo esc_html($contact['list_content']) ?></a>
                    <?php } ?>                       
                  <?php } ?>  
                  </li>
              </ul>
            </div>
          <?php } ?>
          <?php if(!empty($settings['follow_info'])){ ?>
          <div class="offcanvas-5__social">
            <h4 class="offcanvas-5__social-title"><?php echo $settings['social_heading']; ?></h4>
            <div class="offcanvas-5__social-links offcanvas__social__links">
              <?php foreach($settings['follow_info'] as $fol) {
               if ( ! empty( $fol['link']['url'] ) ) {               
                $this->add_link_attributes( 'follow_me_link', $fol['link'] );
              }
              ?>
                <a class="elementor-repeater-item-<?php echo esc_attr( $fol['_id'] ); ?>" <?php echo $this->get_render_attribute_string( 'follow_me_link' ); ?>><?php \Elementor\Icons_Manager::render_icon( $fol['icon'] , [ 'aria-hidden' => 'true' ] ); ?></a>
              <?php } ?>           
            </div>
          </div>
          <?php } ?>
        </div>
      </div>
      <?php if(!empty($settings['language_info'])){ ?>
      <div class="offcanvas-5__lang">
        <?php foreach($settings['language_info'] as $item) { ?>
          <a href="<?php echo esc_html($item['link']); ?>"><?php echo esc_html($item['list_title']); ?></a>
        <?php } ?>
      
      </div>
      <?php } ?>
    </div>
  </div>
  <!-- offcanvas end  -->