.paragraph--type--two-cards .cards-wrap {
  display: flex;
  column-gap: 4rem;
}

.paragraph--type--two-cards .paragraph > * {
  padding: 0;
  margin: 0;
}

.paragraph--type--two-cards .cards-wrap > .card {
  flex-basis: 50%;
  padding: 11rem;
  position: relative;
}

.paragraph--type--two-cards .cards-wrap > .card::before {
  content: " ";
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 19px;
  display: block;
}

.paragraph--type--two-cards .card {
  border-radius: 25px;
}

.paragraph--type--two-cards.left-bkg-yellow .card.left,
.paragraph--type--two-cards.right-bkg-yellow .card.right {
  background-color: var(--color-uw-accent-yellow);
}

.paragraph--type--two-cards.left-bkg-orange .card.left,
.paragraph--type--two-cards.right-bkg-orange .card.right {
  background-color: var(--color-uw-accent-orange);
}

.paragraph--type--two-cards.left-bkg-beige .card.left,
.paragraph--type--two-cards.right-bkg-beige .card.right {
  background-color: var(--color-uw-accent-beige);
}

.paragraph--type--two-cards.left-bkg-green .card.left,
.paragraph--type--two-cards.right-bkg-green .card.right {
  background-color: var(--color-uw-accent-green);
}

.paragraph--type--two-cards.left-bkg-ltgray .card.left,
.paragraph--type--two-cards.right-bkg-ltgray .card.right {
  background-color: rgba(73, 73, 73, 0.04);
}

.paragraph--type--two-cards.left-bkg-ltblue .card.left,
.paragraph--type--two-cards.right-bkg-ltblue .card.right {
  background-color: rgba(4, 121, 168, 0.25);
}

.paragraph--type--two-cards.left-bkg-red .card.left,
.paragraph--type--two-cards.right-bkg-red .card.right {
  background-color: var(--color-uw-red);
  color: #fff;
}

.paragraph--type--two-cards.left-bkg-dkgra .card.left,
.paragraph--type--two-cards.right-bkg-dkgra .card.right {
  background-color: #737373;
  color: #fff;
}

.paragraph--type--two-cards.left-bkg-blue .card.left,
.paragraph--type--two-cards.right-bkg-blue .card.right {
  background-color: var(--color-uw-blue);
  color: #fff;
}

.paragraph--type--two-cards.left-bkg-bluegray .card.left,
.paragraph--type--two-cards.right-bkg-bluegray .card.right {
  background-color: var(--color-uw-accent-blue-gray);
  color: #fff;
}

.paragraph--type--two-cards.left-bkg-red .card.left .h2,
.paragraph--type--two-cards.right-bkg-red .card.right .h2,
.paragraph--type--two-cards.left-bkg-dkgra .card.left .h2,
.paragraph--type--two-cards.right-bkg-dkgra .card.right .h2,
.paragraph--type--two-cards.left-bkg-blue .card.left .h2,
.paragraph--type--two-cards.right-bkg-blue .card.right .h2,
.paragraph--type--two-cards.left-bkg-bluegray .card.left .h2,
.paragraph--type--two-cards.right-bkg-bluegray .card.right .h2,
.paragraph--type--two-cards.left-bkg-red .card.left .stat-item,
.paragraph--type--two-cards.right-bkg-red .card.right .stat-item,
.paragraph--type--two-cards.left-bkg-dkgra .card.left .stat-item,
.paragraph--type--two-cards.right-bkg-dkgra .card.right .stat-item,
.paragraph--type--two-cards.left-bkg-blue .card.left .stat-item,
.paragraph--type--two-cards.right-bkg-blue .card.right .stat-item,
.paragraph--type--two-cards.left-bkg-bluegray .card.left .stat-item,
.paragraph--type--two-cards.right-bkg-bluegray .card.right .stat-item {
  color: #fff;
}

.paragraph--type--two-cards.left-bkg-red .card.left .h2,
.paragraph--type--two-cards.right-bkg-red .card.right .h2,
.paragraph--type--two-cards.left-bkg-dkgra .card.left .h2,
.paragraph--type--two-cards.right-bkg-dkgra .card.right .h2,
.paragraph--type--two-cards.left-bkg-blue .card.left .h2,
.paragraph--type--two-cards.right-bkg-blue .card.right .h2,
.paragraph--type--two-cards.left-bkg-bluegray .card.left .h2,
.paragraph--type--two-cards.right-bkg-bluegray .card.right .h2,
.paragraph--type--two-cards.left-bkg-red .card.left .stat-item,
.paragraph--type--two-cards.right-bkg-red .card.right .stat-item,
.paragraph--type--two-cards.left-bkg-dkgra .card.left .stat-item,
.paragraph--type--two-cards.right-bkg-dkgra .card.right .stat-item,
.paragraph--type--two-cards.left-bkg-blue .card.left .stat-item,
.paragraph--type--two-cards.right-bkg-blue .card.right .stat-item,
.paragraph--type--two-cards.left-bkg-bluegray .card.left .stat-item,
.paragraph--type--two-cards.right-bkg-bluegray .card.right .stat-item {
  color: #fff;
}

.paragraph--type--two-cards.left-bkg-red .card.left .h2::before,
.paragraph--type--two-cards.right-bkg-red .card.right .h2::before,
.paragraph--type--two-cards.left-bkg-dkgra .card.left .h2::before,
.paragraph--type--two-cards.right-bkg-dkgra .card.right .h2::before,
.paragraph--type--two-cards.left-bkg-blue .card.left .h2::before,
.paragraph--type--two-cards.right-bkg-blue .card.right .h2::before,
.paragraph--type--two-cards.left-bkg-bluegray .card.left .h2::before,
.paragraph--type--two-cards.right-bkg-bluegray .card.right .h2::before {
  background-color: #fff;
}

.paragraph--type--two-cards .stat-item .stat {
  font-weight: 600;
  font-size: 9rem;
  line-height: 1;
}

.paragraph--type--two-cards .stat-item .stat-copy {
  font-size: 3rem;
  padding: 15px;
}

.paragraph--type--two-cards .stat-item .stat-detail {
  font-size: 2.4rem;
}

@media screen and (max-width: 1280px){
    .paragraph--type--two-cards .stat-item .stat-detail {
        line-height: 1;
      }
}
@media screen and (max-width: 900px) {
  .paragraph--type--two-cards .cards-wrap > .card {
    padding: 6rem;
  }
 
}

@media screen and (max-width: 750px) {
  .paragraph--type--two-cards .cards-wrap {
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 2rem;
  }

 
}
@media screen and (max-width: 500px) {
  .paragraph--type--two-cards .stat-item .stat {
    font-size: 5rem;
  }
}