.simple {
  .container {
    display: grid;
    gap: 4rem;
    margin-top: 6rem;
    text-align: center;

    h2 {
      color: var(--text);
    }

    small {
      font-weight: 700;
      font-size: 10px;
      color: var(--brand);
      letter-spacing: 1px;
    }

    .simple__list {
      gap: 2rem;
      display: grid;

      .simple__item {
        display: grid;
        gap: .75rem;
        align-items: center;
        justify-content: center;
        justify-items: center;

        .count {
          font-size: 20px;
          font-weight: 900;
          color: var(--brand);
          width: 80px;
          height: 80px;
          background-color: var(--surface-2);
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 100vmax;
          border: 4px solid var(--bg);
          box-shadow: 0 2px 8px 0 rgba(76, 73, 201, 0.18);
        }

        &:last-child .count {
          background-color: var(--brand);
          color: #FAF4FF;
          font-size: 28px
        }

        & > * {
          margin-block: 0;
        }

        .title {
          color: var(--text);
        }

        .description {
          font-size: 12px;
          color: var(--text-muted);
        }
      }
    }
  }

  @media screen and (min-width: 1024px) {
    &.simple {
      margin-bottom: 8rem;

      small {
        font-size: 14px;
      }

      .simple__list {
        justify-content: center;
        display: grid;
        grid-template-columns: repeat(2, minmax(300px, 650px));
        row-gap: 4rem;
        column-gap: 6rem;

        .simple__item {
          .description {
            font-size: 16px;
          }
        }
      }
    }
  }
}