.opart-pb-cards-wrapper {
  width: 100%;
}

.opart-pb-cards-grid {
  display: grid !important;
  width: 100%;
  gap: var(--opart-pb-cards-gap, 32px) !important;
}

.opart-pb-cards-grid--cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.opart-pb-cards-grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.opart-pb-cards-grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.opart-pb-cards-grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.opart-pb-cards-grid--align-left {
  text-align: left;
}

.opart-pb-cards-grid--align-center {
  text-align: center;
}

.opart-pb-cards-grid--align-right {
  text-align: right;
}

.opart-pb-card {
  min-width: 0;
}

.opart-pb-card__media {
  margin-bottom: 16px;
}

.opart-pb-card__img {
  display: block;
  width: 100%;
  height: auto;
}

.opart-pb-cards-grid--align-center .opart-pb-card__img {
  margin-left: auto;
  margin-right: auto;
}

.opart-pb-cards-grid--align-right .opart-pb-card__img {
  margin-left: auto;
}

.opart-pb-card__img.is-rounded {
  border-radius: 20px;
}

.opart-pb-card__content > :first-child {
  margin-top: 0;
}

.opart-pb-card__content > :last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .opart-pb-cards-grid--cols-4,
  .opart-pb-cards-grid--cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .opart-pb-cards-grid,
  .opart-pb-cards-grid--cols-1,
  .opart-pb-cards-grid--cols-2,
  .opart-pb-cards-grid--cols-3,
  .opart-pb-cards-grid--cols-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}