/* photocopy — canh đều/gọn + tương phản theo mockup (10-11; _canh/apply.py). Logo footer: vòng tròn trắng có nét lá xanh bên trong (_b9_logo.py giữ chi tiết). */
/* hero: dòng phụ xanh trên ảnh mờ (1.48:1) — phủ trắng nửa trên như mockup nền sáng, chữ xanh đậm hơn */
.td-hero-sec .section-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(246,249,247,.92) 0, rgba(246,249,247,.8) 22%, rgba(246,249,247,0) 42%); pointer-events: none; }
.td-hero-s { color: #00672f; font-weight: 500; }
/* ảnh dịch vụ/tin có người: khung lấy từ đỉnh */
img[src*="pc-svc-"], img[src*="pc-news-"] { object-position: 50% 12%; }
@media (min-width: 850px) {
  /* quy trình 6 bước: nhãn trên/dưới KHÔNG đè vòng số — mục cao bằng nhau, vòng ở giữa, nhãn dồn về mép trên/dưới */
  .td-step { min-height: 176px; align-items: stretch; }
  .td-step > div, .td-step > div.up { padding: 0; height: 176px; box-sizing: border-box; }
  .td-step > div:not(.up) { justify-content: flex-end; }
  .td-step > div.up { justify-content: flex-start; }
  .td-step span { line-height: 1.35; max-width: 190px; }
  .tdi-ccol h2 { font-size: 30px; }
}