.benefitsCarousel {
  width: 100%;
}

.card {
  display: grid;
  gap: var(--Space-x3);
}

.iconPane {
  background: var(--Surface-Brand-Primary-1-Default);
  border-radius: var(--Corner-Radius-xLarge);
  display: grid;
  place-items: center;
  padding: var(--Space-x2) var(--Space-x15);
  min-height: 180px;
}

.copy {
  text-align: center;
  display: grid;
  gap: var(--Space-x1);
}

@media (min-width: 1024px) {
  .dots {
    display: none;
  }
}