/* Icon Card Component */
.icon-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}

.icon-card__icon {
  height: 60px;
  display: flex;
  align-items: center;
}

.icon-card__image {
  height: 60px;
  width: auto;
  object-fit: contain;
}

/* Invert icon color on dark blue background */
.icon-block--dark_blue .icon-card__image {
  filter: brightness(0) invert(1);
}

.icon-card__subheading {
  font-family: var(--font-display, 'Booster Next FY', sans-serif);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #353535;
  margin: 0;
}

/* Text color on dark blue background */
.icon-block--dark_blue .icon-card__subheading {
  color: rgba(255, 255, 255, 0.93);
}

.icon-card__description {
  font-family: var(--font-body, 'Lato', sans-serif);
  font-size: 1rem;
  line-height: 1.5;
  color: #505862;
}

.icon-card__description p {
  margin: 0;
}

.icon-card__description p + p {
  margin-top: 0.5rem;
}

/* Description text color on dark blue background */
.icon-block--dark_blue .icon-card__description {
  color: rgba(255, 255, 255, 0.8);
}

.icon-card__link {
  font-family: var(--font-body, 'Lato', sans-serif);
  font-size: 0.875rem;
  color: #121bbb;
  text-decoration: underline;
  transition: opacity 0.2s ease;
}

.icon-card__link:hover,
.icon-card__link:focus {
  opacity: 0.8;
}

/* Link color on dark blue background */
.icon-block--dark_blue .icon-card__link {
  color: rgba(255, 255, 255, 0.93);
}