.page-hbrain-training {

  .section-highlights-info {
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 54px;

    > div:nth-of-type(1) {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding: 2rem;
      width: 100%;
      justify-content: space-between;
      gap: 24px;

      @media (max-width: 1160px) {
        flex-direction: column;
        align-items: center;
        gap: 32px;
      }

      > div {
        max-width: 520px;

        > .margin-bottom-24 {
          margin-bottom: 24px !important;
        }

        > .margin-top-16 {
          margin-top: 16px !important;
        }

        > .margin-top-10 {
          margin-top: 10px !important;
        }

        > .container-of-items {
          display: flex;
          flex-direction: column;
          gap: 8px;
        }
      }
    }

    .grid-of-icon-and-descriptions {
      display: flex;
      flex-direction: row;
      width: 100%;
      align-items: flex-start;
      gap: 8px;

      > span {
        > .iconify {
          width: 1.5rem;
          height: 1.5rem;
        }
      }
    }

    .title-of-item {
      color: var(--grey-950);
      margin-bottom: 3px !important;
    }

    > div:nth-of-type(2) {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--accent-500);
      border-radius: 4px;
      padding: 24px;
      gap: 10px;
      max-height: 750px;
      margin: 0 12px;
      /* background-color: var(--grey-100); */

      > p {
        color: var(--accent-600);
      }
    }
  }
}