/* quatang: khớp mockup (10-31) */
#logo, #logo a { width: 250px !important; } #header #logo a { height: 62px !important; }
#header .header-main .nav > li { margin: 0 9px; }
.qt-hero { min-height: 600px !important; background-color: #f8eddb !important; }
.qt-hero .section-bg { background-color: #f8eddb !important; } .qt-hero .section-bg img.bg { object-fit: contain !important; object-position: right center !important; }
.qt-hero .row { min-height: 600px !important; }
.qt-band { min-height: 160px !important; background-color: #0f2d5c !important; }
.qt-band .section-bg { background-color: #0f2d5c !important; } .qt-band .section-bg img.bg { width: 31% !important; right: auto !important; object-fit: cover !important; object-position: center 55% !important; }
.qt-band::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,45,92,0) 20%, #0f2d5c 31%); z-index: 1; pointer-events: none; }
.qt-band .section-content { position: relative; z-index: 2; }
.qt-band .qt-bi { min-height: 160px; padding-left: 15% !important; text-align: left; gap: 24px; }
.qt-band .qt-bi h2 { text-align: left; }
.qt-ft-logo { height: 84px !important; }
@media (max-width: 849px) {
 .qt-hero, .qt-hero .row { min-height: 420px !important; }
 .qt-hero .section-bg img.bg { object-fit: cover !important; object-position: 70% center !important; }
 .qt-band .section-bg img.bg { width: 100% !important; }
 .qt-band::before { background: rgba(15,45,92,.82); }
 .qt-band .qt-bi { padding-left: 0 !important; }
 #logo, #logo a { width: 190px !important; } #header #logo a { height: 48px !important; }
}
.qt-band .qt-bi .button, .qt-band .qt-bi a { white-space: nowrap; }
@media (min-width: 850px) { .qt-band .qt-bi h2 { white-space: nowrap; } }
/* ruler:auto BEGIN — tools/astra-bridge/lab/ruler_fix.py, đừng sửa tay */
@media (min-width: 850px) {
  .qt-bi h2 { font-size: 38.6px !important; }
  .qt-g h3.b9-pc-t { font-size: 18.6px !important; }
  .qt-gn h3.b9-po-t { font-size: 21.9px !important; }
  .qt-hd h2 { font-size: 44.1px !important; }
  .qt-all img { width: 16px !important; height: 16px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .qt-ck img { width: 32px !important; height: 32px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .qt-ft-soc img { width: 48px !important; height: 48px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .qt-pg img { width: 114px !important; height: 114px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
}
@media (max-width: 849px) {
  .qt-all img { width: 14px !important; height: 14px !important; }
  .qt-ck img { width: 22px !important; height: 22px !important; }
  .qt-ft-soc img { width: 34px !important; height: 34px !important; }
  .qt-pg img { width: 80px !important; height: 80px !important; }
}
/* ruler:auto END */
/* ruler:manual */
@media (min-width: 850px) {
  .qt-ck img { width: 26px !important; height: 26px !important; }
  .qt-pg img { width: 80px !important; height: 80px !important; }
  .qt-ft-soc img { width: 44px !important; height: 44px !important; }
  .qt-h1 { font-size: 56px !important; line-height: 1.12 !important; }
}
@media (min-width: 850px) {
  .qt-pr .qt-h2 { font-size: 44.1px !important; }
  .qt-band .qt-bi { padding-left: 9% !important; }
  .qt-bi h2 { font-size: 34px !important; }
  .qt-gn h3.b9-po-t { font-size: 19.5px !important; }
}
@media (max-width: 849px) {
  .qt-g .b9-pc-btn { display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; }
  .qt-g .b9-pc-btn a { width: 100% !important; margin: 0 !important; text-align: center; }
  .qt-hero .qt-bt { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px; }
  .qt-hero .qt-bt a { width: 100% !important; margin: 0 !important; white-space: nowrap; font-size: 14px !important; padding-left: 8px !important; padding-right: 8px !important; justify-content: center; }
}
@media (max-width: 849px) { .qt-hs br { display: none; } }
