/* Content Cards Module */

.content-cards-grid {
  --grid-gap: 30px;

  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  gap: var(--grid-gap, 30px);
  width: 100%;
}

.content-card {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 30px;
  padding: 50px 40px;
  background-color: rgb(255, 255, 255);
  border-radius: 25px;
  box-shadow: 0 4px 36px -1px rgba(0, 0, 0, .1);
  width: calc( (100% / 3) - var(--grid-gap, 30px) * 2 / 3 );
  margin: 0;
}

/* 1 card - fills the full row */
.content-cards-grid.count-1 .content-card {
  width: 100%;
}

/* 2 cards - split the row 50/50 */
.content-cards-grid.count-2 .content-card {
  width: calc( 50% - var(--grid-gap, 30px) / 2 );
}

/* Tablet - 2 columns max */
@media (max-width: 1024px) {
  .content-cards-grid .content-card,
  .content-cards-grid.count-3-plus .content-card {
    width: calc( (100% / 2) - var(--grid-gap, 30px) / 2 );
  }

  .content-cards-grid.count-1 .content-card {
    width: 100%;
  }
}

/* Mobile - 1 column */
@media (max-width: 767px) {
  .content-cards-grid .content-card,
  .content-cards-grid.count-2 .content-card,
  .content-cards-grid.count-3-plus .content-card {
    width: 100%;
  }

  .content-card {
    padding: 40px 30px;
  }
}

.content-card-image {
  text-align: center;
  line-height: 0;
}

.content-card-image img {
  display: inline;
  height: auto;
  max-width: 100%;
}

.content-card-content {
  display: flex !important;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;

  @media (min-width: 1025px) {
    & {
      max-width: 380px;
    }
  }
}

.content-card-description {
  margin-bottom: 36px;
}

.content-card-description > *:last-child {
  margin-bottom: 0;
}