.how-to {
  padding: 80px 0; }
  @media only screen and (max-width: 767px) {
  .how-to {
      padding: 40px 0; } }
  .how-to__title {
    margin-bottom: 20px; }
  .how-to__desc {
    font: 300 26px/154% "Stem", sans-serif;
    text-align: center;
    margin-bottom: 20px; }
    @media only screen and (max-width: 991px) {
      .how-to__desc {
        font: 300 24px/154% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .how-to__desc {
        font: 300 16px/154% "Stem", sans-serif; } }
  .how-to__small-desc {
    font: bold 20px/160% "Stem", sans-serif;
    margin-bottom: 21px; }
    @media only screen and (max-width: 991px) {
      .how-to__small-desc {
        font: bold 18px/160% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .how-to__small-desc {
        font: bold 14px/145% "Stem", sans-serif; } }
  .how-to__list-wr {
    margin-bottom: 40px; }
  .how-to__list {
    color: #aa3186;
    max-width: 730px;
    margin: 0 auto;
    font: 300 20px/150% "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .how-to__list {
        font: 300 18px/150% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .how-to__list {
        font: 300 16px/150% "Stem", sans-serif; } }
    .how-to__list span {
      color: #253746; }
    .how-to__list li {
      margin-bottom: 20px; }
  .how-to__choose-text-title {
    font: bold 26px/154% "Stem", sans-serif;
    text-align: center;
    margin-bottom: 12px; }
    @media only screen and (max-width: 991px) {
      .how-to__choose-text-title {
        font: bold 24px/154% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .how-to__choose-text-title {
        font: bold 18px/154% "Stem", sans-serif; } }
  .how-to__choose-text {
    font: 300 20px/150% "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .how-to__choose-text {
        font: 300 18px/154% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .how-to__choose-text {
        font: 300 16px/154% "Stem", sans-serif; } }
  .how-to--ai {
    padding: 75px 0 77px;
    border-bottom: 1px solid #e4e6e8; }
    @media only screen and (max-width: 1200px) {
      .how-to--ai {
        padding: 50px 0 35px; } }
    @media only screen and (max-width: 767px) {
      .how-to--ai {
        padding: 30px 0 20px; } }
  .how-to--ai .how-to__title, .how-to--ai .how-to__desc, .how-to--ai .how-to__small-desc, .how-to--ai .how-to__list-wr, .how-to--ai .how-to__choose-text-title, .how-to--ai .how-to__choose-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 928px; }
  .how-to--ai .how-to__title {
    margin-bottom: 13px; }
  .how-to--ai .how-to__desc {
    font: 300 26px/154% "Stem", sans-serif;
    text-align: left;
    margin-bottom: 29px; }
    @media only screen and (max-width: 991px) {
      .how-to--ai .how-to__desc {
        font: 300 22px/160% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .how-to--ai .how-to__desc {
        font: 300 16px/150% "Stem", sans-serif; } }
  @media only screen and (max-width: 767px) {
    .how-to--ai .how-to__list, .how-to--ai .how-to__choose-text {
      font: 300 14px/145% "Stem", sans-serif; } }
  .how-to--ai .how-to__list {
    color: #253746;
    margin-left: 0;
    max-width: 100%; }
    .how-to--ai .how-to__list li {
      margin-bottom: 12px; }
  .how-to--ai .how-to__list-wr {
    margin-bottom: 24px; }


.how-to__btn {
  margin: 40px auto 0;
  display: table;
}
