/* Trang con dựng bằng Elementor (Giới thiệu, Dự án, Liên hệ): chỗ thiết kế dùng thẻ/selector con trực tiếp
   (.info-card>p, small/b, span.n, .cats a) mà widget Elementor bọc thêm một lớp. */

/* Giới thiệu — hộp tầm nhìn/năng lực: vòng icon 58px */
.elementor .box > .e-con.ic{--width:58px;width:58px;height:58px}

/* Giới thiệu — lý do: số thứ tự + nội dung trên một hàng */
.elementor .e-con.reason{display:flex;gap:18px}
.elementor .e-con.reasons{display:grid}

/* Dự án — chip lọc loại công trình (Heading có link) */
.elementor .e-con.cats{--flex-direction:row;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:44px}
.elementor .cats > .elementor-widget{--width:auto;width:auto}
.elementor .cats .cat .elementor-heading-title{display:block}
.elementor .cats .cat .elementor-heading-title a{display:block;padding:9px 20px;border-radius:30px;border:1px solid var(--line);font-size:14px;font-weight:500;line-height:1.7;color:var(--text);font-family:"Be Vietnam Pro",sans-serif}
.elementor .cats .cat.on .elementor-heading-title a,.elementor .cats .cat .elementor-heading-title a:hover{background:var(--p);border-color:var(--p);color:#fff}
.elementor .prj.is-hidden{display:none}

/* Liên hệ — thẻ thông tin navy */
.elementor .info-card > .elementor-widget-text-editor p{color:var(--s);font-size:15px;margin-bottom:28px}
.elementor .e-con.info-list{display:grid;gap:22px}
.elementor .info-list > .e-con.info-item{display:flex;gap:16px}
.elementor .info-item > .e-con.flow{display:block}
.elementor .info-list .info-label .elementor-heading-title{display:block;font-size:13px;color:#a9b8d6;text-transform:uppercase;letter-spacing:.06em}
.elementor .info-list .info-value .elementor-heading-title{font-weight:500;font-size:16px;color:#fff}
/* b inline trong div 16px/1.7 của thiết kế = một dòng 27.2px cùng đường chân chữ → khối riêng 16px/1.7 (không theo strut của wrapper widget) */
.elementor .info-list .info-value .elementor-heading-title{display:block;line-height:1.7}
.elementor .info-list .info-value.todo .elementor-heading-title{color:#c9d5ea;font-style:italic;font-weight:400}

/* Liên hệ — thẻ form */
.elementor .form-card > .elementor-widget-text-editor p{color:var(--muted);margin-bottom:28px}
.elementor .e-con.form-note{display:flex;gap:12px;align-items:center}
.elementor .form-note > .e-con{--width:auto}
.elementor .form-note .ic{color:var(--p)}
.elementor .form-note .ic[class*="i-"]::before{width:22px;height:22px}

/* Dịch vụ — phạm vi công việc: danh sách dấu tích như .box li; neo #dien… không bị header dính che */
html{scroll-padding-top:100px}
.elementor .scope ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.elementor .scope li{font-size:15px;color:var(--text);padding-left:24px;position:relative}
.elementor .scope li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:7px;border-left:2px solid var(--p);border-bottom:2px solid var(--p);transform:rotate(-45deg)}