@import 'main.css';

/* --------------------------------------------------
|| Testimony Cards
-------------------------------------------------- */
/* .testimony-card {
  width: calc(33% - 1.5rem);

  @media (max-width: 1024px) {
    width: calc(50% - 2rem);
  }

  @media (max-width: 768px) {
    width: 80%;
  }

  @media (max-width: 480px) {
    width: 100%;
  }
} */

.testimony-card {
  margin-inline: 0.625rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  gap: 1rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border-radius: 0.5rem;
  position: relative;
  background-color: var(--bg-card);
  border: 1px solid var(--color-primary);
}

.testimony-card .client-info .client-name {
  font-size: var(--fs-300);
  font-weight: 400;
  text-align: center;
}
.testimony-card .client-info .client-profession {
  font-size: var(--fs-200);
  font-weight: 400;
  text-align: center;
}
.testimony-card .client-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  color: #ffdf00;
}

.testimony-card .client-review {
  text-align: center;
}