/* Keep both service cards neutral; only their action buttons change color. */
.services .svc-card,
.services .svc-card:first-child {
  border-color: #dbe4f2 !important;
  background: #fff !important;
  color: #071d51;
  box-shadow: 0 18px 42px rgba(16, 54, 125, 0.08) !important;
}

.services .svc-card h3,
.services .svc-card p,
.services .svc-card:first-child h3,
.services .svc-card:first-child p {
  color: #071d51 !important;
}

.services .svc-card > .svc-icon,
.services .svc-card:first-child > .svc-icon {
  border-color: #e4ebf7 !important;
  background: #f8fbff !important;
}

.services .svc-card > .svc-icon img,
.services .svc-card:first-child > .svc-icon img {
  filter: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .services .svc-card:hover,
  .services .svc-card:first-child:hover {
    border-color: rgba(16, 54, 125, 0.36) !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(16, 54, 125, 0.14) !important;
  }

  .services .svc-card:hover h3,
  .services .svc-card:hover p,
  .services .svc-card:first-child:hover h3,
  .services .svc-card:first-child:hover p {
    color: #071d51 !important;
  }

  .services .svc-card:hover > .svc-icon,
  .services .svc-card:first-child:hover > .svc-icon {
    border-color: #e4ebf7 !important;
    background: #f8fbff !important;
  }

  .services .svc-card:hover > .svc-icon img,
  .services .svc-card:first-child:hover > .svc-icon img {
    filter: none !important;
  }
}

/* Both service-start buttons are white by default and navy on hover. */
.services .svc-card a {
  border: 1px solid #071d51;
  background: #fff !important;
  color: #071d51 !important;
  opacity: 1 !important;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.services .svc-card a::after,
.services .svc-card:first-child a::after {
  color: #071d51 !important;
}

@media (hover: hover) and (pointer: fine) {
  .services .svc-card a:hover {
    background: #071d51 !important;
    color: #fff !important;
    opacity: 1 !important;
  }

  .services .svc-card a:hover::after {
    color: #fff !important;
  }
}

.services .svc-card a:focus-visible {
  background: #071d51 !important;
  color: #fff !important;
  outline: 3px solid rgba(16, 54, 125, 0.3);
  outline-offset: 3px;
}

.services .svc-card a:focus-visible::after {
  color: #fff !important;
}