<div class="col-md-12">
    <div class="row">
       <div class="col-md-8 pl-0 ">
           <div class="col-md-12 card mb-4 p-20"> 
              <div class="row">
                   <div class="col-md-9 ">
                      <div class="span9 mentor-details">
                            
                            <div class="d-flex justify-content-between mt-1 mb-1">
                                <div>  
                                   <span class="mentor-name"> {{mentor_name}} </span> 
                                </div>
                                <div class="ratings">
                                    <span class="ratingNum">
                                    {{! {{ratingcounts}} 
                                    {{! </span> <span> ★ </span>  <span> ★ </span>  <span> ★ </span>  <span> ★ </span>  <span> ★ </span>  }}

                                   <!-- <small>{{mentor_email}}</small></span> -->
                                </div>
                            </div>
                            <div class="headLine mt-1 mb-1">
                                <small>
                                {{rolesandresponsibilities}}
                                </small>
                            </div>
                            <div class="language mt-1 mb-1">
                                <div class="badge ">
                                    <span class="">
                                    English
                                    </span>
                                </div>
                            </div>
                            <div class="about-mentor mt-2 mb-2">
                              {{shortbio}}
                            </div>
                            <div class="expertise mt-1 mb-1">
                              {{! Domain Skills Details }}
                              {{{mentor_topic}}}
                              {{! Domain Skills Details }}
                            </div>
                        </div>
                  </div>
                  <div class="col-md-3">
                        {{#matching}}
                       <div class="mentor-search mentor-search-success " >
                          <div class="shape" data-toggle="tooltip" title="AI Recommended" aria-hidden="true">
                              <div class="shape-text text-center justify-content-around" >
                                  AI                         
                              </div>
                          </div>
                        </div> 
                        {{/matching}}
                      <div class="span3 text-center mentor-info">
                        <div class="mentor-profile-img">
                             {{{mentor_image}}}
                        </div>
                        {{! <div class="price mt-2 mb-2">
                            <strong>FREE</strong>
                        </div> }}
                        <a class="btn btn-primary" href="{{url}}">
                          <span style="font-size:10px;">VIEW DETAILS</span>
                        </a>
                        </div>
                  </div>
              </div>
           </div>
       </div>

       {{! Student -> Mentor Feedback }}
       {{#feedback}}
       <div class="col-md-4">
          <div class="review mb-3 mt-20">
              <div class="">
                  <span>
                      {{{student_image}}}
                  </span>
                  <span class="review-name">
                       {{student_name}}
                  </span>
              </div>
              <div class="review-content">
                  <p>
                  {{feedback}}
                  </p>
                  <span class="review-rating">
                    {{rating}}.0
                    </span> <span> ★ </span>  <span> ★ </span>  <span> ★ </span>  <span> ★ </span>  <span> ★ </span> 
                  </span>
              </div>
          </div>
        </div>
        {{/feedback}}
        {{! Student -> Mentor Feedback }}

    </div>
</div>

