/* ===========================================
   TESTIMONIALS
=========================================== */

.testimonials-section {
  padding: 160px 40px 100px;

  background: var(--light);

  min-height: 100vh;

  text-align: center;
}

.testimonials-section h1 {
  font-family: var(--heading-font);

  font-size: 64px;

  color: var(--dark);

  margin-bottom: 24px;
}

.testimonials-section > p {
  max-width: 760px;

  margin: 0 auto 70px;

  color: var(--text);

  line-height: 1.8;

  font-size: 18px;
}

/* ===== GRID ===== */

.testimonials-grid {
  max-width: 1400px;

  margin: auto;

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));

  gap: 32px;
}

/* ===== CARD ===== */

.testimonial-card {
  position: relative;

  background: var(--white);

  border-radius: 24px;

  padding: 40px 35px;

  text-align: left;

  box-shadow: var(--shadow-md);

  transition: var(--transition);

  overflow: hidden;

  border: 1px solid rgba(199, 166, 106, 0.12);
}

.testimonial-card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;

  height: 5px;

  background: linear-gradient(90deg, var(--gold), var(--gold-dark));
}

.testimonial-card:hover {
  transform: translateY(-10px);

  box-shadow: var(--shadow-lg);
}

/* ===== QUOTE ===== */

.quote {
  font-size: 90px;

  line-height: 1;

  color: rgba(199, 166, 106, 0.2);

  position: absolute;

  top: 15px;

  right: 25px;
}

/* ===== REVIEW ===== */

.review-text {
  position: relative;

  z-index: 2;

  color: var(--text);

  line-height: 1.9;

  font-size: 16px;

  margin-bottom: 35px;
}

/* ===== AUTHOR ===== */

.review-author {
  font-weight: 700;

  color: var(--dark);

  font-size: 18px;

  margin-bottom: 6px;
}

.review-label {
  font-size: 13px;

  color: var(--gold);

  text-transform: uppercase;

  letter-spacing: 1.5px;

  font-weight: 600;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 992px) {
  .testimonials-section h1 {
    font-size: 52px;
  }
}

@media (max-width: 768px) {
  .testimonials-section {
    padding: 130px 24px 70px;
  }

  .testimonials-section h1 {
    font-size: 42px;
  }

  .testimonials-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .testimonials-section h1 {
    font-size: 34px;
  }
}
.testimonials-header {
  max-width: 850px;
  margin: 0 auto 70px;
}

.section-tag {
  display: inline-block;

  margin-bottom: 18px;

  color: var(--gold);

  font-size: 14px;

  font-weight: 600;

  letter-spacing: 3px;

  text-transform: uppercase;
}