<div class="col-md-12">
        <div class="row">
            <div class="col-md-4 mentor-session-card text-center pt-20 ">
                <div>
                    {{{image_link}}}
                </div>
                <h1 class="mentor-detail-name">{{{mentor_name}}}</h1>
                <div class="mt-n5 mentor-tag">
                    <span class="">
                        <i class="fa fa-user-secret mr-2" aria-hidden="true"></i>
                    </span>
                    <span>Mentor</span>
                </div>
                <div class="mentor-rating">
                    <span class="">
                    {{{ratingcounts}}}
                    </span> 
                    {{{ratingstardata}}}
                   
                    <span class="ml-2" style="font-size:12px">({{{countrating}}} Reviews)</span>
                </div>
<!--                <a class="btn chat-btn mt-4 mb-30 mentor-chat-btn"  href={{{letschat}}}>
                <span>  Lets chat </span>  <i class="fa fa-commenting-o" aria-hidden="true"></i> 
                </a>-->
            </div>
            <div class="col-md-8 mentor-session-card">
                    <section class="p-20">
                        <div class="title">ABOUT ME</div>

                        <div class="about-content">
                            <b>Domain Skills</b>
                        </div>
                        <div class="headline truncated mt-10">{{{domainname}}}</div>
                        
                        <div class="about-content">
                            <p>{{{shortbio}}}</p>
                        </div>
                        <div class="d-flex justify-content-between mob-d-block">
                            <div class="float-left">
                                <span>
                                <!--<i class="fa fa-globe mr-1" aria-hidden="true"></i>--> Language Known: English
                                </span>
                            <!-- <span>
                                <i class="fa fa-clock-o ml-3 mr-1" aria-hidden="true"></i> Pacific Time (US & Canada) (-08:00)
                                </span> -->
                            </div>
                            <div class="float-right" style="font-size:18px;" >
                                <a href="{{{facebook}}}" target="{{{facebookblank}}}" ><span>
                                <i class="fa fa-github mr-1 " aria-hidden="true"></i> 
                                </span></a>
                                <a href="{{{linkedin}}}" target="{{{linkedinblank}}}" ><span>
                                <i class="fa fa-linkedin-square mr-1" aria-hidden="true"></i>
                                </span></a>
                                <a href="{{{instagram}}}" target="{{{instagramblank}}}" ><span>
                                <i class="fa fa-stack-overflow mr-1" aria-hidden="true"></i>
                                </span></a>
                                <a href="{{{twitter}}}" target="{{{twitterblank}}}" ><span>
                                <i class="fa fa-twitter-square mr-1 border-rounded" aria-hidden="true"></i>
                                </span></a>
                              
                            </div>
                           
                        </div>
                    </section>
            </div>
        </div>
    </div>

    <div class="col-md-12 " >
        <div class="row">
            <div class="col-md-7 mentor-session-card"  >
                  <!-- Tab panes -->
                <div class="tab-content " style="height:600px; overflow:scroll;" >
                    <div class="title"  style="margin-top: 23px; margin-left: 30px;" >SESSION LIST</div>
                    <div id="active" class="container tab-pane active" >
                        <div class="col-md-12 text-center" >
                          
                            
                            <div class="d-flex justify-content-center" style="margin-top: -29px;margin-bottom: -30px;" >
                                <h6 class="free-radio-btn" >Free</h6>
                                <label class="switch">
  <input type="checkbox" id="free">
    <span class="slider round"></span>
</label>
                              
 <input type="hidden" id="setactive" value="1">                               
 <input type="hidden" id="mentorid" value="{{mentorid}}">                               
  <h6 class="paid-radio-btn" >Paid</h6>
</div>
                                   </div>
                          <section class="p-15 mob-p-0">
                                <div id="replacediv">
                                {{#topicname}}
                                {{{.}}}
                                {{/topicname}}
                                </div>
                          </section>
                    </div>
                            </div>

            </div>
            <div class="col-md-5 mentor-session-card">
                 <section class="p-20">
                    <div class="title">REVIEWS FROM MENTEES</div>
                    {{#feedback}}
                     {{{.}}}
                    {{/feedback}}
                </section>

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