/* webtuyensinh — canh theo mockup (11-02): mockup 739px = trang 1440, chữ/khối ~1.35-1.5x bản dựng đầu */
#top-bar .flex-row { min-height: 36px; } .wt-tb { font-size: 14px !important; }
#header .header-main { height: 96px !important; } #header #logo a { width: 300px !important; height: 72px !important; }
#header .header-nav > li > a { font-size: 16px !important; font-weight: 500 !important; } #header .header-nav > li { margin: 0 14px !important; }
#header .header-button-1 .button { min-height: 50px !important; padding: 0 30px !important; font-size: 16px !important; }
.wt-hero, .wt-hero .row { min-height: 487px !important; }
.wt-h1 { font-size: 58px !important; line-height: 1.15 !important; margin-bottom: 14px !important; } .wt-hs { font-size: 23px !important; margin-bottom: 30px !important; }
.wt-bt { gap: 16px !important; } a.wt-btn, a.wt-btn-o { min-height: 54px !important; padding: 0 32px !important; font-size: 17px !important; }
.wt-us > div { padding: 40px 14px !important; gap: 12px !important; } .wt-us img { width: 72px !important; height: 72px !important; } .wt-us b { font-size: 19px !important; }
.wt-u60 b { font-size: 46px !important; } .wt-u60 span { font-size: 16px !important; }
.wt-sec { padding: 56px 0 !important; } .wt-uspsec2 { padding: 0 !important; }
.wt-hd { margin-bottom: 26px !important; } .wt-hd h2, .wt-h2, .wt-ad h2 { font-size: 42px !important; } .wt-hd p, .wt-s { font-size: 19px !important; margin-top: 8px !important; }
a.wt-all { font-size: 16px !important; } a.wt-all img { width: 16px !important; }
.wt-mg { gap: 20px !important; } .wt-mg a > img { aspect-ratio: 1.3 / 1 !important; } .wt-mg span { font-size: 19px !important; padding: 15px 18px !important; } .wt-mg span img { width: 17px !important; }
.wt-ad { gap: 56px !important; } .wt-tl { margin: 30px 0 24px !important; padding-left: 44px !important; } .wt-tl > div { margin-bottom: 30px !important; } .wt-tl i { left: -44px !important; width: 18px !important; height: 18px !important; } .wt-tl::before { left: 8px !important; }
.wt-tl b { font-size: 21px !important; } .wt-tl span { font-size: 16.5px !important; } .wt-lk, .wt-link { font-size: 16px !important; }
.wt-form { padding: 32px 34px !important; } .wt-form h3 { font-size: 30px !important; } .wt-form p { font-size: 15px !important; margin-bottom: 20px !important; }
.wt-form input, .wt-form select { height: 50px !important; font-size: 15.5px !important; margin-bottom: 14px !important; } .wt-form button { height: 52px !important; font-size: 17px !important; }
.wt-wg { gap: 22px !important; margin-top: 28px !important; } .wt-wg > div { padding: 34px 26px !important; } .wt-wg img { width: 70px !important; height: 70px !important; } .wt-wg b { font-size: 21px !important; margin: 10px 0 !important; } .wt-wg span { font-size: 16px !important; }
.wt-news .b9-po-img img { aspect-ratio: 1.85 / 1 !important; } .wt-news .b9-po-t { font-size: 21px !important; } .wt-news .b9-po-tag { font-size: 14.5px !important; } .wt-news .b9-more { font-size: 15.5px !important; } .wt-gn { --gap: 26px !important; }
.wt-gg { gap: 14px !important; } .wt-co span { font-size: 20px !important; } .wt-cs b { font-size: 16.5px !important; padding: 8px 0 !important; }
.wt-ft-in { padding: 48px 20px 30px !important; gap: 44px !important; } .wt-ft-logo { height: 72px !important; } .wt-ft-brand p { font-size: 15.5px !important; max-width: 340px !important; }
.wt-ft-h { font-size: 17px !important; } .wt-ft li { font-size: 15.5px !important; } .wt-ft-soc img { width: 30px !important; height: 30px !important; } .wt-ft-copy { font-size: 14px !important; }
@media (max-width: 849px) {
 #header .header-main { height: 64px !important; } #header #logo a { width: 200px !important; height: 48px !important; }
 .wt-hero, .wt-hero .row { min-height: 380px !important; } .wt-h1 { font-size: 32px !important; } .wt-hs { font-size: 17px !important; }
 a.wt-btn, a.wt-btn-o { min-height: 46px !important; padding: 0 18px !important; font-size: 15px !important; } .wt-bt { flex-wrap: wrap; }
 .wt-us > div { padding: 22px 10px !important; } .wt-us img { width: 52px !important; height: 52px !important; } .wt-us b { font-size: 16px !important; } .wt-u60 b { font-size: 32px !important; }
 .wt-sec { padding: 36px 0 !important; } .wt-hd h2, .wt-h2, .wt-ad h2 { font-size: 28px !important; } .wt-hd p, .wt-s { font-size: 16px !important; }
 .wt-mg { gap: 12px !important; } .wt-mg span { font-size: 15px !important; padding: 10px 10px !important; }
 .wt-form { padding: 22px 18px !important; } .wt-form h3 { font-size: 24px !important; } .wt-wg > div { padding: 24px 18px !important; }
 .wt-ft-in { gap: 26px !important; } .wt-ft-logo { height: 56px !important; }
}
#header #logo { width: 300px !important; flex: none !important; margin-right: 28px; } #header .header-nav { flex-wrap: nowrap !important; } #header .header-nav > li > a { white-space: nowrap; font-size: 15.5px !important; } #header .header-nav > li { margin: 0 12px !important; }
@media (max-width: 849px) { #header #logo { width: 200px !important; margin-right: 0; } }
#header .header-nav > li > a { padding: 0 6px !important; } #header .header-nav > li { margin: 0 10px !important; }
#header .header-button-1 .button { border-radius: 6px !important; } #top-bar .flex-col.nav-left, #top-bar .flex-left { flex: 1 !important; justify-content: center !important; } #top-bar .nav-left { justify-content: center !important; }
.wt-ft-soc a { width: 38px; height: 38px; border-radius: 6px; background: #fff; display: inline-flex !important; align-items: center; justify-content: center; } .wt-ft-soc img { width: 24px !important; height: 24px !important; }
.wt-gg img { aspect-ratio: 2 / 1 !important; object-position: 50% 18% !important; }
.wt-adm { padding-bottom: 24px !important; } .wt-adm .col { padding-bottom: 0 !important; }
.wt-hd h2, .wt-h2, .wt-ad h2 { font-size: 38px !important; }
@media (max-width: 849px) { .wt-hd h2, .wt-h2, .wt-ad h2 { font-size: 28px !important; } }
.wt-ft-soc a { background: transparent !important; width: auto !important; height: auto !important; } .wt-ft-soc img { width: 36px !important; height: 36px !important; }
@media (max-width: 849px) { .wt-u60 b { font-size: 26px !important; } .wt-u60 span { font-size: 14px !important; } }