body {
  /* width: 100%; */
  max-width: 628px;
  margin: 0 auto;
  padding: 44px 20px;
  color: #111316;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  font-family: 'Inter', 'SF Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
    Arial, sans-serif;

  p {
    margin: 1rem 0;

    span {
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 140% !important;

      b {
        color: black !important;
        font-weight: 700 !important;
        line-height: 240% !important;
      }

      &.title {
        font-size: 22px !important;
      }
    }

    b {
      span {
        color: black !important;
        font-weight: 700 !important;
        line-height: 240% !important;
      }
    }
  }

  li {
    margin-bottom: 5px;
    b {
      span {
        color: black !important;
        font-weight: 700 !important;
        line-height: 180% !important;
      }
    }
  }
}

.title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.headTitle {
  color: #000 !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 130% !important;
}

a {
  color: #036ffc;
  text-decoration-line: underline;

  &:visited {
    color: #036ffc;
  }
}

@media only screen and (max-device-width: 767.99px) and (orientation: portrait) {
  body {
    max-width: 100%;
  }
}