.testimonialpage{background: #fff;padding: 5rem 5% 4rem 5%;}
.mainHeading{text-align: center;margin-bottom: 10px;}
.testimonialsrow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;justify-content: space-between;
    align-items: stretch;
    margin: 0px auto 0 auto;
    width: 100%;
    position: relative;
}
.testimonialcard {
  background: #fff;
  padding: 2rem 1.6rem 2rem 2rem;
  position: relative;
  border: 1px solid #E2E2E2;
  backdrop-filter: blur(12px);
  box-shadow: 0px 10px 28px 0px #00000014;
  transition: all 0.3s ease;
}
.testimonialcard:hover {
  transform: translateY(-10px);
}

.testimonial-quote-mark {
  color: #56c5b8; top:-22px; left:7%;
  line-height: 1;position: absolute;
  font-family: var(--font-marcellus);
  margin-bottom: 32px;
}

.testimonial-text{
  margin: 0 0 25px 0px;
  color: #787878;
  font-size: 17px;
  line-height: 1.8;
  font-style: italic;
  letter-spacing: 2%;
  overflow: auto;
  height: 210px;
  font-weight: 500;
  padding-right: 10px;
}
.testimonial-text::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;border-radius:5px;background-color:#ddd}
.testimonial-text::-webkit-scrollbar{width:5px;background-color:#f5f5f5}
.testimonial-text::-webkit-scrollbar-thumb{border-radius:5px;box-shadow:inset 0 0 6px #0000004d;background-color:#858585;}
.testimonial-name {
  display: block;
  color: var(--default-color);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.testimonial-stars {
  color: #f5ab1d;
  font-size: 16px;
  letter-spacing: 2px;
}

/* Start of Mini Desktop Screen */
@media screen and (max-width: 1300.98px) and (min-width: 1201px) {
.testimonialpage {padding: 3rem 3% 3rem 3%;}
.testimonialsrow {grid-template-columns: 1fr 1fr 1fr; gap: 1rem;width: 100%;} 
.testimonialcard {padding: 1.5rem 1.5rem 1.5rem 1.5rem;margin: 15px 0px;}
.testimonial-text{margin: 0 0 10px 0px;font-size: 16px; line-height: 1.6;}
.loadmorebox {margin-top: 10px;}
.viewdetailsbtn {padding: 10px 20px;}
.testimonial-name {font-size: 15px;}
.testimonial-quote-mark {left: 6%;}
}


/* Start of Mini Desktop Screen */
@media screen and (max-width: 1200.98px) and (min-width: 1101px) {
.testimonialpage {padding: 3rem 3% 3rem 3%;}
.testimonialsrow {grid-template-columns: 1fr 1fr 1fr; gap: 1rem;width: 100%;} 
.testimonialcard {padding: 1.5rem 1rem 1rem 1rem;margin: 15px 0px;}
.testimonial-text{margin: 0 0 10px 0px;font-size: 16px; line-height: 1.6;}
.loadmorebox {margin-top: 10px;}
.viewdetailsbtn {padding: 10px 20px;}
.testimonial-name {font-size: 15px;}
.testimonial-quote-mark {left: 5%;}
}

/* Start of IPad Pro Screen */
@media screen and (max-width: 1100.98px) and (min-width: 992px) {
.testimonialpage {padding: 3rem 4% 3rem 4%;}
.testimonialsrow {grid-template-columns: 1fr 1fr; gap: 1rem;width: 100%;} 
.testimonialcard {padding: 1.5rem;margin: 10px 0px;}
.testimonial-text{margin: 0 0 10px 0px;font-size: 16px; line-height: 1.6;}
.loadmorebox {margin-top: 10px;}
.viewdetailsbtn {padding: 10px 20px;}
.testimonial-name {font-size: 15px;}
.testimonial-quote-mark {left: 5%;}
}
/* Start of IPad Screen */
@media screen and (max-width: 991.98px) and (min-width: 768px) {
.testimonialpage {padding: 2rem 4% 2rem 4%;}
.testimonialsrow {grid-template-columns: 1fr 1fr; gap: 10px;width: 100%;} 
.testimonialcard {padding: 1.5rem 1rem 1rem 1rem;margin: 10px 0px;}
.testimonial-text{margin: 0 0 10px 0px;font-size: 16px; line-height: 1.6;}
.loadmorebox {margin-top: 10px;}
.viewdetailsbtn {padding: 10px 20px;}
.testimonial-name {font-size: 15px;}
.testimonial-quote-mark {left: 5%;}
}

/* Start of Mobile/Iphone Screen */
@media screen and (max-width: 767.98px) and (min-width: 320px) {
.testimonialpage {padding: 2rem 4% 2rem 4%;}
.testimonialsrow {grid-template-columns: 1fr; gap: 10px;width: 100%;} 
.testimonialcard {padding: 1.5rem 1rem 1rem 1rem;margin: 10px 0px;}
.testimonial-text{margin: 0 0 10px 0px;font-size: 16px; line-height: 1.6;}
.loadmorebox {margin-top: 10px;}
.viewdetailsbtn {padding: 10px 20px;}
.testimonial-name {font-size: 15px;}
.testimonial-quote-mark {left: 5%;}
}