h1 {
  font-size: var(--lg2);
  font-weight: 600;
  line-height: 1.2;
  color: var(--black);
}

h2 {
  font-size: var(--lg1);
  font-weight: 600;
  line-height: 1.22;
}

h3 {
  font-size: var(--lg);
  font-weight: 600;
  line-height: 1.27;
}

h4 {
  font-size: var(--sm3);
  font-weight: 600;
  line-height: 1.31;
}

h5 {
  font-size: var(--sm);
}

h6 {
  font-size: var(--xs);
}

p {
  font-size: var(--sm);
  font-weight: normal;
  line-height: 1.5;
}

.maincontent ul,
.maincontent ol {
  padding-left: 15px;
}

@media (max-width: 991px) {
  h4 {
      font-size: var(--sm3);
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 42px;
  }
}

@media (max-width: 575px) {
  h1 {
    font-size: 30px;
    font-weight: 700;
  }

  h3 {
    font-size: 27px;
  }
}