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

  .cards-product-or-customer {
  position: relative;
}

  .cards-product-or-customer__header {
    width: 100%;
    padding: 2.1875rem 0.625rem;
    text-align: center;
  }

  .cards-product-or-customer__title {
    font: var(--font-primary-h2-default);
    font-weight: 300;
    text-align: center;
    padding: 0 0.625rem;
    margin-bottom: 1.875rem;
  }

  .cards-product-or-customer__description {
    font: var(--font-primary-body-default);
    font-weight: 300;
    text-align: center;
    padding: 0 0.625rem;
    margin-bottom: 1.875rem;
  }

  .cards-product-or-customer__rows {
    position: relative;
  }

  .cards-product-or-customer__rows.row {
      margin-left: -0.625rem;
      margin-right: -0.625rem;
    }

  .cards-product-or-customer__left {
    margin-left: -0.625rem;
  }

  .cards-product-or-customer__right {
    margin-right: -0.625rem;
  }

  .cards-product-or-customer__left,
  .cards-product-or-customer__right {
    order: 0;
    flex: 0 1 50%;
    align-self: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
  }

  @media (max-width: 767.98px) {

  .cards-product-or-customer__left,
  .cards-product-or-customer__right {
      margin-right: -0.625rem;
      margin-left: -0.625rem;
      margin-bottom: 1.875rem
  }
    }

  @media (max-width: 575.98px) {

  .cards-product-or-customer__left,
  .cards-product-or-customer__right {
      display: block
  }
    }