.boxes-section {
  padding-bottom: var(--block-space-lg);
}

.boxes-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-auto-rows: minmax(120px, auto);
  min-width: 100%;
  gap: 16px;
  list-style-type: none;
}

.boxes-list-item {
  background-color: #fff;
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--neutral-300);
  padding: 32px;
}

.boxes-list-item-img {
  border-radius: var(--border-radius-xs);
  background-color: var(--brand-primary-800);
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand-accent);
  margin-bottom: 24px;

  svg {
    width: 46px;
    height: 46px;
  }
}

.boxes-list-item-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}