/* ==========================================================================
	Card Group
============================================================================= */
.card-group {
  background-color: #e4f1f7;
  padding-block: clamp(20px, -1.2765957447px + 4.2553191489vw, 60px);
  padding-block: clamp(1.25rem, -0.07979rem + 4.2553191489vw, 3.75rem);
}

@media (max-width:61.1875rem) {
  .card-group__body {
    overflow: hidden;
  }
}

@media (max-width:61.1875rem) {
  .card-group__rows {
    display: none;
  }
}
@media (min-width:61.25rem) {
  .card-group__rows {
    display: grid;
    gap: 60px;
    gap: 3.75rem;
    grid-template-columns: 100%;
  }
}

@media (min-width:61.25rem) {
  .card-group__row {
    display: grid;
    align-items: start;
    gap: var(--fw-column-gap);
    grid-template-columns: var(--row-column-layout);
  }
}

@media (min-width:61.25rem) {
  .card-group__row--layout-1-1-1 {
    --row-column-layout: repeat(3, 1fr);
  }
}

@media (min-width:61.25rem) {
  .card-group__row--layout-2-1 {
    --row-column-layout: 1fr calc(33% - (var(--fw-column-gap) / 2));
  }
}

@media (min-width:61.25rem) {
  .card-group__row--layout-1-2 {
    --row-column-layout: calc(33% - (var(--fw-column-gap) / 2)) 1fr;
  }
}

.card-group__item,
.card-group__carousel-item {
  --background-color: #fff;
  --color: rgba(14, 65, 104, 0.7);
  --title-color: #0e4168;
}

.card-group__item--is-featured,
.card-group__carousel-item--is-featured {
  --background-color: #0e4168;
  --color: rgba(255, 255, 255, 0.7);
  --title-color: #fff;
}

/* Carousel
============================================================================= */
.card-group__carousel {
  inline-size: 100%;
  overflow: visible;
}
@media (min-width:61.25rem) {
  .card-group__carousel {
    display: none;
  }
}

.card-group__carousel-items {
  overflow: visible;
}

.card-group__carousel-item {
  block-size: auto;
  inline-size: 290px;
  inline-size: 18.125rem;
}
@media (min-width: 21.875rem) {
  .card-group__carousel-item {
    inline-size: 320px;
    inline-size: 20rem;
  }
}
.card-group__carousel-item :where(.card-item) {
  block-size: 100%;
}

.card-group__carousel-controls {
  margin-block-start: 20px;
  margin-block-start: 1.25rem;
}
/*# sourceMappingURL=card-group.css.map */