.cards-with-stats {
  --color-utility: var(--primary-6)
}
.cards-with-stats .stat__title {
  margin-bottom: 0
}
.cards-with-stats__wrapper {
  gap: 2rem;
  justify-content: space-between
}
.cards-with-stats__right {
  width: 100%;
  height: 26.8rem
}
.cards-with-stats__outer {
  padding-bottom: 7.4rem;
  padding-top: 13.6rem
}
.cards-with-stats__inner {
  margin-top: -13.6rem
}
.cards-with-stats__bg-image {
  padding-top: 13.6rem
}
.cards-with-stats__stat {
  flex: 1 1 0
}
.cards-with-stats__img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%
}
.cards-with-stats--curved .cards-with-stats__img {
  border-radius: var(--radius-xxxl) 0 0
}
.cards-with-stats--curved .cards-with-stats__inner {
  border-radius: var(--radius-xxxl) 0 0
}
.cards-with-stats__video-play {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
@media (min-width:768px) {
  .cards-with-stats__wrapper {
    gap: 6rem
  }
  .cards-with-stats__outer {
    padding-bottom: 15.4rem;
    padding-top: 13.8rem
  }
  .cards-with-stats__inner {
    margin-top: -13.8rem
  }
  .cards-with-stats__bg-image {
    padding-top: 13.8rem
  }
}
@media (min-width:1200px) {
  .cards-with-stats__wrapper {
    gap: 10rem
  }
  .cards-with-stats__right {
    min-height: 47rem;
    max-height: 47rem;
    aspect-ratio: 1;
    max-width: -moz-fit-content;
    max-width: fit-content
  }
  .cards-with-stats__outer {
    padding-top: 8.2rem;
    padding-bottom: 20.1rem
  }
  .cards-with-stats__inner {
    margin-top: -8.2rem
  }
  .cards-with-stats__bg-image {
    padding-top: 8.2rem
  }
}