/* Design fees use the site's restrained typography, rules, and generous spacing. */
.quotation-content {
  width: 88%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 90px 0 120px;
}
.quotation-content h2 {
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 24px;
}
.fee-description {
  color: #757575;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 90px;
}
.fee-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: #262626;
}
.fee-table th, .fee-table td {
  text-align: left;
  vertical-align: middle;
}
.fee-table thead th {
  padding: 0 0 22px;
  border-bottom: 1px solid #363a40;
  font-size: 15px;
  font-weight: 500;
}
.fee-table th:first-child { width: 36%; }
.fee-table tbody th, .fee-table tbody td {
  padding: 42px 0;
  border-bottom: 1px solid #d8d8d8;
}
.fee-table tbody th {
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 500;
}
.fee-table tbody tr:last-child th, .fee-table tbody tr:last-child td {
  border-bottom-color: #363a40;
}
.fee-number {
  font-family: "BOUNTE Song", "Songti SC", "SimSun", serif;
  font-size: clamp(42px, 4.8vw, 64px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
}
.fee-unit {
  display: inline-block;
  margin-left: 18px;
  white-space: nowrap;
  font-size: 13px;
}
.fee-note {
  margin: 28px 0 0;
  font-size: 14px;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .quotation-content { width: 88%; padding: 48px 0 72px; }
  .fee-description { font-size: 14px; margin-bottom: 48px; }
  .fee-table th:first-child { width: 34%; }
  .fee-table thead th { font-size: 13px; padding-bottom: 16px; }
  .fee-table tbody th, .fee-table tbody td { padding: 28px 0; }
  .fee-table tbody th { font-size: 18px; padding-right: 12px; }
  .fee-number { font-size: clamp(30px, 7vw, 42px); }
  .fee-unit { display: block; margin: 10px 0 0; font-size: 11px; }
  .fee-note { font-size: 12px; margin-top: 22px; }
}