.sectionMulticolumn {
}

.sectionMulticolumn__header,
.sectionMulticolumn__column,
.sectionMulticolumn__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4.8rem 2rem;
}

.sectionMulticolumn h3,
.sectionMulticolumn .heading-3 {
  margin: 0;
}

.sectionMulticolumn__header {
  border-bottom: 1px solid var(--color-blue);
}

.sectionMulticolumn__header + .sectionMulticolumn__footer {
  border: none;
}

.sectionMulticolumn__column:not(:first-of-type) {
  border-top: 1px solid var(--color-blue);
}

.sectionMulticolumn__column .caption {
  margin-bottom: 4.8rem;
}

.sectionMulticolumn__footer {
  display: grid;
  gap: 2.4rem;
  border-top: 1px solid var(--color-blue);
}

@media screen and (min-width: 940px) {
  .sectionMulticolumn__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  
  .sectionMulticolumn__column:not(:nth-of-type(n + 4)) {
    border-top: none;
  }
  
  .sectionMulticolumn__column:not(:nth-of-type(3n + 3)) {
    border-right: 1px solid var(--color-blue);
  }

  .sectionMulticolumn__column:nth-of-type(3n + 2):has(+ .sectionMulticolumn__column + .sectionMulticolumn__column) {
    box-shadow: 0 1px 0 var(--color-blue);
  }
  
  .sectionMulticolumn__column:nth-of-type(3n):has(+ .sectionMulticolumn__column) {
    box-shadow: 0 1px 0 var(--color-blue);
  }
  
  .sectionMulticolumn__column .caption {
    margin-bottom: 6.4rem;
  }
  
  .sectionMulticolumn__footer {
    grid-template-columns: 2fr 1fr;
    gap: 12rem;
  }
  
  .sectionMulticolumn__footer .button {
    justify-self: end;
  }
}

@media screen and (min-width: 1200px) {
  .sectionMulticolumn__header,
  .sectionMulticolumn__column,
  .sectionMulticolumn__footer {
    padding: 5.6rem;
  }
}

@media screen and (min-width: 1321px) {
  .sectionMulticolumn__header,
  .sectionMulticolumn__column,
  .sectionMulticolumn__footer {
    padding: 8.8rem;
  }
}