/* Nhật Tiến (xkld2) — trang trong theo mockup Astra v2 09-30: giới thiệu, đơn tuyển dụng (chuyên mục), bài viết, liên hệ. Dùng chung lớp .nt-* của CSS trang chủ. */
.nti-wrap { max-width: 1270px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }
.nti-h2, .nt-sec h2.nti-h2, .nti-arch h2.nti-h2, .nti-post h2.nti-h2 { font-size: 29px !important; }
.nti-h2-lg, .nti-arch h2.nti-h2-lg { font-size: 31px !important; }
.nti-sec p { margin-bottom: 0; }
.nti-crumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--nt-muted); font-size: 14.5px; margin: 0 0 18px !important; } .nti-crumb a { color: var(--nt-muted) !important; } .nti-crumb i { font-style: normal; opacity: .7; } .nti-crumb span, .nti-crumb b { color: var(--nt-text); font-weight: 400; }
.nti-crumb img { width: 16px; height: 16px; } .nti-crumb-w, .nti-crumb-w a, .nti-crumb-w span { color: #fff !important; } .nti-crumb-w img { filter: brightness(0) invert(1); }
.nti-lead { color: var(--nt-text); font-size: 18.5px; line-height: 1.6; }
.nt-mi { display: inline-block; width: 26px; height: 26px; flex: 0 0 26px; background: var(--nt-or); -webkit-mask: var(--m) center/contain no-repeat; mask: var(--m) center/contain no-repeat; }
.nt-mi-pin { --m: url(icons/pin.png); } .nt-mi-phone { --m: url(icons/phone.png); } .nt-mi-mail { --m: url(icons/mail.png); }
/* ---------- GIỚI THIỆU ---------- */
.section.nti-hero { padding: 0 !important; min-height: 450px; } .nti-hero .col { padding-bottom: 0 !important; }
.nti-hero .section-bg { background-position: 100% 50% !important; background-size: auto 100% !important; background-repeat: no-repeat; }
.nti-hero-light .section-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #F4F7FC 0%, #F4F7FC 34%, rgba(244,247,252,.85) 44%, rgba(244,247,252,0) 58%); }
.nti-hero-in { min-height: 450px; padding: 40px 0 0; box-sizing: border-box; }
.nti-kick { position: relative; padding-left: 26px; color: var(--nt-ink); font-size: 19.5px; font-weight: 700; text-transform: uppercase; margin: 0 0 12px !important; } .nti-kick::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 7px; background: var(--nt-or); border-radius: 1px; }
.nti-hero h1 { color: var(--nt-ink) !important; font-size: 50px !important; font-weight: 800 !important; line-height: 1.22 !important; margin: 0 0 14px !important; letter-spacing: -.015em; }
.nti-hero .nti-lead { color: #2F3A4F; margin-bottom: 24px !important; } .nti-hbtn .nt-btn { min-height: 50px; padding: 0 28px; font-size: 17px; }
.section.nti-intro { padding: 30px 0 32px !important; } .nti-intro-in { display: grid; grid-template-columns: 650px 1fr; gap: 34px; align-items: center; }
.nti-intro-img { height: 350px; border-radius: 6px; overflow: hidden; } .nti-intro-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nti-intro-txt .nti-h2 { font-size: 32px !important; line-height: 1.35 !important; margin-bottom: 16px !important; } .nti-intro-txt > p { color: var(--nt-text); font-size: 15.5px; line-height: 1.7; margin-bottom: 18px !important; }
.nti-checks li { font-size: 17px; color: var(--nt-ink); font-weight: 500; margin-bottom: 14px !important; }
.section.nti-values-sec { padding: 28px 0 26px !important; } .nti-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 4px; }
.nti-value { background: #fff; border: 1px solid var(--nt-line); border-radius: 6px; text-align: center; padding: 16px 20px 20px; } .nti-value img { display: block; width: 78px; height: 78px; margin: 0 auto 6px; }
.nti-value h3 { color: var(--nt-ink) !important; font-size: 24px !important; font-weight: 700 !important; margin: 0 0 10px !important; } .nti-value p { color: var(--nt-text); font-size: 16.5px; line-height: 1.65; }
.section.nti-info-sec { padding: 26px 0 30px !important; } .nti-headsub { margin-bottom: 18px; } .nti-headsub p { color: var(--nt-text); font-size: 16.5px; margin: 6px 0 0 22px !important; }
.nti-info { display: grid; grid-template-columns: 1.13fr .87fr; background: #fff; border: 1px solid var(--nt-line); border-radius: 6px; padding: 8px 30px 10px; box-shadow: 0 2px 10px rgba(0,36,100,.04); }
.nti-info-col { padding: 0 30px 0 0; } .nti-info-col + .nti-info-col { border-left: 1px solid var(--nt-line); padding: 0 0 0 34px; }
.nti-info p { display: grid; grid-template-columns: 28px 180px 1fr; gap: 0 20px; align-items: center; min-height: 60px; border-bottom: 1px solid var(--nt-line); font-size: 16.5px; color: var(--nt-text); }
.nti-info-col + .nti-info-col p { grid-template-columns: 28px 140px 1fr; } .nti-info p:last-child { border-bottom: 0; }
.nti-info p b { color: var(--nt-ink); font-weight: 700; font-size: 16px; } .nti-info p a { color: var(--nt-text) !important; } .nti-info img { width: 28px; height: 28px; }
.nti-info > p.nti-info-wide { grid-column: 1 / -1; border-top: 1px solid var(--nt-line); border-bottom: 0; } .nti-info-col p:last-child { border-bottom: 0; }
.section.nti-proc-sec { padding: 26px 0 30px !important; }
.section.nti-connect-sec { padding: 30px 0 30px !important; } .nti-connect-l { padding-right: 30px !important; }
.nti-clist { list-style: none; margin: 0 0 20px 0 !important; padding: 0 0 0 30px; } .nti-clist li { display: flex; align-items: center; gap: 30px; color: #2F3A4F; font-size: 17px; margin: 0 0 12px !important; list-style: none; } .nti-clist a { color: #2F3A4F !important; } .nti-clist img { width: 28px; height: 28px; }
.nti-map { height: 250px; border-radius: 8px; overflow: hidden; border: 1px solid var(--nt-line); } .nti-map iframe { width: 100%; height: 100%; border: 0; display: block; }
.nti-fcard h2 { position: relative; padding-left: 22px; } .nti-fcard h2::before { content: ""; position: absolute; left: -2px; top: 2px; bottom: -2px; width: 6px; background: var(--nt-or); border-radius: 1px; } .nti-fcard .nt-fsub { padding-left: 22px; }
.nti-fcard { padding: 26px 26px 18px; }
/* ---------- LIÊN HỆ ---------- */
.section.nti-chero { padding: 28px 0 30px !important; } .nti-chero-txt { padding-top: 0 !important; }
.nti-chero h1 { color: var(--nt-ink) !important; font-size: 44px !important; white-space: nowrap; font-weight: 800 !important; line-height: 1.22 !important; margin: 0 0 16px !important; letter-spacing: -.015em; }
.nti-eyebrow { color: var(--nt-ink) !important; font-weight: 500 !important; font-size: 17px !important; } .nti-eyebrow i { width: 30px; }
.nti-chero .nti-lead { color: #2F3A4F; font-size: 18px; }
.nti-cimg { height: 334px; border-radius: 8px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,36,100,.10); } .nti-cimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nti-ccards-row { margin-top: 26px !important; } .nti-ccards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.nti-ccard { display: flex; gap: 22px; background: #fff; border: 1px solid var(--nt-line); border-radius: 6px; padding: 26px 20px 24px; box-shadow: 0 2px 10px rgba(0,36,100,.05); } .nti-ccard > img { width: 64px; height: 64px; flex: 0 0 64px; }
.nti-ccard h3 { color: var(--nt-ink) !important; font-size: 19px !important; font-weight: 700 !important; margin: 0 0 8px !important; } .nti-ccard p { color: var(--nt-text); font-size: 15.5px; }
.nti-cbig a { color: var(--nt-or2) !important; font-family: "Montserrat", sans-serif; font-size: 28px; font-weight: 700; line-height: 1.3; } .nti-cbig { margin-bottom: 6px !important; }
.nti-cmail a { color: var(--nt-or2) !important; font-size: 18px; font-weight: 700; white-space: nowrap; letter-spacing: -.01em; } .nti-cmail { margin-bottom: 8px !important; }
.nti-caddr { color: #2F3A4F !important; font-size: 18px !important; line-height: 1.55; margin-bottom: 6px !important; } .nti-cdir a { color: #1F5FD1 !important; font-size: 16.5px; font-weight: 600; }
.section.nti-cform-sec { padding: 4px 0 30px !important; }
.nti-cform { background: #fff; border-radius: 8px; padding: 30px 28px 18px; box-shadow: 0 2px 12px rgba(0,36,100,.05); } .nti-sub { color: var(--nt-text); font-size: 16px; margin: 8px 0 18px 22px !important; }
.nti-form-lg label { font-size: 15.5px; margin-bottom: 14px !important; } .nti-form-lg input[type=text], .nti-form-lg input[type=tel], .nti-form-lg input[type=email], .nti-form-lg select { height: 46px; } .nti-form-lg textarea { height: 88px !important; }
.nti-form-lg .nt-ok { margin: 4px 0 16px; } .nti-form-lg .nt-ok label { font-size: 15.5px; } .nti-form-lg input[type=submit] { height: 54px; font-size: 18px !important; }
.nt-lock { text-align: center; color: var(--nt-text); font-size: 14.5px; margin-top: 12px; } .nt-lock::before { content: ""; display: inline-block; width: 16px; height: 18px; margin-right: 10px; vertical-align: -3px; background: url(icons/lock.png) center/contain no-repeat; }
.nti-cform-r { padding-left: 20px !important; } .nti-why { background: #fff; border-radius: 8px; padding: 30px 30px 16px; margin-bottom: 14px; }
.nti-why h2 { color: var(--nt-ink) !important; font-size: 30px !important; font-weight: 700 !important; line-height: 1.4 !important; margin: 0 0 14px !important; } .nti-why > p { color: var(--nt-text); font-size: 16.5px; line-height: 1.7; margin-bottom: 18px !important; }
.nti-help { background: var(--nt-navy); border-radius: 6px; padding: 26px 32px 28px; } .nti-help h3 { color: #fff !important; font-size: 23px !important; font-weight: 700 !important; margin: 0 0 12px !important; }
.nti-help-ph { display: flex; align-items: center; gap: 22px; margin-bottom: 18px !important; } .nti-help-ph img { width: 40px; height: 40px; } .nti-help-ph a { color: #fff !important; font-family: "Montserrat", sans-serif; font-size: 40px; font-weight: 700; line-height: 1; }
.nti-help .nt-btn { width: 100%; min-height: 52px; font-size: 18px; }
.section.nti-office-sec { padding: 26px 0 16px !important; } .nti-office { display: grid; grid-template-columns: 410px 1fr; gap: 16px; }
.nti-ocard { background: #fff; border: 1px solid var(--nt-line); border-radius: 6px; padding: 24px 30px; } .nti-ocard h3 { color: var(--nt-ink) !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 0 16px !important; }
.nti-oi { display: flex; gap: 20px; align-items: flex-start; color: #2F3A4F; font-size: 17px; line-height: 1.6; margin-bottom: 12px !important; } .nti-oi a { color: #2F3A4F !important; } .nti-oi .nt-mi { margin-top: 2px; }
.nti-obtn { margin-top: 18px; } .nti-obtn .nt-btn { width: 100%; min-height: 50px; font-size: 17px; }
.nti-omap { min-height: 296px; border-radius: 6px; overflow: hidden; border: 1px solid var(--nt-line); } .nti-omap iframe { width: 100%; height: 100%; min-height: 296px; border: 0; display: block; }
.section.nti-prep-sec { padding: 14px 0 26px !important; } .nti-prep { display: grid; grid-template-columns: repeat(3, 1fr); }
.nti-pstep { display: flex; align-items: center; gap: 26px; padding: 0 20px; border-left: 1px solid #D5DCE8; } .nti-pstep:first-child { border: 0; padding-left: 0; }
.nti-pstep > i { display: flex; align-items: center; justify-content: center; flex: 0 0 60px; width: 60px; height: 60px; border-radius: 50%; background: var(--nt-or); color: #fff; font-style: normal; font-size: 24px; font-weight: 700; font-family: "Montserrat", sans-serif; }
.nti-pstep h3 { color: var(--nt-ink) !important; font-size: 19px !important; font-weight: 700 !important; margin: 0 0 4px !important; } .nti-pstep p { color: var(--nt-text); font-size: 16px; }
/* ---------- ĐƠN TUYỂN DỤNG / TIN ---------- */
.nti-arch { background: #fff; padding-bottom: 0 !important; }
.nti-ahero { position: relative; background: #003082; min-height: 303px; overflow: hidden; }
.nti-ahero-bg { position: absolute; inset: 0; background-position: 100% 50%; background-size: auto 100%; background-repeat: no-repeat; } .nti-ahero-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #003082 0%, #003082 36%, rgba(0,48,130,.88) 45%, rgba(0,48,130,.35) 53%, rgba(0,48,130,0) 60%); }
.nti-ahero-in { position: relative; padding-top: 36px; padding-bottom: 50px; } .nti-arch-jobs .nti-ahero-in { padding-bottom: 58px; }
.nti-arch .nti-wrap { max-width: 1230px; }
.nti-ahero h1 { color: #fff !important; font-size: 50px !important; font-weight: 800 !important; line-height: 1.18 !important; margin: 0 0 10px !important; letter-spacing: -.015em; } .nti-alead { color: #fff; font-size: 18.5px; margin: 0 !important; }
.nti-sbox { position: relative; z-index: 3; margin: -44px 0 26px; background: #fff; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,36,100,.12); padding: 20px 26px 18px; }
.nti-stitle { display: flex; align-items: center; gap: 16px; color: var(--nt-ink); font-family: "Montserrat", sans-serif; font-size: 21px; font-weight: 700; margin: 0 0 14px !important; } .nti-stitle img { width: 36px; height: 36px; }
.nti-srow { display: grid; grid-template-columns: 1.4fr 1fr 1fr 222px; gap: 14px; }
.nti-si { display: flex; align-items: center; gap: 14px; border: 1px solid #D5DCE8; border-radius: 5px; min-height: 55px; padding: 0 16px 0 18px; margin: 0 !important; } .nti-si img { width: 24px; height: 24px; }
.nti-si input, .nti-si select { flex: 1; border: 0 !important; box-shadow: none !important; background-color: transparent !important; height: 50px !important; margin: 0 !important; padding: 0 !important; font-size: 16px !important; color: #2F3A4F; }
.nti-sbtn { display: flex; align-items: center; justify-content: center; gap: 14px; background: var(--nt-or) !important; color: #fff !important; border: 0; border-radius: 5px; min-height: 55px; margin: 0 !important; font-size: 18px !important; font-weight: 700; text-transform: none !important; letter-spacing: 0; } .nti-sbtn img { width: 26px; height: 26px; }
.nti-sugg { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 14px 0 0 !important; } .nti-sugg b { color: var(--nt-ink); font-size: 15.5px; } .nti-sugg a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 18px; border-radius: 5px; background: #EEF2F8; color: var(--nt-ink) !important; font-size: 15.5px; }
.nti-arch-news .nti-lhead { margin-top: 30px; }
.nti-lhead { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 14px; } .nti-lsub { color: var(--nt-text); font-size: 18px; margin: 8px 0 0 !important; }
.nti-sort { display: flex; align-items: center; gap: 12px; margin: 0 0 10px !important; } .nti-sort label { color: var(--nt-navy); font-size: 15.5px; font-weight: 500; margin: 0; } .nti-sort select { width: 115px; height: 40px; margin: 0 !important; border: 1px solid #D5DCE8 !important; border-radius: 5px !important; box-shadow: none !important; font-size: 15.5px; }
.nti-chips { margin-bottom: 20px; } .nti-chips a { min-height: 38px; padding: 0 26px; font-size: 16px; } .nti-chips a:not(.on) { color: var(--nt-ink) !important; }
.nti-jgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 26px; }
.nti-jcard { background: #fff; border: 1px solid var(--nt-line); border-radius: 6px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,36,100,.05); }
.nti-jimg { position: relative; display: block; height: 148px; } .nti-jimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nti-jbadge { position: absolute; right: 8px; top: 8px; background: var(--nt-or); color: #fff; font-style: normal; font-size: 15px; font-weight: 700; padding: 5px 11px; border-radius: 4px; }
.nti-pill { position: absolute; left: 14px; bottom: -14px; background: #EAF0FA; color: var(--nt-ink); font-size: 14.5px; font-weight: 700; text-transform: uppercase; padding: 4px 16px; border-radius: 14px 14px 14px 0; }
.nti-jb { padding: 22px 20px 12px; } .nti-jcard h3 { margin: 0 0 8px !important; font-size: 18.5px !important; font-weight: 700 !important; line-height: 1.35 !important; } .nti-jcard h3 a { color: var(--nt-ink) !important; }
.nti-jmeta { display: flex; flex-wrap: wrap; gap: 6px 18px; color: var(--nt-text); font-size: 14px; white-space: nowrap; margin: 0 0 12px !important; } .nti-jmeta span { display: inline-flex; align-items: center; gap: 8px; } .nti-jmeta img { width: 18px; height: 18px; }
.nti-jfoot { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--nt-line); padding-top: 10px; margin: 0 !important; font-size: 15px; } .nti-jfoot span { color: var(--nt-navy); } .nti-jfoot a { color: var(--nt-navy) !important; font-weight: 700; } .nti-jfoot b { margin-left: 4px; }
.nti-ngrid { margin-top: 4px; } .nti-empty { color: var(--nt-text); font-size: 16px; padding: 20px 0; }
.nti-pgrow { display: flex; justify-content: space-between; align-items: center; margin: 22px 0 36px; } .nti-pgrow p { color: var(--nt-text); font-size: 16px; margin: 0 !important; }
.nti-pg { display: flex; gap: 6px; } .nti-pg .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; border-radius: 4px; border: 1px solid var(--nt-line); color: var(--nt-ink) !important; font-weight: 600; } .nti-pg .current { background: var(--nt-navy); border-color: var(--nt-navy); color: #fff !important; }
.nti-pg span.current:only-child { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; border-radius: 4px; background: var(--nt-navy); color: #fff; font-weight: 700; }
.nti-band { background: #F1F5FB; padding: 22px 0 30px; } .nti-proc4 .nt-proc { grid-template-columns: repeat(4, 1fr); } .nti-proc4 .nt-proc::before { left: 12.5%; right: 12.5%; }
.nti-miss-row { display: grid; grid-template-columns: 1fr 533px; gap: 26px; padding-top: 18px !important; padding-bottom: 18px !important; }
.nti-miss { position: relative; min-height: 254px; border-radius: 6px; padding: 18px 200px 18px 0; background-size: auto 100%; background-position: 100% 50%; background-repeat: no-repeat; }
.nti-miss .nti-h2 { font-size: 25px !important; margin-bottom: 18px !important; } .nti-miss > p { color: var(--nt-text); font-size: 16px; line-height: 1.7; margin: 0 0 30px 22px !important; }
.nti-miss-ph { display: flex; align-items: center; gap: 12px; white-space: nowrap; color: var(--nt-ink) !important; font-size: 17px !important; font-weight: 600; } .nti-miss-ph img { width: 36px; height: 36px; } .nti-miss-ph a { color: var(--nt-ink) !important; font-family: "Montserrat", sans-serif; font-size: 23px; font-weight: 800; }
.nti-fcard-sm { padding: 18px 22px 16px; } .nti-fcard-sm h2 { font-size: 23px !important; margin-bottom: 12px !important; }
/* ---------- BÀI VIẾT ---------- */
.nti-post { background: #F5F8FC; } .nti-wrap.nti-pwrap { max-width: 1370px; }
@media (min-width: 850px) { .nti-post .nti-crumb, .nti-article { padding-left: 40px !important; } .nti-fig { margin-left: -40px !important; } .nti-toc, .nti-warn, .nti-callout { margin-left: -20px !important; } .nti-income { margin-left: -16px !important; } .nti-content h2, .nti-cmt h2.nt-h2 { margin-left: -22px !important; } }
.nti-post > .nti-wrap { padding-top: 20px; padding-bottom: 30px; }
.nti-crumb-home img { filter: none; } .nti-post .nti-crumb b { color: var(--nt-navy); font-weight: 600; }
.nti-pgrid { display: grid; grid-template-columns: 1fr 380px; gap: 30px; align-items: start; margin-top: -4px; }
.nti-article { background: #fff; border-radius: 8px; padding: 0 0 26px; min-width: 0; }
.nti-post .nti-article { background: transparent; }
.nti-pkick { position: relative; padding-left: 14px; color: var(--nt-ink); font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 6px 0 12px !important; } .nti-pkick::before { content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 4px; background: var(--nt-or); }
.nti-ptitle { color: var(--nt-ink) !important; font-size: 35px !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 0 18px !important; letter-spacing: -.02em; }
.nti-pmeta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; } .nti-pmeta > p { display: flex; gap: 34px; margin: 0 !important; } .nti-pmeta > p span { display: inline-flex; align-items: center; gap: 12px; color: var(--nt-text); font-size: 16px; } .nti-pmeta img { width: 22px; height: 22px; }
.nti-share { display: flex; align-items: center; gap: 12px; margin: 0 !important; } .nti-share span { color: var(--nt-text); font-size: 16px; margin-right: 10px; } .nti-share img { width: 40px; height: 40px; display: block; }
.nti-sapo { color: #2F3A4F; font-size: 19px; line-height: 1.65; margin-bottom: 18px !important; }
.nti-content { color: var(--nt-text); font-size: 16.5px; line-height: 1.7; } .nti-content > p { margin-bottom: 14px; }
.nti-content h2 { position: relative; color: var(--nt-ink) !important; font-size: 29px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 26px 0 12px !important; padding: 0 0 0 22px !important; background: none !important; border: 0 !important; text-align: left !important; }
.nti-content h2::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 6px; background: var(--nt-or); border-radius: 1px; }
.nti-fig { margin: 0 0 16px; } .nti-fig img { width: 100%; height: 302px; object-fit: cover; object-position: 78% 50%; border-radius: 6px; display: block; } .nti-fig figcaption { text-align: center; color: var(--nt-muted); font-size: 14px; font-style: italic; margin-top: 10px; }
.nti-toc { background: #EAF2FD; border: 1px solid #BFD4F2; border-radius: 6px; padding: 16px 22px 14px; margin: 0 0 8px; } .nti-toc-t { color: var(--nt-ink); font-family: "Montserrat", sans-serif; font-size: 21px; font-weight: 700; margin: 0 0 8px !important; }
.nti-toc ol { list-style: none; margin: 0 !important; padding: 0; } .nti-toc li { margin: 0 0 6px !important; list-style: none; } .nti-toc a { display: flex; gap: 30px; color: #2F3A4F !important; font-size: 17px; } .nti-toc a b { color: var(--nt-ink); font-weight: 700; width: 24px; }
.nti-crit { margin: 16px 0 10px; } .nti-crit-i { display: flex; gap: 22px; margin-bottom: 18px; } .nti-crit-i > i { display: flex; align-items: center; justify-content: center; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 6px; background: var(--nt-or); color: #fff; font-style: normal; font-size: 21px; font-weight: 700; font-family: "Montserrat", sans-serif; }
.nti-crit-i h3 { color: var(--nt-ink) !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 0 4px !important; font-family: "Be Vietnam Pro", sans-serif !important; } .nti-crit-i p { color: var(--nt-text); font-size: 16px; line-height: 1.6; margin: 0 !important; }
.nti-income { display: grid; grid-template-columns: 1.2fr 1fr 1fr; background: #EEF3FB; border-radius: 6px; padding: 14px 10px; margin: 14px 0 12px; } .nti-income > div { display: flex; align-items: center; gap: 22px; padding: 0 20px; } .nti-income > div + div { border-left: 1px solid #C9D6EA; }
.nti-income img { width: 44px; height: 44px; } .nti-income p { margin: 0 !important; } .nti-income b { display: block; color: var(--nt-ink); font-size: 18px; } .nti-income span { display: block; color: var(--nt-text); font-size: 15px; } .nti-income .nti-strong { color: #1E2A3F; font-weight: 600; font-size: 15.5px; }
.nti-inote { color: var(--nt-muted); font-size: 14.5px; font-style: italic; margin-bottom: 14px !important; }
.nti-warn { display: flex; align-items: center; gap: 26px; background: #FFF6EC; border: 1px solid #F8CE9A; border-radius: 6px; padding: 16px 26px; margin-bottom: 8px; } .nti-warn img { width: 52px; height: 52px; }
.nti-warn p, .nti-callout p { margin: 0 !important; } .nti-warn b { display: block; color: #F0851A; font-size: 19px; margin-bottom: 4px; } .nti-warn span { color: var(--nt-text); font-size: 15px; }
.nti-callout { display: flex; align-items: center; gap: 30px; background: #EFF5FE; border: 1px solid #A9C6F0; border-radius: 6px; padding: 18px 28px; margin: 14px 0 12px; } .nti-callout img { width: 62px; height: 62px; } .nti-callout b { display: block; color: var(--nt-ink); font-size: 21px; margin-bottom: 4px; } .nti-callout span { color: var(--nt-text); font-size: 15.5px; }
.nti-afoot { display: flex; justify-content: space-between; align-items: center; margin: 12px 0 22px; } .nti-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 !important; } .nti-tags b { color: var(--nt-ink); font-size: 15.5px; }
.nti-tags a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 18px; border-radius: 18px; background: #E8EFF9; color: var(--nt-text) !important; font-size: 15px; }
.nti-cmt .comment-respond { margin: 0; padding: 0; background: none; } .nti-cnote { color: var(--nt-text); font-size: 15.5px; margin: 8px 0 12px 22px !important; }
.nti-cmt textarea, .nti-cmt input[type=text], .nti-cmt input[type=email] { width: 100%; border: 1px solid #D5DCE8 !important; border-radius: 4px !important; box-shadow: none !important; background: #fff !important; font-size: 15.5px !important; margin: 0 !important; }
.nti-cmt textarea { height: 94px !important; min-height: 0 !important; } .nti-cmt input[type=text], .nti-cmt input[type=email] { height: 46px; }
.nti-cmt .comment-form-comment { margin: 0 0 12px 22px !important; } .nti-c2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; margin-left: 22px; } .nti-c2 label { color: #2A3446; font-size: 15px; font-weight: 500; margin-bottom: 6px; } .nti-c2 i { color: #E53935; font-style: normal; }
.nti-cmt .comment-form-cookies-consent { margin: 12px 0 14px 22px !important; } .nti-cmt .comment-form-cookies-consent label { display: flex; align-items: center; gap: 12px; color: var(--nt-text); font-size: 15.5px; font-weight: 400; } .nti-cmt .comment-form-cookies-consent input { width: 20px; height: 20px; margin: 0; }
.nti-cmt .form-submit { margin: 0 0 0 22px !important; } .nti-csubmit, .nti-cmt input[type=submit] { background: var(--nt-navy) !important; color: #fff !important; border-radius: 4px; min-height: 50px; padding: 0 34px !important; font-size: 17px !important; font-weight: 600; text-transform: none; letter-spacing: 0; margin: 0 !important; }
.nti-side > div { margin-bottom: 22px; } .nti-sbox { background: #fff; border-radius: 8px; padding: 22px 22px 18px; box-shadow: 0 2px 12px rgba(0,36,100,.05); }
.nti-sbh { position: relative; padding-left: 20px; color: var(--nt-ink) !important; font-size: 19px !important; letter-spacing: -.01em; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 0 14px !important; } .nti-sbh::before { content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 5px; background: var(--nt-or); }
.nti-sb-navy { background: var(--nt-navy); border-radius: 6px; padding: 24px 20px 20px; box-shadow: 0 6px 18px rgba(0,36,100,.18); } .nti-sb-navy h3 { color: #fff !important; font-size: 23px !important; font-weight: 700 !important; margin: 0 0 12px !important; } .nti-sb-navy > p { color: #fff; font-size: 16px; line-height: 1.6; margin-bottom: 12px !important; }
.nti-sb-ph { display: flex; align-items: center; gap: 18px; } .nti-sb-ic { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--nt-or); } .nti-sb-ic img { width: 26px; height: 26px; } .nti-sb-ph a { color: var(--nt-or) !important; font-family: "Montserrat", sans-serif; font-size: 35px; font-weight: 800; line-height: 1; }
.nti-sb-navy .nti-sb-line { font-weight: 700; font-size: 17px; margin-bottom: 16px !important; } .nti-sb-navy .nt-btn { width: 100%; min-height: 52px; font-size: 17px; }
.nti-sb-form .nt-form label { font-size: 15px; margin-bottom: 18px !important; } .nti-sb-form .nt-form input[type=text], .nti-sb-form .nt-form input[type=tel], .nti-sb-form .nt-form select { height: 44px; margin-top: 10px !important; } .nti-sb-form .nt-form input[type=submit] { height: 50px; }
.nti-hp { display: grid; grid-template-columns: 148px 1fr; gap: 20px; align-items: center; padding: 0 0 12px; margin-bottom: 12px; border-bottom: 1px solid var(--nt-line); } .nti-hp:last-child { border: 0; margin: 0; padding: 0; }
.nti-hp img { width: 148px; height: 108px; object-fit: cover; border-radius: 4px; display: block; } .nti-hp b { display: block; color: var(--nt-ink); font-size: 16.5px; font-weight: 700; line-height: 1.5; } .nti-hp small { display: block; color: var(--nt-muted); font-size: 14px; margin-top: 8px; }
.nti-learn img { width: 100%; height: 296px; object-fit: cover; border-radius: 6px; display: block; margin-bottom: 12px; } .nti-learn p { color: var(--nt-text); font-size: 15.5px; line-height: 1.65; margin-bottom: 14px !important; } .nti-learn .nt-btn { min-height: 50px; padding: 0 26px; font-size: 17px; }
.nti-related { background: #fff; padding: 24px 0 24px; } .nti-related .nt-news { gap: 26px; } .nti-related .nt-nimg { height: 170px; } .nti-related .nt-ncard h3 { font-size: 15.5px !important; }
/* ---------- tablet/mobile ---------- */
@media (max-width: 1199px) {
  .nti-intro-in { grid-template-columns: 1fr 1fr; } .nti-info p, .nti-info-col + .nti-info-col p { grid-template-columns: 28px 150px 1fr; } .nti-srow { grid-template-columns: 1fr 1fr; } .nti-jgrid { grid-template-columns: repeat(2, 1fr); }
  .nti-miss-row { grid-template-columns: 1fr; } .nti-pgrid { grid-template-columns: 1fr 320px; } .nti-hp { grid-template-columns: 110px 1fr; } .nti-hp img { width: 110px; height: 84px; }
  .nti-ccard { flex-direction: column; gap: 12px; } .nti-cbig a { font-size: 24px; } .nti-cmail a { font-size: 16px; overflow-wrap: anywhere; }
}
@media (max-width: 849px) {
  .nti-h2, .nt-sec h2.nti-h2, .nti-arch h2.nti-h2, .nti-post h2.nti-h2, .nti-h2-lg, .nti-arch h2.nti-h2-lg { font-size: 23px !important; }
  .nti-hero h1, .nti-chero h1, .nti-ahero h1 { font-size: 32px !important; white-space: normal; } .nti-lead, .nti-chero .nti-lead { font-size: 16px; } .nti-lead br, .nti-miss > p br { display: none; }
  .nti-intro-in { grid-template-columns: 1fr; gap: 18px; } .nti-intro-img { height: 220px; } .nti-intro-txt .nti-h2 { font-size: 23px !important; }
  .nti-values { grid-template-columns: 1fr; } .nti-value p br { display: none; }
  .nti-info { grid-template-columns: 1fr; padding: 4px 16px; } .nti-info-col, .nti-info-col + .nti-info-col { padding: 0; border: 0; } .nti-info p, .nti-info-col + .nti-info-col p { grid-template-columns: 26px 1fr; gap: 2px 12px; padding: 10px 0; font-size: 15px; } .nti-info p span { grid-column: 2; } .nti-info-col p:last-child { border-bottom: 1px solid var(--nt-line); }
  .nti-connect-l { padding-right: 15px !important; } .nti-clist { padding-left: 0; } .nti-clist li { gap: 14px; font-size: 15.5px; }
  .nti-chero-txt { order: 2; } .nti-chero-img { order: 1; } .nti-cimg { height: 230px; } .nti-ccards { grid-template-columns: 1fr; gap: 12px; } .nti-ccard { flex-direction: row; padding: 18px; } .nti-ccard > img { width: 52px; height: 52px; flex-basis: 52px; }
  .nti-cform { padding: 20px 16px; } .nti-cform-r { padding-left: 15px !important; } .nti-why { padding: 20px 16px; } .nti-why h2 { font-size: 24px !important; } .nti-why > p br { display: none; } .nti-help-ph a { font-size: 30px; }
  .nti-office { grid-template-columns: 1fr; } .nti-ocard { padding: 18px 16px; } .nti-omap, .nti-omap iframe { min-height: 240px; }
  .nti-prep { grid-template-columns: 1fr; gap: 14px; } .nti-pstep { border: 0; padding: 0; gap: 16px; } .nti-pstep > i { flex-basis: 50px; width: 50px; height: 50px; font-size: 20px; }
  .nti-sbox { margin-top: 0; padding: 16px; } .nti-srow { grid-template-columns: 1fr; gap: 10px; } .nti-stitle { font-size: 18px; }
  .nti-lhead { flex-direction: column; align-items: flex-start; gap: 10px; } .nti-jgrid { grid-template-columns: 1fr; } .nti-pgrow { flex-direction: column; gap: 10px; align-items: flex-start; }
  .nti-proc4 .nt-proc { grid-template-columns: 1fr 1fr; }
  .nti-miss { padding: 0 0 210px; background-size: auto 200px; background-position: 100% 100%; min-height: 0; } .nti-miss > p { margin-bottom: 14px !important; }
  .nti-pgrid { grid-template-columns: 1fr; } .nti-ptitle { font-size: 26px !important; } .nti-pmeta { flex-direction: column; align-items: flex-start; gap: 12px; } .nti-pmeta > p { flex-wrap: wrap; gap: 8px 18px; } .nti-pmeta > p span { font-size: 14.5px; }
  .nti-sapo { font-size: 17px; } .nti-fig img { height: 200px; } .nti-content h2 { font-size: 23px !important; } .nti-income { grid-template-columns: 1fr; } .nti-income > div + div { border-left: 0; border-top: 1px solid #C9D6EA; padding-top: 10px; margin-top: 10px; }
  .nti-warn, .nti-callout { gap: 14px; padding: 14px 16px; } .nti-afoot { flex-direction: column; align-items: flex-start; gap: 14px; } .nti-c2 { grid-template-columns: 1fr; } .nti-hp { grid-template-columns: 110px 1fr; } .nti-learn img { height: 200px; }
}
/* mob-hero trang trong */ @media (max-width: 849px) {
  .nti-ahero { min-height: 0; padding-top: 250px; } .nti-ahero-bg { bottom: auto; height: 250px; background-size: cover; background-position: 72% 50%; } .nti-ahero-bg::after { display: none; } .nti-ahero-in { padding-top: 22px; padding-bottom: 60px; }
  .nti-arch-news .nti-ahero-in { padding-bottom: 26px; }
  .section.nti-hero.nti-hero-light { padding-top: 250px !important; background-color: #F4F7FC !important; } .nti-hero-light .section-bg { top: 0 !important; bottom: auto !important; height: 250px !important; background-size: cover !important; background-position: 70% 50% !important; } .nti-hero-light .section-bg::after { display: none !important; } .nti-hero-in { min-height: 0 !important; padding: 20px 0 28px !important; }
}
/* /mob-hero */
@media (max-width: 849px) { .nti-chero h1 br { display: none; } .nt-eyebrow { font-size: 13.5px; } }
/* trang không có mockup: Đào tạo (593), Thủ tục – Hồ sơ (48) — dựng theo khung trang Liên hệ/Giới thiệu */
.nti-phero h1 { white-space: normal !important; } .nti-phero .nti-hbtn { margin-top: 22px; }
.section.nti-pg-sec { padding: 30px 0 30px !important; } .section.nti-pfaq-sec { padding: 28px 0 30px !important; } .section.nti-note-sec { padding: 26px 0 26px !important; }
.nti-docs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
.nti-doc { display: flex; gap: 22px; background: #fff; border: 1px solid var(--nt-line); border-radius: 6px; padding: 20px 24px 8px; box-shadow: 0 2px 10px rgba(0,36,100,.04); } .nti-doc > img { width: 56px; height: 56px; flex: 0 0 56px; }
.nti-doc h3 { color: var(--nt-ink) !important; font-size: 19px !important; font-weight: 700 !important; margin: 4px 0 10px !important; } .nti-doc .nt-checks li { font-size: 15.5px; color: var(--nt-text); font-weight: 400; margin-bottom: 10px !important; }
.nti-pfaq-sec .nt-fcard { background: #fff; }
@media (max-width: 849px) { .nti-docs { grid-template-columns: 1fr; } .nti-doc { padding: 16px; gap: 14px; } .nti-doc > img { width: 44px; height: 44px; flex-basis: 44px; } .nti-phero h1 br { display: none; } .nti-phero .nti-lead br { display: none; } }
/* ruler:auto BEGIN — tools/astra-bridge/lab/ruler_fix.py, đừng sửa tay */
@media (min-width: 850px) {
  body:not(.home) .nt-fcard h2 { font-size: 34.3px !important; }
  body:not(.home) .nt-head h2.nt-h2 { font-size: 33.1px !important; }
  body:not(.home) .nt-nbody h3 { font-size: 18.1px !important; }
  body:not(.home) .nt-step h3 { font-size: 22.9px !important; }
  body:not(.home) .nti-ccard h3 { font-size: 21.9px !important; }
  body:not(.home) .nti-headsub h2.nt-h2 { font-size: 36.8px !important; }
  body:not(.home) .nti-intro-txt h2.nti-h2 { font-size: 37.1px !important; }
  body:not(.home) .nti-pstep h3 { font-size: 24.9px !important; }
  body:not(.home) .nti-sb-navy h3 { font-size: 34.5px !important; }
  body:not(.home) .nti-sbox h3.nti-sbh { font-size: 23.8px !important; }
  body:not(.home) .nti-value h3 { font-size: 28.8px !important; }
  body:not(.home) .nti-why h2 { font-size: 34.8px !important; }
  body:not(.home) .nt-hmail img { width: 34px !important; height: 34px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .nt-step img { width: 96px !important; height: 96px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .nti-clist img { width: 36px !important; height: 36px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .nti-crumb img { width: 22px !important; height: 22px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .nti-info-col img { width: 34px !important; height: 34px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .nti-jmeta img { width: 22px !important; height: 22px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .nti-miss-ph img { width: 48px !important; height: 48px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .nti-pmeta img { width: 32px !important; height: 32px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .nti-si img { width: 28px !important; height: 28px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .nti-value img { width: 120px !important; height: 120px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
}
@media (max-width: 849px) {
  body:not(.home) .nt-hmail img { width: 28px !important; height: 28px !important; }
  body:not(.home) .nt-step img { width: 68px !important; height: 68px !important; }
  body:not(.home) .nti-clist img { width: 28px !important; height: 28px !important; }
  body:not(.home) .nti-crumb img { width: 16px !important; height: 16px !important; }
  body:not(.home) .nti-info-col img { width: 28px !important; height: 28px !important; }
  body:not(.home) .nti-jmeta img { width: 18px !important; height: 18px !important; }
  body:not(.home) .nti-miss-ph img { width: 36px !important; height: 36px !important; }
  body:not(.home) .nti-pmeta img { width: 22px !important; height: 22px !important; }
  body:not(.home) .nti-si img { width: 24px !important; height: 24px !important; }
  body:not(.home) .nti-value img { width: 84px !important; height: 84px !important; }
}
/* ruler:auto END */
/* ruler:manual (trang trong) */
@media (min-width: 850px) {
  body:not(.home) .nt-step img { width: 62px !important; height: 62px !important; } body:not(.home) .nti-value img { width: 84px !important; height: 84px !important; }
  body:not(.home) .nt-hmail img { width: 28px !important; height: 28px !important; } body:not(.home) .nti-pmeta img { width: 24px !important; height: 24px !important; }
  body:not(.home) .nti-miss-ph img { width: 40px !important; height: 40px !important; } body:not(.home) .nti-clist img { width: 30px !important; height: 30px !important; }
  body:not(.home) .nti-info-col img, body:not(.home) .nti-info > p img { width: 30px !important; height: 30px !important; } body:not(.home) .nti-crumb img { width: 18px !important; height: 18px !important; }
  body:not(.home) .nti-sb-navy h3 { font-size: 25px !important; } body:not(.home) .nti-sbox h3.nti-sbh { font-size: 20px !important; }
  body:not(.home) .nt-fcard h2 { font-size: 30px !important; } body:not(.home) .nt-head h2.nt-h2 { font-size: 31px !important; } body:not(.home) .nti-headsub h2.nt-h2 { font-size: 32px !important; }
  body:not(.home) .nti-intro-txt h2.nti-h2 { font-size: 34px !important; } body:not(.home) .nti-value h3 { font-size: 26px !important; } body:not(.home) .nti-why h2 { font-size: 32px !important; }
  body:not(.home) .nti-pstep h3 { font-size: 21px !important; } body:not(.home) .nti-ccard h3 { font-size: 20px !important; } body:not(.home) .nt-nbody h3 { font-size: 15.5px !important; } body:not(.home) .nt-step h3 { font-size: 20px !important; }
  body:not(.home) .nti-sb-form .nt-fcard h2, body:not(.home) .nti-fcard-sm h2 { font-size: 25px !important; }
  body:not(.home) .nti-intro-txt h2.nti-h2 { font-size: 28px !important; } body:not(.home) .nti-miss h2.nti-h2 { font-size: 26px !important; white-space: nowrap; }
  body:not(.home) .nti-sb-navy h3 { font-size: 23px !important; } body:not(.home) .nti-learn h3.nti-sbh { font-size: 18.5px !important; }
}
/* /ruler:manual */

@media (max-width: 849px) { .nti-chero .nti-crumb { margin-top: 16px !important; } }