/* =============================================================
   about.css — Styles KHUSUS halaman Tentang Kami (about-us/)
   Jangan gunakan di halaman lain.
   Mencakup: History Timeline, Nilai Tambah Layanan (Team Cards)
   ============================================================= */

/* ---- History Timeline — Paksa Selalu Terlihat ----
   Builder's scroll animation memberi opacity:0 di awal,
   tapi tidak selalu berjalan di lingkungan lokal/non-host */
.history-right .year,
.history-right .history-icon,
.history-right .history-wrap {
  opacity: 1 !important;
  transform: none !important;
}

/* ---- History Card Layout ---- */
.history-card {
  align-items: flex-start !important;
}

/* Perlebar kotak .year agar teks "Langkah X" muat satu baris */
.year {
  max-width: 90px !important;
  min-width: 80px !important;
  padding: 8px 10px !important;
  white-space: nowrap !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  font-size: 0.78rem !important;
}

/* Re-align garis vertikal dengan ikon panah
   Rumus: year_max-width(90) + gap(40) + icon_half(11) = 141px */
.history-line {
  margin-left: 141px !important;
}

@media screen and (max-width: 991px) {
  .history-line {
    margin-left: 111px !important; /* 80 + 20 + 11 */
  }
}

/* ---- History Wrap — flex agar teks tidak overflow ---- */
.history-wrap {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  overflow: hidden !important;
}

.history-wrap h5 {
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

.history-wrap div {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

/* ---- Nilai Tambah Layanan — Team Cards ----
   Pastikan kartu tidak kosong dan gambar mengisi penuh */
.team-cover {
  min-height: 240px;
}

.team-cover img.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}