/**
* @description Iterates over the $space-gap values and creates a class for each one.
* @param {list} $space-gap - A list of space gap values.
*/
.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.pd-grid-layout {
  padding: 0 0.9375rem;
}
.pd-grid-layout__title {
  color: #e4002b;
  display: block;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.pd-grid-layout__wrapper {
  display: grid;
}
@media (max-width: 1023.98px) {
  .pd-grid-layout__wrapper.has-breakpoint {
    grid-template-columns: 1fr !important;
  }
}
.pd-grid-layout__wrapper.grid-border-radius {
  border-radius: 32px;
  overflow: hidden;
}
@media (max-width: 543.98px) {
  .pd-grid-layout__wrapper.mobile-grid-layout .card-with-hover {
    min-height: unset;
  }
  .pd-grid-layout__wrapper.mobile-grid-layout .card-content-container {
    height: 100%;
    overflow: auto;
  }
}
@media (max-width: 1023.98px) {
  .pd-grid-layout__wrapper.mobile-grid-layout.has-breakpoint {
    grid-template-columns: 1fr 1fr !important;
  }
}

/*# sourceMappingURL=gridLayout.css.map*/