.page-agent {
  --accent: #0f766e;
  --accent-2: #d97706;
}

.page-agent .card-half {
  grid-column: span 6;
}

.page-agent .flow {
  margin-top: 10px;
  display: grid;
  gap: 10px;
}

.page-agent .flow li {
  padding: 10px 12px 10px 34px;
  border: 1px solid rgba(18, 67, 108, 0.14);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
}

.page-agent .flow li::before {
  content: "";
  width: 14px;
  height: 14px;
  left: 10px;
  top: 13px;
  border-radius: 4px;
  background: linear-gradient(130deg, var(--accent), var(--accent-2));
}

@media (max-width: 900px) {
  .page-agent .card-half {
    grid-column: span 12;
  }
}