/* agency3 — canh đều/gọn theo mockup (10-11; nạp sau cùng, _canh/apply.py). Số đo: mockup home-desktop-v1 quy về 1440. */
/* icon MXH footer: mockup glyph TRẮNG đơn sắc (không phải huy hiệu màu) */
.b9-ft-soc .b9-ic { color: #fff !important; background: none !important; filter: none !important; padding: 0 !important; --b9-ib: var(--ft) !important; }
.lx-cta h2 { margin: 0 !important; line-height: 1.2; }
.lx-cta .b9-form-msg { position: absolute; }
@media (min-width: 850px) {
  /* băng CTA xanh: mockup cao ~142px, tiêu đề | ô nhập 283x52 + nút 170x52 cùng tâm dọc */
  .lx-cta { padding: 30px 0; gap: 24px; }
  .lx-cta h2 { font-size: 38px; }
  .lx-cta-f { width: auto; flex-wrap: nowrap; gap: 10px; align-items: center; position: relative; }
  .lx-cta-f input { flex: none; width: 283px; height: 52px; }
  .lx-cta-b { height: 52px; width: 170px; padding: 0 20px; }
  /* dự án: mockup mỗi hàng thấp hơn (ảnh ~658x300) */
  .lx-pj-i { padding: 0 0 18px; margin-bottom: 18px; gap: 48px; }
  .lx-pj-img img { aspect-ratio: 658 / 300; object-position: 50% 55%; }
  .lx-pj-t h3 { margin-bottom: 8px; }
  .lx-pj-t > div { margin-bottom: 14px; }
  /* footer gọn: mockup cột ~360/250/400/còn lại, vạch ngăn giữa các cột, bản quyền canh trái */
  .b9-ft-in { grid-template-columns: 360px 250px 400px 1fr; gap: 0; padding: 30px 20px 18px; max-width: 1300px; }
  .b9-ft-in > div:nth-child(n+2) { border-left: 1px solid rgba(255,255,255,.16); padding-left: 30px; }
  .b9-ft-desc { margin-top: 10px; font-size: 15px; line-height: 1.5; }
  .b9-ft-h { margin-bottom: 10px; }
  .b9-ft li { margin-bottom: 6px; font-size: 15.5px; }
  .b9-ft-copy { padding: 12px 20px 14px; max-width: 1260px; text-align: left; }
  /* trang dịch vụ: "Giải pháp phù hợp với bạn" mockup service-detail ~38px */
  .lxs-sol .lxi-h2 { font-size: 38px; }
}
@media (max-width: 849px) {
  .lx-cta-f { flex-wrap: nowrap; width: 100%; }
  .lx-cta-f input { flex: 1; min-width: 0; height: 50px; }
  .lx-cta-b { height: 50px; padding: 0 16px; flex: none; }
}