.problems__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}
@media (width < 992px) {
  .problems__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width < 768px) {
  .problems__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .problems .section-head__action {
    display: none;
  }
}

.problem-card {
  padding: 16px;
  border-radius: 24px;
  background: #fff;
}
.problem-card__icon {
  width: clamp(40px, 3.5vw, 56px);
  height: clamp(40px, 3.5vw, 56px);
  margin-left: auto;
  display: block;
}
.problem-card__title {
  margin-top: 42px;
  margin-bottom: 4px;
}
.problem-card__description {
  color: #4a5565;
}
@media (width < 768px) {
  .problem-card__title {
    margin-top: 12px;
  }
}