body {

  background: #fff;

  color: #022B78;

  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto,

    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;

}





.section-title {

  font-family: var(--font-family, Inter);

  font-weight: 800;

  font-size: 32px;

  line-height: 1.05;

  text-align: center;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #022B78;

  margin: 24px 0 28px;

}



.main {

  max-width: 1100px;

  margin: 0 auto;

  padding: 48px 60px;

  box-sizing: border-box;

  color: #022B78;

}



@media (max-width: 700px) {

  .main {

    padding: 48px 20px;

  }

}



.main p,

.main h2,

.main h3,

.main a {

  font-family: var(--font-family, Inter);

  font-weight: 400;

  font-size: 15px;

  line-height: 1.6;

  color: #022B78;

  margin-bottom: 14px;

}



.main h2 {

  font-size: 15px;

  font-weight: 700;

  margin-top: 14px;

  color: #022B78;

}



.main ul {

  padding-left: 28px;

  margin-bottom: 14px;

}



.main ul li {

  margin-bottom: 6px;

}



.main a {

  color: #022B78;

  text-decoration: underline;

}



/* large screens: a bit more top spacing */

@media screen and (min-width: 1438px) {

  .main {

    padding-top: 120px;

  }

}