/* ==========================================================================
   testimoni.css — Halaman 5 (testimoni.html), acuan Page 5.png
   ========================================================================== */

/* Tinggi area dikunci mengikuti proporsi desain 1920 x 1080
   (1080 - 225 navbar - 88 footer = 767 px), supaya foto tidak ikut
   terpotong saat jendela browser lebih pendek. */
.page-main--testimoni {
  min-height: 47.9375rem;          /* 767 px */
  overflow: hidden;
  background-color: var(--color-beige);
}

/* ---------- Heading + tombol ---------- */
.testi-center {
  position: absolute;
  top: 14.5rem;
  left: 40.5rem;                   /* 648 px */
  width: 34rem;                    /* 544 px */
  text-align: center;
  z-index: 2;
}

.testi-heading {
  font-family: var(--font-script);
  font-size: var(--fs-testi-heading);
  font-weight: 400;
  line-height: 3.625rem;           /* 58 px */
  color: var(--color-black);
}

.testi-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.8125rem;               /* 93 px */
  margin-top: 0.875rem;
  border-radius: 3.25rem;          /* pill */
  background-color: var(--color-red);
  color: var(--color-white);
  font-size: var(--fs-testi-button);
  line-height: 1;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  transition: background-color 0.15s ease;
}

.testi-button:hover {
  background-color: var(--color-red-dark);   /* ukuran tidak berubah */
}

/* ---------- Kolom kanan: foto ---------- */
.testi-photo {
  position: absolute;
  top: -22.0625rem;                /* -353 px */
  left: 55.125rem;                 /* 882 px  */
  width: 84.0625rem;               /* 1345 px */
  height: auto;
  pointer-events: none;
  user-select: none;
  z-index: 1;
}