/* usbsach — canh theo mockup (11-02): mockup 761px = trang 1440 (x1.89), áp ~1.4x */
#header .header-main { height: 88px !important; }
#header #logo { width: 250px !important; flex: 0 0 250px; margin-right: auto; } #header #logo a { width: 250px !important; height: 66px !important; } #header #logo img { max-height: 66px !important; width: auto !important; }
#header .header-nav > li > a { font-size: 16.5px !important; font-weight: 500 !important; color: #1f3a4d !important; } #header .header-nav > li { margin: 0 15px !important; }
#header .header-button-1 .button { border-radius: 8px !important; min-height: 52px !important; padding: 0 34px !important; font-size: 16.5px !important; line-height: 52px !important; }
.us-hero, .us-hero .row { min-height: 640px !important; }
.us-tag { font-size: 17px !important; padding: 11px 24px !important; border-radius: 8px !important; margin-bottom: 26px !important; }
.us-h1 { font-size: 60px !important; line-height: 1.16 !important; margin-bottom: 30px !important; }
.us-ck li { font-size: 21px !important; margin-bottom: 18px !important; gap: 16px !important; }
.us-ck img { width: 30px !important; height: 30px !important; }
.us-ck { margin-bottom: 38px !important; }
.us-hero .us-btn { min-height: 62px !important; padding: 0 36px !important; font-size: 19px !important; border-radius: 8px !important; }
.us-sec { padding: 64px 0 !important; }
.us-h2 { font-size: 40px !important; margin-bottom: 8px !important; }
.us-hd h2 { font-size: 40px !important; }
.us-s { font-size: 19px !important; }
.us-ud .us-h2 { margin-bottom: 36px !important; }
.us-ug b { font-size: 54px !important; } .us-ug i { font-size: 21px !important; margin-bottom: 4px; } .us-ug em { font-size: 16px !important; } .us-ug > div { gap: 26px !important; padding: 8px 34px !important; }
.us-try .us-s { margin-bottom: 30px !important; }
.us-tg { gap: 56px !important; }
.us-n { width: 50px !important; height: 50px !important; font-size: 21px !important; }
.us-ts > div { gap: 22px !important; margin-bottom: 52px !important; }
.us-ts b { font-size: 21px !important; } .us-ts p { font-size: 16.5px !important; margin-top: 8px !important; line-height: 1.6 !important; }
.us-why .us-h2 { margin-bottom: 40px !important; }
.us-wg img { width: 84px !important; height: 84px !important; }
.us-wg b { font-size: 21px !important; margin: 16px 0 10px !important; } .us-wg p { font-size: 16.5px !important; } .us-wg > div { padding: 10px 30px !important; }
.us-chips span { font-size: 16px !important; padding: 10px 26px !important; }
.us-all { font-size: 17px !important; } .us-all img { width: 20px !important; height: 20px !important; }
.us-bg b { font-size: 17.5px !important; } .us-bg small, .us-bg em, .us-bg span { font-size: 14.5px !important; }
.us-st b { font-size: 46px !important; } .us-st span { font-size: 19px !important; } .us-band { padding: 26px 0 !important; } .us-band .col-inner, .us-band .col { padding-bottom: 0 !important; }
.us-dms .us-s { font-size: 21px !important; }
.us-pr del { font-size: 38px !important; } .us-pr b { font-size: 64px !important; }
.us-dl > p:not(.us-s) { font-size: 19px !important; }
.us-form input { height: 58px !important; font-size: 16.5px !important; margin-bottom: 18px !important; }
.us-form button { height: 64px !important; font-size: 19px !important; }
.us-sc { font-size: 14.5px !important; } .us-sc img { width: 14px !important; }
.us-ft-in { padding: 64px 20px 36px !important; gap: 48px !important; }
.us-ft-logo { height: 72px !important; } .us-ft-brand p { font-size: 16px !important; max-width: 360px !important; }
.us-ft-h { font-size: 18px !important; margin-bottom: 18px !important; } .us-ft li { font-size: 16px !important; margin-bottom: 12px !important; }
.us-ft-ct img { width: 20px !important; height: 20px !important; } .us-ft-soc img { width: 38px !important; height: 38px !important; } .us-ft-soc a { font-size: 13.5px !important; }
.us-ft-copy { font-size: 14px !important; padding: 20px !important; }
@media (max-width: 849px) {
 #header .header-main { height: 64px !important; } #header #logo, #header #logo a { width: 190px !important; height: 50px !important; flex-basis: 190px; } #header #logo img { max-height: 50px !important; }
 .us-hero, .us-hero .row { min-height: 0 !important; }
 .us-h1 { font-size: 34px !important; } .us-ck li { font-size: 16.5px !important; } .us-tag { font-size: 14px !important; }
 .us-sec { padding: 44px 0 !important; } .us-h2, .us-hd h2 { font-size: 28px !important; }
 .us-ug b { font-size: 38px !important; } .us-ug > div { padding: 12px 0 !important; }
 .us-wg img { width: 64px !important; height: 64px !important; } .us-wg > div { padding: 14px 10px !important; }
 .us-st b { font-size: 30px !important; } .us-pr b { font-size: 44px !important; } .us-pr del { font-size: 26px !important; }
 .us-tg { gap: 28px !important; }
}
#header .header-main .flex-left { justify-content: flex-end; } #header .header-main .flex-left .header-nav { justify-content: flex-end; }
.us-pr del, .us-pr b { white-space: nowrap; }
@media (max-width: 849px) {
 .us-ft-in { grid-template-columns: 1fr 1fr !important; gap: 26px 18px !important; padding: 40px 16px 26px !important; }
 .us-ft-in > .us-ft-c:nth-child(3) { grid-column: 1 / -1; order: 3; } .us-ft-in > .us-ft-c:nth-child(4) { order: 2; }
 .us-ft-soc { flex-wrap: wrap; } .us-ft-soc img { width: 32px !important; height: 32px !important; }
 .us-chips { flex-wrap: wrap !important; gap: 8px !important; } .us-chips span { font-size: 14px !important; padding: 8px 14px !important; }
 .us-pr { flex-wrap: wrap; gap: 10px !important; } .us-pr b { font-size: 40px !important; } .us-pr del { font-size: 22px !important; }
}
/* ruler:auto BEGIN — tools/astra-bridge/lab/ruler_fix.py, đừng sửa tay */
@media (min-width: 850px) {
  .us-dl h2.us-h2 { font-size: 46.8px !important; }
  .us-hd h2.us-h2 { font-size: 57.6px !important; }
  .us-sec h2.us-h2 { font-size: 55.6px !important; }
  .us-btn img { width: 20px !important; height: 20px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .us-ck img { width: 38px !important; height: 38px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .us-ft-ct img { width: 24px !important; height: 24px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .us-wg img { width: 110px !important; height: 110px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
}
@media (max-width: 849px) {
  .us-btn img { width: 14px !important; height: 14px !important; }
  .us-ck img { width: 30px !important; height: 30px !important; }
  .us-ft-ct img { width: 20px !important; height: 20px !important; }
  .us-wg img { width: 84px !important; height: 84px !important; }
}
/* ruler:auto END */
.us-hd h2.us-h2 { color: #1f3a4d !important; }