<div class="spotlight spotlight-bg p-t-40 ">
  <div class="container">
    <div class="heading m-b-30">
      <h2>In The Spotlights</h2>
    </div>
    <div class="packages">
      <ul class="row">



         <?php

                $type = array( 'trek');

                 $bikashsoft_loop = new WP_Query( array(
                 'post_type' => $type,

                'posts_per_page' => '6',
                 'order'=>'ASC',


                'meta_key'=>'in_the_spotlights',

                'meta_value'=>'1',


              'suppress_filters' => true ));
             while($bikashsoft_loop->have_posts() ) : $bikashsoft_loop->the_post();
         ?>
        <li class="col-md-4 col-lg-4">
          <div class="package">
            <figure class="package-figure">
             <?php if(has_post_thumbnail()){
              the_post_thumbnail('package');
             }
             ?>
              <span class="package-date">Duration:<?php the_field('duration'); ?></span>

            </figure>
            <div class="package-body">
              <h3><a href="<?php the_permalink();?>"><?php the_title(); ?></a> </h3>

             <div class="package-btm d-flex justify-content-between m-b-10">
              <p><strong>Price :</strong>
              <i class="fa fa-eur "> </i>
              <?php the_field('price'); ?></p>



              <div class="package-rating">
                  <?php while( have_rows('rating') ): the_row();
                         $grade = get_sub_field('grade');
                         $star = get_sub_field('star');
                      ?>
                  <p class="grade">
                      <strong>Trip grade :</strong>
                  <img src="<?php echo get_template_directory_uri(); ?>/images/<?php echo $star ?>.png">
                  <div class="tooltip_description" style="display:none" title="">
                         <?php echo $grade; ?>
                         </div>
                  </p>
                  <?php endwhile; ?>
                  <!-- <i class="fa fa-star tooltipHover ">-->
                  <!--     <div class="tooltip_description" style="display:none" title="">-->
                  <!--          Easy-->
                  <!--       </div>-->
                  <!--</i>-->

                  <!--<i class="fa fa-star tooltipHover ">-->
                  <!--     <div class="tooltip_description" style="display:none" title="">-->
                  <!--          Easy-->
                  <!--       </div>-->


                  <!--</i>-->
                  <!--<i class="fa fa-star tooltipHover ">-->
                  <!--     <div class="tooltip_description" style="display:none" title="">-->
                  <!--          Moderate-->
                  <!--       </div>-->
                  <!--</i>-->
                  <!--<i class="fa fa-star tooltipHover ">-->
                  <!--     <div class="tooltip_description" style="display:none" title="">-->
                  <!--          Hard-->
                  <!--       </div>-->
                  <!--</i>-->
                  <!--<i class="fa fa-star tooltipHover ">-->
                  <!--     <div class="tooltip_description" style="display:none" title="Item 1 Description">-->
                  <!--          VeryHard-->
                  <!--       </div>-->
                  <!--</i>-->
                  <!--<i class="fa fa-star tooltipHover ">-->
                  <!--     <div class="tooltip_description" style="display:none" title="Item 1 Description">-->
                  <!--          Extreme-->
                  <!--       </div>-->
                  <!--</i>-->

              </div>
             </div>
             <div class="region d-flex justify-content-between align-items-start">
               <p class="region-title">



                  <?php

                  $args = array(
                    'hide_empty' => false,
                    'taxonomy'   => $taxonomy,
                    //'term_taxonomy_id'=>3,

                );

                $catlists = get_terms( $args );
                foreach( $catlists as $category ){
                  print_r($category);
                 }

                                ?>

                 <strong>Region :</strong>
                 <?php  echo $category->name; ?>


               </p>

                    <a href="<?php the_permalink(); ?>" class="btn btn-primary">View This Trip <i class="fa fa-long-arrow-right "></i></a>
             </div>


            </div>
          </div>
        </li>
         <?php endwhile; wp_reset_query(); ?>

      </ul>
    </div>
  </div>
</div>