.benefits {
  display: flex;
  flex-wrap: wrap;
  gap: var(--margin-heading);
}
.benefits_item {
  position: relative;
  flex: 1 0 300px;
  padding: var(--margin-block);
  overflow: hidden;
  color: var(--white);
  background-color: var(--accent);
  isolation: isolate;
  border-radius: 10px;
}
.benefits_item::before {
  position: absolute;
  z-index: -1;
  aspect-ratio: 439/182;
  pointer-events: none;
  content: "";
  background-color: var(--accent-50);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='439' height='182' fill='none'%3E%3Cg fill='%23EAECF8' opacity='.1'%3E%3Cpath d='M158.6 182H90.74L0 91 90.73 0h67.88L67.88 91l90.73 91Z'/%3E%3Cpath d='M252.07 182H184.2L93.46 91 184.2 0h67.88l-90.73 91 90.73 91Z'/%3E%3Cpath d='M345.54 182h-67.88l-90.73-91 90.73-91h67.88L254.8 91l90.73 91Z'/%3E%3Cpath d='M439 182h-67.88l-90.73-91 90.73-91H439l-90.73 91L439 182Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}
@media (min-width: 740px) {
  .benefits_item::before {
    top: -35px;
    right: -212px;
    width: 439px;
  }
}
@media (max-width: 739.98px) {
  .benefits_item::before {
    top: -27px;
    right: -109px;
    width: 328px;
  }
}
.benefits_media {
  display: grid;
  place-content: center;
  width: var(--_size);
  height: var(--_size);
  background-color: var(--yellow-400);
  border-radius: 50%;
}
@media (min-width: 740px) {
  .benefits_media {
    --_size: 72px;
    margin-bottom: 36px;
  }
}
@media (max-width: 739.98px) {
  .benefits_media {
    --_size: 48px;
    margin-bottom: 14px;
  }
}
.benefits_icon {
  width: var(--_size);
  height: var(--_size);
  color: var(--accent);
}
@media (min-width: 740px) {
  .benefits_icon {
    --_size: 40px;
  }
}
@media (max-width: 739.98px) {
  .benefits_icon {
    --_size: 28px;
  }
}