/* Thám Tử Chính Trực — trang trong (Giới thiệu, Liên hệ, chuyên mục dịch vụ, bài dịch vụ) theo mockup Astra x1.75 (10-07) */
.tti-wrap { max-width: 1302px; margin: 0 auto; padding: 0 15px; position: relative; }
.tti-page, .tt-sec { --tt-b: #0A84FF; }
.tti-eb { color: #0A84FF; font-size: 17px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; margin-bottom: 10px; }
.tti-h1 { color: #fff !important; font-size: 54px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.6px; margin: 0 0 12px !important; }
.tti-h2 { color: #0F2557 !important; font-size: 40px !important; font-weight: 700 !important; line-height: 1.22 !important; letter-spacing: -.4px; margin: 0 0 10px !important; }
.tti-sub { color: #4A5568; font-size: 18px; line-height: 1.55; margin-bottom: 26px; }
.tti-p { color: #4A5568; font-size: 18px; line-height: 1.65; margin-bottom: 16px; }
.tti-c { text-align: center; }
.tti-crumb { color: #C9D2DE; font-size: 15px; margin-bottom: 26px; }
.tti-crumb a { color: #C9D2DE !important; } .tti-crumb span { margin: 0 9px; }
.tti-lead { color: #E3E8EF; font-size: 20px; line-height: 1.55; }
.tti-sec { padding: 40px 0; background: #fff; }
.tti-bg { background: #F1F5FA; }
/* dải đầu trang shortcode */
.section.tti-hero { padding: 0 !important; }
.tti-hero-a { min-height: 352px; }
.tti-hero-a .section-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,15,24,.88) 0%, rgba(10,15,24,.7) 36%, rgba(10,15,24,.12) 64%, rgba(10,15,24,0) 100%); }
.tti-hero-in { padding: 92px 0 70px; }
.tti-hero-c .tti-hero-in { padding: 44px 0 46px; }
.tti-hero-c .tti-h1 { font-size: 64px !important; }
.tti-hero-c .tti-crumb { margin-bottom: 22px; }
/* câu chuyện */
.section.tti-story-sec { padding: 42px 0 40px !important; }
.tti-story { display: grid; grid-template-columns: minmax(0, 1fr) 625px; gap: 56px; align-items: center; }
.tti-story .tti-h2 { font-size: 44px !important; margin-bottom: 26px !important; }
.tti-story-img img { width: 100%; aspect-ratio: 625 / 341; object-fit: cover; border-radius: 6px; display: block; }
/* tầm nhìn */
.section.tti-vm-sec { padding: 28px 0 !important; }
.tti-vms { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.tti-vm { background: #fff; border-radius: 6px; padding: 30px 26px 32px; text-align: center; box-shadow: 0 2px 10px rgba(15,37,87,.05); }
.tti-vm img { width: 72px; height: 72px; display: block; margin: 0 auto 16px; }
.tti-vm h3 { color: #0F2557; font-size: 26px; font-weight: 700; margin: 0 0 10px; }
.tti-vm div { color: #5B6472; font-size: 18px; line-height: 1.6; }
.section.tti-st-sec { padding: 0 !important; }
/* giải pháp */
.section.tti-sol-sec { padding: 46px 0 34px !important; }
.tti-sol-sec .tti-h2 { margin-bottom: 22px !important; }
.tti-sols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.tti-sol { border: 1px solid #E4E9F0; border-radius: 6px; overflow: hidden; }
.tti-sol-h { display: flex; align-items: center; gap: 16px; background: #F1F5FA; padding: 0 30px; height: 66px; color: #0F2557 !important; font-size: 24px; font-weight: 700; }
.tti-sol-h img { width: 38px; height: 38px; }
.tti-sol ul { list-style: none; margin: 0 !important; padding: 4px 30px 6px; }
.tti-sol li { margin: 0 !important; border-bottom: 1px solid #EEF1F5; }
.tti-sol li:last-child { border-bottom: 0; }
.tti-sol li a, .tti-sol-dev { display: flex; align-items: center; justify-content: space-between; color: #2D3748 !important; font-size: 19px; height: 54px; }
.tti-sol li a i, .tti-sol-dev i { width: 22px; height: 22px; background: url(icons/chev.png) center / contain no-repeat; flex: 0 0 auto; }
.tti-sol li a:hover { color: #0A84FF !important; }
.tti-sol-dev { margin-top: 22px; border: 1px solid #E4E9F0; border-radius: 6px; padding: 0 30px; height: 72px; justify-content: flex-start; gap: 0; }
.tti-sol-dev b { display: flex; align-items: center; gap: 16px; color: #0F2557; font-size: 24px; font-weight: 700; padding-right: 54px; margin-right: 54px; border-right: 1px solid #E4E9F0; height: 40px; flex: 0 0 auto; }
.tti-sol-dev b img { width: 38px; height: 38px; }
.tti-sol-dev span { flex: 1; color: #4A5568; font-size: 18px; }
/* đội ngũ */
.section.tti-team-sec { padding: 44px 0 40px !important; }
.tti-team-sec .tti-sub { margin-bottom: 26px; }
.tti-teams { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.tti-tm { background: #fff; border-radius: 6px; overflow: hidden; padding-bottom: 22px; }
.tti-tm-img img { width: 100%; aspect-ratio: 760 / 400; object-fit: cover; display: block; }
.tti-tm h3 { color: #0F2557; font-size: 22px; font-weight: 700; margin: 18px 20px 6px; }
.tti-tm div:not(.tti-tm-img) { color: #5B6472; font-size: 17px; line-height: 1.55; margin: 0 20px; }
/* cam kết */
.section.tti-cm-sec { padding: 40px 0 46px !important; }
.tti-cms { display: grid; grid-template-columns: repeat(3, 1fr); margin: 26px 0 30px; }
.tti-cm { display: flex; gap: 26px; padding: 0 30px; border-left: 1px solid #E4E9F0; }
.tti-cm:first-child { border-left: 0; padding-left: 0; }
.tti-cm img { width: 58px; height: 58px; flex: 0 0 auto; }
.tti-cm h3 { color: #0F2557; font-size: 22px; font-weight: 700; margin: 0 0 8px; }
.tti-cm div div { color: #5B6472; font-size: 17px; line-height: 1.55; }
.tti-fee { display: grid; grid-template-columns: 525px 1fr; align-items: center; background: #F1F5FA; border-radius: 6px; min-height: 134px; }
.tti-fee-l { text-align: center; border-right: 1px solid #DCE2EA; padding: 10px; }
.tti-fee-l b { display: block; color: #0F2557; font-size: 25px; font-weight: 700; }
.tti-fee-l span { color: #4A5568; font-size: 20px; }
.tti-fee-r { padding: 16px 56px; }
.tti-fee-r b { display: block; color: #0A84FF; font-size: 33px; font-weight: 700; margin-bottom: 6px; }
.tti-fee-r span { display: block; color: #4A5568; font-size: 17px; line-height: 1.5; }
/* dải đầu template */
.tti-chero { position: relative; background: #0E1522 center right / cover no-repeat; min-height: 520px; }
.tti-chero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,15,24,.92) 0%, rgba(10,15,24,.72) 38%, rgba(10,15,24,.1) 66%, rgba(10,15,24,0) 100%); }
.tti-chero .tti-wrap { padding-top: 40px; padding-bottom: 72px; z-index: 2; }
.tti-chero .tti-crumb { margin-bottom: 30px; }
.tti-h1-l { font-size: 56px !important; }
.tti-chero .tti-lead { max-width: 660px; margin-bottom: 26px; }
.tti-checks { margin: 0 0 30px !important; }
.tti-chero .tt-btns .tt-btn { height: 58px; font-size: 18px; min-width: 0; }
.tti-float { position: absolute; right: 15px; bottom: -14px; width: 385px; display: flex; gap: 18px; background: #fff; border-radius: 8px; padding: 24px 24px 22px; box-shadow: 0 12px 30px rgba(10,20,40,.18); }
.tti-float img { width: 36px; height: 36px; flex: 0 0 auto; }
.tti-float b { display: block; color: #0F2557; font-size: 19px; font-weight: 700; }
.tti-float em { display: block; font-style: normal; color: #6B7686; font-size: 15px; margin: 4px 0 8px; }
.tti-float u { text-decoration: none; color: #0A84FF; font-size: 15px; font-weight: 600; }
.tti-float u::after { content: " →"; }
.tti-dhero { min-height: 467px; }
.tti-dhero .tti-wrap { padding-top: 34px; padding-bottom: 34px; }
.tti-dhero .tti-crumb { margin-bottom: 22px; }
.tti-h1-d { font-size: 58px !important; max-width: 640px; }
.tti-lead-d { font-size: 19px !important; max-width: 620px; margin-bottom: 24px !important; }
.tti-badges { display: flex; align-items: center; gap: 12px; color: #D7DDE6; font-size: 16px; margin-top: 22px; }
.tti-badges img { width: 30px; height: 30px; } .tti-badges span { color: #8E99A8; }
/* thẻ dịch vụ */
.tti-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.tti-cards-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tti-card { background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 10px rgba(15,37,87,.06); display: flex; flex-direction: column; }
.tti-card-img img { width: 100%; aspect-ratio: 560 / 380; object-fit: cover; display: block; }
.tti-card-o .tti-card-img img { aspect-ratio: 2 / 1; }
.tti-card-b { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1; }
.tti-card h3 { font-size: 17.5px; letter-spacing: -.2px; font-weight: 700; margin: 0 0 8px; line-height: 1.35; }
.tti-card h3 a { color: #0F2557 !important; }
.tti-card-d { color: #5B6472; font-size: 16px; line-height: 1.55; flex: 1; margin-bottom: 16px; }
.tti-card-l { display: flex; align-items: center; gap: 22px; font-size: 16px; font-weight: 600; }
.tti-card-l > a:first-child:not(.tt-lk) { color: #0A84FF !important; padding-right: 22px; border-right: 1px solid #E4E9F0; }
.tti-card-l .tt-lk { color: #0A84FF !important; display: inline-flex; align-items: center; gap: 8px; font-size: 16px; }
.tti-card-l .tt-lk i { width: 16px; height: 16px; }
/* quy trình */
.tti-steps { display: flex; align-items: center; margin-top: 28px; gap: 0; }
.tti-st { display: flex; align-items: flex-start; gap: 20px; flex: 0 1 auto; min-width: 0; }
.tti-st b { color: #0A84FF; font-size: 54px; font-weight: 700; line-height: 1; letter-spacing: -1px; }
.tti-st-r img { width: 38px; height: 38px; display: block; margin-bottom: 10px; }
.tti-st-r h3 { color: #0F2557; font-size: 17px; font-weight: 700; margin: 0 0 4px; }
.tti-st-r div { color: #5B6472; font-size: 15px; line-height: 1.5; }
.tti-steps:not(.tti-steps-l) .tti-st-r div { color: #2D3748; font-size: 18px; }
.tti-steps:not(.tti-steps-l) .tti-st { align-items: center; }
.tti-sline { flex: 1 1 auto; height: 1px; background: #D6DEE8; margin: 0 22px; min-width: 30px; }
/* chi phí */
.tti-cost { display: grid; grid-template-columns: minmax(0, 1fr) 768px; gap: 40px; align-items: center; }
.tti-cost-box { background: #fff; border-radius: 8px; display: grid; grid-template-columns: 1fr 1fr; padding: 34px 0; box-shadow: 0 2px 10px rgba(15,37,87,.05); }
.tti-cost-a { padding: 0 36px; border-right: 1px solid #E4E9F0; }
.tti-cost-a h3 { color: #0F2557; font-size: 24px; font-weight: 700; margin: 10px 0 22px; }
.tti-cost-a .tt-btn { height: 62px; width: 100%; min-width: 0; font-size: 18px; }
.tti-cost-b { padding: 0 36px; }
.tti-cost-b ul { list-style: none; margin: 0 0 20px !important; padding: 0; }
.tti-cost-b li { display: flex; align-items: center; gap: 14px; color: #4A5568; font-size: 17px; margin: 0 0 14px !important; }
.tti-cost-b li img { width: 24px; height: 24px; }
.tti-btn-ol { display: flex; align-items: center; justify-content: center; height: 46px; border: 1.5px solid #0A84FF; border-radius: 5px; color: #0A84FF !important; font-size: 17px; font-weight: 600; }
.tti-cost-d { grid-template-columns: minmax(0, 1fr) 580px; }
.tti-price { background: #fff; border-radius: 8px; padding: 30px 36px 32px; box-shadow: 0 2px 12px rgba(15,37,87,.06); }
.tti-price .tti-eb { font-size: 15px; margin-bottom: 4px; }
.tti-price > b { display: block; color: #0A84FF; font-size: 44px; font-weight: 700; line-height: 1.2; margin-bottom: 14px; }
.tti-price ul { list-style: none; margin: 0 0 22px !important; padding: 0; }
.tti-price li, .tti-signs li { display: flex; align-items: center; gap: 14px; color: #2D3748; font-size: 18px; margin: 0 0 10px !important; }
.tti-price li i, .tti-signs li i { width: 26px; height: 26px; flex: 0 0 auto; border-radius: 50%; background: #0A84FF url(icons/tick-w.png) center / 15px no-repeat; }
.tti-price .tt-btn { width: 100%; height: 56px; min-width: 0; font-size: 18px; }
/* khi nào cần */
.tti-why { display: grid; grid-template-columns: minmax(0, 1fr) 560px; gap: 60px; align-items: center; }
.tti-why .tti-h2 { font-size: 43px !important; }
.tti-small { color: #8A94A3; font-size: 15px; }
.tti-signs { list-style: none; margin: 0 !important; padding: 0; }
.tti-signs li { padding: 0 0 14px; border-bottom: 1px solid #E4E9F0; margin: 0 0 14px !important; }
.tti-signs li:last-child { border-bottom: 0; margin-bottom: 0 !important; }
/* công việc bao gồm */
.tti-works { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.tti-wk { display: flex; gap: 26px; align-items: flex-start; background: #fff; border-radius: 6px; padding: 30px 28px; box-shadow: 0 2px 10px rgba(15,37,87,.05); }
.tti-wk img { width: 70px; height: 70px; flex: 0 0 auto; }
.tti-wk h3 { color: #0F2557; font-size: 20px; font-weight: 700; margin: 2px 0 8px; }
.tti-wk div div { color: #6B7686; font-size: 16px; line-height: 1.55; }
/* hỏi đáp */
.tti-faqs { display: grid; grid-template-columns: minmax(0, 1fr) 820px; gap: 50px; align-items: start; }
.tti-faq { display: flex; flex-direction: column; gap: 12px; }
.tti-fq { background: #fff; border: 1px solid #E4E9F0; border-radius: 6px; }
.tti-fq summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 18px; padding: 18px 24px; color: #0F2557; font-size: 18px; font-weight: 600; }
.tti-fq summary::-webkit-details-marker { display: none; }
.tti-fq summary::after { content: "+"; margin-left: auto; color: #0A84FF; font-size: 26px; font-weight: 400; line-height: 1; }
.tti-fq[open] summary::after { content: "–"; }
.tti-fq[open] summary { color: #0A84FF; }
.tti-fq > div { padding: 0 24px 20px; color: #5B6472; font-size: 16px; line-height: 1.6; }
.tti-faq-c .tti-faq { margin-top: 10px; }
.section.tti-faq-sec { padding: 46px 0 !important; }
/* đặt lịch / tư vấn */
.tti-book { display: grid; grid-template-columns: minmax(0, 1fr) 640px; gap: 60px; align-items: center; }
.tti-h2-b { font-size: 40px !important; margin-bottom: 20px !important; }
.tti-bigph { display: inline-flex; align-items: center; gap: 22px; color: #0A84FF !important; font-size: 40px; font-weight: 700; margin: 14px 0 18px; }
.tti-bigph img { width: 38px; height: 38px; }
.tti-bigph-r img { width: 56px; height: 56px; border: 2px solid #0A84FF; border-radius: 50%; padding: 10px; }
.tti-cl { display: flex; align-items: flex-start; gap: 22px; color: #2D3748; font-size: 20px; margin-bottom: 14px; }
.tti-cl img { width: 30px; height: 30px; margin-top: 2px; }
.tti-cl a { color: #2D3748 !important; }
.tti-form { position: static !important; width: auto !important; max-width: none !important; margin: 0 !important; }
.tti-cm1 { display: flex; gap: 18px; align-items: center; margin-top: 18px; }
.tti-cm1 img { width: 58px; height: 58px; }
.tti-cm1 b { display: block; color: #0F2557; font-size: 19px; }
.tti-cm1 span { color: #6B7686; font-size: 15px; }
.tti-bform { background: #fff; border: 1px solid #E4E9F0; border-radius: 8px; padding: 26px 28px 24px; }
/* form trang Liên hệ + đặt lịch */
form.tti-cf7, .tti-cf7 .wpcf7-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
.tti-cf7 .tti-full { grid-column: 1 / -1; }
.tti-cf7 label, .tti-cf7 .tti-lb { display: block; color: #2D3748; font-size: 15px; font-weight: 600; margin-bottom: 8px; }
.tti-cf7 .tti-lb em { color: #E53E3E; font-style: normal; }
.tti-cf7 .tti-f { margin-bottom: 18px; }
.tti-cf7 input[type=text], .tti-cf7 input[type=tel], .tti-cf7 input[type=email], .tti-cf7 select, .tti-cf7 textarea { width: 100%; height: 47px; margin: 0 !important; border: 1px solid #DCE2EA !important; border-radius: 5px !important; box-shadow: none !important; background: #fff; padding: 0 16px !important; font-size: 15px !important; color: #1C2433; }
.tti-cf7 textarea { height: 112px; padding-top: 12px !important; }
.tti-cf7 ::placeholder { color: #A0A8B4; }
.tti-cf7 .wpcf7-acceptance { font-size: 14px; color: #5B6472; } .tti-cf7 .wpcf7-acceptance label { font-weight: 400; display: inline-flex; gap: 8px; align-items: center; }
.tti-cf7 input[type=submit], .tti-cf7 .tti-submit { grid-column: 1 / -1; width: 100%; height: 56px; margin: 4px 0 0 !important; border: 0; border-radius: 5px; background: #0A84FF url(icons/send-w.png) calc(50% - 112px) center / 22px no-repeat !important; padding-left: 34px !important; color: #fff; font-size: 18px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.tti-cf7 .wpcf7-spinner { position: absolute; }
.tti-cf7 .wpcf7-response-output { grid-column: 1 / -1; }
.tti-cf7-b input[type=submit] { background-image: none !important; height: 50px; font-size: 17px; }
.tti-note { display: flex; align-items: center; justify-content: center; gap: 10px; color: #4A5568; font-size: 15px; margin-top: 16px; }
.tti-note img { width: 18px; height: 18px; }
.section.tti-ct-sec { padding: 34px 0 30px !important; }
.tti-ct { display: grid; grid-template-columns: minmax(0, 1fr) 425px; gap: 24px; align-items: start; }
.tti-ct-form { background: #fff; border: 1px solid #E4E9F0; border-radius: 8px; padding: 30px 36px 26px; }
.tti-ct-form h2, .tti-ct-info h2 { color: #0F2557; font-size: 32px; font-weight: 700; margin: 0 0 6px; }
.tti-ct-info h2 { font-size: 30px; margin: 4px 0 16px; }
.tti-ct-sub { color: #4A5568; font-size: 16px; margin-bottom: 24px; }
.tti-ci { display: flex; gap: 24px; align-items: flex-start; background: #fff; border: 1px solid #E4E9F0; border-radius: 8px; padding: 22px 22px 22px 22px; margin-bottom: 20px; }
.tti-ci-ic { flex: 0 0 76px; height: 76px; border-radius: 6px; background: #EAF3FF; display: flex; align-items: center; justify-content: center; }
.tti-ci-ic img { width: 40px; height: 40px; }
.tti-ci b { display: block; color: #0F2557; font-size: 19px; font-weight: 700; margin: 4px 0 4px; }
.tti-ci span { display: block; color: #4A5568; font-size: 17px; line-height: 1.5; }
.tti-ci-big { display: block; color: #0A84FF !important; font-size: 28px; font-weight: 700; line-height: 1.3; }
.tti-ci-mail { display: block; color: #0A84FF !important; font-size: 17.5px; font-weight: 600; white-space: nowrap; margin-bottom: 2px; }
.section.tti-map-sec { padding: 36px 0 30px !important; }
.tti-map iframe { width: 100%; height: 316px; border: 0; border-radius: 6px; display: block; }
.tti-map-sec .tt-head { margin-bottom: 16px; }
/* logo: chữ 2 dòng như mockup (trang chủ cũng bị rớt 3 dòng ở 260px) */
@media (min-width: 1200px) { #header #logo, #header #logo a { width: 292px !important; } #header #logo a { line-height: 30px !important; } }
/* chung */
.tti-tpl .page-title, .tti-tpl .blog-wrapper > .row > .large-3 { display: none; }
.tti-page .tt-btns { display: flex; gap: 22px; }
.tti-page .tt-btn-o { border: 2px solid #fff; color: #fff !important; }
footer li, .tti-cl * { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 1240px) {
  .tti-cost { grid-template-columns: 1fr; } .tti-cost-d { grid-template-columns: 1fr; }
  .tti-faqs, .tti-book { grid-template-columns: 1fr; gap: 26px; }
  .tti-story { grid-template-columns: 1fr 1fr; gap: 32px; }
  .tti-why { grid-template-columns: 1fr; gap: 26px; }
  .tti-sol-dev b { padding-right: 24px; margin-right: 24px; }
  .tti-fee { grid-template-columns: 1fr 1.4fr; }
}
@media (max-width: 1023px) {
  .tti-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tti-works, .tti-teams, .tti-vms { grid-template-columns: 1fr 1fr; }
  .tti-cms { grid-template-columns: 1fr; gap: 20px; } .tti-cm { border-left: 0; padding: 0; }
  .tti-ct { grid-template-columns: 1fr; }
  .tti-steps { flex-wrap: wrap; gap: 24px; } .tti-sline { display: none; } .tti-st { flex: 0 0 calc(50% - 12px); }
  .tti-float { position: static; margin-top: 30px; width: 100%; max-width: 420px; }
  .tti-sol-dev { height: auto; padding: 16px 20px; flex-wrap: wrap; } .tti-sol-dev b { border: 0; padding: 0; margin: 0 0 6px; width: 100%; } .tti-sol-dev i { display: none; }
}
@media (max-width: 849px) {
  .tti-h1, .tti-h1-l, .tti-h1-d, .tti-hero-c .tti-h1 { font-size: 36px !important; }
  .tti-h2, .tti-story .tti-h2, .tti-why .tti-h2, .tti-h2-b { font-size: 29px !important; }
  .tti-lead { font-size: 17px; } .tti-lead br, .tti-p br, .tti-h1 br { display: none; }
  .tti-hero-in { padding: 46px 0 40px; } .tti-hero-a { min-height: 0; }
  .tti-chero { min-height: 0; background-position: 70% center; } .tti-chero::before { background: rgba(10,15,24,.78); }
  .tti-chero .tti-wrap { padding-top: 26px; padding-bottom: 34px; }
  .tti-story, .tti-sols, .tti-fee, .tti-works, .tti-teams, .tti-vms, .tti-cards, .tti-cards-3 { grid-template-columns: 1fr; }
  .tti-fee-l { border-right: 0; border-bottom: 1px solid #DCE2EA; } .tti-fee-r { padding: 16px 20px; } .tti-fee-r b { font-size: 26px; }
  .tti-cost-box { grid-template-columns: 1fr; gap: 24px; } .tti-cost-a { border-right: 0; }
  .tti-sec { padding: 38px 0; }
  .tti-page .tt-btns { flex-direction: column; gap: 12px; } .tti-page .tt-btns .tt-btn { width: 100%; }
  form.tti-cf7, .tti-cf7 .wpcf7-form { grid-template-columns: 1fr; }
  .tti-ct-form { padding: 22px 18px; } .tti-bform { padding: 20px 16px; }
  .tti-st { flex: 0 0 100%; }
  .tti-bigph { font-size: 30px; } .tti-price > b { font-size: 34px; }
  .tti-sol-h { font-size: 20px; padding: 0 18px; } .tti-sol ul { padding: 4px 18px 6px; } .tti-sol li a { font-size: 17px; }
  .tti-map iframe { height: 260px; }
  .tti-page .tt-head { flex-direction: column; align-items: flex-start; gap: 8px; } .tti-cf7 input[type=submit] { background-position: calc(50% - 100px) center !important; }
  .tti-ci-ic { flex-basis: 56px; height: 56px; } .tti-ci-ic img { width: 30px; height: 30px; } .tti-ci { gap: 16px; padding: 16px; }
  .tti-vm { padding: 22px 18px; } .tti-vm img { width: 56px; height: 56px; } .tti-vm h3 { font-size: 22px; } .tti-vm div br { display: none; }
  .tti-ci-mail { white-space: normal; overflow-wrap: anywhere; }
}
@media (min-width: 1024px) {
  .tti-steps-l .tti-st { flex: 1 1 0; } .tti-steps-l .tti-sline { flex: 0 0 36px; min-width: 36px; margin: 0 14px 0 0; }
  .tti-steps-l .tti-st-r div br { display: none; }
}
/* ruler:manual (10-07) — icon/tiêu đề NHO so mockup; tiêu đề h1/h2 giữ cỡ (bề rộng dòng khớp, 6f) */
@media (min-width: 850px) {
  .tti-vm img { width: 88px; height: 88px; } .tti-vm h3 { font-size: 29px; }
  .tti-st-r img { width: 46px; height: 46px; }
  .tti-cost-b li img { width: 30px; height: 30px; }
  .tti-cl img, .tti-book-l .tti-bigph:not(.tti-bigph-r) img { width: 34px; height: 34px; }
  .tti-wk h3 { font-size: 22px; } .tti-wk img { width: 76px; height: 76px; }
  .tti-cm1 img { width: 66px; height: 66px; }
  .tti-cm img { width: 66px; height: 66px; }
}
@media (max-width: 849px) { .tti-book-l .tti-bigph:not(.tti-bigph-r) img, .tti-cl img { width: 30px; height: 30px; } }