#cards .splide__slide {
  position: relative;
  border-radius: var(--br-20);
  overflow: hidden;
}

#cards h3 {
  font-size: clamp(1.5rem, 5vw, 1.875rem);
}

#cards .static .card h3 {
  font-size: clamp(1.5rem, 1vw, 2rem);
}

#cards .button:hover {
  color: var(--color-white);
}

#cards .bg-navy {
  color: var(--color-white);
}

#card-slider {
  max-width: 100%;
  width: 100%;
}

#cards .splide__slide article.card.icon img {
  height: 4rem;
  width: auto;
  margin-bottom: calc(var(--vert-spacing-3) * 1.2);
}

#cards .splide__slide article.card.img img {
  height: 15rem;
  width: 100%;
  object-fit: cover;
}

#cards .splide {
  visibility: visible !important;
}

#cards .splide__track {
  position: relative;
  overflow: visible;
}

#cards h2,
#cards .intro {
  text-align: center;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}

#cards .splide__slide > div {
  max-width: 100%;
}

/* @media (min-width: 1080px) {
  #cards .splide__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
  }
  #cards .splide__list li {
    flex: 0 1 calc(25% - (3rem / 4));
  }
  #cards .slide-controls {
    display: none;
  }
} */

.card-slider .splide__arrows,
.card-slider .splide__pagination {
  position: relative;
  display: flex;
}

.card-slider .splide__arrows button {
  position: relative;
  border-radius: none !important;
  -webkit-border-radius: none !important;
  -moz-border-radius: none !important;
  -ms-border-radius: none !important;
  -o-border-radius: none !important;
  background: unset !important;
  left: unset !important;
  right: unset !important;
  opacity: 1 !important;
}

.card-slider .splide__arrows button svg path {
  fill: var(--color-dark-green) !important;
}

.card-slider .splide__pagination {
  flex-direction: row;
  width: 100%;
  margin-top: var(--vert-spacing-1);
  gap: 0.5rem !important;
  bottom: unset !important;
  padding: 0 !important;
}

.card-slider .splide__pagination__page {
  background: transparent;
  border: 1px solid var(--color-navy);
  width: 0.875rem;
  height: 0.875rem;
  opacity: 1;
  margin: 0;
}

.card-slider .splide__pagination__page.is-active {
  background-color: var(--color-navy);
  transform: scale(1.2);
}

.card-slider .slide-controls {
  gap: 1rem;
}

#cards .content {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media (max-width: 1000px) {
  #cards .container h2,
  #cards .container .intro {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }
}

/* Grid Version */
#cards .static > div {
  border-radius: var(--br-20);
}

#cards .static article.card {
  padding: clamp(2rem, 5vw, 3rem);
}

#cards .static article.card p:last-child {
  margin-bottom: 0;
}