/* Content */
.grid-content {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 26px;
}

@media only screen and (min-width: 825px) {
  .grid-content {
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .grid-content {
    column-gap: 60px;
  }
}

@media only screen and (min-width: 1250px) {
  .grid-content {
    column-gap: 80px;
  }
}





/* Four Cards */
.grid-four-cards {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

@media only screen and (min-width: 450px) {
  .grid-four-cards {
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .grid-four-cards {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 10px;
  }
}





/* Grid Three Bordered */
.grid-three-bordered__item {
  border-bottom: 1px solid var(--color--gray);
}
.grid-three-bordered__item:last-child {
  border-bottom: none;
}

@media only screen and (min-width: 825px) {
  .grid-three-bordered {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid-three-bordered__item {
    border-bottom: none;
    border-right: 1px solid var(--color--gray);
  }
  .grid-three-bordered__item:last-child {
    border-right: none;
  }
}