.block-indiv-content-with-media-cards {
  --card-bg: rgba(5, 50, 56, 0.92);
  --card-color: #faf6f2;
  --card-offset: 0px;
}
@media (min-width: 1400px) {
  .block-indiv-content-with-media-cards {
    --card-offset: 56px;
  }
}
.editor-styles-wrapper .block-indiv-content-with-media-cards .gy-5 {
  --bs-gutter-y: 0;
}
.block-indiv-content-with-media-cards .media-wrapper {
  position: relative;
  aspect-ratio: 3/4;
  margin-inline: 16px;
}
@media (min-width: 992px) {
  .block-indiv-content-with-media-cards .media-wrapper {
    margin-inline: 0;
  }
}
.block-indiv-content-with-media-cards .media-wrapper > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.block-indiv-content-with-media-cards .media-card {
  position: absolute;
  max-width: 240px;
  padding: 20px 24px;
  border-radius: 8px;
  background-color: var(--card-bg);
  color: var(--card-color);
  box-shadow: -277px 320px 119px 0 rgba(0, 0, 0, 0), -178px 205px 108px 0 rgba(0, 0, 0, 0.02), -100px 115px 91px 0 rgba(0, 0, 0, 0.08), -44px 51px 68px 0 rgba(0, 0, 0, 0.14), -11px 13px 37px 0 rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(4px);
  font-size: 14px;
}
.block-indiv-content-with-media-cards .media-card:nth-of-type(1) {
  top: 12%;
  left: calc(-1 * var(--card-offset) - 16px);
}
.block-indiv-content-with-media-cards .media-card:nth-of-type(2) {
  bottom: 5%;
  right: calc(-1 * var(--card-offset) - 16px);
}
.block-indiv-content-with-media-cards .media-card .number {
  font-family: "freight-display-pro", serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 48px;
}
.block-indiv-content-with-media-cards .media-card .title {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.block-indiv-content-with-media-cards .media-card .title:not(:first-child) {
  margin-top: 4px;
}
.block-indiv-content-with-media-cards .media-card .number + .title {
  margin-top: 24px;
}
.block-indiv-content-with-media-cards .media-card .text {
  margin-top: 8px;
}
.block-indiv-content-with-media-cards .media-card .text p {
  font-size: 13px;
  line-height: 20px;
}
.block-indiv-content-with-media-cards .media-card .text p:last-child {
  margin-bottom: 0;
}
.block-indiv-content-with-media-cards .media-card:not(:has(.text)) .number + .title {
  margin-top: 4px;
}
.block-indiv-content-with-media-cards .inner-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.block-indiv-content-with-media-cards .inner-content .block-indiv-button-group {
  padding-top: 24px;
  margin-top: auto;
}