{"id":2157,"date":"2026-05-13T07:05:47","date_gmt":"2026-05-13T07:05:47","guid":{"rendered":"http:\/\/localhost\/daotaolaixe\/?page_id=2157"},"modified":"2026-07-31T02:29:31","modified_gmt":"2026-07-31T02:29:31","slug":"elementor-2157","status":"publish","type":"page","link":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/","title":{"rendered":"\u0110\u00e0o t\u1ea1o l\u00e1i xe"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2157\" class=\"elementor elementor-2157\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5bac86 e-con-full e-flex e-con e-parent\" data-id=\"b5bac86\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37a5485 elementor-widget elementor-widget-html\" data-id=\"37a5485\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-hero\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<section class=\"hero-driving-v2\">\r\n    <div class=\"hero-left\">\r\n        <span class=\"badge\">KHOA GIAO TH\u00d4NG V\u1eacN T\u1ea2I<\/span>\r\n        <h1>\r\n            \u0110\u00c0O T\u1ea0O L\u00c1I XE\r\n            <span>M\u00d4 T\u00d4 - \u00d4 T\u00d4<\/span>\r\n        <\/h1>\r\n        <p>Gi\u00e1o vi\u00ean gi\u00e0u kinh nghi\u1ec7m <br> L\u1ecbch h\u1ecdc linh ho\u1ea1t<\/p>\r\n        \r\n        <div class=\"hero-btns\">\r\n            <button class=\"ai-open-custom-btn\" onclick=\"openAIBox()\">\r\n                <i class=\"fa-solid fa-robot animate-bounce\"><\/i> T\u00d3M T\u1eaeT NHANH TH\u00d4NG TIN \u2192\r\n            <\/button>\r\n            <a href=\"#mucluc-dangkytuvan\" class=\"btn-primary\">\r\n                <i class=\"fas fa-pen-to-square\"><\/i> \u0110\u0102NG K\u00dd NGAY\r\n            <\/a>\r\n            <a href=\"tel:02703960666\" class=\"btn-outline\">\r\n                <i class=\"fas fa-phone\"><\/i> LI\u00caN H\u1ec6 T\u01af V\u1ea4N\r\n            <\/a>\r\n            <a href=\"https:\/\/hoclythuyetlaixe.eco-tek.com.vn\/web\/login\" class=\"btn-online\">\r\n                <i class=\"fa-solid fa-globe\"><\/i> H\u1eccC TR\u1ef0C TUY\u1ebeN\r\n            <\/a>\r\n            <a href=\"https:\/\/apps.apple.com\/vn\/app\/ltx\/id6740264450\" class=\"btn-app btn-app-ios\" title=\"T\u1ea3i App iOS\">\r\n                <i class=\"fa-brands fa-apple\"><\/i>\r\n            <\/a>\r\n            <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.Ecotek.ltx\" class=\"btn-app btn-app-android\" title=\"T\u1ea3i App Android\">\r\n                <i class=\"fa-brands fa-android\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-car\">\r\n        <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/anhhocvien2.png\" alt=\"\u0110\u00e0o t\u1ea1o l\u00e1i xe\">\r\n    <\/div>\r\n\r\n    <div class=\"stats-box\">\r\n        <a href=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/dao-tao-sat-hach-lai-xe-mo-to\/\" class=\"service-main\">\r\n            <div class=\"service-icon\">\r\n                <i class=\"fas fa-motorcycle\"><\/i>\r\n            <\/div>\r\n            <div class=\"service-info\">\r\n                <h3>\u0110\u00c0O T\u1ea0O M\u00d4 T\u00d4<\/h3>\r\n                <p>H\u1ea1ng A1<\/p>\r\n            <\/div>\r\n            <div class=\"service-arrow\">\r\n                <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/dao-tao-lai-xe-o-to\/\" class=\"service-main\">\r\n            <div class=\"service-icon\">\r\n                <i class=\"fas fa-car-side\"><\/i>\r\n            <\/div>\r\n            <div class=\"service-info\">\r\n                <h3>\u0110\u00c0O T\u1ea0O \u00d4 T\u00d4<\/h3>\r\n                <p>H\u1ea1ng B - C1<\/p>\r\n            <\/div>\r\n            <div class=\"service-arrow\">\r\n                <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/div>\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<div class=\"ai-popup\" id=\"aiPopup\">\r\n    <div class=\"ai-box\">\r\n        <div class=\"ai-close\" onclick=\"closeAIBox()\">\u00d7<\/div>\r\n        <div class=\"ai-scroll\">\r\n            <div class=\"ai-heading\">\r\n                <i class=\"fa-solid fa-robot\"><\/i> T\u00f3m t\u1eaft nhanh th\u00f4ng tin\r\n            <\/div>\r\n            <div class=\"ai-desc\">\r\n                Ch\u1ecdn h\u1ea1ng xe v\u00e0 n\u1ed9i dung b\u1ea1n mu\u1ed1n t\u00f3m t\u1eaft nhanh.\r\n            <\/div>\r\n\r\n            <div class=\"ai-top-panel\" id=\"aiTopPanel\">\r\n                <div class=\"ai-title-small\">Ch\u1ecdn h\u1ea1ng xe:<\/div>\r\n                <div class=\"ai-hangxe-grid\">\r\n                    <label class=\"full-width\">\r\n                        <input type=\"radio\" name=\"hangxe\" value=\"A1\"> H\u1ea1ng A1\r\n                    <\/label>\r\n                    <label>\r\n                        <input type=\"radio\" name=\"hangxe\" value=\"B_so_san\"> H\u1ea1ng B s\u1ed1 s\u00e0n\r\n                    <\/label>\r\n                    <label>\r\n                        <input type=\"radio\" name=\"hangxe\" value=\"B_tu_dong\"> H\u1ea1ng B s\u1ed1 t\u1ef1 \u0111\u1ed9ng\r\n                    <\/label>\r\n                    <label class=\"full-width\">\r\n                        <input type=\"radio\" name=\"hangxe\" value=\"C1\"> H\u1ea1ng C1\r\n                    <\/label>\r\n                <\/div>\r\n\r\n                <div class=\"ai-divider\"><\/div>\r\n\r\n                <div class=\"ai-title-small\">N\u1ed9i dung c\u1ea7n t\u00f3m t\u1eaft:<\/div>\r\n                <div class=\"ai-check-group\">\r\n                    <label><input type=\"checkbox\" value=\"hocphi\"> H\u1ecdc ph\u00ed kh\u00f3a h\u1ecdc<\/label>\r\n                    <label><input type=\"checkbox\" value=\"hoso\"> H\u1ed3 s\u01a1 c\u1ea7n chu\u1ea9n b\u1ecb<\/label>\r\n                    <label><input type=\"checkbox\" value=\"dieukien\"> \u0110i\u1ec1u ki\u1ec7n \u0111\u0103ng k\u00fd<\/label>\r\n                    <label><input type=\"checkbox\" value=\"lich\"> L\u1ecbch khai gi\u1ea3ng<\/label>\r\n                    <label><input type=\"checkbox\" value=\"thoigian\"> Th\u1eddi gian h\u1ecdc<\/label>\r\n                <\/div>\r\n\r\n                <button class=\"ai-submit\" onclick=\"generateSummary()\">T\u00d3M T\u1eaeT NGAY<\/button>\r\n            <\/div>\r\n\r\n            <button class=\"ai-back\" id=\"aiBackBtn\" onclick=\"showOptionsAgain()\">\u2190 Ch\u1ecdn l\u1ea1i n\u1ed9i dung<\/button>\r\n            <div class=\"ai-result\" id=\"aiResult\">N\u1ed9i dung t\u00f3m t\u1eaft s\u1ebd hi\u1ec3n th\u1ecb t\u1ea1i \u0111\u00e2y...<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.hero-driving-v2 {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    overflow: hidden;\r\n    background: linear-gradient(90deg, rgba(2,18,35,.97) 0%, rgba(2,18,35,.93) 40%, rgba(2,18,35,.55) 70%, rgba(2,18,35,.25) 100%), url('https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-h-khoagt-1.jpg');\r\n    background-size: cover;\r\n    background-position: center;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 120px 8% 180px 8%; \r\n    box-sizing: border-box;\r\n    font-size: 16px; \r\n}\r\n\r\n.hero-driving-v2:before {\r\n    content: ''; position: absolute; right: -180px; top: 0; width: 420px; height: 100%; background: #0b2a5b; transform: skew(-25deg); opacity: .95;\r\n}\r\n\r\n.hero-left { \r\n    position: relative; \r\n    z-index: 10; \r\n    width: 100%; \r\n    max-width: 650px; \r\n}\r\n\r\n.badge { \r\n    display: inline-block; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); color: #fff; padding: 10px 20px; border-radius: 50px; margin-bottom: 25px; \r\n    font-size: 14px; \r\n    letter-spacing: 1px; \r\n}\r\n\r\n.hero-left h1 { \r\n    color: #fff; \r\n    font-size: clamp(38px, 5vw, 75px); \r\n    line-height: 1.15; \r\n    margin-bottom: 20px; \r\n    font-weight: 900;\r\n}\r\n\r\n.hero-left h1 span { \r\n    display: block; \r\n    margin-top: 10px; \r\n    color: #fff; \r\n    font-size: clamp(28px, 4vw, 60px); \r\n    font-weight: 700;\r\n}\r\n\r\n.hero-left p { \r\n    color: #dbe3ea; \r\n    font-size: clamp(16px, 1.5vw, 20px); \r\n    line-height: 1.6; \r\n    max-width: 600px; \r\n    margin-bottom: 30px; \r\n}\r\n\r\n.hero-btns { \r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 15px; \r\n    width: 100%;\r\n    max-width: 550px; \r\n}\r\n\r\n.ai-open-custom-btn,\r\n.btn-primary, \r\n.btn-outline,\r\n.btn-online,\r\n.btn-app { \r\n    display: inline-flex !important; \r\n    align-items: center !important; \r\n    justify-content: center !important;\r\n    gap: 10px !important; \r\n    height: 56px !important; \r\n    border-radius: 10px !important; \r\n    text-decoration: none !important; \r\n    transition: .3s !important; \r\n    font-size: 16px !important;        \r\n    font-weight: 700 !important;       \r\n    font-family: inherit !important;   \r\n    box-sizing: border-box !important;\r\n    white-space: nowrap !important;\r\n}\r\n\r\n.ai-open-custom-btn { \r\n    width: 100% !important;\r\n    background: linear-gradient(45deg, #ff7a00, #ff9800); \r\n    color: white!important; \r\n    border: none; \r\n    cursor: pointer; \r\n    box-shadow: 0 6px 20px rgba(255, 122, 0, 0.4); \r\n}\r\n.ai-open-custom-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(255, 122, 0, 0.6); }\r\n\r\n.btn-primary { \r\n    width: calc(50% - 7.5px) !important;\r\n    background: #090fac; \r\n    color: #fff!important; \r\n}\r\n.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(9,15,172,0.3); }\r\n\r\n.btn-outline { \r\n    width: calc(50% - 7.5px) !important;\r\n    border: 1px solid rgba(255,255,255,.3); \r\n    color: #f5c229!important; \r\n}\r\n.btn-outline:hover { background: rgba(255,255,255,.08); }\r\n\r\n.btn-online {\r\n    flex: 1 !important;\r\n    min-width: 0 !important;\r\n    border: 1px solid rgba(255,255,255,.3); \r\n    color: #f5c229!important; \r\n}\r\n.btn-online:hover {\r\n    background: rgba(255,255,255,.08);\r\n}\r\n\r\n.btn-app {\r\n    width: 56px !important;\r\n    flex-shrink: 0 !important;\r\n    font-size: 22px !important;\r\n    border: 1px solid rgba(255,255,255,.3) !important;\r\n    color: #fff !important;\r\n    background: rgba(255,255,255,.08) !important;\r\n}\r\n.btn-app:hover {\r\n    background: rgba(255,255,255,.2) !important;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.hero-car { \r\n    position: absolute; \r\n    right: 5%; \r\n    bottom: 0px; \r\n    z-index: 5; \r\n    max-width: 48%;\r\n}\r\n.hero-car img { width: 100%; max-width: 550px; filter: drop-shadow(0 30px 40px rgba(0,0,0,.35)); display: block; }\r\n\r\n.stats-box { \r\n    position: absolute; \r\n    left: 8%; \r\n    right: 8%; \r\n    bottom: 25px; \r\n    max-width: 1200px;\r\n    display: grid; \r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); \r\n    gap: 20px; \r\n    z-index: 10;\r\n}\r\n.service-main { background: #fff; border-radius: 20px; padding: 24px 30px; display: flex; align-items: center; gap: 20px; text-decoration: none; transition: .3s; box-shadow: 0 15px 40px rgba(0,0,0,.15); }\r\n.service-main:hover { transform: translateY(-8px); box-shadow: 0 25px 50px rgba(255,122,0,.25); }\r\n.service-icon { width: 70px; height: 70px; background: #ff7a00; border-radius: 18px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n.service-icon i { color: #fff; font-size: 30px; }\r\n.service-info { flex: 1; }\r\n.service-info h3 { margin: 0; font-size: 22px; font-weight: 800; color: #0a1b2f; }\r\n.service-info p { margin: 6px 0 0; color: #666; font-size: 15px; }\r\n.service-arrow { color: #ff7a00; font-size: 20px; }\r\n\r\n.animate-bounce { animation: bounce 2s infinite; }\r\n@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }\r\n\r\n.ai-popup { display: none; position: fixed; inset: 0; background: rgba(2, 18, 35, 0.75); z-index: 99999; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; backdrop-filter: blur(4px); }\r\n.ai-box { width: 100%; max-width: 600px; height: 80vh; background: white; border-radius: 24px; position: relative; overflow: hidden; animation: popupShow 0.25s ease; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0,0,0,0.3); }\r\n@keyframes popupShow { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n.ai-scroll { flex: 1; overflow-y: auto; padding: 30px; box-sizing: border-box; }\r\n.ai-scroll::-webkit-scrollbar { width: 6px; }\r\n.ai-scroll::-webkit-scrollbar-thumb { background: #002b8c; border-radius: 999px; }\r\n.ai-close { position: absolute; top: 20px; right: 24px; font-size: 32px; cursor: pointer; color: #a0aec0; z-index: 10; transition: 0.2s; line-height: 1; }\r\n.ai-heading { font-size: 26px; color: #0a1b2f; font-weight: 800; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }\r\n.ai-heading i { color: #ff7a00; }\r\n.ai-desc { font-size: 16px; color: #718096; line-height: 1.6; margin-bottom: 25px; }\r\n.ai-top-panel { transition: 0.35s; overflow: hidden; }\r\n.ai-top-panel.collapsed { max-height: 0; opacity: 0; margin: 0; pointer-events: none; }\r\n.ai-title-small { font-size: 16px; font-weight: 700; color: #0a1b2f; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n.ai-hangxe-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; }\r\n.ai-hangxe-grid .full-width { grid-column: 1 \/ span 2; }\r\n.ai-hangxe-grid label { background: #f7fafc; padding: 14px; border-radius: 12px; text-align: center; cursor: pointer; font-size: 16px; font-weight: 700; color: #4a5568; border: 1px solid #e2e8f0; transition: 0.2s; }\r\n.ai-hangxe-grid label:hover { background: #2A4789;color:white; }\r\n.ai-hangxe-grid input { display: none; }\r\n.ai-hangxe-grid label:has(input:checked) { background: #002b8c; color: white; border-color: #0a1b2f; }\r\n\r\n.ai-divider { height: 1px; background: #e2e8f0; margin: 10px 0 20px; }\r\n.ai-check-group { display: flex; flex-direction: column; gap: 10px; margin-bottom: 25px; }\r\n.ai-check-group label { background: #E4EFFF; padding: 14px; border-radius: 12px; cursor: pointer; font-size: 16px; color: #2d3748; font-weight: 600; border: 1px solid #feebc8; display: flex; align-items: center; gap: 10px; }\r\n.ai-check-group label input { width: 16px; height: 16px; accent-color: #002b8c; }\r\n\r\n.ai-submit { width: 100%; border: none; background: #002b8c; color: #ffffff !important; padding: 16px; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; margin-bottom: 20px; transition: 0.2s; }\r\n.ai-submit:hover { background: #0900B0; }\r\n.ai-back { display: none; width: 100%; border: 1px solid #e2e8f0; background: #fff; color: #4a5568; padding: 12px; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; margin-bottom: 20px; }\r\n.ai-back:hover { background: #f7fafc; }\r\n.ai-result { background: #f7fafc; border-radius: 16px; padding: 22px; color: #2d3748; line-height: 1.8; font-size: 16px; min-height: 200px; border: 1px solid #e2e8f0; }\r\n\r\n@media (max-width: 1024px) {\r\n    .hero-driving-v2 { \r\n        margin-top:100px;\r\n        padding: 100px 5% 60px 5%;\r\n        flex-direction: column; \r\n        justify-content: center; \r\n        min-height: auto;\r\n    }\r\n    .hero-driving-v2:before { display: none; }\r\n    .hero-car { display: none; }\r\n    .hero-left { \r\n        max-width: 650px; \r\n        text-align: center; \r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n    .hero-left p { margin-left: auto; margin-right: auto; }\r\n    .hero-btns { max-width: 550px; width: 100%; }\r\n    \r\n    .stats-box { \r\n        position: relative;\r\n        left: auto; right: auto; bottom: auto;\r\n        width: 100%;\r\n        max-width: 550px; \r\n        margin: 25px auto 0 auto; \r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 12px;\r\n        z-index: 10;\r\n    }\r\n    \r\n    .service-main { padding: 14px 18px; border-radius: 14px; gap: 12px; }\r\n    .service-icon { width: 48px; height: 48px; border-radius: 10px; }\r\n    .service-icon i { font-size: 20px; }\r\n    .service-info h3 { font-size: 14px; }\r\n    .service-info p { font-size: 12px; margin-top: 2px; }\r\n    .service-arrow { font-size: 15px; }\r\n}\r\n\r\n@media(max-width: 767px) {\r\n    .hero-driving-v2 { \r\n        min-height: auto;\r\n        padding: 50px 5% 40px 5%;\r\n        flex-direction: column; \r\n        text-align: center;\r\n        background: linear-gradient(180deg, rgba(2,18,35,.96) 0%, rgba(2,18,35,.88) 100%), url('https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-h-khoagt-1.jpg');\r\n    }\r\n    \r\n    .hero-driving-v2:before { display: none; }\r\n    .hero-driving-v2 h1{font-size:28px;}\r\n    \r\n    .hero-left { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; }\r\n    .badge { margin-bottom: 15px; padding: 8px 16px; font-size: 11px; }\r\n\r\n    .hero-btns { \r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px; \r\n        max-width: 100%; \r\n        margin-top: 20px;\r\n    }\r\n\r\n    .ai-open-custom-btn, .btn-primary, .btn-outline, .btn-online, .btn-app {\r\n        height: 48px !important;\r\n        font-size: 14px !important;\r\n        border-radius: 8px !important;\r\n        gap: 8px !important;\r\n    }\r\n\r\n    .ai-open-custom-btn {\r\n        width: 100% !important;\r\n    }\r\n    .btn-primary, .btn-outline {\r\n        width: calc(50% - 5px) !important;\r\n    }\r\n    .btn-online {\r\n        flex: 1 !important;\r\n        min-width: 0 !important;\r\n        font-size: 13px !important;\r\n    }\r\n    .btn-app {\r\n        width: 48px !important;\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .hero-car { display: none; }\r\n\r\n    .stats-box { \r\n        position: relative; \r\n        left: auto; right: auto; bottom: auto;\r\n        width: 100%; \r\n        grid-template-columns: 1fr; \r\n        gap: 12px;\r\n        margin-top: 25px; \r\n    }\r\n\r\n    .service-main { padding: 16px 20px; border-radius: 16px; justify-content: flex-start; text-align: left; }\r\n    .service-icon { width: 55px; height: 55px; border-radius: 14px; display: flex !important; }\r\n    .service-icon i { font-size: 24px; }\r\n    .service-info h3 { font-size: 18px; }\r\n    .service-info p { font-size: 14px; margin-top: 2px; }\r\n    .service-arrow { font-size: 18px; display: block !important; }\r\n\r\n    .ai-popup { padding: 12px; }\r\n    .ai-box { height: 85vh; border-radius: 18px; }\r\n    .ai-scroll { padding: 20px; }\r\n    .ai-heading { font-size: 20px; }\r\n    .ai-desc { font-size: 14px; margin-bottom: 15px; }\r\n    .ai-hangxe-grid { grid-template-columns: 1fr; gap: 8px; }\r\n    .ai-hangxe-grid label { padding: 12px; font-size: 14px; }\r\n    .ai-hangxe-grid .full-width { grid-column: 1 \/ -1; }\r\n    .ai-check-group label { padding: 12px; font-size: 14px; }\r\n    .ai-submit { padding: 14px; font-size: 15px; border-radius: 10px; }\r\n}\r\n\r\n@media(max-width: 360px) {\r\n    .btn-primary, .btn-outline, .btn-online { font-size: 11px !important; gap: 5px; }\r\n    .btn-app { width: 42px !important; font-size: 16px !important; }\r\n    .service-main { padding: 14px 15px; }\r\n    .service-icon { width: 45px; height: 45px; }\r\n    .service-icon i { font-size: 20px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction openAIBox(){ document.getElementById(\"aiPopup\").style.display = \"flex\"; }\r\nfunction closeAIBox(){ document.getElementById(\"aiPopup\").style.display = \"none\"; }\r\nfunction showOptionsAgain(){\r\n    document.getElementById(\"aiTopPanel\").classList.remove(\"collapsed\");\r\n    document.getElementById(\"aiBackBtn\").style.display = \"none\";\r\n}\r\n\r\nfunction generateSummary(){\r\n    let result = \"\";\r\n    const checked = document.querySelectorAll('#aiPopup input[type=\"checkbox\"]:checked');\r\n    const selectedHangXe = document.querySelector('#aiPopup input[name=\"hangxe\"]:checked');\r\n\r\n    if(!selectedHangXe){\r\n        document.getElementById(\"aiResult\").innerHTML = \"\u26a0\ufe0f Vui l\u00f2ng ch\u1ecdn h\u1ea1ng xe.\";\r\n        return;\r\n    }\r\n\r\n    document.getElementById(\"aiTopPanel\").classList.add(\"collapsed\");\r\n    document.getElementById(\"aiBackBtn\").style.display = \"block\";\r\n    const hangxe = selectedHangXe.value;\r\n\r\n    if(hangxe === \"A1\") result += \"<b>\ufe0f H\u1ea0NG A1<\/b><br><br>\";\r\n    if(hangxe === \"B_so_san\") result += \"<b> H\u1ea0NG B S\u1ed0 S\u00c0N<\/b><br><br>\";\r\n    if(hangxe === \"B_tu_dong\") result += \"<b> H\u1ea0NG B S\u1ed0 T\u1ef0 \u0110\u1ed8NG<\/b><br><br>\";\r\n    if(hangxe === \"C1\") result += \"<b> H\u1ea0NG C1<\/b><br><br>\";\r\n\r\n    if(checked.length === 0){\r\n        result += \"\u26a0\ufe0f Vui l\u00f2ng ch\u1ecdn \u00edt nh\u1ea5t m\u1ed9t n\u1ed9i dung.\";\r\n    } else {\r\n        checked.forEach((item) => {\r\n            if(item.value === \"hocphi\"){\r\n                if(hangxe === \"A1\"){\r\n                    result += \"<b>C\u00e1c kho\u1ea3n ph\u00ed g\u1ed3m:<\/b><br>H\u1ecdc ph\u00ed: 200.000 \u0111 <br>Ph\u00ed thi th\u1eed l\u00fd thuy\u1ebft v\u00e0 th\u1ef1c h\u00e0nh: 80.000 \u0111<br>L\u1ec7 ph\u00ed s\u00e1t h\u1ea1ch l\u00fd thuy\u1ebft: 60.000 \u0111<br>L\u1ec7 ph\u00ed s\u00e1t h\u1ea1ch th\u1ef1c h\u00e0nh: 70.000 \u0111<br>Ph\u00ed c\u1ea5p Gi\u1ea5y ph\u00e9p l\u00e1i xe: 115.000 \u0111<br>Ph\u00ed x\u1eed l\u00fd h\u00ecnh in Gi\u1ea5y ph\u00e9p l\u00e1i xe: 15.000 \u0111<br><b><i>T\u1ed5ng: 540.000 \u0111<\/b><\/i><br><br><hr><br>\";\r\n                }\r\n                if(hangxe === \"B_so_san\"){\r\n                    result += \"<b>C\u00e1c kho\u1ea3n ph\u00ed g\u1ed3m:<\/b><br>H\u1ecdc ph\u00ed: 16.500.000 \u0111<br>L\u1ec7 ph\u00ed s\u00e1t h\u1ea1ch, c\u1ea5p gi\u1ea5y ph\u00e9p l\u00e1i xe: 645.000 \u0111<br>Ph\u00ed c\u1ea5p gi\u1ea5y x\u00e1c nh\u1eadn ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o: 50.000 \u0111<br>\u0110\u1ed3ng ph\u1ee5c: 190.000 \u0111<br>B\u1ea3o hi\u1ec3m tai n\u1ea1n: 200.000 \u0111\/n\u0103m<br><b><i>T\u1ed5ng dao \u0111\u1ed9ng t\u1eeb 17.385.000 - 17.585.000 \u0111<\/b><\/i><br><br><hr><br>\";\r\n                }\r\n                if(hangxe === \"B_tu_dong\"){\r\n                    result += \"<b>C\u00e1c kho\u1ea3n ph\u00ed g\u1ed3m:<\/b><br>H\u1ecdc ph\u00ed: 17.500.000 \u0111<br>L\u1ec7 ph\u00ed s\u00e1t h\u1ea1ch, c\u1ea5p gi\u1ea5y ph\u00e9p l\u00e1i xe: 645.000 \u0111<br>Ph\u00ed c\u1ea5p gi\u1ea5y x\u00e1c nh\u1eadn ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o: 50.000 \u0111<br>\u0110\u1ed3ng ph\u1ee5c: 190.000 \u0111<br>B\u1ea3o hi\u1ec3m tai n\u1ea1n: 200.000 \u0111\/n\u0103m<br><b><i>T\u1ed5ng dao \u0111\u1ed9ng t\u1eeb 18.385.000 - 18.585.000 \u0111<\/b><\/i><br><br><hr><br>\";\r\n                }\r\n                if(hangxe === \"C1\"){\r\n                    result += \"<b>C\u00e1c kho\u1ea3n ph\u00ed g\u1ed3m:<\/b><br>H\u1ecdc ph\u00ed: 21.500.000 \u0111<br>L\u1ec7 ph\u00ed s\u00e1t h\u1ea1ch, c\u1ea5p gi\u1ea5y ph\u00e9p l\u00e1i xe: 645.000 \u0111<br>Ph\u00ed c\u1ea5p gi\u1ea5y x\u00e1c nh\u1eadn ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o: 50.000 \u0111<br>\u0110\u1ed3ng ph\u1ee5c: 190.000 \u0111<br>B\u1ea3o hi\u1ec3m tai n\u1ea1n: 200.000 \u0111\/n\u0103m<br><br><b><i>T\u1ed5ng dao \u0111\u1ed9ng t\u1eeb 22.385.000 - 22.585.000 \u0111<\/b><\/i><br><br><hr><br>\";\r\n                }\r\n            }\r\n            if(item.value === \"hoso\"){\r\n                if(hangxe === \"A1\"){\r\n                    result += \"<b>H\u1ed3 s\u01a1 c\u1ea7n chu\u1ea9n b\u1ecb:<\/b><br>1. Gi\u1ea5y kh\u00e1m s\u1ee9c kh\u1ecfe \u0111\u1ec3 l\u00e1i xe h\u1ea1ng A1<br>2. C\u0103n c\u01b0\u1edbc c\u00f4ng d\u00e2n photo (kh\u00f4ng c\u1ea7n c\u00f4ng ch\u1ee9ng)<br>3. \u1ea2nh th\u1ebb 3x4cm: 02 \u1ea3nh<br>4. Gi\u1ea5y ph\u00e9p l\u00e1i xe \u00f4 t\u00f4 photo (n\u1ebfu c\u00f3).<br><br><hr><br>\";\r\n                }\r\n                if(hangxe === \"B_so_san\" || hangxe === \"B_tu_dong\"){\r\n                    result += \"<b>H\u1ed3 s\u01a1 c\u1ea7n chu\u1ea9n b\u1ecb:<\/b><br>1. Gi\u1ea5y kh\u00e1m s\u1ee9c kh\u1ecfe \u0111\u1ec3 l\u00e1i xe h\u1ea1ng B<br>2. C\u0103n c\u01b0\u1edbc c\u00f4ng d\u00e2n photo (kh\u00f4ng c\u1ea7n c\u00f4ng ch\u1ee9ng)<br>3. Gi\u1ea5y ph\u00e9p l\u00e1i xe m\u00f4 t\u00f4 photo (n\u1ebfu c\u00f3)<br>4. \u1ea2nh th\u1ebb 3x4cm: 04 \u1ea3nh.<br><br><hr><br>\";\r\n                }\r\n                if(hangxe === \"C1\"){\r\n                    result += \"<b>H\u1ed3 s\u01a1 c\u1ea7n chu\u1ea9n b\u1ecb:<\/b><br>1. Gi\u1ea5y kh\u00e1m s\u1ee9c kh\u1ecfe \u0111\u1ec3 l\u00e1i xe h\u1ea1ng C1<br>2. C\u0103n c\u01b0\u1edbc c\u00f4ng d\u00e2n photo (kh\u00f4ng c\u1ea7n c\u00f4ng ch\u1ee9ng)<br>3. Gi\u1ea5y ph\u00e9p l\u00e1i xe m\u00f4 t\u00f4 photo (n\u1ebfu c\u00f3)<br>4. \u1ea2nh th\u1ebb 3x4cm: 04 \u1ea3nh.<br><br><hr><br>\";\r\n                }\r\n            }\r\n            if(item.value === \"dieukien\"){\r\n                result += \"<b>\u0110i\u1ec1u ki\u1ec7n \u0111\u0103ng k\u00fd:<\/b><br>1. L\u00e0 c\u00f4ng d\u00e2n Vi\u1ec7t Nam, ng\u01b0\u1eddi n\u01b0\u1edbc ngo\u00e0i \u0111\u01b0\u1ee3c ph\u00e9p c\u01b0 tr\u00fa ho\u1eb7c \u0111ang l\u00e0m vi\u1ec7c, h\u1ecdc t\u1eadp t\u1ea1i Vi\u1ec7t Nam;<br>2. \u0110\u1ee7 18 tu\u1ed5i tr\u1edf l\u00ean;<br>3. \u0110\u1ee7 \u0111i\u1ec1u ki\u1ec7n s\u1ee9c kh\u1ecfe theo quy \u0111\u1ecbnh.<br><br><hr><br>\";\r\n            }\r\n            if(item.value === \"lich\"){\r\n                result += \"<b>L\u1ecbch h\u1ecdc:<\/b><br>C\u00e1c kh\u00f3a h\u1ecdc khai gi\u1ea3ng th\u01b0\u1eddng xuy\u00ean khi \u0111\u1ee7 s\u1ed1 l\u01b0\u1ee3ng h\u1ecdc vi\u00ean, li\u00ean h\u1ec7 ngay \u0111\u1ec3 \u0111\u01b0\u1ee3c th\u00f4ng b\u00e1o l\u1ecbch c\u1ee5 th\u1ec3:<br>*Hotline: 02703.960.666;<br>*Zalo: 0366433519.<br><br><hr><br>\";\r\n            }\r\n            if(item.value === \"thoigian\"){\r\n                if(hangxe === \"A1\"){\r\n                    result += \"<b>T\u1ed5ng th\u1eddi gian \u0111\u00e0o t\u1ea1o v\u00e0 s\u00e1t h\u1ea1ch l\u00e1i xe:<\/b><br>- 01 ng\u00e0y h\u1ecdc l\u00fd thuy\u1ebft;<br>- 01 ng\u00e0y t\u1eadp xe c\u1ea3m bi\u1ebfn v\u00e0 th\u1ef1c h\u00e0nh tr\u00ean m\u00e1y t\u00ednh;<br>- 01 ng\u00e0y s\u00e1t h\u1ea1ch l\u00e1i xe.<br><br><hr><br>\";\r\n                }\r\n                if(hangxe === \"B_so_san\"){\r\n                    result += \"<b>Th\u1eddi gian \u0111\u00e0o t\u1ea1o: Kh\u00f4ng qu\u00e1 90 ng\u00e0y<\/b><br>- L\u00fd thuy\u1ebft: 152 Gi\u1edd<br>- Th\u1ef1c h\u00e0nh: 76 Gi\u1edd<br>*<i>L\u00fd thuy\u1ebft h\u1ecdc tr\u1ef1c tuy\u1ebfn tr\u00ean ph\u1ea7n m\u1ec1m, k\u1ebft h\u1ee3p h\u1ecdc t\u1eadp trung nh\u1eb1m c\u1ee7ng c\u1ed1 ki\u1ebfn th\u1ee9c. L\u1ecbch h\u1ecdc th\u1ef1c h\u00e0nh linh ho\u1ea1t, t\u1ea1o \u0111i\u1ec1u ki\u1ec7n cho h\u1ecdc vi\u00ean v\u1eeba h\u1ecdc v\u1eeba l\u00e0m<\/i><br><br><hr><br>\";\r\n                }\r\n                if(hangxe === \"B_tu_dong\"){\r\n                    result += \"<b>Th\u1eddi gian \u0111\u00e0o t\u1ea1o: Kh\u00f4ng qu\u00e1 90 ng\u00e0y<\/b><br>- L\u00fd thuy\u1ebft: 136 Gi\u1edd<br>- Th\u1ef1c h\u00e0nh: 60 Gi\u1edd<br>*<i>L\u00fd thuy\u1ebft h\u1ecdc tr\u1ef1c tuy\u1ebfn tr\u00ean ph\u1ea7n m\u1ec1m, k\u1ebft h\u1ee3p h\u1ecdc t\u1eadp trung nh\u1eb1m c\u1ee7ng c\u1ed1 ki\u1ebfn th\u1ee9c. L\u1ecbch h\u1ecdc th\u1ef1c h\u00e0nh linh ho\u1ea1t, t\u1ea1o \u0111i\u1ec1u ki\u1ec7n cho h\u1ecdc vi\u00ean v\u1eeba h\u1ecdc v\u1eeba l\u00e0m<\/i><br><br><hr><br>\";\r\n                }\r\n                if(hangxe === \"C1\"){\r\n                    result += \"<b>Th\u1eddi gian \u0111\u00e0o t\u1ea1o: Kh\u00f4ng qu\u00e1 90 ng\u00e0y<\/b><br>- L\u00fd thuy\u1ebft: 152 Gi\u1edd<br>- Th\u1ef1c h\u00e0nh: 85 Gi\u1edd<br>*<i>L\u00fd thuy\u1ebft h\u1ecdc tr\u1ef1c tuy\u1ebfn tr\u00ean ph\u1ea7n m\u1ec1m, k\u1ebft h\u1ee3p h\u1ecdc t\u1eadp trung nh\u1eb1m c\u1ee7ng c\u1ed1 ki\u1ebfn th\u1ee9c. L\u1ecbch h\u1ecdc th\u1ef1c h\u00e0nh linh ho\u1ea1t, t\u1ea1o \u0111i\u1ec1u ki\u1ec7n cho h\u1ecdc vi\u00ean v\u1eeba h\u1ecdc v\u1eeba l\u00e0m<\/i><br><br><hr><br>\";\r\n                }\r\n            }\r\n        });\r\n    }\r\n    document.getElementById(\"aiResult\").innerHTML = result;\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6270698 e-con-full e-flex e-con e-parent\" data-id=\"6270698\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a05653 elementor-widget elementor-widget-html\" data-id=\"0a05653\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"admission-strip\">\r\n    <span>C\u00c1C NG\u00c0NH NGH\u1ec0 \u0110\u00c0O T\u1ea0O<\/span>\r\n<\/div>\r\n\r\n<style>\r\n\r\n\r\n\r\n.admission-strip{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:flex-start;\r\n\r\n    width:100vw;\r\n    height:120px;\r\n    margin-left:calc(50% - 50vw);\r\n    \r\n\r\n    padding:20px 20px 20px 60px;\r\n    box-sizing:border-box;\r\n\r\n    background:linear-gradient(\r\n        -45deg,\r\n        #7a0f0f,\r\n        #9b1111,\r\n        #b71c1c,\r\n        #7a0f0f\r\n    );\r\n\r\n    background-size:400% 400%;\r\n    animation:gradientMove 5s ease infinite;\r\n\r\n    box-shadow:0 4px 15px rgba(0,0,0,.15);\r\n}\r\n\r\n.admission-strip span{\r\n    font-family:'Be Vietnam Pro';\r\n    font-size:42px;\r\n    font-weight:900;\r\n    color:#ffffff;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n    \r\n\r\n    text-shadow:\r\n        0 2px 4px rgba(0,0,0,.25),\r\n        0 4px 12px rgba(0,0,0,.2);\r\n}\r\n\r\n@keyframes gradientMove{\r\n    0%{\r\n        background-position:0% 50%;\r\n    }\r\n    50%{\r\n        background-position:100% 50%;\r\n    }\r\n    100%{\r\n        background-position:0% 50%;\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px){\r\n\r\n    .admission-strip{\r\n        height: 100px;\r\n        padding-left: 40px;\r\n    }\r\n\r\n    .admission-strip span{\r\n        font-size: 34px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px){\r\n\r\n    .admission-strip{\r\n        height: 80px;\r\n        padding-left: 20px;\r\n        justify-content: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .admission-strip span{\r\n        font-size: 22px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px){\r\n\r\n    .admission-strip{\r\n        height: 70px;\r\n        padding: 10px 14px;\r\n    }\r\n\r\n    .admission-strip span{\r\n        font-size: 18px;\r\n        line-height: 1.2;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c606eb1 elementor-widget elementor-widget-html\" data-id=\"c606eb1\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-daotao\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"course-section\">\r\n\r\n    <div class=\"course-container\">\r\n\r\n        <!-- TABS -->\r\n        <div class=\"course-tabs\">\r\n\r\n            <button class=\"tab-btn active\" onclick=\"openTab('moto',this)\">\r\n                M\u00d4 T\u00d4\r\n            <\/button>\r\n\r\n            <button class=\"tab-btn\" onclick=\"openTab('oto',this)\">\r\n                \u00d4 T\u00d4\r\n            <\/button>\r\n\r\n            <button class=\"tab-btn\" onclick=\"openTab('xenang',this)\">\r\n                XE N\u00c2NG\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n        <!-- TAB M\u00d4 T\u00d4 -->\r\n        <div id=\"moto\" class=\"tab-panel active\">\r\n\r\n            <h2>M\u00f4 t\u00f4 h\u1ea1ng A1<\/h2>\r\n\r\n            <p>\u0110\u00e0o t\u1ea1o - s\u00e1t h\u1ea1ch l\u00e1i xe m\u00f4 t\u00f4 h\u1ea1ng A1<\/p>\r\n\r\n            <ul>\r\n                <li>\u2714 Khai gi\u1ea3ng li\u00ean t\u1ee5c<\/li>\r\n                <li>\u2714 Gi\u1ea3ng vi\u00ean gi\u00e0u kinh nghi\u1ec7m<\/li>\r\n                <li>\u2714 H\u1ed7 tr\u1ee3 t\u1eadn t\u00e2m<\/li>\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n        <!-- TAB \u00d4 T\u00d4 -->\r\n        <div id=\"oto\" class=\"tab-panel\">\r\n\r\n            <h2>\u00d4 t\u00f4 h\u1ea1ng B - C1<\/h2>\r\n\r\n            <p>\u0110\u00e0o t\u1ea1o l\u00e1i xe \u00f4 t\u00f4 h\u1ea1ng B s\u1ed1 s\u00e0n, B s\u1ed1 t\u1ef1 \u0111\u1ed9ng, C1<\/p>\r\n\r\n            <ul>\r\n                <li>\u2714 Khai gi\u1ea3ng h\u00e0ng th\u00e1ng<\/li>\r\n                <li>\u2714 Gi\u00e1o vi\u00ean gi\u00e0u kinh nghi\u1ec7m<\/li>\r\n                <li>\u2714 L\u1ecbch h\u1ecdc linh ho\u1ea1t<\/li>\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n        <!-- TAB XE N\u00c2NG -->\r\n        <div id=\"xenang\" class=\"tab-panel\">\r\n\r\n            <h2>V\u1eadn h\u00e0nh xe n\u00e2ng h\u00e0ng<\/h2>\r\n\r\n            <p>\u0110\u00e0o t\u1ea1o ngh\u1ec1 V\u1eadn h\u00e0nh xe n\u00e2ng h\u00e0ng<\/p>\r\n\r\n            <ul>\r\n                <li>\u2714 Ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00e0o t\u1ea1o b\u00e1m s\u00e1t th\u1ef1c t\u1ebf<\/li>\r\n                <li>\u2714 H\u1ed7 tr\u1ee3 t\u1eadn t\u00e2m<\/li>\r\n                <li>\u2714 Th\u1ee7 t\u1ee5c \u0111\u01a1n gi\u1ea3n<\/li>\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n        <!-- N\u00daT -->\r\n        <a id=\"detailLink\" href=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/dao-tao-sat-hach-lai-xe-mo-to\/\" class=\"btn-main\">\r\n            XEM CHI TI\u1ebeT\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARD TUY\u1ec2N SINH -->\r\n    <div class=\"admission-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/Instagram-post-2.png\">\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.course-section {\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    background: linear-gradient(135deg, #002B8C, #3E5D8E);\r\n    padding: 80px;\r\n    height: 80vh;\r\n    overflow: visible;\r\n    font-family: Tahoma, sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.course-container {\r\n    width: 60%;\r\n    color: #fff;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* TABS *\/\r\n.course-tabs {\r\n    display: flex;\r\n    align-items: center;\r\n    width: max-content;\r\n    background: #87CEFA;\r\n    border-radius: 999px;\r\n    padding: 6px;\r\n    border: 3px solid rgba(0,0,0,.15);\r\n    overflow: hidden;\r\n}\r\n\r\n.course-tabs .tab-btn {\r\n    border: none !important;\r\n    background: transparent;\r\n    color: #002B8C !important;\r\n    padding: 18px 38px !important;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    border-radius: 999px;\r\n    cursor: pointer;\r\n    transition: .3s;\r\n    line-height: 1 !important;\r\n    min-height: auto !important;\r\n}\r\n\r\n.course-tabs .tab-btn.active {\r\n    background: #002B8C;\r\n    color: #fff !important;\r\n}\r\n\r\n\/* CONTENT PANELS *\/\r\n.tab-panel { display: none; }\r\n.tab-panel.active { display: block; }\r\n\r\n.tab-panel h2 {\r\n    font-size: 50px;\r\n    line-height: 1.1;\r\n    margin: 0 0 20px;\r\n    color: #f5c229;\r\n}\r\n\r\n.tab-panel p {\r\n    font-size: 24px;\r\n    line-height: 1.7;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.tab-panel ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.tab-panel li {\r\n    margin-bottom: 16px;\r\n    font-size: 24px;\r\n}\r\n\r\n.btn-main {\r\n    display: inline-block;\r\n    margin-top: 35px;\r\n    padding: 18px 40px;\r\n    background: #f5c229;\r\n    color: white !important;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    border-radius: 999px;\r\n    transition: .3s;\r\n}\r\n\r\n.btn-main:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 25px rgba(0,0,0,.2);\r\n}\r\n\r\n\/* CARD N\u1ed4I *\/\r\n.admission-card {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: 80px;\r\n    width: 500px;\r\n    background: #fff;\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    z-index: 10;\r\n    box-shadow: 0 25px 60px rgba(0,0,0,.25);\r\n    transition: transform .4s ease, box-shadow .4s ease;\r\n    animation: floatCard 4s ease-in-out infinite;\r\n}\r\n\r\n.admission-card img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    transition: transform .5s ease;\r\n}\r\n\r\n.admission-card:hover {\r\n    transform: scale(1.03) rotateX(4deg) rotateY(-4deg);\r\n    box-shadow: 0 35px 80px rgba(0,0,0,.35);\r\n}\r\n\r\n.admission-card:hover img { transform: scale(1.08); }\r\n\r\n@keyframes floatCard {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-12px); }\r\n}\r\n\r\n\r\n\r\n\/* =========================\r\nRESPONSIVE\r\n========================= *\/\r\n\r\n@media screen and (max-width: 1024px) {\r\n\r\n    .course-section {\r\n        padding: 60px 40px;\r\n        height: auto; \r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 40px; \r\n    }\r\n\r\n    .course-container {\r\n        width: 55%; \r\n        flex: 1;\r\n    }\r\n\r\n    .course-tabs .tab-btn {\r\n        padding: 12px 24px !important; \r\n        font-size: 14px;\r\n    }\r\n\r\n    .tab-panel h2 {\r\n        font-size: 26px; \r\n        margin-bottom: 14px;\r\n        margin-top: 14px;\r\n    }\r\n\r\n    .tab-panel p {\r\n        font-size: 18px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .tab-panel li {\r\n        font-size: 16px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .btn-main {\r\n        padding: 14px 30px;\r\n        font-size: 14px;\r\n        margin-top: 25px;\r\n    }\r\n    \r\n    .admission-card {\r\n        position: relative;\r\n        top: 0;\r\n        right: 0;\r\n        width: 40%; \r\n        max-width: 380px; \r\n        min-width: 280px;\r\n    }\r\n}\r\n\r\n\r\n@media screen and (max-width: 767px) {\r\n    .course-section {\r\n        flex-direction: column !important;\r\n        padding: 40px 20px;\r\n        height: auto;\r\n        min-height: auto;\r\n    }\r\n\r\n    .course-container {\r\n        width: 100%;\r\n    }\r\n\r\n    .course-tabs {\r\n        margin: 0 auto;\r\n        padding: 4px;\r\n        border: 2px solid rgba(0,0,0,.15);\r\n    }\r\n\r\n    .course-tabs .tab-btn {\r\n        padding: 10px 16px !important; \r\n        font-size: 13px;\r\n    }\r\n\r\n    .tab-panel h2 {\r\n        font-size: 26px;\r\n        text-align: center;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .tab-panel p {\r\n        font-size: 15px;\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .tab-panel ul {\r\n        display: inline-block;\r\n        text-align: left;\r\n        width: 100%;\r\n        padding-left: 10px;\r\n    }\r\n\r\n    .tab-panel li {\r\n        font-size: 15px;\r\n        line-height: 1.4;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .btn-main {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100%;\r\n        max-width: 280px;\r\n        height: 48px;\r\n        padding: 0;\r\n        margin: 30px auto 0;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .admission-card {\r\n        position: relative;\r\n        top: auto;\r\n        right: auto;\r\n        margin: 40px auto 0;\r\n        width: 100%;\r\n        max-width: 450px;\r\n    }\r\n}\r\n@media screen and (max-width: 480px) {\r\n    .course-section {\r\n        padding: 40px 16px;\r\n        gap: 30px;\r\n    }\r\n\r\n    .course-tabs .tab-btn {\r\n        padding: 10px 5px !important;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .tab-panel h2 {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .tab-panel p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .tab-panel li {\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\r\nconst links = {\r\n    moto: 'https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/dao-tao-sat-hach-lai-xe-mo-to\/',\r\n    oto: 'https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/dao-tao-lai-xe-o-to\/',\r\n    xenang: 'https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/van-hanh-xe-nang\/'\r\n};\r\n\r\nfunction openTab(tabId, button){\r\n\r\n    document.querySelectorAll('.tab-panel')\r\n    .forEach(panel => panel.classList.remove('active'));\r\n\r\n    document.querySelectorAll('.tab-btn')\r\n    .forEach(btn => btn.classList.remove('active'));\r\n\r\n    document.getElementById(tabId).classList.add('active');\r\n    button.classList.add('active');\r\n\r\n    document.getElementById('detailLink').href = links[tabId];\r\n}\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36fe5ab elementor-widget elementor-widget-html\" data-id=\"36fe5ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"notice-board\">\r\n    <div class=\"board-header\">\r\n        <div class=\"board-title\">\r\n            <div>\r\n                <h2>TH\u00d4NG B\u00c1O<\/h2>\r\n                <p>Xem th\u00f4ng b\u00e1o nhanh v\u1ec1 \u0111\u00e0o t\u1ea1o - s\u00e1t h\u1ea1ch l\u00e1i xe<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"board-live\">\r\n            <span class=\"live-dot\"><\/span>\r\n            <span class=\"live-text\">LIVE<\/span>\r\n            <span id=\"clock\">00:00:00<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"board-table\">\r\n        <div class=\"board-row board-head\">\r\n            <div>LO\u1ea0I<\/div>\r\n            <div>N\u1ed8I DUNG<\/div>\r\n            <div>TH\u1edcI GIAN<\/div>\r\n            <div>TR\u1ea0NG TH\u00c1I<\/div>\r\n        <\/div>\r\n        <div id=\"noticeList\">\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root{\r\n    --navy:#002b8c;\r\n    --navy-light:#0040c2;\r\n    --cyan:#0284c7;\r\n    --yellow:#d97706;\r\n    --green:#16a34a;\r\n    --red:#dc2626;\r\n    --white:#ffffff;\r\n    --bg-page:#f8fafc;\r\n    --border:#e2e8f0;\r\n}\r\n\r\n.notice-board{\r\n    max-width:1200px;\r\n    margin:auto;\r\n    background:var(--white);\r\n    border-radius:22px;\r\n    overflow:hidden;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.05);\r\n    font-family:\"Roboto Mono\",monospace;\r\n    padding-bottom: 15px; \r\n    border: 1px solid var(--border);\r\n}\r\n\r\n.board-header{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    padding:24px 35px;\r\n    border-bottom:1px solid var(--border);\r\n}\r\n\r\n.board-title{\r\n    display:flex;\r\n    gap:20px;\r\n    align-items:center;\r\n}\r\n\r\n.plane{\r\n    font-size:42px;\r\n    animation:planeFloat 5s infinite;\r\n}\r\n\r\n.board-title h2{\r\n    color:var(--navy);\r\n    margin:0;\r\n    letter-spacing:1px;\r\n    font-size:28px;\r\n}\r\n\r\n.board-title p{\r\n    margin-top:8px;\r\n    color:#64748b;\r\n    font-size:13px;\r\n    letter-spacing:1px;\r\n}\r\n\r\n.board-live{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    color:#334155;\r\n}\r\n\r\n.live-dot{\r\n    width:12px;\r\n    height:12px;\r\n    border-radius:50%;\r\n    background:var(--green);\r\n    animation:blink 1s infinite;\r\n}\r\n\r\n.live-text{\r\n    color:var(--green);\r\n    font-weight:700;\r\n}\r\n\r\n#clock{\r\n    font-size:18px;\r\n    color:var(--navy);\r\n}\r\n\r\n.board-table{\r\n    width:100%;\r\n}\r\n\r\n.board-head{\r\n    background:var(--bg-page);\r\n    color:var(--navy);\r\n    font-size:14px;\r\n    font-weight:700;\r\n    letter-spacing:1px;\r\n}\r\n\r\n.board-row{\r\n    display:grid;\r\n    grid-template-columns: 150px 1fr 150px 150px;\r\n    align-items:center;\r\n}\r\n\r\n.board-row>div{\r\n    padding:18px 24px;\r\n}\r\n\r\n.notice-item{\r\n    border-bottom:1px solid var(--border);\r\n    transition:.35s;\r\n    position:relative;\r\n}\r\n\r\n.notice-item:hover{\r\n    background:var(--bg-page);\r\n}\r\n\r\n.notice-item::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    top:0;\r\n    width:4px;\r\n    height:100%;\r\n    background:var(--navy);\r\n    transform:scaleY(0);\r\n    transition:.35s;\r\n}\r\n\r\n.notice-item:hover::before{\r\n    transform:scaleY(1);\r\n}\r\n\r\n.notice-type{\r\n    color:var(--cyan);\r\n    font-weight:700;\r\n}\r\n\r\n.notice-title{\r\n    color:#1e293b;\r\n    font-size:15px;\r\n    letter-spacing:.5px;\r\n}\r\n\r\n.notice-date{\r\n    color:#64748b;\r\n}\r\n\r\n.notice-status{\r\n    display:inline-flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    padding:6px 14px;\r\n    border-radius:100px;\r\n    font-size:13px;\r\n    font-weight:bold;\r\n    min-width: 90px;\r\n    text-align: center;\r\n}\r\n\r\n.status-new{ background:#dbeafe; color:#1e40af; }\r\n.status-open{ background:#dcfce7; color:#15803d; }\r\n.status-end{ background:#f1f5f9; color:#475569; }\r\n.status-hot{ background:#fee2e2; color:#b91c1c; }\r\n\r\n.notice-item:hover .notice-title{ color:var(--navy); }\r\n.notice-item:hover { transform:translateX(8px); }\r\n\r\n@keyframes blink{ 50%{ opacity:.2; } }\r\n@keyframes planeFloat{ 0%, 100%{ transform:translateY(0); } 50%{ transform:translateY(-6px); } }\r\n\r\n@media (max-width: 1024px) {\r\n    .notice-board { margin: 0 15px; border-radius: 16px; }\r\n    .board-header { padding: 20px; }\r\n    .board-title h2 { font-size: 24px; }\r\n    .board-row { grid-template-columns: 130px 1fr 130px 130px; }\r\n    .board-row > div { padding: 15px 12px; font-size: 14px; }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .board-header { flex-direction: column; gap: 12px; text-align: center; padding: 20px 15px; }\r\n    .board-title { flex-direction: column; gap: 6px; }\r\n    .board-title p { letter-spacing: 0; line-height: 1.4; }\r\n    .board-head { display: none; }\r\n    .board-row { grid-template-columns: 1fr; padding: 12px 20px; }\r\n    .board-row > div { padding: 2px 0; }\r\n    .board-row > div:last-child { display: none; }\r\n    .notice-type { font-size: 11px; text-transform: uppercase; opacity: 0.9; }\r\n    .notice-title { font-size: 14px; margin: 2px 0; line-height: 1.4; }\r\n    .notice-date { font-size: 12px; color: var(--navy); }\r\n    .notice-item:hover { background: #f8fafc; }\r\n    .notice-item::before { width: 100%; height: 2px; top: auto; bottom: 0; transform: scaleX(0); }\r\n    .notice-item:hover::before { transform: scaleX(1); }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst API_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbxHqkaXfTq4tOlBsKHkRiQJ_LpVngATYg6giUv39etTtmIkW2Z_l1bwm9UBvJSiT1aP\/exec\";\r\n\r\nconst noticeList = document.getElementById(\"noticeList\");\r\nlet notices = [];\r\n\r\nasync function loadNotice(){\r\n    try {\r\n        const response = await fetch(API_URL + \"?t=\" + Date.now());\r\n        const data = await response.json();\r\n        if(Array.isArray(data)) {\r\n            notices = data;\r\n            renderNotice();\r\n        }\r\n    } catch(error) {\r\n        console.error(\"L\u1ed7i t\u1ea3i d\u1eef li\u1ec7u: \", error);\r\n        noticeList.innerHTML = `<div style=\"color:red; padding:20px; text-align:center;\">Kh\u00f4ng th\u1ec3 k\u1ebft n\u1ed1i \u0111\u1ebfn d\u1eef li\u1ec7u th\u00f4ng b\u00e1o \u0111i\u1ec7n t\u1eed.<\/div>`;\r\n    }\r\n}\r\n\r\nloadNotice();\r\n\r\nfunction renderNotice(){\r\n    noticeList.innerHTML = \"\";\r\n    if (notices.length === 0) {\r\n        noticeList.innerHTML = `<div style=\"color:#aaa; padding:20px; text-align:center;\">Hi\u1ec7n t\u1ea1i ch\u01b0a c\u00f3 th\u00f4ng b\u00e1o n\u00e0o m\u1edbi.<\/div>`;\r\n        return;\r\n    }\r\n\r\n    notices.forEach(item => {\r\n        let statusClass = \"status-end\";\r\n        \r\n        switch(item.status.trim().toUpperCase()){\r\n            case \"M\u1edaI\":\r\n                statusClass = \"status-new\";\r\n                break;\r\n            case \"\u0110ANG M\u1ede\":\r\n                statusClass = \"status-open\";\r\n                break;\r\n            case \"NH\u1eacN NGAY\":\r\n                statusClass = \"status-hot\";\r\n                break;\r\n            default:\r\n                statusClass = \"status-end\";\r\n        }\r\n\r\n        let displayDate = \"\";\r\n        if (item.date) {\r\n            \r\n            const rawDateStr = item.date.toString().trim();\r\n            const parsedDate = new Date(rawDateStr);\r\n            \r\n            if (!isNaN(parsedDate) && (rawDateStr.includes(\"T\") || rawDateStr.includes(\"GMT\") || rawDateStr.length > 10)) {\r\n                const day = String(parsedDate.getDate()).padStart(2, '0');\r\n                const month = String(parsedDate.getMonth() + 1).padStart(2, '0');\r\n                const year = parsedDate.getFullYear();\r\n                displayDate = `${day}\/${month}\/${year}`;\r\n            } else {\r\n                displayDate = rawDateStr;\r\n            }\r\n        }\r\n\r\n        noticeList.innerHTML += `\r\n            <div class=\"board-row notice-item\">\r\n                <div class=\"notice-type\">${item.type}<\/div>\r\n                <div class=\"notice-title\">${item.title}<\/div>\r\n                <div class=\"notice-date\">${displayDate}<\/div>\r\n                <div>\r\n                    <span class=\"notice-status ${statusClass}\">${item.status}<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        `;\r\n    });\r\n}\r\n\r\nfunction updateClock(){\r\n    const now = new Date();\r\n    document.getElementById(\"clock\").innerHTML = now.toLocaleTimeString(\"vi-VN\", {\r\n        hour: \"2-digit\",\r\n        minute: \"2-digit\",\r\n        second: \"2-digit\"\r\n    });\r\n}\r\nupdateClock();\r\nsetInterval(updateClock, 1000);\r\n\r\nsetInterval(loadNotice, 60000); \r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a80f54 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1a80f54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:root{\r\n    --ts-blue:#002B8C;\r\n    --ts-red:#E53935;\r\n    --ts-yellow:#F4B400;\r\n    --ts-light:#F4F7FD;\r\n    --ts-border:#E6EAF3;\r\n    --ts-text:#333;\r\n}\r\n\r\n#tuyensinhnhanh{\r\n    width:100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    font-family:Tahoma,Arial,sans-serif;\r\n    color:var(--ts-text);\r\n}\r\n#tuyensinhnhanh *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.ts-card{\r\n    width:100%;\r\n    background: #fff;\r\n    padding: 20px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.06);\r\n    border: 1px solid var(--ts-border);\r\n}\r\n\r\n.ts-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:6px;\r\n    padding:5px 14px;\r\n    background:var(--ts-red);\r\n    color:#fff;\r\n    border-radius:50px;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    animation:tsPulse 1.5s infinite;\r\n}\r\n.ts-badge::before{\r\n    content:\"\";\r\n    width:8px;\r\n    height:8px;\r\n    background:#00ff66;\r\n    border-radius:50%;\r\n    animation:tsBlink 1s infinite;\r\n}\r\n@keyframes tsBlink{\r\n    0%,100%{opacity:1;}\r\n    50%{opacity:.25;}\r\n}\r\n@keyframes tsPulse{\r\n    50%{transform:scale(1.04);}\r\n}\r\n\r\n#ts-course{\r\n    color:var(--ts-blue);\r\n    font-size:20px;\r\n    margin:12px 0;\r\n    font-weight:700;\r\n    line-height: 1.4;\r\n}\r\n\r\n.ts-progress-wrap{\r\n    margin-bottom: 18px;\r\n}\r\n.ts-progress{\r\n    width:100%;\r\n    height:12px;\r\n    background:#E3E7F2;\r\n    border-radius:999px;\r\n    overflow:hidden;\r\n    margin-bottom:6px;\r\n}\r\n.ts-bar{\r\n    height:100%;\r\n    width:0;\r\n    background:linear-gradient(90deg,#002B8C,#1B5CFF);\r\n    transition:1s;\r\n}\r\n.ts-progress-info {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-size: 13px;\r\n}\r\n.ts-percent-text{\r\n    color:#666;\r\n    font-weight: 600;\r\n}\r\n.ts-percent-number{\r\n    color:var(--ts-blue);\r\n    font-weight: 700;\r\n}\r\n\r\n.ts-remain{\r\n    text-align:center;\r\n    font-size:44px;\r\n    font-weight:700;\r\n    color:var(--ts-red);\r\n    line-height:1;\r\n}\r\n.ts-remain-text{\r\n    text-align:center;\r\n    margin-top:6px;\r\n    font-size:14px;\r\n    font-weight:600;\r\n}\r\n\r\n.ts-opening{\r\n    margin:20px 0;\r\n    padding:12px 16px;\r\n    border:1px solid var(--ts-border);\r\n    border-radius:10px;\r\n    background:#FAFBFE;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n}\r\n.ts-opening-col {\r\n    flex: 1;\r\n}\r\n.ts-opening-col:first-child {\r\n    border-right: 1px solid var(--ts-border);\r\n    padding-right: 10px;\r\n}\r\n.ts-title{\r\n    color:#666;\r\n    font-size:12px;\r\n}\r\n.ts-opening-date{\r\n    color:var(--ts-blue);\r\n    font-size:16px;\r\n    font-weight:700;\r\n    margin-top:4px;\r\n}\r\n\r\n.ts-countdown-title{\r\n    text-align:center;\r\n    font-size:15px;\r\n    font-weight:700;\r\n    color:var(--ts-blue);\r\n    margin:20px 0 14px;\r\n}\r\n.ts-flip-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:10px;\r\n}\r\n.ts-flip-box{\r\n    background:#fff;\r\n    border-radius:10px;\r\n    overflow:hidden;\r\n    box-shadow:0 4px 15px rgba(0,0,0,.06);\r\n    border: 1px solid var(--ts-border);\r\n}\r\n.ts-flip-number{\r\n    position:relative;\r\n    padding:14px 0;\r\n    text-align:center;\r\n    font-size:28px;\r\n    font-weight:700;\r\n    color:var(--ts-blue);\r\n    background:#fff;\r\n}\r\n.ts-flip-number::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    top:50%;\r\n    border-top:1px solid #EEE;\r\n}\r\n.ts-flip-label{\r\n    background:var(--ts-blue);\r\n    color:#fff;\r\n    text-align:center;\r\n    padding:6px;\r\n    font-size:11px;\r\n    letter-spacing:1px;\r\n    font-weight:700;\r\n}\r\n\r\n\/* ===== Button ===== *\/\r\n.ts-btn-wrap{\r\n    text-align:center;\r\n    margin-top:24px;\r\n}\r\n.ts-btn{\r\n    display:inline-block;\r\n    background:var(--ts-red);\r\n    color:#fff !important;\r\n    text-decoration:none;\r\n    padding:12px 28px;\r\n    border-radius:8px;\r\n    font-size:15px;\r\n    font-weight:700;\r\n    transition:.25s;\r\n}\r\n.ts-btn:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 6px 20px rgba(0,43,140,.2);\r\n}\r\n\r\n@media(max-width:1024px){\r\n    #tuyensinhnhanh {\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n    .ts-card {\r\n        padding: 15px;\r\n    }\r\n    #ts-course{\r\n        font-size:18px;\r\n    }\r\n    .ts-remain{\r\n        font-size:38px;\r\n    }\r\n    .ts-opening-date {\r\n        font-size: 15px;\r\n    }\r\n    .ts-flip-grid{\r\n        grid-template-columns:repeat(4,1fr);\r\n        gap: 6px;\r\n    }\r\n    .ts-flip-number{\r\n        font-size:22px;\r\n        padding:10px 0;\r\n    }\r\n    .ts-flip-label {\r\n        font-size: 10px;\r\n        padding: 4px;\r\n    }\r\n    .ts-btn {\r\n        width: 100%;\r\n        padding: 12px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div id=\"tuyensinhnhanh\">\r\n    <div class=\"ts-card\">\r\n        <div class=\"ts-badge\">\r\n            TUY\u1ec2N SINH\r\n        <\/div>\r\n\r\n        <h2 id=\"ts-course\">\r\n            \u0110ang t\u1ea3i...\r\n        <\/h2>\r\n\r\n        <div class=\"ts-progress-wrap\">\r\n            <div class=\"ts-progress\">\r\n                <div class=\"ts-bar\" id=\"ts-bar\"><\/div>\r\n            <\/div>\r\n            <div class=\"ts-progress-info\">\r\n                <span class=\"ts-percent-text\">Ch\u1ec9 ti\u00eau<\/span>\r\n                <span class=\"ts-percent-number\" id=\"ts-registered\">0%<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ts-remain\" id=\"ts-remain\">\r\n            --\r\n        <\/div>\r\n\r\n        <div class=\"ts-remain-text\" id=\"ts-remainText\">\r\n            H\u1ed3 s\u01a1 c\u00f2n l\u1ea1i\r\n        <\/div>\r\n\r\n        <div class=\"ts-opening\">\r\n            <div class=\"ts-opening-col\">\r\n                <div class=\"ts-title\">D\u1ef1 ki\u1ebfn khai gi\u1ea3ng<\/div>\r\n                <div class=\"ts-opening-date\" id=\"ts-opening\">--\/--\/----<\/div>\r\n            <\/div>\r\n            <div class=\"ts-opening-col\">\r\n                <div class=\"ts-title\">Nh\u1eadn h\u1ed3 s\u01a1 \u0111\u1ebfn<\/div>\r\n                <div class=\"ts-opening-date\" id=\"ts-deadline\">--\/--\/----<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ts-countdown-title\">\r\n            \u23f3 C\u00f2n l\u1ea1i \u0111\u1ebfn ng\u00e0y khai gi\u1ea3ng\r\n        <\/div>\r\n\r\n        <div class=\"ts-flip-grid\">\r\n            <div class=\"ts-flip-box\">\r\n                <div class=\"ts-flip-number\" id=\"ts-day\">00<\/div>\r\n                <div class=\"ts-flip-label\">NG\u00c0Y<\/div>\r\n            <\/div>\r\n            <div class=\"ts-flip-box\">\r\n                <div class=\"ts-flip-number\" id=\"ts-hour\">00<\/div>\r\n                <div class=\"ts-flip-label\">GI\u1edc<\/div>\r\n            <\/div>\r\n            <div class=\"ts-flip-box\">\r\n                <div class=\"ts-flip-number\" id=\"ts-minute\">00<\/div>\r\n                <div class=\"ts-flip-label\">PH\u00daT<\/div>\r\n            <\/div>\r\n            <div class=\"ts-flip-box\">\r\n                <div class=\"ts-flip-number\" id=\"ts-second\">00<\/div>\r\n                <div class=\"ts-flip-label\">GI\u00c2Y<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ts-btn-wrap\">\r\n            <a href=\"#mucluc-dangkytuvan\" class=\"ts-btn\">\r\n                \u0110\u0103ng k\u00fd ngay\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(() => {\r\n    const tsApiUrl = \"https:\/\/script.google.com\/macros\/s\/AKfycby5aFQUBQuVwish3IPvPXb87XgkiVtoGAx_amahCDzql0LsrGu9my3Y83mAaFuxYjBjfQ\/exec\";\r\n    let tsOpeningDate = null;\r\n\r\n    const ts = {\r\n        course: document.getElementById(\"ts-course\"),\r\n        registered: document.getElementById(\"ts-registered\"),\r\n        remain: document.getElementById(\"ts-remain\"),\r\n        remainText: document.getElementById(\"ts-remainText\"),\r\n        opening: document.getElementById(\"ts-opening\"),\r\n        deadline: document.getElementById(\"ts-deadline\"), \/\/ Th\u00eam bi\u1ebfn cho ng\u00e0y h\u1ea1n n\u1ed9p h\u1ed3 s\u01a1\r\n        bar: document.getElementById(\"ts-bar\"),\r\n        day: document.getElementById(\"ts-day\"),\r\n        hour: document.getElementById(\"ts-hour\"),\r\n        minute: document.getElementById(\"ts-minute\"),\r\n        second: document.getElementById(\"ts-second\")\r\n    };\r\n\r\n    function flip(el,value){\r\n        value = String(value).padStart(2,\"0\");\r\n        if(el.textContent===value) return;\r\n        el.animate([\r\n            {transform:\"rotateX(0deg)\"},\r\n            {transform:\"rotateX(-90deg)\"},\r\n            {transform:\"rotateX(0deg)\"}\r\n        ],{\r\n            duration:250\r\n        });\r\n        el.textContent=value;\r\n    }\r\n\r\n    async function loadTuyenSinh(){\r\n        try{\r\n            const response = await fetch(tsApiUrl + \"?t=\" + Date.now());\r\n            const json = await response.json();\r\n            if(!json.success || !json.courses || json.courses.length===0){\r\n                return;\r\n            }\r\n            const c=json.courses[0];\r\n            const percent = Math.round((c.registered\/c.quota)*100);\r\n\r\n            ts.course.textContent = c.course;\r\n            ts.registered.textContent = percent+\"%\";\r\n            ts.remain.textContent = String(c.remaining).padStart(2,\"0\");\r\n            ts.remainText.textContent = c.remaining<=2 ? \"\ud83d\udd25 2 H\u1ed2 S\u01a0 CU\u1ed0I\" : \"H\u1ed3 s\u01a1 c\u00f2n l\u1ea1i\";\r\n            ts.bar.style.width = percent+\"%\";\r\n\r\n            const open = new Date(c.opening.replace(\" \",\"T\"));\r\n            tsOpeningDate=open;\r\n            ts.opening.textContent = open.toLocaleDateString(\"vi-VN\");\r\n\r\n            let deadlineDate = c.deadline ? new Date(c.deadline.replace(\" \",\"T\")) : new Date(open.getTime() - (3 * 24 * 60 * 60 * 1000));\r\n            ts.deadline.textContent = deadlineDate.toLocaleDateString(\"vi-VN\");\r\n\r\n        }catch(err){\r\n            console.error(err);\r\n        }\r\n    }\r\n\r\n    function countdown(){\r\n        if(!tsOpeningDate) return;\r\n        let diff = tsOpeningDate-new Date();\r\n        if(diff<0) diff=0;\r\n\r\n        const day = Math.floor(diff\/86400000);\r\n        diff%=86400000;\r\n        const hour = Math.floor(diff\/3600000);\r\n        diff%=3600000;\r\n        const minute = Math.floor(diff\/60000);\r\n        diff%=60000;\r\n        const second = Math.floor(diff\/1000);\r\n\r\n        flip(ts.day,day);\r\n        flip(ts.hour,hour);\r\n        flip(ts.minute,minute);\r\n        flip(ts.second,second);\r\n    }\r\n\r\n    loadTuyenSinh();\r\n    countdown();\r\n    setInterval(countdown,1000);\r\n    setInterval(loadTuyenSinh,60000);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5270cfc elementor-widget elementor-widget-heading\" data-id=\"5270cfc\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-gioithieu\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Khoa Giao th\u00f4ng v\u1eadn t\u1ea3i<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d9bfe9 elementor-widget elementor-widget-text-editor\" data-id=\"2d9bfe9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Khoa Giao th\u00f4ng v\u00e2n t\u1ea3i l\u00e0 m\u1ed9t khoa chuy\u00ean m\u00f4n tr\u1ef1c thu\u1ed9c Tr\u01b0\u1eddng Cao \u0111\u1eb3ng ngh\u1ec1 V\u0129nh Long, c\u00f3 tr\u1ee5 s\u1edf t\u1ea1i \u1ea4p Ph\u01b0\u1edbc Long, x\u00e3 Ph\u00fa Qu\u1edbi, t\u1ec9nh V\u0129nh Long. \u0110\u00e2y \u0111\u1ed3ng th\u1eddi l\u00e0 c\u01a1 s\u1edf 2 c\u1ee7a nh\u00e0 tr\u01b0\u1eddng, \u0111\u01b0\u1ee3c quy ho\u1ea1ch nh\u01b0 m\u1ed9t s\u00e2n t\u1eadp l\u00e1i xe chuy\u00ean d\u1ee5ng.<\/p><p>Khu\u00f4n vi\u00ean s\u00e2n t\u1eadp \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ea1t chu\u1ea9n, kh\u00f4ng gian r\u1ed9ng r\u00e3i v\u00e0 \u0111\u1ea3m b\u1ea3o \u0111\u1ea7y \u0111\u1ee7 \u0111i\u1ec1u ki\u1ec7n ph\u1ee5c v\u1ee5 \u0111\u00e0o t\u1ea1o th\u1ef1c h\u00e0nh. T\u1ea1i \u0111\u00e2y, h\u1ecdc vi\u00ean \u0111\u01b0\u1ee3c tr\u1ef1c ti\u1ebfp r\u00e8n luy\u1ec7n k\u1ef9 n\u0103ng l\u00e1i xe \u00f4 t\u00f4 v\u00e0 m\u00f4 t\u00f4 trong m\u00f4i tr\u01b0\u1eddng an to\u00e0n, b\u00e0i b\u1ea3n v\u00e0 s\u00e1t v\u1edbi th\u1ef1c t\u1ebf thi s\u00e1t h\u1ea1ch<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-221a985 elementor-widget elementor-widget-html\" data-id=\"221a985\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"about-section\">\r\n    <div class=\"about-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-h-khoagt.jpg\" alt=\"Khoa Giao th\u00f4ng v\u1eadn t\u1ea3i\">\r\n    <\/div>\r\n\r\n    <div class=\"about-right\">\r\n        <div class=\"about-content-wrapper\">\r\n            <span class=\"sub-title\">GI\u1edaI THI\u1ec6U<\/span>\r\n            <h2 class=\"title\">\r\n                <span>Khoa Giao th\u00f4ng v\u1eadn t\u1ea3i<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"service-grid\">\r\n                <div class=\"service-item\">\r\n                    <div class=\"icon\"><i class=\"fa-solid fa-book-open\"><\/i><\/div>\r\n                    <div class=\"service-text\">\r\n                        <h4>\u0110\u00e0o t\u1ea1o l\u00e1i xe<\/h4>\r\n                        <p>Ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00e0o t\u1ea1o \u0111\u1ea1t chu\u1ea9n<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-item\">\r\n                    <div class=\"icon\"><i class=\"fa-solid fa-road-circle-check\"><\/i><\/div>\r\n                    <div class=\"service-text\">\r\n                        <h4>S\u00e2n t\u1eadp l\u00e1i<\/h4>\r\n                        <p>Kh\u00f4ng gian r\u1ed9ng r\u00e3i<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-item\">\r\n                    <div class=\"icon\"><i class=\"fa-solid fa-calendar-days\"><\/i><\/div>\r\n                    <div class=\"service-text\">\r\n                        <h4>L\u1ecbch h\u1ecdc linh ho\u1ea1t<\/h4>\r\n                        <p>T\u1ea1o \u0111i\u1ec1u ki\u1ec7n thu\u1eadn l\u1ee3i nh\u1ea5t cho h\u1ecdc vi\u00ean<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-item\">\r\n                    <div class=\"icon\"><i class=\"fa-solid fa-coins\"><\/i><\/div>\r\n                    <div class=\"service-text\">\r\n                        <h4>Chi ph\u00ed minh b\u1ea1ch<\/h4>\r\n                        <p>C\u00e1c kho\u1ea3n thu theo \u0111\u00fang quy \u0111\u1ecbnh<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-item\">\r\n                    <div class=\"icon\"><i class=\"fa-solid fa-chalkboard-user\"><\/i><\/div>\r\n                    <div class=\"service-text\">\r\n                        <h4>Gi\u00e1o vi\u00ean<\/h4>\r\n                        <p>H\u01b0\u1edbng d\u1eabn t\u1eadn t\u00e2m, nhi\u1ec1u n\u0103m kinh nghi\u1ec7m<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-item\">\r\n                    <div class=\"icon\"><i class=\"fa-solid fa-user-graduate\"><\/i><\/div>\r\n                    <div class=\"service-text\">\r\n                        <h4>K\u1ef9 n\u0103ng v\u1eefng v\u00e0ng<\/h4>\r\n                        <p>\u0110\u1ea3m b\u1ea3o t\u1ef1 tin l\u00e0m ch\u1ee7 tay l\u00e1i sau kh\u00f3a h\u1ecdc<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --primary-bg: #002b8c;     \r\n    --accent-gold: #f5c453;    \r\n    --text-white: #ffffff;\r\n    --text-muted: #aac2eb;     \r\n    --card-bg-hover: rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.about-section {\r\n    display: flex;\r\n    min-height: 65vh;\r\n    background: #002b8c;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    align-items: stretch;\r\n}\r\n\r\n.about-left {\r\n    flex: 1.1; \r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 30px 0 30px 30px;\r\n}\r\n\r\n.about-left img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 16px; \r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.about-right {\r\n    flex: 1.2;\r\n    background: var(--primary-bg);\r\n    color: var(--text-white);\r\n    padding: 60px 80px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.about-content-wrapper {\r\n    width: 100%;\r\n}\r\n\r\n.about-right .sub-title {\r\n    color: var(--accent-gold);\r\n    font-size: 13px;\r\n    letter-spacing: 2px;\r\n    font-weight: 700;\r\n    display: block;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.about-right .title {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    margin-bottom: 45px;\r\n    margin-top: 0;\r\n    line-height: 1.2;\r\n    position: relative;\r\n}\r\n\r\n.about-right .title span {\r\n    color: var(--text-white);\r\n    background: linear-gradient(to right, #fff, var(--text-muted));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.service-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n.service-item {\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n    padding: 15px;\r\n    border-radius: 12px;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.03);\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.service-item:hover {\r\n    background: var(--card-bg-hover);\r\n    border-color: rgba(245, 196, 83, 0.2);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.service-item .icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    background: rgba(245, 196, 83, 0.1); \r\n    border: 1px solid rgba(245, 196, 83, 0.3);\r\n    border-radius: 10px; \r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;     \r\n    justify-content:center;\r\n    font-size: 20px;\r\n    color: var(--accent-gold);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.service-item:hover .icon {\r\n    background: var(--accent-gold);\r\n    color: var(--primary-bg);\r\n    box-shadow: 0 0 15px rgba(245, 196, 83, 0.4);\r\n}\r\n\r\n.service-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.service-item h4 {\r\n    margin: 0;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    color: var(--text-white);\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.service-item:hover h4 {\r\n    color: var(--accent-gold);\r\n}\r\n\r\n.service-item p {\r\n    margin: 6px 0 0;\r\n    font-size: 14px;\r\n    color: var(--text-muted);\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n@media (max-width: 1024px) {\r\n    .about-section {\r\n        min-height: auto;\r\n    }\r\n    \r\n    .about-left {\r\n        padding: 20px 0 20px 20px;\r\n    }\r\n    \r\n    .about-right {\r\n        padding: 40px 40px;\r\n    }\r\n\r\n    .about-right .title {\r\n        font-size: 28px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .service-grid {\r\n        gap: 15px;\r\n    }\r\n\r\n    .service-item {\r\n        padding: 12px;\r\n    }\r\n\r\n    .service-item h4 {\r\n        font-size: 15px; \r\n    }\r\n    \r\n    .service-item p {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .about-section {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .about-left {\r\n        padding: 15px;\r\n    }\r\n\r\n    .about-left img {\r\n        height: 250px;\r\n    }\r\n\r\n    .about-right {\r\n        padding: 40px 20px;\r\n    }\r\n\r\n    .about-right .sub-title {\r\n        text-align: center;\r\n    }\r\n\r\n    .about-right .title {\r\n        font-size: 26px;\r\n        margin-bottom: 35px;\r\n        text-align: center;\r\n    }\r\n\r\n    .service-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 15px;\r\n    }\r\n\r\n    .service-item {\r\n        background: rgba(255, 255, 255, 0.03);\r\n    }\r\n}    \r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efa6f34 elementor-widget elementor-widget-heading\" data-id=\"efa6f34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">M\u1ed9t s\u1ed1 h\u00ecnh \u1ea3nh t\u1ea1i Khoa<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98fd683 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"98fd683\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.showcase-gallery{\r\n    display:grid;\r\n    grid-template-columns:20% 60% 20%;\r\n    gap:24px;\r\n    max-width:1200px;\r\n    margin:auto;\r\n    padding:20px;\r\n    align-items:center;\r\n}\r\n\r\n\r\n.showcase-gallery img {\r\n    cursor: pointer;\r\n}\r\n\r\n.gallery-side{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:24px;\r\n}\r\n\r\n.gallery-side img{\r\n    height:280px;\r\n}\r\n\r\n.gallery-center{\r\n    position:relative;\r\n    margin-top:-25px;\r\n    margin-bottom:-25px;\r\n    z-index:2;\r\n}\r\n\r\n.gallery-center img{\r\n    height:650px;\r\n}\r\n\r\n.showcase-gallery img{\r\n    width:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n    border-radius:28px;\r\n    box-shadow:0 12px 35px rgba(0,0,0,.12);\r\n    transition:all .4s ease;\r\n}\r\n\r\n.showcase-gallery img:hover{\r\n    transform:translateY(-6px) scale(1.02);\r\n    box-shadow:0 18px 45px rgba(0,0,0,.18);\r\n}\r\n\r\n.gallery-badge{\r\n    position:absolute;\r\n    left:35px;\r\n    bottom:35px;\r\n\r\n    padding:20px 28px;\r\n\r\n    background:rgba(255,255,255,.15);\r\n    backdrop-filter:blur(12px);\r\n    -webkit-backdrop-filter:blur(12px);\r\n\r\n    border:1px solid rgba(255,255,255,.25);\r\n    border-radius:20px;\r\n\r\n    color:#fff;\r\n}\r\n\r\n.gallery-badge span{\r\n    display:block;\r\n    font-size:48px;\r\n    font-weight:700;\r\n    line-height:1;\r\n}\r\n\r\n.gallery-badge p{\r\n    margin:8px 0 0;\r\n    font-size:14px;\r\n    letter-spacing:2px;\r\n}\r\n\r\n@media (max-width:767px){\r\n\r\n    .showcase-gallery{\r\n        grid-template-columns:20% 60% 20%;\r\n        gap:8px;\r\n\r\n        padding:10px;\r\n    }\r\n\r\n    .gallery-side{\r\n        gap:8px;\r\n    }\r\n\r\n    .gallery-side img{\r\n        height:85px;\r\n        border-radius:12px;\r\n    }\r\n\r\n    .gallery-center{\r\n        margin-top:-8px;\r\n        margin-bottom:-8px;\r\n    }\r\n\r\n    .gallery-center img{\r\n        height:190px;\r\n        border-radius:16px;\r\n    }\r\n\r\n    .gallery-badge{\r\n        left:10px;\r\n        bottom:10px;\r\n\r\n        padding:8px 12px;\r\n\r\n        border-radius:12px;\r\n    }\r\n\r\n    .gallery-badge span{\r\n        font-size:20px;\r\n    }\r\n\r\n    .gallery-badge p{\r\n        margin-top:4px;\r\n        font-size:9px;\r\n        letter-spacing:1px;\r\n    }\r\n}\r\n\r\n\r\n.gallery-lightbox {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    z-index: 999999; \r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.gallery-lightbox.active {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n}\r\n\r\n.lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 85vh;\r\n    border-radius: 16px;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.5);\r\n    transform: scale(0.95);\r\n    transition: transform 0.3s ease;\r\n    object-fit: contain;\r\n}\r\n\r\n.gallery-lightbox.active .lightbox-content {\r\n    transform: scale(1);\r\n}\r\n\r\n.lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 30px;\r\n    color: #fff;\r\n    font-size: 50px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    transition: transform 0.2s;\r\n}\r\n.lightbox-close:hover {\r\n    transform: scale(1.15);\r\n}\r\n<\/style>\r\n\r\n<div class=\"showcase-gallery\">\r\n\r\n    <div class=\"gallery-side\">\r\n        <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/IMG_20260605_134006.jpg\" alt=\"GV1\">\r\n        <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/Picture1.png\" alt=\"GV2\">\r\n    <\/div>\r\n\r\n    <div class=\"gallery-center\">\r\n        <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/05\/image.png\" alt=\"S\u00e2n t\u1eadp l\u00e1i xe\">\r\n    <\/div>\r\n\r\n    <div class=\"gallery-side\">\r\n        <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-h-khaimac-hoi-dong.jpg\" alt=\"GV3\">\r\n        <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-h-z7862289453944_8d37e18f18efd8a4b5719854efdb34ff.jpg\" alt=\"GV4\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<div id=\"galleryLightbox\" class=\"gallery-lightbox\">\r\n    <span class=\"lightbox-close\">&times;<\/span>\r\n    <img decoding=\"async\" class=\"lightbox-content\" id=\"lightboxImg\" src=\"\" alt=\"Popup\">\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const galleryImages = document.querySelectorAll(\".showcase-gallery img\");\r\n    const lightbox = document.getElementById(\"galleryLightbox\");\r\n    const lightboxImg = document.getElementById(\"lightboxImg\");\r\n    const lightboxClose = document.querySelector(\".lightbox-close\");\r\n\r\n    galleryImages.forEach(img => {\r\n        img.addEventListener(\"click\", function() {\r\n            lightboxImg.src = this.src;  \r\n            lightbox.classList.add(\"active\"); \r\n            document.body.style.overflow = \"hidden\";\r\n        });\r\n    });\r\n\r\n    function closeLightbox() {\r\n        lightbox.classList.remove(\"active\"); \r\n        document.body.style.overflow = \"auto\"; \r\n        setTimeout(() => { lightboxImg.src = \"\"; }, 300);\r\n    }\r\n\r\n    lightboxClose.addEventListener(\"click\", closeLightbox);\r\n\r\n    lightbox.addEventListener(\"click\", function(e) {\r\n        if (e.target === lightbox) {\r\n            closeLightbox();\r\n        }\r\n    });\r\n\r\n    document.addEventListener(\"keydown\", function(e) {\r\n        if (e.key === \"Escape\" && lightbox.classList.contains(\"active\")) {\r\n            closeLightbox();\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6ea39e e-flex e-con-boxed e-con e-parent\" data-id=\"f6ea39e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d83ca60 elementor-widget elementor-widget-html\" data-id=\"d83ca60\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-tailieuthamkhao\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pdf-section\">\r\n\r\n    <div class=\"pdf-header\">\r\n        <div>\r\n            <h2>T\u00c0I LI\u1ec6U THAM KH\u1ea2O<\/h2>\r\n            <span>C\u1eadp nh\u1eadt t\u00e0i li\u1ec7u h\u1ecdc t\u1eadp & v\u0103n b\u1ea3n quy ph\u1ea1m  ph\u00e1p lu\u1eadt<\/span>\r\n        <\/div>\r\n\r\n        \r\n    <\/div>\r\n\r\n    <div class=\"pdf-list\" id=\"pdfList\">\r\n\r\n        <div class=\"pdf-card\" data-title=\"b\u1ed9 600 c\u00e2u h\u1ecfi d\u00f9ng cho s\u00e1t h\u1ea1ch l\u00e1i xe c\u01a1 gi\u1edbi \u0111\u01b0\u1eddng b\u1ed9\">\r\n\r\n            <div class=\"pdf-icon\">\ud83d\udcc4<\/div>\r\n\r\n            <div class=\"pdf-content\">\r\n                <div class=\"pdf-title\">\r\n                    B\u1ed9 600 c\u00e2u h\u1ecfi d\u00f9ng cho s\u00e1t h\u1ea1ch l\u00e1i xe c\u01a1 gi\u1edbi \u0111\u01b0\u1eddng b\u1ed9 \r\n                    <span class=\"tag hot\">Quan tr\u1ecdng<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pdf-desc\">B\u1ed9 c\u00e2u h\u1ecfi s\u00e1t h\u1ea1ch do B\u1ed9 C\u00f4ng an ban h\u00e0nh <\/div>\r\n            <\/div>\r\n\r\n            <a class=\"pdf-download\" href=\"https:\/\/anh.csgt.vn\/upload\/services\/725823572_600%20c%C3%A2u%20h%E1%BB%8Fi%20d%C3%B9ng%20cho%20s%C3%A1t%20h%E1%BA%A1ch%20GPLX%20c%C6%A1%20gi%E1%BB%9Bi%20%C4%91%C6%B0%E1%BB%9Dng%20b%E1%BB%99.pdf\" target=\"_blank\">T\u1ea3i xu\u1ed1ng<\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"pdf-card\" data-title=\"bo de thi oto b c1\">\r\n\r\n            <div class=\"pdf-icon\">\ud83d\udcc4<\/div>\r\n\r\n            <div class=\"pdf-content\">\r\n                <div class=\"pdf-title\">\r\n                    C\u00f4ng v\u0103n h\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng b\u1ed9 c\u00e2u h\u1ecfi s\u00e1t h\u1ea1ch GPLX\r\n                    <span class=\"tag hot\">Quan tr\u1ecdng<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pdf-desc\">H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng b\u1ed9 c\u00e2u h\u1ecfi d\u00f9ng cho s\u00e1t h\u1ea1ch l\u00e1i xe c\u01a1 gi\u1edbi \u0111\u01b0\u1eddng b\u1ed9<\/div>\r\n            <\/div>\r\n\r\n            <a class=\"pdf-download\" href=\"https:\/\/anh.csgt.vn\/upload\/services\/2071319603_H%C6%B0%E1%BB%9Bng%20d%E1%BA%ABn%20s%E1%BB%AD%20d%E1%BB%A5ng%20b%E1%BB%99%20c%C3%A2u%20h%E1%BB%8Fi%20s%C3%A1t%20h%E1%BA%A1ch%20GPLX%20(CV%202262.07.5.2025).pdf\" target=\"_blank\">T\u1ea3i xu\u1ed1ng<\/a>\r\n\r\n        <\/div>\r\n        \r\n        <div class=\"pdf-card\" data-title=\"bo de thi oto b c1\">\r\n\r\n            <div class=\"pdf-icon\">\ud83d\udcc4<\/div>\r\n\r\n            <div class=\"pdf-content\">\r\n                <div class=\"pdf-title\">\r\n                    Lu\u1eadt Tr\u1eadt t\u1ef1, an to\u00e0n giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9\r\n                    <span class=\"tag hienhanh\">Hi\u1ec7n h\u00e0nh<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pdf-desc\">C\u00f3 hi\u1ec7u l\u1ef1c t\u1eeb ng\u00e0y 01\/01\/2025<\/div>\r\n            <\/div>\r\n\r\n            <a class=\"pdf-download\" href=\"https:\/\/datafiles.chinhphu.vn\/cpp\/files\/vbpq\/2024\/9\/36-2024-qh15.pdf\" target=\"_blank\">T\u1ea3i xu\u1ed1ng<\/a>\r\n\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"pdf-card\" data-title=\"bo de thi oto b c1\">\r\n\r\n            <div class=\"pdf-icon\">\ud83d\udcc4<\/div>\r\n\r\n            <div class=\"pdf-content\">\r\n                <div class=\"pdf-title\">\r\n                    Th\u00f4ng t\u01b0 Quy \u0111\u1ecbnh v\u1ec1 s\u00e1t h\u1ea1ch l\u00e1i xe\r\n                    <span class=\"tag hienhanh\">Hi\u1ec7n h\u00e0nh<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pdf-desc\">Th\u00f4ng t\u01b0 c\u1ee7a B\u1ed9 C\u00f4ng an - C\u00f3 hi\u1ec7u l\u1ef1c t\u1eeb ng\u00e0y 01\/07\/2026<\/div>\r\n            <\/div>\r\n\r\n            <a class=\"pdf-download\" href=\"https:\/\/datafiles.chinhphu.vn\/cpp\/files\/vbpq\/2025\/3\/15-bca.signed.pdf\" target=\"_blank\">T\u1ea3i xu\u1ed1ng<\/a>\r\n\r\n        <\/div>\r\n        \r\n         <div class=\"pdf-card\" data-title=\"bo de thi oto b c1\">\r\n\r\n            <div class=\"pdf-icon\">\ud83d\udcc4<\/div>\r\n\r\n            <div class=\"pdf-content\">\r\n                <div class=\"pdf-title\">\r\n                    Th\u00f4ng t\u01b0 Quy \u0111\u1ecbnh v\u1ec1 \u0111\u00e0o t\u1ea1o l\u00e1i xe...\r\n                    <span class=\"tag hienhanh\">Hi\u1ec7n h\u00e0nh<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pdf-desc\">V\u0103n b\u1ea3n h\u1ee3p nh\u1ea5t Th\u00f4ng t\u01b0 c\u1ee7a B\u1ed9 X\u00e2y d\u1ef1ng - C\u00f3 hi\u1ec7u l\u1ef1c t\u1eeb ng\u00e0y 01\/09\/2025<\/div>\r\n            <\/div>\r\n\r\n            <a class=\"pdf-download\" href=\"https:\/\/datafiles.chinhphu.vn\/cpp\/files\/vbpq\/2026\/6\/27-2026-vbhn-bxd.pdf\" target=\"_blank\">T\u1ea3i xu\u1ed1ng<\/a>\r\n\r\n        <\/div>\r\n        \r\n         <div class=\"pdf-card\" data-title=\"bo de thi oto b c1\">\r\n\r\n            <div class=\"pdf-icon\">\ud83d\udcc4<\/div>\r\n\r\n            <div class=\"pdf-content\">\r\n                <div class=\"pdf-title\">\r\n                    Th\u00f4ng t\u01b0 Quy \u0111\u1ecbnh m\u1ee9c thu, ch\u1ebf \u0111\u1ed9 thu, n\u1ed9p ph\u00ed s\u00e1t h\u1ea1ch l\u00e1i xe, l\u1ec7 ph\u00ed c\u1ea5p b\u1eb1ng,...\r\n                    <span class=\"tag hienhanh\">Hi\u1ec7n h\u00e0nh<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pdf-desc\">Th\u00f4ng t\u01b0 c\u1ee7a B\u1ed9 T\u00e0i ch\u00ednh - C\u00f3 hi\u1ec7u l\u1ef1c t\u1eeb ng\u00e0y 01\/01\/2026<\/div>\r\n            <\/div>\r\n\r\n            <a class=\"pdf-download\" href=\"https:\/\/datafiles.chinhphu.vn\/cpp\/files\/vbpq\/2026\/01\/154-btc.signed.pdf\" target=\"_blank\">T\u1ea3i xu\u1ed1ng<\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"video-section\">\r\n\r\n    <div class=\"video-header\">\r\n        <h2>VIDEO THAM KH\u1ea2O<\/h2>\r\n        <a href=\"https:\/\/www.youtube.com\/@nguyenvanbi77\" target=\"_blank\">\r\n            Xem t\u1ea5t c\u1ea3 \u2192\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"video-slider\">\r\n\r\n        <div class=\"video-wrapper\">\r\n\r\n            <!-- VIDEO 1 -->\r\n            <div class=\"video-card\">\r\n\r\n                <a href=\"https:\/\/youtu.be\/ZusuDsKh2JM\"\r\n                   target=\"_blank\">\r\n\r\n                    <div class=\"video-thumb-wrap\">\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/ZusuDsKh2JM\/maxresdefault.jpg\">\r\n\r\n<div class=\"play-btn\">\r\n    <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\">\r\n        <path fill=\"white\"\r\n        d=\"M8 5v14l11-7z\"\/>\r\n    <\/svg>\r\n<\/div>\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n                <div class=\"video-content\">\r\n\r\n                    <h3>\r\n                       Gi\u1ea3i nhanh bi\u1ec3n b\u00e1o nguy hi\u1ec3m h\u1ea1ng m\u00f4 t\u00f4 h\u1ea1ng A - A1\r\n                    <\/h3>\r\n\r\n                    <a href=\"https:\/\/youtu.be\/ZusuDsKh2JM\"\r\n                       target=\"_blank\">\r\n\r\n                        Xem video \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- VIDEO 2 -->\r\n            <div class=\"video-card\">\r\n\r\n                <a href=\"https:\/\/youtu.be\/WYRI1d5daD4\"\r\n                   target=\"_blank\">\r\n\r\n                    <div class=\"video-thumb-wrap\">\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/WYRI1d5daD4\/maxresdefault.jpg\">\r\n\r\n                        <div class=\"play-btn\">\r\n    <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\">\r\n        <path fill=\"white\"\r\n        d=\"M8 5v14l11-7z\"\/>\r\n    <\/svg>\r\n<\/div>\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n                <div class=\"video-content\">\r\n\r\n                    <h3>\r\n                        Quy tr\u00ecnh thi l\u00fd thuy\u1ebft cho xe m\u00f4 t\u00f4 h\u1ea1ng A1\r\n                    <\/h3>\r\n\r\n                    <a href=\"https:\/\/youtu.be\/WYRI1d5daD4\"\r\n                       target=\"_blank\">\r\n\r\n                        Xem video \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- VIDEO 3 -->\r\n            <div class=\"video-card\">\r\n\r\n                <a href=\"https:\/\/youtu.be\/yUrAwPhSYxg\"\r\n                   target=\"_blank\">\r\n\r\n                    <div class=\"video-thumb-wrap\">\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/yUrAwPhSYxg\/maxresdefault.jpg\">\r\n\r\n<div class=\"play-btn\">\r\n    <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\">\r\n        <path fill=\"white\"\r\n        d=\"M8 5v14l11-7z\"\/>\r\n    <\/svg>\r\n<\/div>\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n                <div class=\"video-content\">\r\n\r\n                    <h3>\r\n                        20 c\u00e2u \u0111i\u1ec3m li\u1ec7t thi s\u00e1t h\u1ea1ch l\u00e1i xe h\u1ea1ng A - A1\r\n                    <\/h3>\r\n\r\n                    <a href=\"https:\/\/youtu.be\/yUrAwPhSYxg\"\r\n                       target=\"_blank\">\r\n\r\n                        Xem video \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== VIDEO SECTION ===== *\/\r\n.video-section{\r\n    width:100%;\r\n}\r\n.video-header{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    margin-bottom:25px;\r\n}\r\n.video-header h2{\r\n    margin-top:20px;\r\n    color:#002b8c;\r\n    font-size:32px;\r\n    font-weight:700;\r\n    font-family:\"Be Vietnam Pro\", sans-serif;\r\n}\r\n.video-header a{\r\n    color:#982A2A;\r\n    text-decoration:none;\r\n    font-weight:600;\r\n}\r\n.video-slider{\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n.video-wrapper{\r\n    display:flex;\r\n    gap:20px;\r\n    transition:0.4s ease;\r\n}\r\n.video-card{\r\n    min-width:32%;\r\n    background:#fff;\r\n    border-radius:12px;\r\n    overflow:hidden;\r\n    box-shadow:0 4px 15px rgba(0,0,0,.08);\r\n    transition:all .3s ease;\r\n    cursor:pointer;\r\n}\r\n.video-card:hover{\r\n    transform:translateY(-8px);\r\n    box-shadow:0 15px 30px rgba(0,0,0,.18);\r\n}\r\n.video-thumb-wrap{\r\n    position:relative;\r\n}\r\n.video-thumb-wrap img{\r\n    width:100%;\r\n    height:220px;\r\n    object-fit:cover;\r\n    display:block;\r\n}\r\n.play-btn{\r\n    position:absolute;\r\n    top:50%;\r\n    left:50%;\r\n    transform:translate(-50%,-50%);\r\n    width:80px;\r\n    height:80px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.15);\r\n    backdrop-filter:blur(8px);\r\n    border:2px solid rgba(255,255,255,.4);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    color:white;\r\n    font-size:34px;\r\n    transition:.3s;\r\n}\r\n.play-btn:hover{\r\n    transform:translate(-50%,-50%) scale(1.15);\r\n}\r\n.video-content{\r\n    padding:18px;\r\n}\r\n.video-content h3{\r\n    margin:0 0 10px;\r\n    font-size:17px;\r\n    line-height:1.6;\r\n    font-family:\"Be Vietnam Pro\", sans-serif;\r\n}\r\n.video-content a{\r\n    color:#982A2A;\r\n    text-decoration:none;\r\n    font-weight:600;\r\n    font-family:\"Be Vietnam Pro\", sans-serif;\r\n}\r\n\r\n.pdf-section{\r\n    margin-top:60px;\r\n    font-family:\"Be Vietnam Pro\", sans-serif;\r\n}\r\n.pdf-header{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    margin-bottom:20px;\r\n    gap:20px;\r\n    margin-left:20px;\r\n}\r\n.pdf-header h2{\r\n    font-size:32px;\r\n    color:#002b8c;\r\n    margin:0;\r\n}\r\n.pdf-header span{\r\n    font-size:14px;\r\n    color:#666;\r\n}\r\n.pdf-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:14px;\r\n    margin-right:20px;\r\n    margin-left:20px;\r\n}\r\n.pdf-card{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:16px;\r\n    background:#fff;\r\n    border-radius:14px;\r\n    padding:16px 18px;\r\n    border:1px solid rgba(0,0,0,0.08);\r\n    box-shadow:0 3px 10px rgba(0,0,0,0.06);\r\n    transition:0.25s ease;\r\n}\r\n.pdf-card:hover{\r\n    transform:translateY(-4px);\r\n    box-shadow:0 12px 25px rgba(0,0,0,0.12);\r\n    border-left:4px solid #002b8c;\r\n}\r\n.pdf-icon{\r\n    font-size:30px;\r\n    flex-shrink: 0;\r\n}\r\n.pdf-content {\r\n    flex: 1; \r\n}\r\n.pdf-title{\r\n    font-size:17px;\r\n    font-weight:700;\r\n    color:#111827;\r\n    display: inline-block; \r\n    line-height: 1.5;\r\n}\r\n.pdf-desc{\r\n    font-size:14px;\r\n    color:#6b7280;\r\n    margin-top:6px;\r\n}\r\n.tag{\r\n    display: inline-block;\r\n    font-size:12px;\r\n    padding:2px 8px;\r\n    border-radius:999px;\r\n    color:#fff;\r\n    margin-left: 6px;\r\n    vertical-align: middle;\r\n    white-space: nowrap; \r\n}\r\n.tag.new{ background:#16a34a; }\r\n.tag.hot{ background:#dc2626; }\r\n.tag.hienhanh{ background:#00BB00; }\r\n.tag.hethieulucmotphan{ background: #FF6600;}\r\n.tag.moi{ background: #FFFF00;color:black}\r\n\r\n.pdf-download{\r\n    margin-left:auto;\r\n    padding:8px 14px;\r\n    background:#002b8c;\r\n    color:#fff;\r\n    border-radius:8px;\r\n    text-decoration:none;\r\n    font-size:13px;\r\n    transition:0.2s;\r\n    white-space: nowrap; \r\n}\r\n.pdf-download:hover{\r\n    background:#001d66;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    body {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .pdf-section {\r\n        margin-top: 30px;\r\n    }\r\n    .pdf-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        margin-left: 10px;\r\n        margin-right: 10px;\r\n        gap: 6px;\r\n    }\r\n    .pdf-header h2 {\r\n        font-size: 22px;\r\n    }\r\n    .pdf-header span {\r\n        font-size: 14px;\r\n    }\r\n    .pdf-list {\r\n        margin: 0 10px;\r\n    }\r\n    .pdf-card {\r\n        padding: 14px;\r\n        gap: 12px;\r\n        border-radius: 10px;\r\n        flex-wrap: wrap; \r\n    }\r\n    .pdf-icon {\r\n        font-size: 24px; \r\n    }\r\n    .pdf-content {\r\n        flex: 1;\r\n        min-width: 200px;\r\n    }\r\n    .pdf-title {\r\n        font-size: 14px; \r\n    }\r\n    .pdf-desc {\r\n        font-size: 12px;\r\n    }\r\n    .tag {\r\n        font-size: 11px; \r\n        padding: 2px 6px;\r\n    }\r\n    .pdf-download {\r\n        font-size: 13px;\r\n        padding: 8px 16px;\r\n        margin-left: auto; \r\n        width: 100%; \r\n        text-align: center;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .video-header h2 {\r\n        font-size: 22px;\r\n    }\r\n    .video-header {\r\n        margin-bottom: 12px;\r\n        padding: 0 10px;\r\n    }\r\n    .video-slider {\r\n        overflow-x: auto;\r\n        -webkit-overflow-scrolling: touch;\r\n        scroll-snap-type: x mandatory;\r\n    }\r\n    .video-wrapper {\r\n        transform: none !important;\r\n        gap: 12px;\r\n        width: max-content;\r\n        padding: 0 10px;\r\n    }\r\n    .video-card {\r\n        min-width: 260px;\r\n        max-width: 260px;\r\n        scroll-snap-align: start;\r\n        border-radius: 10px;\r\n    }\r\n    .video-thumb-wrap img {\r\n        height: 140px;\r\n    }\r\n    .play-btn {\r\n        width: 45px;\r\n        height: 45px;\r\n    }\r\n    .play-btn svg {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n    .video-content {\r\n        padding: 10px;\r\n    }\r\n    .video-content h3 {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n    }\r\n    .video-content a {\r\n        font-size: 12px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded',function(){\r\n\r\n    const wrapper =\r\n    document.querySelector('.video-wrapper');\r\n\r\n    const cards =\r\n    document.querySelectorAll('.video-card');\r\n\r\n    const next =\r\n    document.querySelector('.video-next');\r\n\r\n    const prev =\r\n    document.querySelector('.video-prev');\r\n\r\n    let index = 0;\r\n\r\n    const maxIndex =\r\n    cards.length - 3;\r\n\r\n    next.addEventListener('click',()=>{\r\n\r\n        if(index < maxIndex){\r\n\r\n            index++;\r\n\r\n            wrapper.style.transform =\r\n            `translateX(-${index*33.7}%)`;\r\n\r\n        }\r\n\r\n    });\r\n\r\n    prev.addEventListener('click',()=>{\r\n\r\n        if(index > 0){\r\n\r\n            index--;\r\n\r\n            wrapper.style.transform =\r\n            `translateX(-${index*33.7}%)`;\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8db0de8 e-con-full e-flex e-con e-parent\" data-id=\"8db0de8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40d07d7 elementor-widget elementor-widget-html\" data-id=\"40d07d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\">\r\n\r\n<button class=\"mobile-toc-toggle\" onclick=\"toggleMobileToc()\" aria-label=\"Toggle Menu\">\r\n    <i class=\"fa-solid fa-bars-staggered\"><\/i>\r\n<\/button>\r\n\r\n<div class=\"floating-toc\" id=\"floatingToc\">\r\n    <a href=\"#mucluc-hero\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-archway\"><\/i><\/span>\r\n        <span class=\"label\">\u0110\u00e0o t\u1ea1o l\u00e1i xe<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-daotao\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-book-open\"><\/i><\/span>\r\n        <span class=\"label\">Th\u00f4ng tin tuy\u1ec3n sinh<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-gioithieu\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-circle-info\"><\/i><\/span>\r\n        <span class=\"label\">Gi\u1edbi thi\u1ec7u<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-tailieuthamkhao\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-folder-open\"><\/i><\/span>\r\n        <span class=\"label\">T\u00e0i li\u1ec7u tham kh\u1ea3o<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-ltx\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-house-signal\"><\/i><\/span>\r\n        <span class=\"label\">H\u1ecdc online<\/span>\r\n    <\/a>\r\n    \r\n    <a href=\"#mucluc-faq\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-comments\"><\/i><\/span>\r\n        <span class=\"label\">H\u1ecfi - \u0111\u00e1p<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-dangkytuvan\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-phone-volume\"><\/i><\/span>\r\n        <span class=\"label\">\u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n<\/span>\r\n    <\/a>\r\n    <script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function (e) {\r\n            const targetId = this.getAttribute('href');\r\n            \r\n            if (targetId === '#' || targetId === '') return;\r\n            \r\n            const targetElement = document.querySelector(targetId);\r\n            \r\n            if (targetElement) {\r\n                e.preventDefault(); \r\n                \r\n                targetElement.scrollIntoView({\r\n                    behavior: 'smooth',\r\n                    block: 'start'\r\n                });\r\n                \r\n                history.pushState(\"\", document.title, window.location.pathname + window.location.search);\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\r\n<\/div>\r\n\r\n<style>\r\n[id] {\r\n    scroll-margin-top: 90px;\r\n}\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\n.floating-toc {\r\n    position: fixed;\r\n    right: 15px; \r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    z-index: 99999;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px; \r\n}\r\n\r\n.mobile-toc-toggle {\r\n    display: none;\r\n}\r\n\r\n.floating-toc a {\r\n    display: flex;\r\n    align-items: center;\r\n    width: 44px; \r\n    height: 44px; \r\n    overflow: hidden;\r\n    text-decoration: none;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border-radius: 999px;\r\n    box-shadow: 0 6px 18px rgba(0,0,0,0.1);\r\n    transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s ease, background 0.2s;\r\n    color: #071a42;\r\n}\r\n\r\n.floating-toc:hover a {\r\n    width: 230px; \r\n}\r\n\r\n.floating-toc .icon {\r\n    width: 44px; \r\n    min-width: 44px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 16px; \r\n}\r\n\r\n.floating-toc .label {\r\n    opacity: 0;\r\n    max-width: 0;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    font-family: \"Be Vietnam Pro\", sans-serif;\r\n    font-size: 13px; \r\n    font-weight: 700;\r\n    transition: opacity 0.15s ease, max-width 0.25s ease;\r\n    padding-right: 15px;\r\n}\r\n\r\n.floating-toc:hover .label {\r\n    opacity: 1;\r\n    max-width: 170px;\r\n}\r\n\r\n.floating-toc a:hover {\r\n    transform: translateX(-4px);\r\n    background: #ffffff;\r\n    color: #123a7a;\r\n}\r\n\r\n\/* TR\u1ea0NG TH\u00c1I ACTIVE *\/\r\n.floating-toc a.active {\r\n    background: linear-gradient(135deg, #071a42, #123a7a);\r\n    color: white !important;\r\n}\r\n.floating-toc a.active .label {\r\n    color: white !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .mobile-toc-toggle {\r\n        display: flex;\r\n        position: fixed;\r\n        bottom: 25px;\r\n        right: 20px;\r\n        width: 52px;\r\n        height: 52px;\r\n        background: linear-gradient(135deg, #071a42, #123a7a);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 50%;\r\n        font-size: 20px;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 4px 18px rgba(7, 26, 66, 0.4);\r\n        z-index: 100000;\r\n        cursor: pointer;\r\n        transition: transform 0.2s ease;\r\n    }\r\n    \r\n    .mobile-toc-toggle:active {\r\n        transform: scale(0.9);\r\n    }\r\n\r\n    .floating-toc {\r\n        right: -280px;\r\n        top: auto;\r\n        bottom: 90px;\r\n        transform: none;\r\n        background: rgba(255, 255, 255, 0.98);\r\n        padding: 15px 12px;\r\n        border-radius: 16px 0 0 16px;\r\n        box-shadow: -8px 8px 30px rgba(0, 0, 0, 0.15);\r\n        max-height: 60vh;\r\n        overflow-y: auto;\r\n        width: 240px;\r\n        transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        border: 1px solid rgba(7, 26, 66, 0.08);\r\n        gap: 8px; \r\n    }\r\n\r\n    .floating-toc.mobile-open {\r\n        right: 0;\r\n    }\r\n\r\n    .floating-toc a, .floating-toc:hover a {\r\n        width: 100% !important;\r\n        height: 44px;\r\n        background: transparent;\r\n        box-shadow: none;\r\n        transform: none !important;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .floating-toc .icon {\r\n        width: 36px;\r\n        min-width: 36px;\r\n    }\r\n\r\n    .floating-toc .label, .floating-toc:hover .label {\r\n        opacity: 1;\r\n        max-width: 100%;\r\n        font-size: 13px;\r\n        padding-right: 0;\r\n    }\r\n    \r\n    .floating-toc a:hover {\r\n        background: rgba(7, 26, 66, 0.05);\r\n        color: #123a7a;\r\n    }\r\n    \r\n    .floating-toc a.active {\r\n        background: linear-gradient(135deg, #071a42, #123a7a);\r\n        color: white !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction toggleMobileToc() {\r\n    const toc = document.getElementById('floatingToc');\r\n    toc.classList.toggle('mobile-open');\r\n}\r\n\r\ndocument.querySelectorAll('.floating-toc a').forEach(link => {\r\n    link.addEventListener('click', () => {\r\n        if (window.innerWidth <= 768) {\r\n            document.getElementById('floatingToc').classList.remove('mobile-open');\r\n        }\r\n    });\r\n});\r\n\r\ndocument.addEventListener('click', (e) => {\r\n    const toc = document.getElementById('floatingToc');\r\n    const toggleBtn = document.querySelector('.mobile-toc-toggle');\r\n    if (window.innerWidth <= 768 && toc.classList.contains('mobile-open')) {\r\n        if (!toc.contains(e.target) && !toggleBtn.contains(e.target)) {\r\n            toc.classList.remove('mobile-open');\r\n        }\r\n    }\r\n});\r\n\r\nwindow.addEventListener('scroll', () => {\r\n    const links = document.querySelectorAll('.floating-toc a');\r\n    let activeLink = null;\r\n    \r\n    if (window.scrollY < 100) {\r\n        activeLink = links[0];\r\n    } else {\r\n        links.forEach(link => {\r\n            const section = document.querySelector(link.hash);\r\n            if (section) {\r\n                const rect = section.getBoundingClientRect();\r\n                if (rect.top <= 130) {\r\n                    activeLink = link;\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    links.forEach(link => {\r\n        if (link === activeLink) {\r\n            link.classList.add('active');\r\n        } else {\r\n            link.classList.remove('active');\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcda108 e-con-full e-flex e-con e-parent\" data-id=\"bcda108\" data-element_type=\"container\" data-e-type=\"container\" id=\"mucluc-ltx\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0718518 elementor-widget elementor-widget-html\" data-id=\"0718518\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html lang=\"vi\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>H\u1ecdc Tr\u1ef1c Tuy\u1ebfn<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<style>\r\n:root {\r\n    --primary: #0B3B82;\r\n    --primary-light: #1E5CC7;\r\n    --border: #E5E7EB;\r\n    --text: #1F2937;\r\n}\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n    font-family: \"Be Vietnam Pro\", \"Segoe UI\", sans-serif;\r\n    color: var(--text);\r\n    line-height: 1.5;\r\n    background: #fdfdfd;\r\n}\r\n\r\n.elearning-section {\r\n    padding: 50px 20px;\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.section-header {\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.section-header h2 {\r\n    font-size: 36px;\r\n    color: var(--primary);\r\n    margin-bottom: 8px;\r\n    font-weight: 800;\r\n}\r\n\r\n.section-header p {\r\n    max-width: 700px;\r\n    margin: auto;\r\n    color: #6b7280;\r\n    font-size: 15px;\r\n}\r\n\r\n.portal-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 25px;\r\n    align-items: stretch;\r\n}\r\n\r\n.portal-card {\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    transition: .3s;\r\n}\r\n\r\n.portal-card:hover {\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.card-label {\r\n    display: inline-block;\r\n    padding: 6px 14px;\r\n    background: #eef4ff;\r\n    color: var(--primary);\r\n    border-radius: 50px;\r\n    font-weight: 700;\r\n    margin-bottom: 18px;\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* INFO CARD *\/\r\n.info-card {\r\n    background: #fff;\r\n    border: 1px solid var(--border);\r\n    padding: 35px;\r\n    box-shadow: 0 8px 30px rgba(0,0,0,.04);\r\n}\r\n\r\n.info-card h3 {\r\n    color: var(--primary);\r\n    font-size: 26px;\r\n    margin-bottom: 10px;\r\n    font-weight: 700;\r\n}\r\n\r\n.info-card p {\r\n    color: #6b7280;\r\n    font-size: 14.5px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.feature-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 12px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.feature-item {\r\n    background: #f8fbff;\r\n    border: 1px solid #edf2f7;\r\n    border-radius: 14px;\r\n    padding: 14px;\r\n    text-align: center;\r\n}\r\n\r\n.feature-item i {\r\n    font-size: 24px;\r\n    color: var(--primary);\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.feature-item h4 {\r\n    margin-bottom: 4px;\r\n    font-weight: 600;\r\n    color: #111;\r\n    font-size: 15px;\r\n}\r\n\r\n.feature-item p {\r\n    font-size: 13px;\r\n    color: #6b7280;\r\n    margin-bottom: 0;\r\n}\r\n\r\n.learning-flow {\r\n    background: #f8fbff;\r\n    padding: 18px 20px;\r\n    border-radius: 16px;\r\n    margin-bottom: 20px;\r\n    border: 1px solid #edf2f7;\r\n}\r\n\r\n.learning-flow h4 {\r\n    color: var(--primary);\r\n    margin-bottom: 10px;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n}\r\n\r\n.steps {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n}\r\n\r\n.step {\r\n    background: white;\r\n    border: 1px solid #dbeafe;\r\n    color: var(--primary);\r\n    padding: 6px 12px;\r\n    border-radius: 8px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n}\r\n\r\n.btn-guide {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 12px 20px;\r\n    background: var(--primary);\r\n    color: white !important;\r\n    text-decoration: none;\r\n    border-radius: 12px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    transition: .3s;\r\n}\r\n\r\n.btn-guide:hover {\r\n    background: var(--primary-light);\r\n}\r\n\r\n\/* LOGIN CARD *\/\r\n.login-card {\r\n    background: linear-gradient(135deg, #0B3B82, #1E5CC7);\r\n    color: white;\r\n    padding: 35px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n}\r\n\r\n.login-card h3 {\r\n    font-size: 26px;\r\n    margin-bottom: 10px;\r\n    color: #fff;\r\n    font-weight: 700;\r\n}\r\n\r\n.login-card p {\r\n    font-size: 14.5px;\r\n    opacity: .95;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.status-online {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 15px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n}\r\n\r\n.status-online span {\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: #22c55e;\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0% { box-shadow: 0 0 0 0 rgba(34,197,94,.6); }\r\n    100% { box-shadow: 0 0 0 10px rgba(34,197,94,0); }\r\n}\r\n\r\n.desktop-features {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin: 22px 0;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    padding: 18px;\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.desktop-feature-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 14px;\r\n    color: #fff;\r\n}\r\n\r\n.desktop-feature-item i {\r\n    color: #4ade80;\r\n    font-size: 16px;\r\n}\r\n\r\n.portal-actions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n}\r\n\r\n.app-buttons-group {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n}\r\n\r\n.portal-btn {\r\n    width: 100%;\r\n    height: 54px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background: white;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    color: #002b8c !important;\r\n    transition: .3s;\r\n    font-size: 14px;\r\n}\r\n\r\n.portal-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(0,0,0,.12);\r\n}\r\n\r\n.portal-btn i {\r\n    font-size: 18px;\r\n}\r\n\r\n.support-box {\r\n    margin-top: 20px;\r\n    padding-top: 15px;\r\n    border-top: 1px solid rgba(255,255,255,.2);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n}\r\n\r\n.support-box i {\r\n    width: 20px;\r\n}\r\n\r\n@media(max-width: 1024px) {\r\n    .portal-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 680px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .section-header h2 {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .desktop-features {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media(max-width: 767px) {\r\n    .elearning-section {\r\n        padding: 30px 15px;\r\n    }\r\n\r\n    .section-header {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .section-header h2 {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .section-header p {\r\n        font-size: 13.5px;\r\n    }\r\n\r\n    .info-card, .login-card {\r\n        padding: 24px 18px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .info-card h3, .login-card h3 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .feature-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 8px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .feature-item {\r\n        padding: 10px 8px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .feature-item i {\r\n        font-size: 20px;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .feature-item h4 {\r\n        font-size: 13.5px;\r\n    }\r\n\r\n    .feature-item p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .learning-flow {\r\n        padding: 14px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .steps {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 6px;\r\n    }\r\n\r\n    .step {\r\n        text-align: center;\r\n        padding: 6px 4px;\r\n        font-size: 11.5px;\r\n        border-radius: 6px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-height: 32px;\r\n    }\r\n\r\n    .btn-guide {\r\n        width: 100%;\r\n        justify-content: center;\r\n        padding: 10px 16px;\r\n        font-size: 13.5px;\r\n    }\r\n\r\n    .app-buttons-group {\r\n        grid-template-columns: 1fr;\r\n        gap: 10px;\r\n    }\r\n\r\n    .portal-btn {\r\n        height: 48px;\r\n        font-size: 13.5px;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"elearning-section\">\r\n    <div class=\"section-header\">\r\n        <h2>N\u1ec1n t\u1ea3ng \u0111\u00e0o t\u1ea1o t\u1eeb xa - t\u1ef1 h\u1ecdc c\u00f3 h\u01b0\u1edbng d\u1eabn<\/h2>\r\n        <p>H\u1ecdc l\u00fd thuy\u1ebft tr\u1ef1c tuy\u1ebfn theo h\u01b0\u1edbng d\u1eabn<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"portal-grid\">\r\n        <div class=\"portal-card info-card\">\r\n            <div class=\"card-label\">Gi\u1edbi thi\u1ec7u v\u1ec1 n\u1ec1n t\u1ea3ng<\/div>\r\n            <h3>H\u1ecdc tr\u1ef1c tuy\u1ebfn nh\u01b0 th\u1ebf n\u00e0o?<\/h3>\r\n            <p>\r\n                Sau khi \u0111\u0103ng k\u00fd kh\u00f3a h\u1ecdc, h\u1ecdc vi\u00ean s\u1ebd \u0111\u01b0\u1ee3c c\u1ea5p t\u00e0i kho\u1ea3n \u0111\u1ec3 tham gia h\u1ecdc l\u00fd thuy\u1ebft, theo d\u00f5i ti\u1ebfn \u0111\u1ed9 v\u00e0 \u00f4n t\u1eadp tr\u1ef1c tuy\u1ebfn.\r\n            <\/p>\r\n\r\n            <div class=\"feature-grid\">\r\n                <div class=\"feature-item\">\r\n                    <i class=\"fa-solid fa-book\"><\/i>\r\n                    <h4>B\u00e0i gi\u1ea3ng<\/h4>\r\n                    <p>N\u1ed9i dung \u0111\u1ea7y \u0111\u1ee7<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <i class=\"fa-solid fa-video\"><\/i>\r\n                    <h4>Video h\u1ecdc<\/h4>\r\n                    <p>Tr\u1ef1c quan, d\u1ec5 hi\u1ec3u<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <i class=\"fa-solid fa-clipboard-check\"><\/i>\r\n                    <h4>\u00d4n t\u1eadp<\/h4>\r\n                    <p>Chu\u1ea9n b\u1ecb s\u00e1t h\u1ea1ch<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <i class=\"fa-solid fa-chart-line\"><\/i>\r\n                    <h4>Ti\u1ebfn \u0111\u1ed9<\/h4>\r\n                    <p>Theo d\u00f5i d\u1ec5 d\u00e0ng<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"learning-flow\">\r\n                <h4>Quy tr\u00ecnh h\u1ecdc t\u1eadp<\/h4>\r\n                <div class=\"steps\">\r\n                    <div class=\"step\">\u0110\u0103ng k\u00fd<\/div>\r\n                    <div class=\"step\">C\u1ea5p t\u00e0i kho\u1ea3n<\/div>\r\n                    <div class=\"step\">\u0110\u0103ng nh\u1eadp<\/div>\r\n                    <div class=\"step\">H\u1ecdc online<\/div>\r\n                    <div class=\"step\">\u00d4n t\u1eadp<\/div>\r\n                    <div class=\"step\">S\u00e1t h\u1ea1ch<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/huong-dan-hoc-ly-thuyet-truc-tuyen\/\" class=\"btn-guide\">\r\n                <i class=\"fa-solid fa-circle-info\"><\/i>\r\n                Xem h\u01b0\u1edbng d\u1eabn h\u1ecdc online\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"portal-card login-card\">\r\n            <div>\r\n                <div class=\"card-label\" style=\"background: rgba(255,255,255,0.2); color: #fff;\">B\u1eaft \u0111\u1ea7u h\u1ecdc<\/div>\r\n\r\n                <div class=\"status-online\">\r\n                    <span><\/span>\r\n                    H\u1ec7 th\u1ed1ng \u0111ang ho\u1ea1t \u0111\u1ed9ng\r\n                <\/div>\r\n\r\n                <h3>Truy c\u1eadp h\u1ec7 th\u1ed1ng h\u1ecdc tr\u1ef1c tuy\u1ebfn<\/h3>\r\n                <p>\r\n                   H\u1ecdc vi\u00ean s\u1eed d\u1ee5ng t\u00e0i kho\u1ea3n do Tr\u01b0\u1eddng cung c\u1ea5p \u0111\u1ec3 \u0111\u0103ng nh\u1eadp v\u00e0 b\u1eaft \u0111\u1ea7u h\u1ecdc.\r\n                <\/p>\r\n\r\n                <div class=\"desktop-features\">\r\n                    <div class=\"desktop-feature-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Ch\u1ee7 \u0111\u1ed9ng th\u1eddi gian h\u1ecdc<\/span>\r\n                    <\/div>\r\n                    <div class=\"desktop-feature-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>H\u1ecdc linh ho\u1ea1t m\u1ecdi l\u00fac m\u1ecdi n\u01a1i tr\u00ean m\u1ecdi thi\u1ebft b\u1ecb<\/span>\r\n                    <\/div>\r\n                    <div class=\"desktop-feature-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>H\u1ed7 tr\u1ee3 gi\u1ea3i \u0111\u00e1p th\u1eafc m\u1eafc nhanh ch\u00f3ng<\/span>\r\n                    <\/div>\r\n                    <div class=\"desktop-feature-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Giao di\u1ec7n th\u00e2n thi\u1ec7n, d\u1ec5 s\u1eed d\u1ee5ng<\/span>\r\n                    <\/div>\r\n                    <div class=\"desktop-feature-item\">\r\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                        <span>Ph\u00f9 h\u1ee3p v\u1edbi ng\u01b0\u1eddi b\u1eadn r\u1ed9n, ng\u01b0\u1eddi \u0111ang \u0111i l\u00e0m<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"portal-actions\">\r\n                <a href=\"https:\/\/hoclythuyetlaixe.eco-tek.com.vn\/web\/login\"\r\n                   target=\"_blank\"\r\n                   rel=\"noopener\"\r\n                   class=\"portal-btn\">\r\n                    <i class=\"fa-solid fa-globe\"><\/i>\r\n                    <span>\u0110\u0102NG NH\u1eacP H\u1ec6 TH\u1ed0NG<\/span>\r\n                <\/a>\r\n\r\n                <div class=\"app-buttons-group\">\r\n                    <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.Ecotek.ltx\"\r\n                       target=\"_blank\"\r\n                       rel=\"noopener\"\r\n                       class=\"portal-btn\">\r\n                        <i class=\"fa-brands fa-google-play\"><\/i>\r\n                        <span>CH PLAY<\/span>\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/apps.apple.com\/vn\/app\/ltx\/id6740264450\"\r\n                       target=\"_blank\"\r\n                       rel=\"noopener\"\r\n                       class=\"portal-btn\">\r\n                        <i class=\"fa-brands fa-apple\"><\/i>\r\n                        <span>APP STORE<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"support-box\">\r\n                    <div>\r\n                        <i class=\"fa-solid fa-phone\"><\/i>\r\n                        Hotline: 02703.960.666\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-386dd2e e-flex e-con-boxed e-con e-parent\" data-id=\"386dd2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1230d21 elementor-widget elementor-widget-heading\" data-id=\"1230d21\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-faq\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">C\u00e1c c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71f3fd3 elementor-widget elementor-widget-eael-adv-accordion\" data-id=\"71f3fd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-adv-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"eael-adv-accordion\" id=\"eael-adv-accordion-71f3fd3\" data-scroll-on-click=\"no\" data-scroll-speed=\"300\" data-accordion-id=\"71f3fd3\" data-accordion-type=\"toggle\" data-toogle-speed=\"300\">\n            <div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"hng-a1-chy-c-nhng-loi-xe-no\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"1\" aria-controls=\"elementor-tab-content-1191\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">H\u1ea1ng A1 ch\u1ea1y \u0111\u01b0\u1ee3c nh\u1eefng lo\u1ea1i xe n\u00e0o?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1191\" class=\"eael-accordion-content clearfix\" data-tab=\"1\" aria-labelledby=\"hng-a1-chy-c-nhng-loi-xe-no\"><p>Theo quy \u0111\u1ecbnh t\u1eeb ng\u00e0y 01\/01\/2025 t\u1ea1i \u0111i\u1ec3m a kho\u1ea3n 1 \u0110i\u1ec1u 57 Lu\u1eadt Tr\u1eadt t\u1ef1, an to\u00e0n giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9 n\u0103m 2024:<\/p><blockquote><p>&#8220;H\u1ea1ng A1 \u0111\u01b0\u1ee3c c\u1ea5p cho ng\u01b0\u1eddi l\u00e1i xe m\u00f4 t\u00f4 hai b\u00e1nh c\u00f3 dung t\u00edch xi-lanh \u0111\u1ebfn 125 cm<sup>3<\/sup> ho\u1eb7c c\u00f3 c\u00f4ng su\u1ea5t \u0111\u1ed9ng c\u01a1 \u0111i\u1ec7n \u0111\u1ebfn 11 kW.&#8221;<\/p><\/blockquote><p>Nh\u01b0 v\u1eady, khi \u0111\u01b0\u1ee3c c\u1ea5p gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng A1, b\u1ea1n c\u00f3 th\u1ec3 l\u00e1i xe m\u00f4 t\u00f4 hai b\u00e1nh \u0111\u1ebfn 125 cm<sup>3 <\/sup>(125 ph\u00e2n kh\u1ed1i) v\u00e0 xe m\u00e1y \u0111i\u1ec7n c\u00f3 c\u00f4ng su\u1ea5t \u0111\u1ebfn 11kW.<\/p><\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"hng-b-s-sn-c-li-xe-s-t-ng-c-khng\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"2\" aria-controls=\"elementor-tab-content-1192\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">H\u1ea1ng B s\u1ed1 s\u00e0n c\u00f3 l\u00e1i xe s\u1ed1 t\u1ef1 \u0111\u1ed9ng \u0111\u01b0\u1ee3c kh\u00f4ng?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1192\" class=\"eael-accordion-content clearfix\" data-tab=\"2\" aria-labelledby=\"hng-b-s-sn-c-li-xe-s-t-ng-c-khng\"><p>C\u00f3, ng\u01b0\u1eddi s\u1edf h\u1eefu gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng B thi theo s\u1ed1 s\u00e0n (xe chuy\u1ec3n s\u1ed1 c\u01a1 kh\u00ed) \u0111\u01b0\u1ee3c ph\u00e9p \u0111i\u1ec1u khi\u1ec3n c\u1ea3 \u00f4 t\u00f4 h\u1ea1ng B s\u1ed1 s\u00e0n v\u00e0 \u00f4 t\u00f4 h\u1ea1ng B s\u1ed1 t\u1ef1 \u0111\u1ed9ng.<\/p><p><em>L\u01b0u \u00fd:<\/em><\/p><ul><li><em>H\u1ea1ng B s\u1ed1 s\u00e0n l\u00e0 lo\u1ea1i b\u1eb1ng c\u00f3 ph\u1ea1m vi \u0111i\u1ec1u khi\u1ec3n r\u1ed9ng h\u01a1n.<\/em><\/li><li><em>Khi \u0111\u00e3 thi v\u00e0 \u0111\u1ea1t s\u00e1t h\u1ea1ch tr\u00ean xe s\u1ed1 s\u00e0n, b\u1ea1n kh\u00f4ng b\u1ecb gi\u1edbi h\u1ea1n ch\u1ec9 l\u00e1i s\u1ed1 s\u00e0n, m\u00e0 \u0111\u01b0\u1ee3c ph\u00e9p l\u00e1i c\u1ea3 s\u1ed1 t\u1ef1 \u0111\u1ed9ng.<\/em><\/li><li><em>Tuy nhi\u00ean, n\u1ebfu b\u1ea1n thi b\u1eb1ng B s\u1ed1 t\u1ef1 \u0111\u1ed9ng, th\u00ec s\u1ebd ch\u1ec9 \u0111\u01b0\u1ee3c l\u00e1i xe s\u1ed1 t\u1ef1 \u0111\u1ed9ng, kh\u00f4ng \u0111\u01b0\u1ee3c l\u00e1i s\u1ed1 s\u00e0n.<\/em><\/li><\/ul><\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"ti-18-tui-c-th-hc-li-xe-t-hng-no\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"3\" aria-controls=\"elementor-tab-content-1193\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">T\u00f4i 18 tu\u1ed5i, c\u00f3 th\u1ec3 h\u1ecdc l\u00e1i xe \u00f4 t\u00f4 h\u1ea1ng n\u00e0o?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1193\" class=\"eael-accordion-content clearfix\" data-tab=\"3\" aria-labelledby=\"ti-18-tui-c-th-hc-li-xe-t-hng-no\"><p>Theo quy \u0111\u1ecbnh t\u1ea1i Lu\u1eadt Tr\u1eadt t\u1ef1, an to\u00e0n giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9 n\u0103m 2024:<\/p><blockquote><p><span>&#8220;Ng\u01b0\u1eddi \u0111\u1ee7 18 tu\u1ed5i tr\u1edf l\u00ean \u0111\u01b0\u1ee3c c\u1ea5p gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng A1, A, B1, B, C1, \u0111\u01b0\u1ee3c c\u1ea5p ch\u1ee9ng ch\u1ec9 b\u1ed3i d\u01b0\u1ee1ng ki\u1ebfn th\u1ee9c ph\u00e1p lu\u1eadt v\u1ec1 giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9 \u0111\u1ec3 \u0111i\u1ec1u khi\u1ec3n xe m\u00e1y chuy\u00ean d\u00f9ng tham gia giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9;&#8221;<\/span><\/p><\/blockquote><p>Theo \u0111\u00f3, khi \u0111\u1ee7 18 tu\u1ed5i, b\u1ea1n c\u00f3 th\u1ec3 \u0111\u0103ng k\u00fd h\u1ecdc v\u00e0 s\u00e1t h\u1ea1ch l\u00e1i xe m\u00f4 t\u00f4 h\u1ea1ng A, A1, B1 v\u00e0 \u00f4 t\u00f4 h\u1ea1ng B, C1.<\/p><\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"ti-lm-mt-giy-php-li-xe-ti-c-th-ng-k-thi-li-khng\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"4\" aria-controls=\"elementor-tab-content-1194\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">T\u00f4i l\u00e0m m\u1ea5t gi\u1ea5y ph\u00e9p l\u00e1i xe, t\u00f4i c\u00f3 th\u1ec3 \u0111\u0103ng k\u00fd thi l\u1ea1i kh\u00f4ng?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1194\" class=\"eael-accordion-content clearfix\" data-tab=\"4\" aria-labelledby=\"ti-lm-mt-giy-php-li-xe-ti-c-th-ng-k-thi-li-khng\"><p>Tr\u01b0\u1edbc h\u1ebft b\u1ea1n h\u00e3y ki\u1ec3m tra xem m\u00ecnh thu\u1ed9c tr\u01b0\u1eddng h\u1ee3p n\u00e0o d\u01b0\u1edbi \u0111\u00e2y nh\u00e9:<\/p><p><strong>Gi\u1ea5y ph\u00e9p l\u00e1i xe b\u1ecb m\u1ea5t khi c\u00f2n th\u1eddi h\u1ea1n s\u1eed d\u1ee5ng<\/strong><\/p><ol><li>B\u1ea1n h\u00e3y \u0111\u1ebfn Ph\u00f2ng C\u1ea3nh s\u00e1t giao th\u00f4ng ki\u1ec3m tra, n\u1ebfu th\u00f4ng tin gi\u1ea5y ph\u00e9p l\u00e1i xe c\u00f3 trong h\u1ec7 th\u1ed1ng th\u00f4ng tin gi\u1ea5y ph\u00e9p l\u00e1i xe c\u1ee7a C\u1ee5c C\u1ea3nh s\u00e1t giao th\u00f4ng ho\u1eb7c c\u00f3 b\u1ea3ng k\u00ea danh s\u00e1ch c\u1ea5p gi\u1ea5y ph\u00e9p l\u00e1i xe (s\u1ed5 qu\u1ea3n l\u00fd) th\u00ec b\u1ea1n ch\u1ec9 c\u1ea7n l\u00e0m th\u1ee7 t\u1ee5c c\u1ea5p l\u1ea1i gi\u1ea5y ph\u00e9p l\u00e1i xe theo quy \u0111\u1ecbnh, kh\u00f4ng c\u1ea7n ph\u1ea3i thi l\u1ea1i.<\/li><li>Tr\u01b0\u1eddng h\u1ee3p th\u00f4ng tin gi\u1ea5y ph\u00e9p l\u00e1i xe c\u1ee7a b\u1ea1n kh\u00f4ng c\u00f3 trong h\u1ec7 th\u1ed1ng th\u00f4ng tin gi\u1ea5y ph\u00e9p l\u00e1i xe c\u1ee7a C\u1ee5c C\u1ea3nh s\u00e1t giao th\u00f4ng ho\u1eb7c kh\u00f4ng c\u00f3 b\u1ea3ng k\u00ea danh s\u00e1ch c\u1ea5p gi\u1ea5y ph\u00e9p l\u00e1i xe (s\u1ed5 qu\u1ea3n l\u00fd) th\u00ec b\u1ea1n c\u00f3 th\u1ec3 \u0111\u0103ng k\u00fd h\u1ecdc v\u00e0 s\u00e1t h\u1ea1ch l\u00e1i xe l\u1ea1i theo quy \u0111\u1ecbnh.<\/li><\/ol><p><strong>Tr\u01b0\u1eddng h\u1ee3p gi\u1ea5y ph\u00e9p l\u00e1i xe c\u1ee7a b\u1ea1n c\u00f3 th\u00f4ng tin tr\u00ean h\u1ec7 th\u1ed1ng c\u1ee7a C\u1ee5c C\u1ea3nh s\u00e1t giao th\u00f4ng nh\u01b0ng h\u1ebft th\u1eddi h\u1ea1n s\u1eed d\u1ee5ng:<\/strong><\/p><ul><li>H\u1ebft h\u1ea1n s\u1eed d\u1ee5ng d\u01b0\u1edbi 01 n\u0103m th\u00ec b\u1ea1n ph\u1ea3i s\u00e1t h\u1ea1ch l\u1ea1i l\u00fd thuy\u1ebft,<\/li><li>H\u1ebft h\u1ea1n s\u1eed d\u1ee5ng t\u1eeb 01 n\u0103m tr\u1edf l\u00ean th\u00ec b\u1ea1n ph\u1ea3i s\u00e1t h\u1ea1ch l\u1ea1i l\u00fd thuy\u1ebft, th\u1ef1c h\u00e0nh trong h\u00ecnh v\u00e0 \u0111\u01b0\u1eddng tr\u01b0\u1eddng nh\u00e9.<\/li><\/ul><\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"hc-li-xe-t-c-yu-cu-v-trnh-hc-vn-khng\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"5\" aria-controls=\"elementor-tab-content-1195\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">H\u1ecdc l\u00e1i xe \u00f4 t\u00f4 c\u00f3 y\u00eau c\u1ea7u v\u1ec1 tr\u00ecnh \u0111\u1ed9 h\u1ecdc v\u1ea5n kh\u00f4ng?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1195\" class=\"eael-accordion-content clearfix\" data-tab=\"5\" aria-labelledby=\"hc-li-xe-t-c-yu-cu-v-trnh-hc-vn-khng\"><p>Theo quy \u0111\u1ecbnh hi\u1ec7n h\u00e0nh, khi \u0111\u0103ng k\u00fd h\u1ecdc v\u00e0 s\u00e1t h\u1ea1ch gi\u1ea5y ph\u00e9p l\u00e1i xe m\u00f4 t\u00f4 A, A1, B1 v\u00e0 \u00f4 t\u00f4 h\u1ea1ng B, C1 kh\u00f4ng c\u00f3 quy \u0111\u1ecbnh y\u00eau c\u1ea7u tr\u00ecnh \u0111\u1ed9 h\u1ecdc v\u1ea5n.\u00a0<\/p><p>Tuy nhi\u00ean \u0111\u1ec3 \u0111\u1ee7 \u0111i\u1ec1u ki\u1ec7n \u0111\u0103ng k\u00fd s\u00e1t h\u1ea1ch l\u00e1i xe th\u00ec tr\u01b0\u1edbc h\u1ebft b\u1ea1n ph\u1ea3i ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o l\u00e1i xe t\u1ea1i c\u01a1 s\u1edf \u0111\u00e0o t\u1ea1o, b\u1ea1n ph\u1ea3i \u0111\u1ecdc &#8211; hi\u1ec3u n\u1ed9i dung ch\u01b0\u01a1ng tr\u00ecnh \u1edf m\u1ed9t m\u1ee9c \u0111\u1ed9 c\u1ee5 th\u1ec3 n\u1eefa nh\u00e9.<\/p><p>Ch\u1ec9 khi b\u1ea1n c\u00f3 nhu c\u1ea7u n\u00e2ng h\u1ea1ng gi\u1ea5y ph\u00e9p l\u00e1i xe l\u00ean c\u00e1c h\u1ea1ng D1, D2 v\u00e0 D th\u00ec m\u1edbi b\u1eaft bu\u1ed9c ph\u1ea3i c\u00f3 b\u1eb1ng t\u1ed1t nghi\u1ec7p trung h\u1ecdc c\u01a1 s\u1edf ho\u1eb7c b\u1eb1ng c\u1ea5p t\u01b0\u01a1ng \u0111\u01b0\u01a1ng tr\u1edf l\u00ean.<\/p><\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"ti-lm-mt-giy-php-li-xe-ti-c-th-s-dng-giy-php-li-xe-in-t-trn-app-vneid-v-vnetraffic-thay-th-khng\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"6\" aria-controls=\"elementor-tab-content-1196\"><span class=\"eael-advanced-accordion-icon-closed\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-advanced-accordion-icon-opened\"><svg aria-hidden=\"true\" class=\"fa-accordion-icon e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span><span class=\"eael-accordion-tab-title\">T\u00f4i l\u00e0m m\u1ea5t gi\u1ea5y ph\u00e9p l\u00e1i xe, t\u00f4i c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng gi\u1ea5y ph\u00e9p l\u00e1i xe \u0111i\u1ec7n t\u1eed tr\u00ean app VNeID v\u00e0 VNeTraffic thay th\u1ebf kh\u00f4ng?<\/span><svg aria-hidden=\"true\" class=\"fa-toggle e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg><\/div><div id=\"elementor-tab-content-1196\" class=\"eael-accordion-content clearfix\" data-tab=\"6\" aria-labelledby=\"ti-lm-mt-giy-php-li-xe-ti-c-th-s-dng-giy-php-li-xe-in-t-trn-app-vneid-v-vnetraffic-thay-th-khng\"><p>B\u1ea1n ho\u00e0n to\u00e0n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng gi\u1ea5y ph\u00e9p l\u00e1i xe \u0111i\u1ec7n t\u1eed tr\u00ean app VNeID v\u00e0 VNeTraffic nh\u00e9, theo quy \u0111\u1ecbnh t\u1ea1i kho\u1ea3n 1 \u0110i\u1ec1u 1 Th\u00f4ng t\u01b0 s\u1ed1 28\/2024\/TT-BCA:<\/p><blockquote><p>&#8220;Khi th\u00f4ng tin c\u1ee7a c\u00e1c gi\u1ea5y t\u1edd \u0111\u00e3 \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p, c\u1eadp nh\u1eadt trong c\u0103n c\u01b0\u1edbc \u0111i\u1ec7n t\u1eed, t\u00e0i kho\u1ea3n \u0111\u1ecbnh danh \u0111i\u1ec7n t\u1eed tr\u00ean \u1ee8ng d\u1ee5ng \u0111\u1ecbnh danh qu\u1ed1c gia, trong c\u01a1 s\u1edf d\u1eef li\u1ec7u do B\u1ed9 C\u00f4ng an qu\u1ea3n l\u00fd th\u00ec th\u1ef1c hi\u1ec7n vi\u1ec7c ki\u1ec3m tra, ki\u1ec3m so\u00e1t th\u00f4ng qua th\u00f4ng tin trong c\u0103n c\u01b0\u1edbc \u0111i\u1ec7n t\u1eed, t\u00e0i kho\u1ea3n \u0111\u1ecbnh danh \u0111i\u1ec7n t\u1eed tr\u00ean \u1ee8ng d\u1ee5ng \u0111\u1ecbnh danh qu\u1ed1c gia, c\u01a1 s\u1edf d\u1eef li\u1ec7u; vi\u1ec7c ki\u1ec3m tra th\u00f4ng tin c\u1ee7a gi\u1ea5y t\u1edd trong c\u0103n c\u01b0\u1edbc \u0111i\u1ec7n t\u1eed, t\u00e0i kho\u1ea3n \u0111\u1ecbnh danh \u0111i\u1ec7n t\u1eed tr\u00ean \u1ee8ng d\u1ee5ng \u0111\u1ecbnh danh qu\u1ed1c gia, c\u01a1 s\u1edf d\u1eef li\u1ec7u c\u00f3 gi\u00e1 tr\u1ecb nh\u01b0 ki\u1ec3m tra tr\u1ef1c ti\u1ebfp gi\u1ea5y t\u1edd \u0111\u00f3;&#8221;<\/p><\/blockquote><\/div>\n\t\t\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7a33f2 e-flex e-con-boxed e-con e-parent\" data-id=\"d7a33f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d258cbf e-con-full e-flex e-con e-child\" data-id=\"d258cbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-54f3fb9 e-con-full e-flex e-con e-child\" data-id=\"54f3fb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b1f4a75 e-con-full e-flex e-con e-child\" data-id=\"b1f4a75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52820dd elementor-widget elementor-widget-html\" data-id=\"52820dd\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-dangkytuvan\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"\r\nmax-width:520px;\r\nmargin:auto;\r\nbackground:#fff7bf;\r\npadding:32px;\r\nborder-radius:24px;\r\nbox-shadow:0 6px 18px rgba(0,0,0,0.15);\r\nfont-family:Tahoma,sans-serif;\r\nbox-sizing:border-box;\r\n\">\r\n\r\n    <!-- Ti\u00eau \u0111\u1ec1 -->\r\n    <h2 style=\"\r\n    text-align:center;\r\n    color:#002b8c;\r\n    margin:0 0 10px;\r\n    font-size:34px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n    \">\r\n    \u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n\r\n    <\/h2>\r\n\r\n    <!-- M\u00f4 t\u1ea3 -->\r\n    <p style=\"\r\n    text-align:center;\r\n    color:#333333;\r\n    margin:0 0 28px;\r\n    font-size:16px;\r\n    line-height:1.6;\r\n    \">\r\n    Vui l\u00f2ng \u0111\u1ec3 l\u1ea1i th\u00f4ng tin \u0111\u1ec3 ch\u00fang t\u00f4i t\u01b0 v\u1ea5n cho b\u1ea1n!\r\n    <\/p>\r\n\r\n    <!-- FORM -->\r\n    <form id=\"consultForm\">\r\n\r\n        <!-- H\u1ecd t\u00ean -->\r\n        <input type=\"text\" name=\"name\" placeholder=\"H\u1ecd v\u00e0 t\u00ean\" required\r\n        style=\"\r\n        width:100%;\r\n        padding:16px 18px;\r\n        border-radius:14px;\r\n        border:1px solid #d9d9d9;\r\n        margin-bottom:16px;\r\n        font-size:16px;\r\n        font-family:Tahoma,sans-serif;\r\n        box-sizing:border-box;\r\n        outline:none;\r\n        \">\r\n\r\n        <!-- S\u1ed1 \u0111i\u1ec7n tho\u1ea1i -->\r\n        <input type=\"text\" name=\"phone\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" required style=\"\r\n        width:100%;\r\n        padding:16px 18px;\r\n        border-radius:14px;\r\n        border:1px solid #d9d9d9;\r\n        margin-bottom:16px;\r\n        font-size:16px;\r\n        font-family:Tahoma,sans-serif;\r\n        box-sizing:border-box;\r\n        outline:none;\r\n        \">\r\n\r\n        <!-- H\u1ea1ng xe -->\r\n        <input type=\"text\" name=\"course\" placeholder=\"H\u1ea1ng xe mu\u1ed1n h\u1ecdc\" required style=\"\r\n        width:100%;\r\n        padding:16px 18px;\r\n        border-radius:14px;\r\n        border:1px solid #d9d9d9;\r\n        margin-bottom:22px;\r\n        font-size:16px;\r\n        font-family:Tahoma,sans-serif;\r\n        box-sizing:border-box;\r\n        outline:none;\r\n        \">\r\n\r\n        <style>\r\n        .tuvan-option input{\r\n            display:none;\r\n        }\r\n\r\n        .tuvan-option span{\r\n            display:flex;\r\n            align-items:center;\r\n            justify-content:center;\r\n            gap:8px;\r\n            padding:14px;\r\n            border-radius:14px;\r\n            background:#ffffff;\r\n            color:#F4A460;\r\n            font-weight:700;\r\n            font-size:15px;\r\n            cursor:pointer;\r\n            transition:0.3s;\r\n            box-shadow:0 2px 6px rgba(0,0,0,0.08);\r\n            font-family:Tahoma,sans-serif;\r\n        }\r\n\r\n        .tuvan-option input:checked + span{\r\n            background:#F4A460;\r\n            color:#ffffff;\r\n        }\r\n        <\/style>\r\n\r\n        <!-- Ch\u1ecdn h\u00ecnh th\u1ee9c t\u01b0 v\u1ea5n -->\r\n        <div style=\"\r\n        display:flex;\r\n        gap:12px;\r\n        margin-bottom:24px;\r\n        \">\r\n\r\n            <label class=\"tuvan-option\" style=\"flex:1;\">\r\n\r\n                <input type=\"radio\" name=\"consult\" value=\"\u0110i\u1ec7n tho\u1ea1i\" checked>\r\n\r\n                <span>\r\n                    T\u01b0 v\u1ea5n qua \u0111i\u1ec7n tho\u1ea1i\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n            <label class=\"tuvan-option\" style=\"flex:1;\">\r\n\r\n                <input type=\"radio\" name=\"consult\" value=\"Zalo\">\r\n\r\n                <span>\r\n                T\u01b0 v\u1ea5n qua Zalo\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n        <\/div>\r\n\r\n        <button type=\"submit\" style=\"\r\n        width:100%;\r\n        padding:17px;\r\n        border:none;\r\n        border-radius:14px;\r\n        background:#002b8c;\r\n        color:#ffffff;\r\n        font-size:18px;\r\n        font-weight:800;\r\n        font-family:Secondary !important;\r\n        cursor:pointer;\r\n        box-shadow:0 4px 10px rgba(59,130,246,0.35);\r\n        transition:0.3s;\r\n        \">\r\n        G\u1eecI TH\u00d4NG TIN\r\n        <\/button>\r\n\r\n    <\/form>\r\n\r\n    <p id=\"message\" style=\"\r\n    text-align:center;\r\n    margin-top:16px;\r\n    font-weight:700;\r\n    font-family:Tahoma,sans-serif;\r\n    \"><\/p>\r\n\r\n<\/div>\r\n<style>\r\n@media screen and (min-width: 481px) and (max-width: 1024px) {\r\n    div[style*=\"max-width:520px\"] {\r\n        padding: 24px !important; \r\n        border-radius: 20px !important;\r\n    }\r\n    div[style*=\"max-width:520px\"] h2 {\r\n        font-size: 28px !important; \r\n    }\r\n    #consultForm input[type=\"text\"] {\r\n        padding: 14px 14px !important;\r\n        font-size: 15px !important;\r\n    }\r\n    .tuvan-option span {\r\n        padding: 12px 2px !important;\r\n        font-size: 12px !important; \r\n        letter-spacing: -0.4px !important; \r\n        white-space: nowrap !important;  \r\n        text-align: center;\r\n    }\r\n    #consultForm button[type=\"submit\"] {\r\n        padding: 15px !important;\r\n        font-size: 16px !important;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n    div[style*=\"max-width:520px\"] {\r\n        padding: 20px 16px !important;\r\n        border-radius: 16px !important;\r\n    }\r\n\r\n    div[style*=\"max-width:520px\"] h2 {\r\n        font-size: 24px !important;\r\n        margin-bottom: 6px !important;\r\n    }\r\n    \r\n    div[style*=\"max-width:520px\"] p {\r\n        margin-bottom: 20px !important;\r\n        font-size: 13px !important;\r\n    }\r\n\r\n    #consultForm input[type=\"text\"] {\r\n        padding: 13px 12px !important;\r\n        font-size: 14px !important; \r\n        margin-bottom: 10px !important;\r\n    }\r\n    \r\n    #consultForm input[name=\"course\"] {\r\n        margin-bottom: 14px !important;\r\n    }\r\n\r\n    div[style*=\"display:flex;\"] {\r\n        flex-direction: row !important;\r\n        gap: 8px !important;\r\n        margin-bottom: 18px !important;   \r\n    }\r\n    \r\n    .tuvan-option span {\r\n        padding: 12px 2px !important;\r\n        font-size: 11px !important; \r\n        letter-spacing: -0.4px !important; \r\n        white-space: nowrap !important;  \r\n        text-align: center;\r\n    }\r\n\r\n    #consultForm button[type=\"submit\"] {\r\n        padding: 14px !important;\r\n        font-size: 15px !important; \r\n    }\r\n}\r\n<\/style>\r\n<script>\r\n\r\nconst scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxbTj48oIv6fL4ypvTiCKoHYNeXaKXVeRvN9SgB9T_0CUVi6tx4kbPchoqUUc3tWShF0w\/exec';\r\n\r\nconst form = document.getElementById('consultForm');\r\n\r\nconst message = document.getElementById('message');\r\n\r\nform.addEventListener('submit', e => {\r\n\r\n    e.preventDefault();\r\n\r\n    const formData = new FormData(form);\r\n\r\n    const data = {\r\n        name: formData.get('name'),\r\n        phone: formData.get('phone'),\r\n        course: formData.get('course'),\r\n        consult: formData.get('consult')\r\n    };\r\n\r\n    fetch(scriptURL, {\r\n        method: 'POST',\r\n        body: JSON.stringify(data)\r\n    })\r\n\r\n    .then(response => response.json())\r\n\r\n    .then(data => {\r\n\r\n        message.innerHTML = '\u2705 G\u1eedi th\u00f4ng tin th\u00e0nh c\u00f4ng!';\r\n        message.style.color = '#16a34a';\r\n\r\n        form.reset();\r\n\r\n    })\r\n\r\n    .catch(error => {\r\n\r\n        message.innerHTML = '\u274c C\u00f3 l\u1ed7i x\u1ea3y ra!';\r\n        message.style.color = '#dc2626';\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5024455 e-con-full e-flex e-con e-child\" data-id=\"5024455\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76d0bb0 elementor-widget elementor-widget-html\" data-id=\"76d0bb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mini-ad-slider\">\r\n\r\n    <div class=\"slide active\">\r\n\r\n        <div class=\"slide-left\">\r\n\r\n\r\n            <h3>\r\n                \u0110\u00e0o t\u1ea1o l\u00e1i xe m\u00f4 t\u00f4 h\u1ea1ng A1\r\n            <\/h3>\r\n\r\n            <p>\r\n                Khai gi\u1ea3ng th\u01b0\u1eddng xuy\u00ean\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"slide\">\r\n\r\n        <div class=\"slide-left\">\r\n\r\n\r\n            <h3>\r\n                \u0110\u00e0o t\u1ea1o l\u00e1i xe \u00f4 t\u00f4 h\u1ea1ng B\r\n            <\/h3>\r\n\r\n            <p>\r\n                L\u1ecbch h\u1ecdc linh ho\u1ea1t\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"slide\">\r\n\r\n        <div class=\"slide-left\">\r\n\r\n\r\n            <h3>\r\n                \u0110\u00e0o t\u1ea1o l\u00e1i xe \u00f4 t\u00f4 h\u1ea1ng C1\r\n            <\/h3>\r\n\r\n            <p>\r\n                Gi\u00e1o vi\u00ean gi\u00e0u kinh nghi\u1ec7m\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"slider-dots\">\r\n\r\n        <span class=\"dot active\"><\/span>\r\n        <span class=\"dot\"><\/span>\r\n        <span class=\"dot\"><\/span>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n.mini-ad-slider{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    height:143px;\r\n\r\n    margin-top:20px;\r\n\r\n    border-radius:24px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n    linear-gradient(\r\n    135deg,\r\n    #071a42,\r\n    #123a7a,\r\n    #1b4fa8\r\n    );\r\n\r\n    box-shadow:\r\n    0 12px 30px rgba(11,31,75,.15);\r\n}\r\n\r\n\r\n.slide{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    padding:28px;\r\n\r\n    box-sizing:border-box;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateX(30px);\r\n\r\n    transition:\r\n    opacity .6s ease,\r\n    transform .6s ease;\r\n}\r\n\r\n.slide.active{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateX(0);\r\n}\r\n\r\n\/* badge *\/\r\n\r\n.slide-badge{\r\n\r\n    display:inline-block;\r\n\r\n    padding:8px 14px;\r\n\r\n    border-radius:999px;\r\n\r\n    background:rgba(255,255,255,.15);\r\n\r\n    color:#ffd54f;\r\n\r\n    font-weight:800;\r\n\r\n    margin-bottom:14px;\r\n}\r\n\r\n\/* title *\/\r\n\r\n.slide h3{\r\n\r\n    color:white;\r\n\r\n    font-size:28px;\r\n\r\n    margin:0 0 12px;\r\n\r\n    line-height:1.2;\r\n}\r\n\r\n\/* text *\/\r\n\r\n.slide p{\r\n\r\n    color:rgba(255,255,255,.92);\r\n\r\n    font-size:16px;\r\n\r\n    line-height:1.7;\r\n\r\n    margin:0;\r\n}\r\n\r\n\/* dots *\/\r\n\r\n.slider-dots{\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n\r\n    bottom:18px;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    display:flex;\r\n\r\n    gap:8px;\r\n}\r\n\r\n.dot{\r\n\r\n    width:10px;\r\n\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:rgba(255,255,255,.35);\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.dot.active{\r\n\r\n    width:28px;\r\n\r\n    border-radius:999px;\r\n\r\n    background:#ffd54f;\r\n}\r\n\r\n\/* mobile *\/\r\n\r\n@media(max-width:1024px) {\r\n .mini-ad-slider {height:200px!important;\r\n    }\r\n.slide h3{\r\n\r\n    font-size:26px;\r\n}\r\n\r\n.slide p{\r\n\r\n    font-size:18px;\r\n}\r\n\r\n.mini-ad-slider{\r\n\r\n    height:100px;\r\n}    \r\n\r\n}\r\n@media(max-width:767px){\r\n\r\n .mini-ad-slider {height:80px!important;\r\n    }\r\n.slide h3{\r\n\r\n    font-size:18px;\r\n}\r\n\r\n.slide p{\r\n\r\n    font-size:14px;\r\n}\r\n\r\n.mini-ad-slider{\r\n\r\n    height:100px;\r\n}\r\n\r\n}\r\n@media screen and (max-width: 480px) {\r\n    .mini-ad-slider {\r\n        height: 105px; \r\n        border-radius: 12px; \r\n    }\r\n    .slide {\r\n        padding: 16px;\r\n    }\r\n    .slide h3 {\r\n        font-size: 16px; \r\n        margin-bottom: 4px;\r\n    }\r\n    .slide p {\r\n        font-size: 13px; \r\n    }\r\n    .slider-dots {\r\n        bottom: 8px;\r\n    }\r\n    .dot {\r\n        width: 6px;\r\n        height: 6px;\r\n    }\r\n    .dot.active {\r\n        width: 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\r\nconst slides =\r\ndocument.querySelectorAll(\".mini-ad-slider .slide\");\r\n\r\nconst dots =\r\ndocument.querySelectorAll(\".mini-ad-slider .dot\");\r\n\r\nlet current = 0;\r\n\r\nfunction showSlide(index){\r\n\r\n    slides.forEach(slide =>\r\n    slide.classList.remove(\"active\"));\r\n\r\n    dots.forEach(dot =>\r\n    dot.classList.remove(\"active\"));\r\n\r\n    slides[index].classList.add(\"active\");\r\n\r\n    dots[index].classList.add(\"active\");\r\n}\r\n\r\nsetInterval(()=>{\r\n\r\n    current++;\r\n\r\n    if(current >= slides.length){\r\n\r\n        current = 0;\r\n    }\r\n\r\n    showSlide(current);\r\n\r\n},4000);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea1dca9 e-con-full e-flex e-con e-child\" data-id=\"ea1dca9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80ac4c1 elementor-widget elementor-widget-html\" data-id=\"80ac4c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"contact-panel\">\r\n\r\n\r\n    <div class=\"glass-card hotline-card\"\r\n         onclick=\"contactHotline()\">\r\n\r\n        <div class=\"hotline-icon\">\r\n    <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n<\/div>\r\n\r\n        <div>\r\n\r\n            <div class=\"mini-title\">\r\n                HOTLINE T\u01af V\u1ea4N\r\n            <\/div>\r\n\r\n            <div class=\"hotline-number\">\r\n                02703 960 666\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n   <div class=\"glass-card\">\r\n\r\n    <div class=\"section-heading\">\r\n        <i class=\"fa-solid fa-clock\"><\/i> TH\u1edcI GIAN L\u00c0M VI\u1ec6C\r\n    <\/div>\r\n\r\n    <div class=\"work-grid\">\r\n\r\n        <div class=\"work-item\">\r\n\r\n            <div class=\"work-icon\">\r\n                \u2600\ufe0f\r\n            <\/div>\r\n\r\n            <div class=\"work-title\">\r\n                Bu\u1ed5i s\u00e1ng\r\n            <\/div>\r\n\r\n            <div class=\"work-time\">\r\n                07:00 - 11:00\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"work-item\">\r\n\r\n            <div class=\"work-icon\">\r\n                \ud83c\udf24\ufe0f\r\n            <\/div>\r\n\r\n            <div class=\"work-title\">\r\n                Bu\u1ed5i chi\u1ec1u\r\n            <\/div>\r\n\r\n            <div class=\"work-time\">\r\n                13:00 - 17:00\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"work-note\">\r\n        L\u00e0m vi\u1ec7c t\u1eeb Th\u1ee9 2 \u0111\u1ebfn Th\u1ee9 6\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n    <div class=\"glass-card\">\r\n\r\n        <div class=\"section-heading\">\r\n    <i class=\"fa-solid fa-location-dot\"><\/i> \u0110\u1ecaA CH\u1ec8 N\u1ed8P H\u1ed2 S\u01a0\r\n<\/div>\r\n\r\n\r\n        <div class=\"address-card\">\r\n\r\n            <div class=\"thumb-wrap\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/trungtam3.jpg\"\r\n                    class=\"address-thumb\"\r\n                    onclick=\"openImage(this.src)\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n                <div class=\"address-title\">\r\n                    C\u01a1 s\u1edf 1 - Trung t\u00e2m t\u01b0 v\u1ea5n tuy\u1ec3n sinh \r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"address-text map-link\"\r\n                    onclick=\"openMap('https:\/\/maps.app.goo.gl\/JDYRpV3E56mheohV8')\">\r\n\r\n                                       QL1A, x\u00e3 Ph\u00fa Qu\u1edbi, t\u1ec9nh V\u0129nh Long\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"address-card\">\r\n\r\n            <div class=\"thumb-wrap\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/cong-khoa-gt.jpg\"\r\n                    class=\"address-thumb\"\r\n                    onclick=\"openImage(this.src)\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n                <div class=\"address-title\">\r\n                    C\u01a1 s\u1edf 2 - S\u00e2n t\u1eadp l\u00e1i \r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"address-text map-link\"\r\n                    onclick=\"openMap('https:\/\/maps.app.goo.gl\/3JPx8Syoo5dsCKF17')\">\r\n\r\n                                        \u1ea4p Ph\u01b0\u1edbc Long, x\u00e3 Ph\u00fa Qu\u1edbi, t\u1ec9nh V\u0129nh Long\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"image-popup\" id=\"imagePopup\">\r\n\r\n    <span class=\"popup-close\"\r\n          onclick=\"closeImage()\">\r\n\r\n        \u00d7\r\n\r\n    <\/span>\r\n\r\n    <img id=\"popupImg\">\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\r\n.contact-panel{\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:10px;\r\n\r\n    font-family:'Be Vietnam Pro';\r\n}\r\n\r\n\r\n.glass-card{\r\n\r\n    background:#ffffff;\r\n\r\n    min-height: 120px;\r\n    border-radius:24px;\r\n\r\n    padding:28px;\r\n\r\n    box-shadow:\r\n    0 12px 35px rgba(11,31,75,.08);\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.glass-card:hover{\r\n\r\n    transform:translateY(-4px);\r\n}\r\n\r\n\r\n.hotline-card{\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:20px;\r\n    height:120px;\r\n    cursor:pointer;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n    linear-gradient(\r\n    135deg,\r\n    #071a42,\r\n    #123a7a,\r\n    #1b4fa8\r\n    );\r\n}\r\n\r\n.hotline-icon{\r\n\r\n    width:65px;\r\n    height:65px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n    rgba(255,255,255,.15);\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    font-size:35px;\r\n}\r\n\r\n.mini-title{\r\n\r\n    font-size:15px;\r\n\r\n    letter-spacing:1.2px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n.hotline-number{\r\n\r\n    font-size:30px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n\r\n.section-heading{\r\n\r\n    font-size:20px;\r\n\r\n    font-weight:900;\r\n\r\n    color:#071a42;\r\n\r\n    margin-bottom:15px;\r\n\r\n    border-bottom:3px solid #dbeafe;\r\n\r\n    padding-bottom:5px;\r\n}\r\n\r\n\r\n.work-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    gap:16px;\r\n\r\n    margin-bottom:15px;\r\n}\r\n\r\n.work-item{\r\n\r\n    background:#f8fafc;\r\n\r\n    border:1px solid #dbeafe;\r\n\r\n    border-radius:18px;\r\n\r\n    padding:20px 10px;\r\n    padding-top:3px;\r\n    text-align:center;\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.work-item:hover{\r\n\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n    0 10px 20px rgba(11,31,75,.08);\r\n}\r\n\r\n.work-icon{\r\n\r\n    font-size:34px;\r\n    height:32px;\r\n\r\n    margin-bottom:20px;\r\n}\r\n\r\n.work-title{\r\n\r\n    font-size:16px;\r\n    height:18px;\r\n\r\n    font-weight:800;\r\n\r\n    color:#071a42;\r\n\r\n    margin-bottom:10px;\r\n}\r\n\r\n.work-time{\r\n\r\n    font-size:18px;\r\n\r\n    font-weight:700;\r\n\r\n    color:#1b4fa8;\r\n    height:10px;\r\n        margin-bottom:10px;\r\n\r\n}\r\n\r\n.work-note{\r\n\r\n    background:\r\n    linear-gradient(\r\n    135deg,\r\n    #071a42,\r\n    #123a7a\r\n    );\r\n    height:50px;\r\n    color:#fff;\r\n\r\n    text-align:center;\r\n\r\n    padding:14px;\r\n\r\n    border-radius:14px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n.work-grid{\r\n\r\n    grid-template-columns:20px fr;\r\n    \r\n}\r\n.mini-title {font-size:20px;}\r\n.hotline-number{font-size:20px;}\r\n.hotline-icon{font-size:20px;}\r\n.work-time {font-size:14px;}\r\n}\r\n\r\n\r\n.address-card {\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: center; \r\n    margin-bottom: 20px;\r\n}\r\n\r\n.address-card:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.thumb-wrap {\r\n    width: 65px;  \r\n    height: 65px;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0; \r\n    box-shadow: 0 0 0 3px #1b4fa8, 0 6px 14px rgba(0,0,0,.15);\r\n}\r\n\r\n.address-thumb {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover; \r\n    object-position: center; \r\n    cursor: pointer;\r\n    transition: .3s;\r\n}\r\n\r\n.thumb-wrap:hover .address-thumb{\r\n\r\n    transform:scale(1.1);\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.address-title{\r\n\r\n    font-size:16px;\r\n\r\n    font-weight:800;\r\n\r\n    color:#071a42;\r\n\r\n    margin-bottom:6px;\r\n}\r\n\r\n.address-text{\r\n\r\n    color:#4b5563;\r\n\r\n    line-height:1.3;\r\n}\r\n\r\n.map-link{\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n.map-link:hover{\r\n\r\n    color:#1b4fa8;\r\n\r\n    text-decoration:underline;\r\n}\r\n\r\n\r\n.image-popup{\r\n\r\n    display:none;\r\n\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    background:rgba(0,0,0,.88);\r\n\r\n    z-index:99999;\r\n\r\n    justify-content:center;\r\n    align-items:center;\r\n}\r\n\r\n.image-popup img{\r\n\r\n    max-width:90%;\r\n    max-height:85vh;\r\n\r\n    border-radius:18px;\r\n}\r\n\r\n.popup-close{\r\n\r\n    position:absolute;\r\n\r\n    top:20px;\r\n    right:30px;\r\n\r\n    color:white;\r\n\r\n    font-size:42px;\r\n\r\n    cursor:pointer;\r\n}\r\n.mini-title{font-size:20px;}\r\n.hotline-icon{\r\n\r\n    width:40px;\r\n    height:40px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n    rgba(255,255,255,.15);\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    font-size:24px;\r\n}\r\n@media screen and (max-width: 767px) {\r\n    .glass-card { \r\n        padding: 16px !important; \r\n        border-radius: 16px !important; \r\n        min-height: auto !important; \r\n    }\r\n    \r\n    .hotline-card { \r\n        height: 70px !important; \r\n        padding: 14px !important; \r\n        gap: 4px !important; \r\n    }\r\n    .hotline-icon { width: 45px !important; height: 45px !important; font-size: 24px !important; }\r\n    .mini-title { font-size: 14px !important; text-align: center; }\r\n    .hotline-number { font-size: 16px !important}\r\n\r\n    .section-heading { font-size: 16px !important; margin-bottom: 12px !important; }\r\n    .work-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; } \/* Gi\u1eef 2 c\u1ed9t song song cho g\u1ecdn *\/\r\n    .work-item { padding: 12px 6px !important; }\r\n    .work-icon { font-size: 14px !important; height: 15px; margin-bottom: 4px !important; }\r\n    .work-title { font-size: 14px !important; height: 15px}\r\n    .work-time { font-size: 14px !important; height: 20px}\r\n    .work-note { height: auto !important; padding: 10px !important; font-size: 14px !important; }\r\n\r\n    .address-card { gap: 12px !important; margin-bottom: 16px !important; }\r\n    .thumb-wrap { width: 55px !important; height: 55px !important; flex-shrink: 0 !important; }\r\n    .address-title { font-size: 14px !important; margin-bottom: 2px !important; }\r\n    .address-text { font-size: 12px !important; line-height: 1.4 !important; }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\r\nfunction contactHotline(){\r\n\r\n    const phone = \"02703960666\";\r\n\r\n    if(\/Android|iPhone|iPad|iPod\/i.test(navigator.userAgent)){\r\n\r\n        window.location.href = \"tel:\" + phone;\r\n\r\n    }else{\r\n\r\n        navigator.clipboard.writeText(phone);\r\n\r\n        alert(\"\u0110\u00e3 sao ch\u00e9p s\u1ed1 \u0111i\u1ec7n tho\u1ea1i: \" + phone);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\nfunction openImage(src){\r\n\r\n    document.getElementById(\"popupImg\").src = src;\r\n\r\n    document.getElementById(\"imagePopup\")\r\n    .style.display = \"flex\";\r\n}\r\n\r\nfunction closeImage(){\r\n\r\n    document.getElementById(\"imagePopup\")\r\n    .style.display = \"none\";\r\n}\r\n\r\n\/* MAP *\/\r\n\r\nfunction openMap(url){\r\n\r\n    if(confirm(\"M\u1edf v\u1ecb tr\u00ed n\u00e0y tr\u00ean Google Maps?\")){\r\n\r\n        window.open(url,\"_blank\");\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\ndocument.getElementById(\"imagePopup\")\r\n.addEventListener(\"click\",function(e){\r\n\r\n    if(e.target === this){\r\n\r\n        closeImage();\r\n\r\n    }\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KHOA GIAO TH\u00d4NG V\u1eacN T\u1ea2I \u0110\u00c0O T\u1ea0O L\u00c1I XE M\u00d4 T\u00d4 &#8211; \u00d4 T\u00d4 Gi\u00e1o vi\u00ean gi\u00e0u kinh nghi\u1ec7m L\u1ecbch h\u1ecdc linh ho\u1ea1t T\u00d3M T\u1eaeT NHANH TH\u00d4NG TIN \u2192 \u0110\u0102NG K\u00dd NGAY LI\u00caN H\u1ec6 T\u01af V\u1ea4N H\u1eccC TR\u1ef0C TUY\u1ebeN \u0110\u00c0O T\u1ea0O M\u00d4 T\u00d4 H\u1ea1ng A1 \u0110\u00c0O T\u1ea0O \u00d4 T\u00d4 H\u1ea1ng B &#8211; C1 \u00d7 T\u00f3m [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2157","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/pages\/2157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/comments?post=2157"}],"version-history":[{"count":379,"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/pages\/2157\/revisions"}],"predecessor-version":[{"id":3908,"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/pages\/2157\/revisions\/3908"}],"wp:attachment":[{"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/media?parent=2157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}