/* __custom_testimonial.css */
:root {
  --iconSize: 2rem;
  --fontSize: 1.75rem;
}

.testimonial {
  display: flex;
  gap: 2rem;
  padding: 1.5rem 1.5rem 0.5rem;
  background-color: var(--white);
  border: 1px solid var(--gry20);
}

.testimonial .image_container {
  flex: 0 0 240px;  
}

.rating_container {
    flex: 1 1 auto;
}
.testimonial .rating {
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: var(--fontSize);
  color: var(--ci001);
  letter-spacing: .25rem;
}
.starFilled::before {
  display: block;
  width: var(--iconSize);
  height: var(--iconSize);
  content: url(../stars/star-filled.svg);
  padding-inline: .25rem;
}

.starOutline::before {
  display: block;
  width: var(--iconSize);
  height: var(--iconSize);
  content: url(../stars/star-outline.svg);
  padding-inline: .25rem;
}

.testimonial .name {
  font-size: var(--fontSize);
  font-family: var(--font_bold);
}
.testimonial p {
  color: var(--col07);
}