/* Styles enqueued for product types atom block */
.general-grid-wrapper {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  max-width: 1600px;
  padding: 40px 20px;
}
.general-grid-wrapper .headline {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px;
}
.general-grid-wrapper .grid-loop {
  display: grid;
  column-gap: 20px;
  margin: 0 auto;
  max-width: 1200px;
  grid-auto-columns: minmax(0, 1fr);
}
.general-grid-wrapper .grid-loop .grid-item:first-child:nth-last-child(5) ~ :nth-child(5) {
  grid-column: 5;
}
.general-grid-wrapper .grid-loop .grid-item:first-child:nth-last-child(4) ~ :nth-child(4) {
  grid-column: 4;
}
.general-grid-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) ~ :nth-child(3) {
  grid-column: 3;
}
.general-grid-wrapper .grid-loop .grid-item {
  background-color: var(--ast-global-color-0);
  border-radius: 9px;
  text-align: center;
  color: #fff;
  padding: 40px 20px 20px;
  margin-bottom: 20px;
}
.general-grid-wrapper .grid-loop .grid-item .grid-title {
  color: #fff;
}
.general-grid-wrapper .grid-loop .grid-item .grid-content {
  line-height: 1.5;
}

@media screen and (max-width: 921px) {
  .general-grid-wrapper .grid-loop .grid-item:first-child:nth-last-child(5) ~ :nth-child(5),
  .general-grid-wrapper .grid-loop .grid-item:first-child:nth-last-child(4) ~ :nth-child(4),
  .general-grid-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) ~ :nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }
}
@media (max-width: 544px) {
  .general-grid-wrapper .grid-loop .grid-item:first-child:nth-last-child(5) ~ :nth-child(5),
  .general-grid-wrapper .grid-loop .grid-item:first-child:nth-last-child(4) ~ :nth-child(4),
  .general-grid-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) ~ :nth-child(3) {
    grid-column: 1;
  }
}

/*# sourceMappingURL=general-grid.css.map */