.solutions-carousel {
  background: rgb(var(--color-surface-subtle));
}

.solutions-carousel .glide-component {
  padding-bottom: 4rem;
}
.solutions-carousel .glide__slides {
  align-items: stretch;
}
.solutions-carousel .glide__slide {
  height: auto;
}

.solution-card {
  align-items: center;
  background: rgb(var(--color-white));
  border: 0.1rem solid rgb(var(--color-border));
  border-radius: 0.6rem;
  box-shadow: 0 0.4rem 1.4rem rgba(var(--color-brand-navy), 0.06);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2rem 1.4rem;
  text-align: center;
}

.solution-card__media {
  align-items: center;
  display: flex;
  height: 8rem;
  justify-content: center;
  margin-bottom: 1.4rem;
  width: 100%;
}
.solution-card__media img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.solution-card__media svg {
  color: rgb(var(--color-brand-primary));
  height: 6.4rem;
  width: 6.4rem;
}
.solution-card__title {
  color: rgb(var(--color-brand-navy));
  font-size: var(--font-size-tagline-regular);
  line-height: var(--line-height-tagline-regular);
  margin: 0 0 1rem;
  text-transform: uppercase;
}
.solution-card__description {
  color: rgb(var(--color-text-muted));
  font-size: var(--font-size-paragraph-extra-small);
  line-height: var(--line-height-paragraph-extra-small);
  margin: 0 0 1.8rem;
}
.solution-card__link {
  align-items: center;
  color: rgb(var(--color-brand-primary));
  display: inline-flex;
  font-size: var(--font-size-paragraph-extra-small);
  font-weight: var(--font-weight-paragraph-extra-small);
  gap: 0.8rem;
  margin-top: auto;
  text-decoration: none;
  text-transform: uppercase;
}
.solution-card__link:hover {
  color: rgb(var(--color-brand-primary-dark));
}

.solutions-carousel glide-component .glide__controls .glide__previous,
.solutions-carousel glide-component .glide__controls .glide__next {
  background: rgb(var(--color-white));
  box-shadow: 0 0.4rem 1.6rem rgba(var(--color-brand-navy), 0.14);
  opacity: 1;
}
.solutions-carousel glide-component .glide__controls path {
  fill: rgb(var(--color-brand-primary));
}
.solutions-carousel glide-component .glide__bullet.glide__bullet--active:after {
  background: rgb(var(--color-brand-primary));
}

@media (max-width: 749px) {
  .solutions-carousel {
    border-top-width: 0.2rem;
  }
  .solution-card {
    border-radius: 1.6rem;
    padding: 2.4rem 2rem 2.8rem;
  }
  .solution-card__media {
    height: 20rem;
    margin-bottom: 2rem;
  }
  .solution-card__media svg {
    height: 12rem;
    width: 12rem;
  }
  .solution-card__title {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
  }
  .solution-card__description {
    font-size: var(--font-size-paragraph-small);
    line-height: var(--line-height-paragraph-small);
    max-width: 32rem;
  }
  .solutions-carousel glide-component .glide__controls .glide__previous {
    left: -1rem;
  }
  .solutions-carousel glide-component .glide__controls .glide__next {
    right: -1rem;
  }
}