.writtentestimonialpage{ background-color: var(--white-color);padding: 3rem 0px 3rem 0px;}
.writtentestimonialpage .mainheading{padding-bottom: 10px;}
.testimonialcontainer {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;justify-content: center;
}
 .testimonialcard{
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    height: 100%;
    background: #fff;
    border-radius: 0px 50px 0 50px;
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    flex: 0 1 calc(33.333% - 1.5rem);
    box-sizing: border-box;
    transition-duration: .2s;
    transition-property: transform;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  }
  .testimonialcard:hover
 {
    background-color:#fafef4;
    transform: translateY(-5px);
}

  .testicircle {
    width: 64px;
    height: 64px;
    background: #8E8E8E;
    color: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    transition: all 0.3s ease;
    font-family: var(--heading-font);
}
 .testicontent {
    flex: 1;text-align: left;
}
.testicontent .ttheading{font-size: 20px;font-weight: 600;font-family: var(--heading-font);}
.testicontent p{color: #6F6F6F;height: 200px;overflow: auto;padding-right: 10px;}
.testicontent p::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;border-radius:5px;background-color:#ddd}
.testicontent p::-webkit-scrollbar{width:5px;background-color:#f5f5f5}
.testicontent p::-webkit-scrollbar-thumb{border-radius:5px;box-shadow:inset 0 0 6px #0000004d;background-color:var(--accent-color);}
.stars {margin: 5px 0 10px 0;}
.filled{color: #f4c20d;}
.person{font-size: 10px;color: #6F6F6F;}
.testimonialcard:hover .testicircle{ background-color: var(--accent-color);}

/* Start of Mini Desktop View */
@media screen and (max-width: 1400px) and (min-width:1301px) {
.writtentestimonialpage{padding: 2rem 0px 2rem 0px;}
.testimonialcard {padding: 1rem;flex: 0 1 calc(33.33% - 1rem);}
.testimonialcontainer {justify-content: center;}
.testicontent p{font-size: 15px;}
.testicontent .ttheading {font-size: 18px;}
}

/* Start of Mini Desktop View */
@media screen and (max-width: 1300px) and (min-width:1201px) {
.writtentestimonialpage{padding: 2rem 0px 2rem 0px;}
.testimonialcard {padding: 1rem;flex: 0 1 calc(50% - 1rem);}
.testimonialcontainer {justify-content: center;}
.testicontent p{font-size: 15px;}
.testicontent .ttheading {font-size: 18px;}
}

/* Start of Mini Desktop View */
@media screen and (max-width: 1200px) and (min-width:1101px) {
.writtentestimonialpage{padding: 2rem 0px 2rem 0px;}
.testimonialcard {padding: 1rem;flex: 0 1 calc(50% - 1rem);}
.testimonialcontainer {justify-content: center;}
.testicontent p{font-size: 15px;}
.testicontent .ttheading {font-size: 18px;}
}

/* Start of Ipad Pro View */
@media screen and (max-width: 1100.98px) and (min-width:992px) {
.writtentestimonialpage{padding: 2rem 0px 2rem 0px;}
.testimonialcard {padding: 1rem;flex: 0 1 calc(50% - 1rem);}
.testimonialcontainer {justify-content: center;}
.testicontent p{font-size: 15px;}
.testicontent .ttheading {font-size: 18px;}
}

/* Start of Ipad View */
@media screen and (max-width: 991.98px) and (min-width:768px) {
.writtentestimonialpage{padding: 2rem 0px 2rem 0px;}
.testimonialcard {padding: 1rem;flex: 0 1 calc(100% - 1rem);}
.testimonialcontainer {justify-content: center;}
.testicontent p{font-size: 15px;}
.testicontent .ttheading {font-size: 18px;}
}

/* Start of Mini Ipad View */
@media screen and (max-width: 767.98px) and (min-width:600px) {
.writtentestimonialpage{padding: 2rem 0px 2rem 0px;}
.testimonialcard {padding: 1rem;flex: 0 1 calc(100% - 1.5rem);}
.testimonialcontainer {justify-content: center;}
.testicontent p{font-size: 15px;}
.testicontent .ttheading {font-size: 18px;}
}

/* Start of Mobile View */
@media screen and (max-width: 599.98px) and (min-width:320px) {
.writtentestimonialpage{padding: 15px 0px 15px 0px;}
.testimonialcard {flex: 0 1 100%;padding: 12px;gap: 10px;}
.writtentestimonialpage p{font-size: 15px;}
.testicontent p{height: auto;overflow: unset;}
.testimonialcontainer {gap: 10px;}
.person{font-size: 8px;}
.testicontent .ttheading {font-size: 18px;}
}