.three-cards-2--title, .three-cards-2--content {
  max-width: 55.625rem;
  margin-inline: auto;
  padding-inline: var(--wrapper-padding);
}
@media screen and (width >= 71.25rem) {
  .three-cards-2--title, .three-cards-2--content {
    padding-inline: 0;
  }
}
@media screen and (width < 71.25rem) {
  .three-cards-2--container {
    grid-column: full-width !important;
  }
}
.three-cards-2--header {
  margin: auto;
  max-width: var(--wrapper-md-width);
  padding-inline: 1.875rem;
  text-align: center;
}
.three-cards-2--button {
  margin-top: 1.75rem;
}
.bg--Primary-900 .three-cards-2--button {
  border-color: var(--Secondary-500);
  color: var(--Secondary-500);
  background-color: transparent;
}
.bg--Primary-900 .three-cards-2--button:hover {
  background-color: var(--Secondary-500);
  border-color: var(--Secondary-500);
  color: var(--Primary-900);
}
.three-cards-2--cards {
  margin-top: 2.5rem;
}
.three-cards-2 .splide.is-initialized:not(.is-active) .splide__list {
  display: flex;
  gap: 1.25rem;
}
.three-cards-2 .splide.is-initialized:not(.is-active) .splide__list > * {
  flex: 1;
}
.three-cards-2--card {
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.three-cards-2--card-image {
  text-align: center;
}
.three-cards-2--card-body {
  padding-block: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}