.fc_testimonials {
display: grid;
gap: var(--gap-xl);
grid-template-columns: repeat(3, 1fr);
text-align: center;
}
.fc_testimonials .testimonial > * {
margin-top: var(--gap-s);
} .fc_testimonials .testimonial {
position: relative;
}
.fc_testimonials .testimonial::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: calc(0px - var(--gap-l));
height: 100%;
max-height: 100px;
width: 2px;
background-color: var(--color-mid-grey);
opacity: .2;
}
.fc_testimonials .testimonial:last-of-type:after {
display: none;
} .fc_testimonials .testimonial .title {
text-transform: uppercase;
} .fc_testimonials .testimonial .content {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
} .fc_testimonials .rating {
margin-inline: auto;
height: 26px;
background: 0 center / 37px 26px repeat-x url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 27 26'%3E%3Cpath fill='%23BB935C' d='m13.76.03 3.1 9.55H26.9l-8.12 5.9 3.1 9.55-8.12-5.9-8.12 5.9 3.1-9.55-8.12-5.9h10.04l3.1-9.55Z'/%3E%3C/svg%3E");
}
.fc_testimonials .rating_1 {
width: 37px;
}
.fc_testimonials .rating_2 {
width: calc(37px * 2);
}
.fc_testimonials .rating_3 {
width: calc(37px * 3);
}
.fc_testimonials .rating_4 {
width: calc(37px * 4);
}
.fc_testimonials .rating_5 {
width: calc(37px * 5);
}
@media (max-width: 1200px) {
.fc_testimonials {
grid-template-columns: 1fr;
} .fc_testimonials .testimonial::after {
top: auto;
bottom: calc(0px - var(--gap-l));
transform: translateY(0) translateX(-50%);
right: auto;
height: 2px;
max-width: 100px;
width: 100%;
}
}