.features {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
}
.features .feature-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: var(--space-300) var(--space-200);
}
@media (max-width: 1300px) {
  .features .feature-cards {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
}
@media (max-width: 850px) {
  .features .feature-cards {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
  }
}
.features .feature-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  gap: var(--space-200);
  width: 100%;
  height: 100%;
}
.features .feature-card-content {
  display: flex;
  flex-direction: column;
  text-align: start;
  height: 100%;
  justify-content: start;
}
.features .feature-card-content-title {
  font-weight: bold;
  font-size: var(--text-size-xl);
}
.features .feature-card-content-description {
  font-size: var(--text-size-m);
}