.expandable-cards-signpost {
  overflow-x: clip
}
.expandable-cards-signpost--no-pattern-overlap {
  overflow-y: clip
}
.expandable-cards-signpost .config-text .color-section {
  --color-section: var(--primary-6)
}
.expandable-cards-signpost__triangular-pattern {
  aspect-ratio: 1/1;
  transform: translate(-48%,20%) rotate(224.5deg);
  border-radius: 0;
  pointer-events: none;
  background-color: currentcolor;0
  right: 0;
  width: 100%; 
  height: 100%;
  left: 192%;
  bottom: 0;
  max-height: 100rem;
  box-shadow: 0 0 0 1rem color-mix(in srgb,currentcolor 40%,transparent),0 0 0 2rem color-mix(in srgb,currentcolor 40%,transparent),0 0 0 3rem color-mix(in srgb,currentcolor 30%,transparent),0 0 0 4rem color-mix(in srgb,currentcolor 10%,transparent),0 0 0 5rem color-mix(in srgb,currentcolor 10%,transparent),0 0 0 6rem color-mix(in srgb,currentcolor 10%,transparent)
}
.expandable-cards-signpost__cards-wrapper {
  max-width: 120rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
  --bs-gutter-x: 3rem;
  margin-top: var(--md-1);
  transition: all .5s;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}
.expandable-cards-signpost__cards-container {
  transition: all .4s ease;
  gap: 1.6rem;
  scroll-behavior: smooth;
  overflow-x: hidden
}
.expandable-cards-signpost__title {
  max-width: 16.2rem;
  align-self: center
}
.expandable-cards-signpost__image-wrapper {
  width: 8.3rem;
  height: 9.6rem;
  transition: all .5s
}
.expandable-cards-signpost__image-wrapper .action-button {
  display: none
}
.expandable-cards-signpost .cta {
  width: -moz-max-content;
  width: max-content
}
.expandable-cards-signpost__mbl-right-content {
  width: 100%;
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: opacity .5s ease,max-height .5s ease,visibility .5s ease;
  padding: 0
}
.expandable-cards-signpost__mbl-right-content-wrapper {
  opacity: 0;
  padding: var(--sm-1);
  transition: all .5s ease
}
.expandable-cards-signpost .stat__title {
  max-width: 23rem
}
.expandable-cards-signpost__bottom-content {
  flex: 1
}
.expandable-cards-signpost__plus-icon {
  display: flex
}
.expandable-cards-signpost__close-icon {
  display: none!important
}
.expandable-cards-signpost__card-container {
  transition: all .5s ease
}
.expandable-cards-signpost__card-container.disabled {
  position: relative;
  cursor: pointer;
  height: 9.6rem
}
.expandable-cards-signpost__card-container.disabled::before {
  position: absolute;
  content: "";
  background: var(--primary-6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: .5
}
.expandable-cards-signpost__card-container.active .expandable-cards-signpost__mbl-right-content {
  opacity: 1;
  max-height: 100rem;
  visibility: visible;
  overflow: visible
}
.expandable-cards-signpost__card-container.active .expandable-cards-signpost__mbl-right-content-wrapper {
  opacity: 1
}
.expandable-cards-signpost__card-container.active .expandable-cards-signpost__image-wrapper {
  width: 8.3rem;
  height: 9.6rem;
  transition: none
}
.expandable-cards-signpost__card-container.active .expandable-cards-signpost__image-wrapper .action-button {
  display: block
}
.expandable-cards-signpost__card-container.active .expandable-cards-signpost__plus-icon {
  display: none!important
}
.expandable-cards-signpost__card-container.active .expandable-cards-signpost__close-icon {
  display: flex!important
}
.cards-with-stats .cards-with-stats__bg-image {
    background: var(--primary-6);
}
@media (min-width:768px) {
  .expandable-cards-signpost__triangular-pattern {
    left: 150%;
    max-height: 75rem;
    box-shadow: 0 0 0 3rem color-mix(in srgb,currentcolor 40%,transparent),0 0 0 6rem color-mix(in srgb,currentcolor 40%,transparent),0 0 0 9rem color-mix(in srgb,currentcolor 30%,transparent),0 0 0 12rem color-mix(in srgb,currentcolor 10%,transparent),0 0 0 15rem color-mix(in srgb,currentcolor 10%,transparent),0 0 0 18rem color-mix(in srgb,currentcolor 10%,transparent)
  }
  .expandable-cards-signpost__cards-wrapper {
    max-width: 120rem;
    --bs-gutter-x: 3rem;
    padding-left: 3.2rem;
    padding-right: 3.2rem
  }
  .expandable-cards-signpost__cards-container {
    margin: 0 auto
  }
  .expandable-cards-signpost__image-wrapper {
    width: 14.4rem;
    height: 17.6rem
  }
  .expandable-cards-signpost__right-content {
    padding-left: var(--sm-2);
    width: 0;
    opacity: 0;
    height: 0;
    visibility: hidden;
    flex: 1;
    padding-right: 0;
    transition: all .5s ease
  }
  .expandable-cards-signpost__right-content a,
  .expandable-cards-signpost__right-content div,
  .expandable-cards-signpost__right-content p {
    opacity: 0;
    width: 100%;
    visibility: hidden;
    transition: none;
    pointer-events: none
  }
  .expandable-cards-signpost__bottom-content {
    flex-direction: column
  }
  .expandable-cards-signpost__card-front {
    width: 100%
  }
  .expandable-cards-signpost__card-container {
    min-width: 16.4rem;
    flex: 1;
/*     min-height: -webkit-fill-available */
  }
  .expandable-cards-signpost__card-container.disabled {
    height: 30.1rem;
    min-height: auto
  }
  .expandable-cards-signpost__card-container.active {
    min-width: 70.4rem
  }
  .expandable-cards-signpost__card-container.active .expandable-cards-signpost__right-content {
    width: 39.8rem;
    min-height: 32.3rem;
    padding-right: 10rem;
    padding-left: var(--md-2);
    opacity: 1;
    visibility: visible;
    flex: 1;
/*     height: 100%; */ 
    padding-top: var(--sm-3);
  }
  .expandable-cards-signpost__card-container.active .expandable-cards-signpost__right-content a,
  .expandable-cards-signpost__card-container.active .expandable-cards-signpost__right-content div,
  .expandable-cards-signpost__card-container.active .expandable-cards-signpost__right-content p {
    opacity: 1;
    visibility: visible;
    transition: all .5s ease .5s;
    pointer-events: auto
  }
  .expandable-cards-signpost__card-container.active .expandable-cards-signpost__image-wrapper {
    width: 30.6rem;
    height: 32.3rem
  }
  .expandable-cards-signpost__card-container.active .expandable-cards-signpost__bottom-content {
    flex-direction: row
  }
  .expandable-cards-signpost__card-container.active .expandable-cards-signpost__title {
    align-self: start
  }
}
@media (min-width:1200px) {
  .expandable-cards-signpost__triangular-pattern {
    bottom: -6%;
    left: 134%;
    right: 0;
    box-shadow: 0 0 0 5rem color-mix(in srgb,currentcolor 40%,transparent),0 0 0 10rem color-mix(in srgb,currentcolor 40%,transparent),0 0 0 15rem color-mix(in srgb,currentcolor 30%,transparent),0 0 0 20rem color-mix(in srgb,currentcolor 10%,transparent),0 0 0 25rem color-mix(in srgb,currentcolor 10%,transparent),0 0 0 30rem color-mix(in srgb,currentcolor 10%,transparent)
  }
  .expandable-cards-signpost__cards-wrapper {
    max-width: 120rem;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5)
  }
  .expandable-cards-signpost__cards-container {
    gap: 3rem
  }
  .expandable-cards-signpost__image-wrapper {
    width: 24.6rem;
    height: 30.2rem
  }
  .expandable-cards-signpost__bottom-content {
    flex-direction: row
  }
  .expandable-cards-signpost__card-container {
    min-width: 27rem
  }
  .expandable-cards-signpost__card-container.disabled {
    height: 39.8rem
  }
  .expandable-cards-signpost__card-container.active {
    min-width: 96.9rem
  }
  .expandable-cards-signpost__card-container.active .expandable-cards-signpost__right-content {
    width: 60rem;
    min-height: 38.9rem;
    padding-right: 19rem;
/*     height: 100%; */ 
    padding-top: var(--sm-3);
  }
  .expandable-cards-signpost__card-container.active .expandable-cards-signpost__image-wrapper {
    width: 36.9rem;
    height: 38.9rem
  }
}

/* nojs self serve */
.nojs .expandable-cards-signpost__cards-container, .ip3-edit .expandable-cards-signpost__cards-container{flex-direction:column !important;}
.nojs .expandable-cards-signpost__right-content, .ip3-edit .expandable-cards-signpost__right-content { width: 75.5rem; opacity: 1; height: 100%; visibility: visible;}

@media (min-width: 767px) and (max-width: 991px) { 
.expandable-cards-signpost__card-container.active .expandable-cards-signpost__right-content {
    overflow: auto;
    max-height: 32.3rem;
    display: block !important;
}
}