#cc-process * { margin: 0; padding: 0; box-sizing: border-box; }
#cc-process {
  background: #f4f6fa;
  padding: 70px 20px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  max-width: 1200px;
  margin: 0 auto;
}
#cc-process .cc-eyebrow {
  color: #5aa7d6;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
#cc-process .cc-title {
  color: #111111;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  max-width: 560px;
  margin-bottom: 45px;
}
#cc-process .cc-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#cc-process .cc-step {
  flex: 1 1 220px;
  min-width: 220px;
  background: #fafbfd;
  border: 1px solid #e2e7ef;
  border-radius: 8px;
  padding: 26px 22px;
}
#cc-process .cc-step-num {
  color: #5aa7d6;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 14px;
}
#cc-process .cc-step-title {
  color: #111111;
  font-size: 16.5px;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 12px;
}
#cc-process .cc-step-text {
  color: #3d4451;
  font-size: 14.5px;
  line-height: 1.7;
}

@media (max-width: 768px) {
  #cc-process { padding: 45px 18px; }
  #cc-process .cc-title { font-size: 28px; margin-bottom: 32px; }
  #cc-process .cc-steps { flex-direction: column; }
  #cc-process .cc-step { min-width: 100%; }
}