.boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 2.8rem;
  width: 100%;
}

.boxes .text {
  flex: 1 1 calc(33.33% - 2rem);
  min-width: 300px;
  padding: 1.45625rem 2.5rem;

  background: var(--bg-card-list);
  border: 1px solid var(--bg-card-list-border);
}
.boxes .text h3 {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .boxes .text {
    flex: 1 1 100%;
  }
}