.m-text {
  display: flex;
  flex-direction: column;
  align-items: center;

  .title-wrap {
    font-weight: 500;
    font-size: 20px;
  }

  .sub-title {
    font-size: 15px;
    color: #b7b7b7;
  }

  .group-content-wrap {
    width: 100%;

    .group-wrap-container {
      padding: 20px;
    }

    .group-wrap {
      display: flex;
      flex-direction: column;
      margin-top: 20px;
      width: 100%;

      .group-title {
        font-size: 14px;
      }
    }

    &.col-1 {
      .group-wrap {
        width: 100%;
      }
    }

    &.col-2 {
      display: grid;
      grid-template-columns: 50% 50%;

      .group-wrap {}
    }

    &.col-3 {
      display: grid;
      grid-template-columns: 33.3% 33.3% 33.3%;

      .group-wrap {}
    }

    &.mobile {
      display: block;
    }
  }


}