.testimonials-section{
  width:100%;
  padding:40px 0;
}

.testimonial-slider{
  width:100%;
  position: relative;
  display:block;
  align-items:center;
  padding: 0 70px;
}

.slider-container{
    width: 100%;
    max-width: calc((340px * 3) + (24px * 2));
    min-height: 450px;
    overflow:hidden;
    margin: 0 auto;
    padding-bottom: 20px;
    touch-action: pan-y;
    cursor: grab;
}

.slider-track{
    display:flex;
    gap:24px;
    transition: transform 0.4s ease-in-out;
    will-change: transform;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.slider-container.is-dragging{
    cursor: grabbing;
}

.testimonial-card{
  /*flex:0 0 calc((100% - 48px) / 3);*/
  flex: 0 0 340px;
  box-sizing: border-box;
  height: 407px;
  background:#fff;
  border-radius:24px;
  padding:30px;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.03));
  margin-top: 20px;
  display: grid;
  grid-template-rows: 82px 154px 28px 24px 60px;
  transition: height .3s ease;
}

.testimonial-card.expanded{
  height: auto;
  min-height: 407px;
  grid-template-rows: 82px auto 28px 24px 60px;
}

.quote{
    font-family: "Poppins", sans-serif;
    font-size: 6rem;
    font-weight: 500;
    font-style: normal;
    color:#B4D000;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: .85;
}

.testimonial-text{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color:#1f2955;
  font-size:1rem;
  line-height:1.6;
  height:154px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.testimonial-text.expanded{
  display: block;
  height: auto;
  -webkit-line-clamp: unset;
}

.read-more-btn{
  align-self: flex-start;
  justify-self: start;
  border: 0;
  background: transparent;
  color:#0b7ec2;
  cursor:pointer;
  font-family: "Poppins", sans-serif;
  font-size:.88rem;
  font-weight:600;
  height:20px;
  text-align:left;
  margin:0;
  padding:0;
}

.read-more-btn[hidden]{
  display:block;
  visibility:hidden;
  pointer-events:none;
}

.read-more-btn:hover{
  color:#1f2955;
}

.line{
  width:60px;
  height:4px;
  background:#B4D000;
  border-radius:10px;
  margin:0;
}

.testimonial-footer{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:0;
}

.testimonial-footer img{
  width:60px;
  height:60px;
}

.user-info{
  flex:1;
}

.user-info h4{
    font-family: "Poppins", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    font-style: normal;
    color:#171b35;
    margin-top: 5px;
    margin-bottom: 0;
}

.user-info span{
    font-family: "Poppins", sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color:#171b35;
}

.stars{
  color:#ffbf00;
  font-size:18px;
}

.slider-btn{
  position: absolute;
  top: 50%;
  z-index: 8;
  width:50px;
  height:50px;
  border:none;
  border-radius:50%;
  background:#fff;
  box-shadow:0 5px 15px rgba(0,0,0,.1);
  cursor:pointer;
  font-size:22px;
  color:#1f2955;
  flex-shrink:0;
  transition: all .3s ease;
  transform: translateY(-50%);
}

.slider-btn:hover{
  transform:translateY(-50%) scale(1.05);
}

.slider-btn.prev {
  left: 0;
}

.slider-btn.next {
  right: 0;
}

@media (hover: none), (pointer: coarse) {
  .slider-btn:hover {
    transform: none;
  }
}

/* Tablet */

@media(min-width:769px) and (max-width:1100px){

    .testimonial-slider{
        padding: 0 32px;
    }

    .slider-container{
        max-width: calc((300px * 2) + 20px);
        min-height: 430px;
    }

    .slider-track{
        gap:20px;
    }

    .testimonial-card{
        flex:0 0 300px;
        height:390px;
        padding:26px;
        grid-template-rows: 76px 144px 26px 20px 58px;
    }

    .testimonial-card.expanded{
        min-height:390px;
    }

    .testimonial-text{
        height:144px;
        line-height:1.5;
    }

    .slider-btn{
        width:42px;
        height:42px;
        font-size:20px;
    }

}

@media(min-width:993px) and (max-width:1100px){

    .slider-container{
        max-width: calc((320px * 2) + 22px);
    }

    .slider-track{
        gap:22px;
    }

    .testimonial-card{
        flex-basis:320px;
    }

}

@media(max-width:992px){

    .testimonial-slider{
        padding: 0 32px;
    }

    .slider-container{
        max-width: calc((300px * 2) + 20px);
    }

    .testimonial-card{
        flex:0 0 300px;
    }

}
    
/* Mobile */

@media(max-width:768px){

    .testimonial-slider{
        padding: 0 46px;
    }

    .slider-container{
        max-width: min(100%, 340px);
    }

    .testimonial-card{
        flex:0 0 100%;
        padding:24px;
    }

    .testimonial-text{
        height:154px;
    }

    .slider-btn{
        width:40px;
        height:40px;
        font-size:18px;
    }
}

@media(max-width:420px){

    .testimonial-slider{
        padding: 0 42px;
    }

    .testimonial-card{
        padding:22px;
    }
}