:root {
    --star-size: 26px;
    --star-color: #fff;
    --star-background: #F3C300;
}

.rating {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    font-family: 'Comfortaa', serif;
    line-height: 1;
}

.rating::before {
    content: '★';
    letter-spacing: 10px;
    color: var(--star-background);
}

.testimonials-outer-container{width: 100%;}
.testimonials-list{width: 100%;}
.testimonial-box .container{background: #F5F5F5;flex-direction: column;border-radius: 40px;}

.description{font: var(--font22Light);line-height: 1.1;}
.name{font: var(--font20Bold);}
@media (min-width: 1200px) {
    .testimonials-outer-container{max-width: calc(100% - 31vw);margin: 2.865vw auto 0;}
    .testimonials-list{row-gap: 3.125vw;}
    .testimonial-box:nth-child(even){margin-top: 5.208vw;}
    .testimonial-box {width: 49%;margin-left: 2%;}
    .testimonial-box:nth-child(2n + 1) {margin-left: 0;}
    .container{padding: 25px 30px 45px 40px;}
    .rating-list {margin-top: 1.042vw;}
    .description{margin-top:1.302vw;}
    .name{margin-top: 1.302vw;}
    .title {font: var(--font40Bold);}
}

@media (max-width: 1199px) {
    .testimonial-box{background: #F5F5F5;border-radius: 40px;}
    .title{font:var(--font30BoldC);line-height: 1.25}
}

@media (max-width: 1199px) and (min-width: 765px){
    .testimonials-outer-container {margin-top: 5.371vw;}
    .container {padding: 2.441vw 4.395vw 4.395vw;}
    .testimonial-box {width: 49%;margin-left: 2%;}
    .testimonial-box:nth-child(2n+1) {margin-left: 0;}
    .testimonials-list {row-gap: 5.859vw;}
    .rating-list {margin-top: 1.953vw;}
    .name {margin-top: 2.441vw;}
}

@media (max-width: 764px){
    .testimonials-outer-container{margin-top: 11.458vw;}
    .testimonial-box{width: 100%;margin-top: 7.292vw}
    .testimonial-box:first-child{margin-top: 0;}
    .container{padding:5.208vw 6.25vw 9.375vw;}
    .rating-list {margin-top: 4.167vw;}
}