#hero h1 {
  font-weight: 400;
  font-size: 24px;
  line-height: 28.15px;
  color: var(--safir-blue-900);
  margin-top: 16px;
}

#hero img {
  width: 100%;
}

.contracts-buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.contracts-buttons button {
  min-height: 42px;
  height: auto;
}

.contract {
  border-radius: 12px;
  background-color: var(--safir-blue-50);
  padding: 12px 24px;
  display: none;
  height: 625px;
  max-height: 625px;
  overflow-y: auto;

  text-align: justify;
  text-justify: inter-word;
}

.contract.active {
  display: block;
}

.contract h2 {
  font-weight: 400;
  font-size: 18px;
  line-height: 21.11px;
  color: var(--safir-blue-900);
}

.contract h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 21.11px;
  color: var(--safir-blue-900);
}

.contract p {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: var(--safir-blue-900);
}

.download-button-container button {
  width: 100%;
}

table, td, th {
  border: 1px solid black;
}

table {
  border-collapse: collapse;
}

td {
  text-align: left;
  vertical-align: top;
}