.services .svc-card:first-child {
  border-color: #071d51 !important;
  background:
    radial-gradient(circle at 22% 26%, rgba(80, 120, 205, 0.24) 0%, rgba(80, 120, 205, 0) 38%),
    linear-gradient(135deg, #071d51 0%, #0b2560 100%) !important;
  box-shadow: 0 22px 52px rgba(11, 37, 96, 0.2) !important;
}

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

.services .svc-card:first-child > .svc-icon {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.services .svc-card:first-child > .svc-icon img {
  filter: brightness(0) invert(1);
}

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

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

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

  .services .svc-card:first-child:hover p {
    color: #33466c !important;
  }

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

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

  .services .svc-card:first-child:hover a::after {
    color: #68758c !important;
  }
}

.services .svc-card:first-child:active,
.services .svc-card:first-child.is-pressed {
  border-color: #dbe4f2 !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 18px 42px rgba(16, 54, 125, 0.08) !important;
}

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

.services .svc-card:first-child:active p,
.services .svc-card:first-child.is-pressed p {
  color: #33466c !important;
}

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

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

.services .svc-card:first-child:active a::after,
.services .svc-card:first-child.is-pressed a::after {
  color: #68758c !important;
}