.col {
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.row {
  border-top: 1px solid var(--base300);
  min-height: 430px;
}

.row > .col {
  border-inline-start: 1px solid var(--base300);
}

.row > .col:first-child {
  border-inline-start: 0;
  padding-inline-start: 0;
}

.row > .col:last-child {
  padding-inline-end: 0;
}

@media only screen and (max-width: 992px) {
  .row {
    border: 0;
  }

  .row > .col {
    border-top: 1px solid var(--base300);
    border-inline-start: 0;
    border-inline-end: 0;
    padding: 20px 0;
  }
}
