.topic-tile > .heading {
  padding-bottom: var(--space-sm);
}
.vertical-col .topic-tile-wrap {
  text-align: center;
}
.vertical-col .topics-tile-item a,
.vertical-col .topics-tile-item {
  flex-direction: column;
  gap: var(--space-sm);
  justify-content: unset;
}
@media only screen and (min-width: 961px) {
  .vertical-col .topics-tile-item a,
  .vertical-col .topics-tile-item {
    gap: var(--space-lg);
  }
  .topic-tile {
    overflow: hidden;
  }
  .topic-tile-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: 960px) {
  .topic-tile-wrap {
    overflow-x: scroll;
    scrollbar-width: none;
    padding: 0 var(--space-2xl);
    width: 100%;
    display: flex;
  }
  .vertical-col .topic-tile-wrap {
    padding: 0;
  }
  .topic-tile-column {
    flex-direction: column;
    min-width: 100%;
    padding-right: var(--space-lg);
  }
}
@media only screen and (max-width: 767px) {
  .topic-tile-wrap {
    padding: 0 var(--space-xl);
  }
}
@media only screen and (max-width: 640px) {
  .topic-tile-wrap {
    padding: 0 var(--space-lg);
  }
}