.boxes-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.boxes-inner .box {
  flex: 0 1 100%;
}
.boxes-inner.columns-1 .box {
  flex: 0 1 100%;
}
.boxes-inner.columns-2 .box {
  flex: 0 1 calc(50% - 12px);
}
.boxes-inner.columns-3 .box {
  flex: 0 1 calc(33.333% - 16px);
}
.boxes-inner.columns-4 .box {
  flex: 0 1 calc(25% - 18px);
}
.boxes-inner.columns-5 .box {
  flex: 0 1 calc(20% - 20px);
}
.boxes-inner.columns-6 .box {
  flex: 0 1 calc(16% - 20px);
}
@media (max-width: 768px) {
  .boxes-inner .box {
    flex: 0 1 100%;
  }
}

@media (max-width: 768px) {
  .boxes-inner .box {
    flex: 0 0 100% !important;
    max-width: 100%;
  }
}
.box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.2s ease;
}
.box img.background {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: contain;
  display: block;
  border-radius: 6px;
  margin-bottom: 16px;
  max-width: 100%;
}
.columns-1 .box img.background, .columns-2 .box img.background {
  max-width: 400px;
}
.columns-3 .box img.background, .columns-4 .box img.background {
  max-width: 300px;
}
.columns-5 .box img.background, .columns-6 .box img.background {
  max-width: 180px;
}
.box .box-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}
.box .box-description {
  font-size: 14px;
  color: #444;
  line-height: 1.5;
  max-width: 480px;
}