.content_block > .testimonials {
display: grid;
}
.testimonials {
gap: var(--gap-s);
grid-template-columns: 1fr 1fr;
}
.testimonial {
display: flex;
flex-direction: column;
gap: var(--gap-s);
padding: var(--gap-l);
border-radius: 10px;
box-shadow: 10px 10px 100px 10px rgba(0, 0, 0, 0.05);
}
.testimonial .testimonial_bottom {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.testimonial p {
margin: 0;
}
.testimonial > p {
font-weight: 600;
}
.testimonial p.name {
color: var(--Bright-Blue);
font-size: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.7px;
}
.testimonial .stars {
display: block;
width: 120px;
height: 20px;
position: relative;
background: top left/120px 20px no-repeat url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 120 20%27%3e%3cpath stroke=%27%23F6BB06%27 d=%27M10.3 2c.2-.5.9-.5 1 0l2.4 4.5v.3h.3l5.1.8c.5 0 .7.6.4 1l-3.7 3.6-.2.2v.2l.9 5c0 .5-.4.9-.8.8L11 15.8h-.5L6 18.2c-.5.3-1-.1-1-.6l1-5v-.3l-.2-.2-3.7-3.6a.6.6 0 0 1 .3-1l5.2-.8h.2l.1-.3L10.3 2Zm24.6 0c.2-.5.8-.5 1 0l2.3 4.5.2.3h.2l5 .8c.6 0 .8.6.5 1l-3.7 3.6-.2.2v.2l.9 5c0 .5-.4.9-.8.8h-.1l-4.5-2.5h-.5l-4.5 2.4c-.5.3-1-.1-1-.6l1-5v-.3l-.2-.2-3.7-3.6a.6.6 0 0 1 .3-1l5.1-.8h.3l.1-.3L35 2Zm24.6 0c.2-.5.8-.5 1 0l2.3 4.5.1.3h.3l5 .8c.5 0 .7.6.5 1h-.1l-3.7 3.6-.2.2v.2l1 5c0 .5-.4.9-.8.8h-.1l-4.6-2.5h-.4l-4.6 2.4c-.4.3-1-.1-.9-.6l1-5v-.3l-.2-.2-3.7-3.6a.6.6 0 0 1 .2-1h.1l5.1-.8h.3v-.3L59.6 2ZM84 2c.3-.5.9-.5 1.1 0l2.3 4.5.1.3h.3l5 .8c.5 0 .7.6.4 1l-3.7 3.6-.2.2v.2l1 5c0 .5-.4.9-.9.8l-4.6-2.5h-.5l-4.5 2.4c-.4.3-1-.1-.9-.6l.9-5v-.3l-.2-.2L76 8.6a.6.6 0 0 1 .2-1h.1l5-.8h.3l.2-.3L84 2Zm24.6 0c.2-.5.9-.5 1.1 0l2.3 4.5v.3h.3l5.1.8c.5 0 .7.6.4 1l-3.7 3.6-.2.2v.2l1 5c0 .5-.5.9-.9.8l-4.6-2.5h-.5l-4.5 2.4c-.5.3-1-.1-.9-.6l.9-5v-.3l-.2-.2-3.7-3.6a.6.6 0 0 1 .3-1l5.2-.8h.2l.1-.3 2.3-4.6Z%27/%3e%3c/svg%3e");
}
.testimonial .stars::after {
content: "";
display: block;
width: 20%;
height: 20px;
position: absolute;
inset: 0 auto auto 0;
background: top left/120px 20px no-repeat url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 120 20%27%3e%3cpath fill=%27%23F6BB06%27 d=%27M9.9 1.7 7.6 6.3l-5 .8c-1 .1-1.4 1.2-.7 1.9l3.7 3.5-.9 5c-.2 1 .8 1.7 1.6 1.3l4.5-2.4 4.6 2.4c.8.4 1.8-.3 1.6-1.2l-.9-5L19.8 9c.7-.7.3-1.8-.6-2l-5-.7-2.4-4.6c-.4-.8-1.5-.8-2 0Zm24.5 0-2.2 4.6-5.1.8c-1 .1-1.3 1.2-.6 1.9l3.6 3.5-.8 5c-.2 1 .8 1.7 1.6 1.3l4.5-2.4 4.6 2.4c.8.4 1.7-.3 1.6-1.2l-.9-5L44.4 9c.6-.7.3-1.8-.6-2l-5.1-.7-2.3-4.6c-.4-.8-1.6-.8-2 0Zm24.6 0-2.3 4.6-5 .8c-1 .1-1.3 1.2-.7 1.9l3.7 3.5-.8 5c-.2 1 .8 1.7 1.6 1.3l4.5-2.4 4.5 2.4c.8.4 1.8-.3 1.6-1.2l-.8-5L69 9c.6-.7.2-1.8-.7-2l-5-.7L61 1.7c-.4-.8-1.6-.8-2 0Zm24.6 0-2.3 4.6-5 .8c-1 .1-1.3 1.2-.7 1.9l3.7 3.5-.9 5c-.1 1 .8 1.7 1.6 1.3l4.6-2.4 4.5 2.4c.8.4 1.8-.3 1.6-1.2l-.8-5L93.5 9c.7-.7.3-1.8-.6-2l-5-.7-2.3-4.6c-.4-.8-1.6-.8-2 0Zm24.6 0-2.3 4.6-5 .8c-1 .1-1.4 1.2-.7 1.9l3.7 3.5-.9 5c-.2 1 .8 1.7 1.6 1.3l4.6-2.4 4.5 2.4c.8.4 1.8-.3 1.6-1.2l-.9-5 3.7-3.6c.7-.7.3-1.8-.6-2l-5-.7-2.4-4.6c-.4-.8-1.5-.8-2 0Z%27/%3e%3c/svg%3e");
}
.testimonial .stars.star_2::after {
width: 40%;
}
.testimonial .stars.star_3::after {
width: 60%;
}
.testimonial .stars.star_4::after {
width: 80%;
}
.testimonial .stars.star_5::after {
width: 100%;
}
@container content-block (max-width: 700px) {
.testimonials {
grid-template-columns: 1fr;
}
}