/* hoctienganh: canh theo mockup (mockup vẽ ~830px phóng 1440 -> chữ/icon to hơn khuôn) */
.header-top { min-height: 44px !important; } .te-tb { gap: 40px; font-size: 14px; } .te-tb img { width: 17px; }
.header-main, .header-main .header-inner { height: 92px !important; } #logo a { width: 236px !important; height: 84px !important; }
#header .header-nav > li > a { font-size: 15.5px !important; font-weight: 600 !important; padding: 0 2px; }
#header .header-nav-main.nav-left { margin-left: 40px; } #header .header-nav-main.nav-left > li { margin: 0 15px; }
#header .header-button-1 .button { font-size: 16px !important; min-height: 50px !important; padding: 0 26px !important; border-radius: 5px !important; }
.te-hero { padding: 6px 0 14px !important; } .te-kk { font-size: 16px; margin-bottom: 14px; } .te-h1 { letter-spacing: -.5px; font-size: 49px !important; line-height: 1.16 !important; margin-bottom: 20px; }
.te-hs { font-size: 22px; line-height: 1.55; margin-bottom: 34px; } .te-b1, .te-b2 { min-height: 70px; padding: 0 44px; font-size: 20px; border-radius: 5px; } .te-bt { gap: 18px; } .te-b1 img { width: 18px; }
.te-hi { min-height: 480px; border-radius: 8px; } .te-bd { left: 22px; bottom: 22px; padding: 18px 28px; border-radius: 10px; } .te-bd img { width: 58px; } .te-bd b { font-size: 34px; display: block; line-height: 1.1; margin: 0; } .te-bd span { font-size: 17px; }
.te-sts { padding: 20px 0; } .te-sts b { font-size: 46px; } .te-sts span { font-size: 18px; }
.te-prog, .te-why, .te-tea, .te-news { padding: 34px 0 !important; }
.te-hd h2, .te-h2, .te-reg h2 { font-size: 40px !important; } .te-hd p, .te-s { font-size: 18px; margin-top: 8px; } .te-hd { margin-bottom: 24px; } a.te-all { font-size: 15px; }
.te-pg { gap: 24px; } .te-pg > div { padding: 30px 30px 26px; border-radius: 8px; } .te-pi { width: 76px; height: 76px; object-fit: contain; object-position: left; } .te-pg h3 { font-size: 23px !important; margin: 18px 0 14px; white-space: nowrap; }
.te-pg li { font-size: 17.5px; margin-bottom: 12px; } .te-pd { font-size: 15px; } .te-b3 { min-height: 56px !important; font-size: 16px !important; } .te-pg li img { width: 18px; }
.te-wg { gap: 34px 40px; margin-top: 30px; } .te-wg img { width: 66px; height: 66px; object-fit: contain; } .te-wg b { font-size: 20px; margin-bottom: 4px; } .te-wg em { font-size: 16px; }
.te-tg { gap: 18px; } .te-tg b { font-size: 17px; padding: 0 18px; } .te-tg span { font-size: 15px; padding: 0 18px; margin-top: 4px; } .te-tg > div { padding-bottom: 18px; }
.te-form { padding: 40px 0 34px; } .te-form > p { font-size: 18px; margin-bottom: 24px; } .te-fr { gap: 16px; } .te-fr label { height: 58px; } .te-fr input, .te-fr select { height: 54px; font-size: 16px; } .te-fr label img { width: 20px; } .te-fr button { font-size: 18px; padding: 0 40px; } .te-lk { font-size: 14px; margin-top: 14px; }
.te-news .b9-po-t { font-size: 20px !important; } .te-news .b9-po-tag { font-size: 14px; } .te-news .b9-more { font-size: 15px; }
.te-news .b9-po-tag { background: none !important; color: #c8102e !important; padding: 0 !important; font-size: 14px !important; display: block; }
.te-ft-soc img { width: 52px !important; height: 52px !important; } .te-ft-soc { gap: 34px !important; } .te-ft-soc a { font-size: 14px; } .te-ft-logo { height: 92px; } .te-ft-brand p { font-size: 16px; max-width: 340px; }
.te-ft-in { padding: 46px 20px 30px; } .te-ft-in > .te-ft-c + .te-ft-c { border-left: 1px solid rgba(255,255,255,.18); padding-left: 36px; } .te-ft-h { font-size: 18px; margin-bottom: 16px; } .te-ft li { font-size: 16px; margin-bottom: 10px; } .te-ft-ct img { width: 20px; height: 20px; } .te-ft-copy { font-size: 14px; text-align: left; max-width: 1320px; margin: 0 auto; }
@media (max-width: 849px) {
 .te-ft-in > .te-ft-c + .te-ft-c { border-left: 0; padding-left: 0; } .te-ft-soc { gap: 18px !important; }
 .header-main, .header-main .header-inner { height: 70px !important; } #logo a { width: 180px !important; height: 52px !important; }
 .te-h1 { font-size: 32px !important; } .te-hs { font-size: 16px; } .te-hi { min-height: 260px; } .te-b1, .te-b2 { min-height: 50px; font-size: 16px; }
 .te-sts b { font-size: 30px; } .te-sts span { font-size: 14px; } .te-hd h2, .te-h2, .te-reg h2 { font-size: 28px !important; } .te-hd { flex-direction: column; align-items: flex-start; gap: 8px; }
 .te-pg h3 { font-size: 22px !important; white-space: normal; } .te-wg img { width: 52px; height: 52px; } .te-fr button { justify-content: center; height: 54px; }
}
.te-news .b9-po-img img { aspect-ratio: 1.75 / 1 !important; object-position: center 30% !important; }
.te-ft-soc img { object-fit: contain; } .te-ft-in { grid-template-columns: 1.3fr 1fr 1.6fr 1fr !important; }
@media (max-width: 849px) { .te-ft-in { grid-template-columns: minmax(0, 1fr) !important; gap: 26px !important; } .te-ft-in > * { min-width: 0; } .te-ft li { overflow-wrap: anywhere; } .te-news .b9-g { grid-template-columns: minmax(0, 1fr) !important; display: grid !important; gap: 18px; } .te-hero .te-hi { margin-top: 10px; } }
.te-reg .col { padding-bottom: 0 !important; } .te-reg .b9-form-msg:empty { display: none; } .te-form { padding: 40px 0 38px !important; }
.te-news .te-hd h2 { font-size: 34px !important; }