.benefits-item {
  min-height: 220px;
  background-color: var(--theme-color);
  border-radius: 20px;
}
@media (min-width: 992px) {
  .benefits-item {
    min-height: 344px;
  }
}
.benefits-item .content {
  position: relative;
  padding: 24px;
  height: 100%;
}
.benefits-item .content .badges {
  position: absolute;
  top: 24px;
  left: 24px;
  display: flex;
  gap: 12px;
  z-index: 1;
}
.benefits-item .content .badges .badge {
  padding: 8px 24px;
}
.benefits-item .content .text {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: end;
  justify-content: end;
}
.benefits-item .content .text h3, .benefits-item .content .text p {
  color: var(--text-color);
}