/* Grid 3 Cards */
.grid-3c {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 26px;
}

@media (min-width: 1024px) {
  .grid-3c {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 26px;
  }
  .grid-3c__item:nth-child(2) {
    transform: translateY(26px);
  }
}

@media (min-width: 1250px) {
  .grid-3c {
    column-gap: 36px;
  }
  .grid-3c__item:nth-child(2) {
    transform: translateY(36px);
  }
}





/* Grid 4 Cards */
.grid-4c {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 26px;
}

@media (min-width: 600px) {
  .grid-4c {
    grid-template-columns: 1fr 1fr;
    column-gap: 26px;
  }
  .grid-4c__item:nth-child(1),
  .grid-4c__item:nth-child(3) {
    transform: translateY(26px);
  }
}

@media (min-width: 1024px) {
  .grid-4c {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 1250px) {
  .grid-4c {
    column-gap: 36px;
  }
  .grid-4c__item:nth-child(1),
  .grid-4c__item:nth-child(3) {
    transform: translateY(36px);
  }
}




/* Grid Content With Bg Image */
.grid-cwbgi {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 38px;
}
.grid-cwbgi__image {
  height: 500px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -26px;
  margin-right: -26px;
}
.grid-cwbgi__image--01 {
  background-image: url(/assets/images/about--mobile.webp);
}

@media (min-width: 450px) {
  .grid-cwbgi__image {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 600px) {
  .grid-cwbgi__image--01 {
    background-image: url(/assets/images/about--tablet.webp);
  }
}

@media (max-width: 824px) {
  .grid-cwbgi__image {
    order: 1;
  }
  .grid-cwbgi__main {
    order: 2;
  }
}

@media (min-width: 825px) {
  .grid-cwbgi {
    grid-template-columns: 1fr 1fr;
    column-gap: 36px;
    align-items: center;
  }
  .grid-cwbgi__image {
    height: 750px;
  }
  .grid-cwbgi__image--01 {
    background-image: url(/assets/images/about--laptop.webp);
  }
}

@media (min-width: 1250px) {
  .grid-cwbgi {
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
  }
  .grid-cwbgi__image--01 {
    background-image: url(/assets/images/about--desktop.webp);
  }
}

@media (min-width: 1600px) {
  .grid-cwbgi {
    grid-template-columns: 1fr 1fr;
    column-gap: 100px;
  }
}





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

@media (min-width: 825px) {
  .grid-content {
    grid-template-columns: 1fr 1fr;
    column-gap: 36px;
    align-items: center;
  }
  .grid-content--invert .grid-content__item:first-child {
    order: 2;
  }
  .grid-content--invert .grid-content__item:last-child {
    order: 1;
  }
}

@media (min-width: 1250px) {
  .grid-content {
    column-gap: 70px;
  }
}

@media (min-width: 1600px) {
  .grid-content {
    column-gap: 100px;
  }
}





/* Grid Specials */
.grid-specials {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 26px;
}

@media (min-width: 600px) {
  .grid-specials {
    grid-template-columns: 1fr 1fr;
    column-gap: 26px;
  }
  .grid-specials__item:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

@media (min-width: 1024px) {
  .grid-specials {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1250px) {
  .grid-specials {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}