.qg-callout__box.callout__cards .qg-callout__content .qg-callout__description {
  max-width: none;
  margin: 0;
}
.qg-callout__box.callout__cards .qg-callout__left-alignment .qg-callout__description, .qg-callout__box.callout__cards .qg-callout__right-alignment .qg-callout__description {
  width: 100%;
}
.qg-callout__box.callout__cards ul.card-list {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  padding: 0 !important;
  margin: 1em auto;
  flex-wrap: wrap;
}
.qg-callout__box.callout__cards ul.card-list li {
  width: calc(20% - 1em);
  margin: 0 1em 1em 0 !important;
  background: #fff;
  border-radius: 4px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
@media (max-width: 821px) {
  .qg-callout__box.callout__cards ul.card-list li {
    width: calc(33.33% - 1em);
  }
}
@media (max-width: 626px) {
  .qg-callout__box.callout__cards ul.card-list li {
    width: calc(50% - 1em);
  }
}
@media (max-width: 430px) {
  .qg-callout__box.callout__cards ul.card-list li {
    width: 100%;
    margin: 0 0 1em 0 !important;
  }
}
.qg-callout__box.callout__cards ul.card-list li:hover {
  transform: scale(1.05);
}
.qg-callout__box.callout__cards ul.card-list li a {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-wrap: nowrap;
  margin: 0 !important;
}
.qg-callout__box.callout__cards ul.card-list li a img {
  overflow: hidden;
  height: 176px;
  width: auto;
  object-fit: cover;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.qg-callout__box.callout__cards ul.card-list li a span {
  padding: 1em;
}