.contact-info-card,
.contact-form-card {
  border: 1px solid #dce8ff;
  border-radius: 1.25rem;
  box-shadow: 0 18px 38px rgba(15, 31, 70, 0.06);
}

.contact-info-card {
  background:
    radial-gradient(220px 140px at 100% 0, rgba(74, 134, 255, 0.14), transparent 72%),
    linear-gradient(180deg, #ffffff, #f6faff);
}

.contact-icon {
  width: 62px;
  height: 62px;
  display: inline-grid;
  place-items: center;
  border-radius: 1rem;
  color: var(--brand-700);
  background: linear-gradient(180deg, #edf4ff, #ddeafe);
  font-size: 1.45rem;
}

.contact-info-list {
  display: grid;
  gap: 0.9rem;
}

.contact-info-item {
  display: grid;
  gap: 0.35rem;
  padding: 0.9rem 1rem;
  border-radius: 1rem;
  border: 1px solid #dce8ff;
  background: rgba(255, 255, 255, 0.82);
}

.contact-info-item strong {
  color: var(--brand-800);
}

.contact-form-card .card-body,
.contact-info-card .card-body {
  padding: 1.5rem;
}