.reviews {
  padding: 6rem 0 3rem;
}
.reviews .review-box {
  width: 90%;
  background-color: rgba(51, 139, 161, 0.9);
  border-radius: 15px;
  padding: 3rem 6rem;
  margin: auto;
  margin-top: 3rem;
}
.reviews .review {
  display: grid;
  align-items: flex-end;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: 1fr;
  gap: 5rem;
  margin: 3rem 0;
}
.reviews .review:not(.re) .review-contents::after {
  left: -1.5rem;
}
.reviews .review.re {
  grid-template-columns: 4fr 1fr;
  grid-template-areas: "a b";
}
.reviews .review.re .reviewer {
  grid-area: b;
}
.reviews .review.re .review-contents {
  grid-area: a;
  margin-left: auto;
}
.reviews .review.re .review-contents::after {
  right: -1.5rem;
}
.reviews .reviewer img {
  width: 80%;
}
.reviews .reviewer .desc {
  color: white;
}
.reviews .review-contents {
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  border-radius: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 2.5rem;
  text-align: left;
  z-index: 2;
}
.reviews .review-contents::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 3rem;
  height: 3rem;
  width: 3rem;
  background-color: white;
  z-index: -1;
  transform: rotate(-45deg) skew(20deg, 20deg);
}

@media screen and (max-width: 1030px) {
  .reviews .review-box {
    width: 100%;
    padding: 2rem 4rem;
  }
  .reviews .review {
    gap: 3rem;
  }
  .reviews .reviewer img {
    width: 90%;
  }
}/*# sourceMappingURL=reviews.css.map */