/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'npm run build' command.
 * @preserve
 */

  .cards {
  margin-bottom: 1rem;
}

  .cards__secction-top {
    font: var(--font-primary-body-default);
    font-weight: 300;
    padding: 1.25rem;
    margin: 0.625rem auto 1.5625rem;
    width: 100%;
    text-align: center;
  }

  @media (min-width: 768px) {

  .cards__secction-top {
      width: 80%
  }
    }

  .cards__title h2 {
    font: var(--font-primary-h1-default); font-weight: 300;
  }

  .cards__description {
    font: var(--font-primary-body-default);
    font-weight: 300;
  }

  .cards__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
  }

  .cards .show-3 .card-item {
      width: 33.333%;
    }