/* /du-an/ — trang dự án: đầu trang có số liệu theo lĩnh vực, bộ lọc toàn bộ công trình, lời dẫn theo lĩnh vực. */
.hero-con__phu{align-self:end}
.so-lv{width:100%;display:grid;grid-template-columns:1fr 1fr;border-top:1.5px solid var(--den)}
.so-lv li{border-bottom:1px solid var(--ghi-nhat)}
.so-lv li:nth-child(odd){border-right:1px solid var(--ghi-nhat)}
.so-lv a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;height:100%;padding:18px 18px 18px 0;text-decoration:none;font-size:15px;font-weight:700;line-height:1.35;transition:color .2s}
.so-lv li:nth-child(even) a{padding-left:18px;padding-right:0}
.so-lv a:hover{text-decoration:underline;text-decoration-color:var(--cam);text-decoration-thickness:2px;text-underline-offset:5px}
.so-lv a[aria-current="true"]{box-shadow:inset 0 -3px 0 var(--cam)}

.da-trang{padding-top:72px}
.da-trang .loc{margin-top:0}
.lv-gioi{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:baseline;margin-top:22px;padding:18px 22px;border-left:3px solid var(--cam);background:var(--trang);font-size:16px;line-height:1.55;color:var(--ghi)}
.lv-gioi b{color:var(--den);font-weight:800;font-size:15px;letter-spacing:.02em}
/* Thẻ kêu gọi cuối lưới: lấp ô cuối lưới 4 cột. 26 khách hàng theo tài liệu của TGĐ = 43 ô (thẻ ảnh lớn 4, ảnh hẹp 2, logo 1), + 1 = 44.
   Đổi kiểu thẻ (thêm ảnh, logo) thì tính lại số ô và độ rộng thẻ này. */
.da-cta{grid-column:span 1;display:flex;flex-direction:column;justify-content:space-between;gap:20px;border-radius:var(--bo);padding:24px 26px 26px;background:var(--cam);color:var(--den)}
.da-cta .nhan{color:var(--den)}
.da-cta .nhan::before{background:var(--den)}
.da-cta h3{font-size:22px;line-height:1.3;font-weight:800;letter-spacing:-.02em;max-width:22em}
.da-cta .nut{align-self:flex-start}
.da-trong{margin-top:28px;padding:40px 28px;border:1.5px dashed var(--ghi-nhat);border-radius:var(--bo);text-align:center;color:var(--ghi);font-weight:600}
.da-trong button{margin-top:14px}
.da-ghi-chu{margin-top:28px;font-size:13px;line-height:1.6;color:var(--ghi);max-width:60em}

@media (min-width:850px) and (max-width:1180px){.da-cta{grid-column:span 2}}   /* lưới 3 cột: 43 + 2 = 45 ô */

@media (max-width:849px){
  .da-trang{padding-top:48px}
  .so-lv a{padding:14px 12px 14px 0;font-size:14px}
  .so-lv li:nth-child(even) a{padding-left:12px}
  .lv-gioi{grid-template-columns:1fr;padding:14px 16px}
  .da-cta{grid-column:auto}
  /* thẻ logo gọn: logo trái, tên + địa chỉ phải (25 thẻ một cột) */
  .da:not(.da--anh):not(.da--nho):not(.da--chu){display:grid;grid-template-columns:76px 1fr;grid-template-areas:"tren tren" "logo ten" "logo dc";column-gap:16px;padding:16px 18px 18px}
  .da:not(.da--anh):not(.da--nho):not(.da--chu) .da__tren{grid-area:tren}
  .da:not(.da--anh):not(.da--nho):not(.da--chu) .da__logo{grid-area:logo;height:auto;margin:14px 0 0;align-self:start}
  .da:not(.da--anh):not(.da--nho):not(.da--chu) .da__logo img{max-width:76px;max-height:40px}
  .da:not(.da--anh):not(.da--nho):not(.da--chu) h3{grid-area:ten;margin-top:12px;font-size:17px}
  .da:not(.da--anh):not(.da--nho):not(.da--chu) p{grid-area:dc}
  .da-cta .nut{align-self:stretch}
}