.page-content {
  display: flex;
  /*width: 840px;*/
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-gap-3xl, 64px);
}

.text-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.text-block-title {
  color: var(--surface-on-surface, #000);

  /* H3/Regular */
  font-family: var(--font-family, Dubai);
  font-size: var(--font-size-h3, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-h3, 40px); /* 125% */
  letter-spacing: -0.16px;
}

.text-block-subtitle {
  color: var(--surface-on-surface, #000);

  /* Body/Regular */
  font-family: var(--font-family, Dubai);
  font-size: var(--font-size-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body, 24px); /* 150% */
}
.text-block-content {
  color: var(--surface-on-surface-variant, #40484f);

  /* Body/Regular */
  font-family: var(--font-family, Dubai);
  font-size: var(--font-size-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body, 24px); /* 150% */
}

.list-container {
  display: flex;
  flex-flow: column;
  gap: 24px;
}

.list-block {
  display: flex;
  padding: var(--padding-padding-lg, 16px);
  align-items: center;
  gap: var(--gap-gap-lg, 16px);
  border-radius: var(--radius-sm, 12px);
  border: 1px solid var(--surface-outline, #e4e2e6);
  background: var(--surface-surface, #fff);
}

.list-block-text {
  color: var(--surface-on-surface, #000);

  /* Body/Regular */
  font-family: var(--font-family, Dubai);
  font-size: var(--font-size-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body, 24px); /* 150% */
}

.list-block-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

  width: 24px;
  height: 24px;
}