.review-description {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 1rem;
}

.review-title {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 1rem;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 600 !important;
}

.g2-review-slider {
  padding: 2rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  min-height: 282px;
  display: flex;
  flex-direction: column;
}

.g2-wrapper {
  padding: 1rem;
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .g2-wrapper {
    mask-image: linear-gradient(90deg, #0000 0, #000 30% 70%, #0000 100%);
  }
}

.swiper-parent-container {
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  align-items: center;
}

.carousel-container {
  width: 140%;
}

@media screen and (max-width: 1024px) {
  .carousel-container {
    width: 100%;
  }
}

.navigation-container {
  position: relative;
  margin-top: 2rem;
  width: fit-content;
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.g2-swiper-button-next,
.g2-swiper-button-prev {
  position: relative;
}

.g2-swiper-button-next::after {
  font-size: 20px;
  height: 20px;
  color: #262626;
  content: "h";
  font-family: boomi !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none;
  cursor: pointer;
}

.g2-swiper-button-prev::after {
  font-size: 20px;
  height: 20px;
  color: #262626;
  content: "g";
  font-family: boomi !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none;
  cursor: pointer;
}

.review-author {
  margin-top: auto;
}

.review-author-name {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.author-info {
  margin-left: 1rem;
}

.review-content {
  margin-bottom: 1rem;
  min-height: 166px;
}

.g2-swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
