:root {
  --text-dark: #1E293B;
  --text-body: #475569;
  --gold: #E5A833;
  --font: 'Manrope', sans-serif;
}

.section {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 24px 56px;
}

.div-block-5 {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}

.header-style {
  font-family: var(--font);
  font-size: 52px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  font-weight: 800;
  color: var(--text-dark);
  margin-bottom: 18px;
}

.header-style-2 {
  font-family: var(--font);
  font-size: 34px;
  line-height: 1.25;
  letter-spacing: -0.005em;
  font-weight: 800;
  color: var(--text-dark);
}

.heading-3-2,
.div-block-5 h3 {
  font-family: var(--font);
  font-size: 24px;
  line-height: 1.35;
  letter-spacing: 0;
  font-weight: 700;
  color: var(--text-dark);
  margin-top: 20px;
}

.page-paragraph {
  font-family: var(--font);
  font-size: 18px;
  line-height: 1.72;
  letter-spacing: 0.005em;
  color: var(--text-dark);
}

.page-paragraph a,
.page-paragraph .link,
.page-paragraph strong a {
  color: var(--gold);
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
}

.page-paragraph a:hover,
.page-paragraph .link:hover {
  color: #c98914;
}

@media (max-width: 768px) {
  .section {
    padding: 28px 20px 40px;
  }

  .div-block-5 {
    max-width: 100%;
  }

  .header-style {
    font-size: 34px;
  }

  .header-style-2 {
    font-size: 28px;
  }

  .heading-3-2,
  .div-block-5 h3 {
    font-size: 21px;
  }

  .page-paragraph {
    font-size: 17px;
    line-height: 1.68;
    letter-spacing: 0.003em;
  }
}