.ax-cards-with-details {
  scroll-margin-top: 60px;
}
.ax-cards-with-details__container {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 989.98px) {
  .ax-cards-with-details__container {
    grid-template-columns: 1fr;
  }
}
.ax-cards-with-details__card {
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  cursor: pointer;
  height: 256px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 989.98px) {
  .ax-cards-with-details__card {
    max-height: 20rem;
  }
}
.ax-cards-with-details__card.active .ax-cards-with-details__card-back {
  display: block;
}
.ax-cards-with-details__card.active svg {
  rotate: 45deg;
}
.ax-cards-with-details__card svg {
  bottom: 10px;
  position: absolute;
  right: 10px;
  transition: .2s;
}
.ax-cards-with-details__card-back {
  background: #006d6c;
  color: #fff;
  display: none;
  height: 100%;
  left: 0;
  padding: 10px 30px;
  position: absolute;
  top: 0;
  width: 100%;
}
.ax-cards-with-details__card-front {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding: 38px 25px;
  position: relative;
}
.ax-cards-with-details__card-title {
  font-family: calc(var(--font-heading-scale)*5rem);
  margin: 0;
}
.ax-cards-with-details__card-title--highlight {
  font-family: var(--font-heading-family);
}