<section class="google_review">
    <div class="container">
         <div class="row">
            <div class="col col-sm-12 page-content clearfix">
              <div class="featured-title-hold text-left clearfix">
                <h3 class="site-h1 animate text-center text-white" style="    color: silver;    margin-bottom: 40px;">Our Client Reviews</h3>
              </div>
            </div>
          </div>
         
    <div class="row">
        <div class="col-sm-3">
            <div class="ti-footer source-Google">
  <div class="ti-large-logo">
    <div class="ti-v-center">
      <img class="ti-logo-fb" src="https://cdn.trustindex.io/assets/platform/Google/logo.svg" width="150" height="25" alt="Google">
    </div>
  </div>
  <span class="fa-stars star-lg">
    <span class=" ti-star f"></span>
    <span class=" ti-star f"></span>
    <span class=" ti-star f"></span>
    <span class=" ti-star f"></span>
    <span class=" ti-star f"></span>
  </span>
  <div class="ti-rating-text">
    <strong class="ti-rating"> <?php echo $this->app->options->get('system.common.review_point');?> </strong>
    <span class="nowrap">Based on <strong><?php echo $this->app->options->get('system.common.total_reviews');?> reviews</strong>
    </span>
  </div>
</div>
        </div>
        <div class="col-sm-9">
            <div class="swiperr-slider" id="review-slider">
                <div class="swiper-wrapper">
                    
                    <?php
                    foreach($reviews as $k=>$v){
                       
                        ?>
                         <div class="swiper-slide text-s-inside">
   <h5><?php echo $v['title'];?></h5>
   <span class="ps-block__rating-items mb-6" style="font-size: 14px;">
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
     <i class="fa fa-star"></i>
   </span>
   <p class="pt-3 text-contetn-reveiew" style="min-height: 50px;">“<?php echo $v['content'];?>”     </p>
   <hr>
   <div class="d-flex">
     <div class="testi-imgs">
       <img src="<?php echo $this->app->apps->getBaseUrl('uploads/files/'.$v['banner']);?>" alt="<?php echo $v['title'];?>">
     </div>
     <h5 class="tt-hd">
       <br>
       <span></span>
     </h5>
   </div>
 </div>
                        <?php
                    }
                    ?>
                    
                </div>
                
            </div>
            
        </div>
    </div>
    </div>
</section>
   <script>
   jQuery(function(){
        setTimeout(function(){
         jQuery.each(jQuery('.text-contetn-reveiew'),function(){
             jQuery(this).attr('m-height',jQuery(this).height())
            if(jQuery(this).height() >80){
                    jQuery(this).addClass('m-height')
                jQuery(this).after('<a href="javascript:void(0)" onclick="toggleme(this)" class="read-more">Read More</a><a href="javascript:void(0)" onclick="toggleme(this)"  class="read-less">Read Less</a>');
            }
       })
        }, 1000);
   })
   </script>
      <script>
    
  $(function(){ 
       
         new Swiper('#review-slider', {
    speed: 400,
    loop: false,
    autoplay:  true,  
    
    breakpoints: {
      320: {
        slidesPerView: 1,
        spaceBetween: 15
      },
      480: {
        slidesPerView: 1,
        spaceBetween: 10
      },
      640: {
        slidesPerView: 2,
        spaceBetween: 15
      },
      992: {
        slidesPerView: 2,
        spaceBetween: 15
      }
    }, 
  });
  
      });
	     
</script>