/* school: khớp mockup trang chủ (11-01) — mockup 749px ~ 1440 (x1.92) */
@media (min-width: 850px) {
 #top-bar .flex-row { min-height: 40px; } .sc-tb { font-size: 14px !important; } .sc-tb img { width: 15px !important; }
 #header .header-main { height: 108px !important; } #header .header-main .header-inner { height: 108px !important; }
 #header #logo, #header #logo a { width: 290px !important; } #header #logo a { height: 80px !important; }
 #header .header-nav > li > a { font-size: 15.5px !important; } #header .header-nav > li { margin: 0 14px !important; }
 #header .header-button-1 .button { font-size: 15px !important; min-height: 50px !important; padding: 0 30px !important; line-height: 50px !important; }
 .sc-hero, .sc-hero .row { min-height: 520px !important; }
 .sc-h1 { font-size: 60px !important; font-weight: 600 !important; line-height: 1.14 !important; margin-bottom: 18px !important; }
 .sc-hs { font-size: 21px !important; line-height: 1.5 !important; margin-bottom: 30px !important; }
 a.sc-b1, a.sc-b2 { min-height: 56px !important; padding: 0 34px !important; font-size: 16.5px !important; border-radius: 8px !important; }
 a.sc-b2 { border-width: 2px !important; }
 .sc-str, .sc-prog, .sc-teach, .sc-adm, .sc-gal { padding: 48px 0 !important; }
 .sc-kk, .sc-kk2 { font-size: 15px !important; } .sc-c { margin-bottom: 30px !important; }
 .sc-c h2 { font-size: 38px !important; }
 .sc-ph h2, .sc-hd h2, .sc-ad h2 { font-size: 44px !important; }
 .sc-ps { font-size: 18px !important; }
 .sc-sg { gap: 24px !important; } .sc-sg > div { padding: 36px 28px !important; }
 .sc-sg img { width: 64px !important; height: 64px !important; }
 .sc-sg b { font-size: 18.5px !important; margin: 14px 0 10px !important; }
 .sc-sg p { font-size: 15px !important; }
 .sc-tn button { font-size: 17px !important; padding: 12px 6px !important; } .sc-tn { gap: 50px !important; margin-bottom: 30px !important; }
 .sc-pn { gap: 64px !important; } .sc-pt h3 { font-size: 30px !important; margin-bottom: 14px !important; }
 .sc-pt p { font-size: 16.5px !important; } .sc-pt li { font-size: 16.5px !important; margin-bottom: 14px !important; gap: 16px !important; }
 .sc-pt li img { width: 28px !important; } a.sc-lk { font-size: 16px !important; } a.sc-lk img, a.sc-all img { width: 16px !important; }
 .sc-hd p { font-size: 18px !important; } a.sc-all { font-size: 16px !important; } .sc-hd { margin-bottom: 26px !important; }
 .sc-tg { gap: 24px !important; } .sc-tg b { font-size: 17.5px !important; margin-top: 14px !important; } .sc-tg span { font-size: 15px !important; }
 .sc-sts > div { padding: 34px 0 !important; gap: 22px !important; } .sc-sts img { width: 60px !important; }
 .sc-sts b { font-size: 38px !important; } .sc-sts span { font-size: 16px !important; }
 .sc-ad h2 { margin: 6px 0 16px !important; } .sc-s { font-size: 17px !important; margin-bottom: 26px !important; }
 .sc-ai { gap: 18px !important; margin-bottom: 20px !important; } .sc-ai img { width: 48px !important; height: 48px !important; }
 .sc-ai b { font-size: 17px !important; } .sc-ai span { font-size: 15px !important; }
 a.sc-tel { padding: 16px 30px 16px 18px !important; } a.sc-tel img, a.sc-tel span { width: 46px !important; height: 46px !important; } a.sc-tel, a.sc-tel b { font-size: 20px !important; }
 .sc-form { padding: 32px 34px !important; } .sc-form h3 { font-size: 24px !important; margin-bottom: 18px !important; }
 .sc-form label { font-size: 15px !important; margin-bottom: 16px !important; } .sc-form input, .sc-form select { height: 50px !important; font-size: 15px !important; }
 .sc-form button { height: 54px !important; font-size: 17px !important; }
 .sc-gg { gap: 14px !important; margin-bottom: 14px !important; } .sc-gg img { aspect-ratio: 2.55 / 1 !important; }
 .sc-nn { gap: 14px !important; } .sc-nn a { padding: 14px !important; gap: 20px !important; } .sc-nn > a > img { width: 150px !important; height: 130px !important; }
 .sc-nn span img { width: 15px !important; height: auto !important; } .sc-nn em { font-size: 15px !important; } .sc-nn b { font-size: 18px !important; line-height: 1.35 !important; margin: 6px 0 14px !important; } .sc-nn span { font-size: 15px !important; }
 .sc-tn button { text-transform: none !important; letter-spacing: 0 !important; }
 .sc-ft-in { padding: 60px 20px 34px !important; gap: 50px !important; }
 .sc-ft-logo { height: 80px !important; margin-bottom: 20px !important; } .sc-ft-brand p { font-size: 16px !important; max-width: 340px !important; }
 .sc-ft-h { font-size: 18px !important; margin-bottom: 18px !important; } .sc-ft li { font-size: 16px !important; margin-bottom: 12px !important; }
 .sc-ft-ct img { width: 20px !important; height: 20px !important; } .sc-ft-soc img { width: 42px !important; height: 42px !important; } .sc-ft-soc { gap: 16px !important; }
 .sc-ft-copy { font-size: 15px !important; padding: 20px 20px 24px !important; }
}
.sc-ft-c ul { margin-left: 0 !important; } .sc-ft li { list-style: none !important; }

.sc-gg img { object-position: 50% 30% !important; } .sc-nn > a > img { object-position: 50% 25%; }
.sc-stat .col, .sc-stat .col-inner { padding-bottom: 0 !important; margin-bottom: 0 !important; }
@media (min-width: 850px) { .sc-gg img { aspect-ratio: 2.15 / 1 !important; } .sc-sts > div { padding: 30px 0 !important; } }
/* ruler:auto BEGIN — tools/astra-bridge/lab/ruler_fix.py, đừng sửa tay */
@media (min-width: 850px) {
  .sc-ft-soc img { width: 54px !important; height: 54px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .sc-pt li img { width: 36px !important; height: 36px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .sc-tel img { width: 56px !important; height: 56px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
}
@media (max-width: 849px) {
  .sc-ft-soc img { width: 42px !important; height: 42px !important; }
  .sc-pt li img { width: 28px !important; height: 28px !important; }
  .sc-tel img { width: 46px !important; height: 46px !important; }
}
/* ruler:auto END */
/* ruler:manual */
@media (min-width: 850px) {
  #header #logo, #header #logo a { width: 315px !important; } #header #logo a { height: 88px !important; }
  .sc-ft-soc img { width: 50px !important; height: 50px !important; }
}
@media (max-width: 849px) { .sc-gg { grid-template-columns: 1fr 1fr !important; gap: 8px !important; } .sc-gg img { aspect-ratio: 1.4 / 1 !important; } }