.text-with-icons-custom {
  &.text-with-icons--border-top {
    border-top: 1px solid rgb(var(--color-border));
  }

  &.text-with-icons--border-bottom {
    border-bottom: 1px solid rgb(var(--color-border));
  }

  .header-multicolumn-wrap {
    margin-bottom: 20px;
  }

  .section__heading {
    margin-bottom: 0;
  }

  .text-with-icons-card {
    display: flex;
    height: 100%;
    padding: var(--card-padding-mobile, 12px);
    gap: var(--space-l);
  }

  .splide__slide {
    display: flex;
    height: auto;
  }

  .splide__slide > .text-with-icons-card {
    flex: 1 1 auto;
    width: 100%;
  }

  &.text-with-icons--custom-icon-gap .text-with-icons-card {
    gap: var(--icon-text-gap-mobile);
  }

  .text-with-icons-card.items-start .text-with-icons-card__info {
    align-items: flex-start;
  }

  .text-with-icons-card.items-center .text-with-icons-card__info {
    align-items: center;
  }

  .text-with-icons-card.items-end .text-with-icons-card__info {
    align-items: flex-end;
  }

  .text-with-icons-card__media {
    display: flex;
  }

  .text-with-icons-card.items-start .text-with-icons-card__media {
    justify-content: flex-start;
  }

  .text-with-icons-card.items-center .text-with-icons-card__media {
    justify-content: center;
  }

  .text-with-icons-card.items-end .text-with-icons-card__media {
    justify-content: flex-end;
  }

  .text-with-icons__icon {
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 6.2rem;
    height: 6.2rem;
    padding: 0;
    border: 1px solid rgb(var(--color-heading));
    border-radius: 50%;
    background: transparent;
    color: rgb(var(--color-heading));
  }

  &.text-with-icons--no-icon-border .text-with-icons__icon {
    border: none;
    border-radius: 0;
    width: fit-content;
    height: fit-content;
  }

  .text-with-icons-card__info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0;
    padding-top: 0;
    width: 100%;
    min-height: 0;
  }

  .text-with-icons-card__info > :is(.h1, .h2, .h3, .h4, .h5, .h6, .sub-heading-small, .sub-heading, .sub-heading-large, .text-body, .text-body-medium, .text-body-bold, .text-body-large, .text-body-large-medium, .text-body-large-bold, .caption, .caption-light, .caption-bold, .text-with-icons__item-heading) {
    margin: 0;
    color: rgb(var(--color-heading));
  }

  .text-with-icons-card__info > :is(.h1, .h2, .h3, .h4, .h5, .h6, .sub-heading-small, .sub-heading, .sub-heading-large, .text-body, .text-body-medium, .text-body-bold, .text-body-large, .text-body-large-medium, .text-body-large-bold, .caption, .caption-light, .caption-bold, .text-with-icons__item-heading) + .rte {
    margin-top: var(--space-2xs);
  }

  .text-with-icons-card__info > :is(.btn, a) {
    margin-top: auto;
    padding-top: var(--space-2xs);
  }

  &.text-with-icons--custom-heading-gap .text-with-icons-card__info > :is(.h1, .h2, .h3, .h4, .h5, .h6, .sub-heading-small, .sub-heading, .sub-heading-large, .text-body, .text-body-medium, .text-body-bold, .text-body-large, .text-body-large-medium, .text-body-large-bold, .caption, .caption-light, .caption-bold, .text-with-icons__item-heading) + .rte {
    margin-top: var(--heading-text-gap-mobile);
  }

  .text-with-icons-card__info .rte p {
    margin: 0;
    color: rgb(var(--color-foreground));
  }

  @media screen and (max-width: 767.9px) {
    .text-with-icons-card--mobile-horizontal {
      align-items: center;
    }

    .text-with-icons-card--mobile-horizontal .text-with-icons-card__media {
      justify-content: flex-start;
    }

    .text-with-icons-card--mobile-vertical.items-start {
      align-items: flex-start;
    }

    .text-with-icons-card--mobile-vertical.items-center {
      align-items: center;
    }

    .text-with-icons-card--mobile-vertical.items-end {
      align-items: flex-end;
    }

    &.text-with-icons--no-icon-border .text-with-icons-card--mobile-vertical .text-with-icons__icon {
      margin-bottom: -16px;
    }

    .text-with-icons-slider.is-initialized:not(.is-active) .splide__list {
      column-gap: 0;
    }

    .container-fluid {
      padding-inline: 1.2rem;
    }

    .text-with-icons-slider.is-initialized:not(.is-active) .splide__list.splide__list-last-full-width .splide__slide:last-child {
      grid-column: 1 / -1;
      max-width: calc(100% - 2.4px);
      margin-inline: auto;
    }
  }

  @media screen and (min-width: 768px) {
    .header-multicolumn-wrap {
      margin-bottom: 32px;
    }

    .text-with-icons-card {
      padding: var(--card-padding-desktop, 12px);
    }

    &.text-with-icons--custom-icon-gap .text-with-icons-card {
      gap: var(--icon-text-gap-desktop);
    }

    &.text-with-icons--custom-heading-gap .text-with-icons-card__info > :is(.h1, .h2, .h3, .h4, .h5, .h6, .sub-heading-small, .sub-heading, .sub-heading-large, .text-body, .text-body-medium, .text-body-bold, .text-body-large, .text-body-large-medium, .text-body-large-bold, .caption, .caption-light, .caption-bold, .text-with-icons__item-heading) + .rte {
      margin-top: var(--heading-text-gap-desktop);
    }

    .text-with-icons-card--horizontal {
      align-items: center;
    }

    .text-with-icons-card--horizontal .text-with-icons-card__media {
      justify-content: flex-start;
    }

    .text-with-icons-card--vertical.items-start {
      align-items: flex-start;
    }

    .text-with-icons-card--vertical.items-center {
      align-items: center;
    }

    .text-with-icons-card--vertical.items-end {
      align-items: flex-end;
    }

    &.text-with-icons--no-icon-border .text-with-icons-card--vertical .text-with-icons__icon {
      margin-bottom: -16px;
    }
  }
}