/**
 * Cards Wrapper
 */

.cards-wrapper {
  background-color: var(--color-brand--light-orange-2);
  border-radius: 24px;
  margin: 0 -1rem;
  padding: 2rem 1rem;
  position: relative;
  overflow: hidden;
}
.cards-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: -45px;
  left: -155px;
  z-index: 1;
  height: 250px;
  width: 221px;
  background-image: url("../../images/decoration/cards-shape--mobile.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.cards-wrapper__content {
  position: relative;
  z-index: 2;
}
.cards-wrapper__content .warning {
  font-size: var(--content-size);
}

.cards-wrapper h2 {
  line-height: 160%;
  margin: 0 0 1rem;
}
.cards-wrapper h2 strong::after {
  background-color: var(--color-neutral--white);
}
.cards-wrapper .text {
  width: 90%;
  max-width: 850px;
  margin: 0 auto;
}
@media all and (min-width: 650px) {
  .cards-wrapper {
    margin: 0;
    padding: 3rem 3rem;
  }
  .cards-wrapper::before {
    top: -210px;
    left: -440px;
    height: 793px;
    width: 706px;
    background-image: url("../../images/decoration/cards-shape--desktop.svg");
  }
  .cards-wrapper .text {
    width: 82%;
  }
}
@media all and (min-width: 850px) {
  .cards-wrapper {
    padding: 4rem 6rem;
  }
  .cards-wrapper::before {
    top: -210px;
    left: -440px;
    height: 793px;
    width: 706px;
    background-image: url("../../images/decoration/cards-shape--desktop.svg");
  }
}
@media all and (min-width: 1100px) {
  .cards-wrapper {
    padding: 4.5rem 6.75rem;
  }
}