/*** Allianz One Breakpoints and Mixins ***/
/*** NDBX One Breakpoints and Mixins ***/
.icon-text {
  color: var(--semantic-color-on-surface-primary-resting);
}

.icon-text .icon-text--card .heading {
  margin: auto;
}

.icon-text .icon-text--card .text {
  margin-top: 8px;
  margin-bottom: 0;
}

.icon-text .icon-text--card .text one-link a {
  margin-top: 0;
}

.icon-text .icon-text--card .icon:before {
  display: inline-block;
}

.icon-text .icon-text--card .button {
  margin-top: 16px;
  margin-bottom: 0;
}

.icon-text .icon-text--card .link {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  margin-top: 16px;
}

.icon-text.elevated one-icon-text-card {
  display: flex;
}

.icon-text.elevated one-icon-text-card .icon-text--card {
  position: relative;
  box-shadow: var(--semantic-elevation-100-1-x) var(--semantic-elevation-100-1-y) var(--semantic-elevation-100-1-blur) var(--semantic-elevation-100-1-spread) var(--semantic-elevation-100-1-color);
  box-shadow: var(--semantic-elevation-100-2-x) var(--semantic-elevation-100-2-y) var(--semantic-elevation-100-2-blur) var(--semantic-elevation-100-2-spread) var(--semantic-elevation-100-2-color);
  border-radius: var(--semantic-border-radius-surface-l);
  padding: var(--size-m) var(--size-m) var(--size-2xl);
}

.icon-text.elevated one-icon-text-card .icon-text--card .heading {
  margin-top: var(--size-s);
}

@media (min-width: 320px) and (max-width: 703px) {
  .icon-text.elevated one-icon-text-card .icon-text--card .button {
    width: initial;
  }
}
.icon-text.elevated one-icon-text-card .icon-text--card one-link {
  position: absolute;
  bottom: var(--size-m);
}

.icon-text .icon-text--grid {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: var(--semantic-spacing-static-800);
}

@media (max-width: 991px) {
  .icon-text .icon-text--grid {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}
.icon-text .icon-text--grid.two-columns {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

@media (max-width: 991px) {
  .icon-text .icon-text--grid.two-columns {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}
.icon-text .icon-text--grid.four-columns {
  grid-template-columns: repeat(auto-fit, minmax(0, 2fr));
}

@media (max-width: 991px) {
  .icon-text .icon-text--grid.four-columns {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}
.carousel .icon-text--card .heading {
  margin-top: 0;
}