/* Lucide line icons and a blue, softly textured final card. */
.benefits__intro > p {
  color: #000;
}

.benefits__intro > p strong {
  font-weight: 700;
}

.concern__icon,
.benefit__icon {
  display: block;
  width: 44px;
  height: 44px;
  margin-bottom: 37px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: var(--cobalt);
}

.benefit__icon {
  width: 34px;
  height: 34px;
  margin-bottom: 24px;
}

.concern--featured,
.concern--featured:hover {
  isolation: isolate;
  overflow: hidden;
  color: #fff;
  border-color: #315e91;
  background:
    radial-gradient(ellipse 100% 75% at 100% -10%, #0a7fffb3 0%, #0a7fff00 70%),
    radial-gradient(ellipse 100% 65% at -5% 110%, #0968e8 0%, #0968e800 75%),
    radial-gradient(ellipse 70% 50% at 100% 100%, #0754b8 0%, #0754b800 85%),
    linear-gradient(140deg, #123963 0%, #081f3d 50%, #0a2c58 100%);
}

.concern--featured::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: url('/assets/blue-grain.svg') repeat;
  opacity: .07;
  pointer-events: none;
}

.concern--featured .concern__icon,
.concern--featured .card-index,
.concern--featured h3,
.concern--featured p {
  color: #fff;
}

@media (max-width: 600px) {
  .concern__icon {
    width: 35px;
    height: 35px;
    margin-bottom: 23px;
  }
  .benefit__icon {
    width: 30px;
    height: 30px;
    margin-bottom: 22px;
  }
}