/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./components/review/src/review.scss ***!
  \**************************************************************************************************************************************************************************************************/
.review {
  flex-direction: column;
  gap: 4rem;
  max-width: var(--container-s);
  margin-inline: auto;
}
.review .heading {
  text-align: center;
}
.review-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media (max-width: 768px) {
  .review-list {
    display: flex;
    flex-direction: column;
  }
}
.review-item {
  background: var(--white);
  padding: 3rem;
  border: 1px solid var(--border);
  border-radius: var(--border-radius-s);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
.review .google-icon {
  width: 2.5rem;
  position: absolute;
  right: 3rem;
  top: 3rem;
}
.review-author {
  font-style: italic;
}
.review-stars {
  margin-top: 1rem;
}
.review .star svg {
  width: 2rem;
  height: 2rem;
}
.review .star path {
  stroke: var(--orange-500);
}
.review .star.filled path {
  fill: var(--orange-500);
}

/*# sourceMappingURL=review.css.map*/