{"id":2186,"date":"2026-05-14T09:11:17","date_gmt":"2026-05-14T09:11:17","guid":{"rendered":"http:\/\/localhost\/daotaolaixe\/?page_id=2186"},"modified":"2026-07-23T07:10:35","modified_gmt":"2026-07-23T07:10:35","slug":"dao-tao-lai-xe-o-to","status":"publish","type":"page","link":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/dao-tao-lai-xe-o-to\/","title":{"rendered":"\u0110\u00e0o t\u1ea1o l\u00e1i xe \u00f4 t\u00f4"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2186\" class=\"elementor elementor-2186\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6ebc67 e-con-full e-flex e-con e-parent\" data-id=\"e6ebc67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ba2d1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b4ba2d1\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-oto\" 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 \u00d4 T\u00d4\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=\"#section-lienhe\" class=\"btn-outline\">\r\n                <i class=\"fas fa-phone\"><\/i> LI\u00caN H\u1ec6 T\u01af V\u1ea4N\r\n            <\/a>\r\n        <\/div>\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 h\u1ec7 th\u1ed1ng t\u1ef1 \u0111\u1ed9ng t\u1ed5ng h\u1ee3p th\u00f4ng tin 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 \u00f4 t\u00f4:<\/div>\r\n                <div class=\"ai-hangxe-grid\">\r\n                    <label>\r\n                        <input type=\"radio\" name=\"hangxe\" value=\"B_so_san\" checked> 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\r\n\r\n.hero-driving-v2 {\r\n    position: relative;\r\n    min-height: 700px;\r\n    overflow: hidden;\r\n    background: linear-gradient(90deg, rgba(2,18,35,0.98) 0%, rgba(2,18,35,0.85) 45%, rgba(2,18,35,0.2) 75%, rgba(2,18,35,0) 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-left: 8%;\r\n    box-sizing: border-box;\r\n    font-size: 16px; \r\n}\r\n\r\n.hero-driving-v2:before {\r\n    display: none !important;\r\n}\r\n\r\n.hero-left { position: relative; z-index: 10; width: 650px; }\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: 12px 22px; 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: 75px; \r\n    line-height: 1.1; \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: 15px; \r\n    color: #fff; \r\n    font-size: 60px; \r\n    font-weight: 700;\r\n}\r\n\r\n.hero-left p { \r\n    color: #dbe3ea; \r\n    font-size: 20px; \r\n    line-height: 1.8; \r\n    max-width: 600px; \r\n    margin-bottom: 25px; \r\n}\r\n\r\n.hero-btns { \r\n    margin-top: 25px; \r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr); \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    display: inline-flex; \r\n    align-items: center; \r\n    justify-content: center;\r\n    gap: 10px; \r\n    height: 56px; \r\n    border-radius: 10px; \r\n    text-decoration: none; \r\n    transition: .3s; \r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    box-sizing: border-box;\r\n    white-space: nowrap;\r\n    width: 100%;\r\n}\r\n\r\n.ai-open-custom-btn { \r\n    grid-column: 1 \/ span 2; \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 { background: #090fac; color: #fff!important; }\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 { border: 1px solid rgba(255,255,255,.3); color: #fff!important; cursor: pointer; }\r\n.btn-outline:hover { background: rgba(255,255,255,.08); transform: translateY(-3px); }\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\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: 15px; font-weight: 700; color: #4a5568; border: 1px solid #e2e8f0; transition: 0.2s; display: block; }\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\r\n@media (max-width: 1024px) {\r\n    .hero-driving-v2 {\r\n        min-height: 580px;\r\n        padding-left: 5%;\r\n        padding-right: 5%;\r\n        margin-top:100px;\r\n        margin-bottom:-100px;\r\n        justify-content: center; \r\n    }\r\n    .hero-driving-v2:before {\r\n        display: none !important; \r\n    }\r\n    .hero-left {\r\n        width: 100%;\r\n        max-width: 550px;text-align: center;\r\n    }\r\n    .hero-left h1 {\r\n        font-size: 48px;\r\n        margin-bottom: 15px;\r\n    }\r\n    .hero-left h1 span {\r\n        font-size: 38px;\r\n    }\r\n    .hero-left p {\r\n        font-size: 17px;\r\n        line-height: 1.6;\r\n        max-width: 100%;\r\n    }\r\n    .hero-btns {\r\n        max-width: 100%;\r\n        gap: 12px;\r\n    }\r\n    .ai-open-custom-btn, .btn-primary, .btn-outline {\r\n        height: 50px;\r\n        font-size: 14px;\r\n        border-radius: 8px;\r\n    }\r\n    .ai-box {\r\n        height: 75vh;\r\n        max-width: 550px;\r\n    }\r\n}\r\n\r\n@media(max-width: 767px) {\r\n    .hero-driving-v2 { \r\n        margin-top:50px;\r\n        margin-bottom:-20px;\r\n        min-height: auto;\r\n        padding: 50px 5% 60px 5%; \r\n        display: block; \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        background-size: cover;\r\n        background-position: center;\r\n    }\r\n    .hero-driving-v2:before { display: none !important; }\r\n    .hero-left { width: 100%; text-align: left; }\r\n    .badge { padding: 8px 16px; font-size: 11px; margin-bottom: 15px; }\r\n    .hero-left h1 { font-size: 32px; margin-bottom: 12px; }\r\n    .hero-left h1 span { font-size: 24px; margin-top: 5px; }\r\n    .hero-left p { font-size: 14px; line-height: 1.6; margin-bottom: 20px; max-width: 100%; }\r\n    \r\n    .hero-btns { \r\n        display: flex; \r\n        flex-direction: column; \r\n        gap: 10px; \r\n        max-width: 100%; \r\n        margin-top: 20px;\r\n    }\r\n    \r\n    .btn-primary, .btn-outline, .ai-open-custom-btn { \r\n        width: 100%; \r\n        height: 46px; \r\n        font-size: 13px !important; \r\n        font-weight: 700;\r\n        padding: 0 10px; \r\n        border-radius: 8px; \r\n        gap: 6px; \r\n    }\r\n    \r\n    \/* Giao di\u1ec7n Popup AI tr\u00ean \u0111i\u1ec7n tho\u1ea1i *\/\r\n    .ai-popup { padding: 10px; }\r\n    .ai-box { height: 85vh; border-radius: 16px; }\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 label, .ai-check-group label { padding: 10px; font-size: 14px; }\r\n    .ai-submit { padding: 12px; font-size: 15px; }\r\n}\r\n\r\n@media(max-width: 400px) {\r\n    .hero-left h1 { font-size: 26px; }\r\n    .hero-left p { font-size: 13px; }\r\n    .ai-open-custom-btn, .btn-primary, .btn-outline { \r\n        font-size: 12px !important; \r\n        height: 42px; \r\n    }\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 === \"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 (T\u1ea2I NH\u1eb8)<\/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 === \"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 === \"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 === \"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-37437ed e-con-full e-flex e-con e-parent\" data-id=\"37437ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1467cb1 elementor-widget elementor-widget-html\" data-id=\"1467cb1\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-tuyensinh\" 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<section class=\"course-section\">\r\n    <div class=\"course-container\">\r\n\r\n        <div class=\"course-tabs\">\r\n            <button class=\"tab-btn active\" onclick=\"openTab('thongtin-quangcao', this)\">\r\n                Th\u00f4ng tin\r\n            <\/button>\r\n            <button class=\"tab-btn\" onclick=\"openTab('hocphi-quangcao', this)\">\r\n                H\u1ecdc ph\u00ed\r\n            <\/button>\r\n            <button class=\"tab-btn\" onclick=\"openTab('dieukien-quangcao', this)\">\r\n                \u0110i\u1ec1u ki\u1ec7n\r\n            <\/button>\r\n            <button class=\"tab-btn\" onclick=\"openTab('hoso-quangcao', this)\">\r\n                H\u1ed3 s\u01a1\r\n            <\/button>\r\n            <button class=\"tab-btn\" onclick=\"openTab('quytrinh-quangcao', this)\">\r\n                Quy tr\u00ecnh\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div id=\"thongtin-quangcao\" class=\"tab-panel active\">\r\n            <h2>\u0110\u00e0o t\u1ea1o l\u00e1i xe \u00f4 t\u00f4 h\u1ea1ng B - C1<\/h2>\r\n            <ul>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-school-flag\"><\/i><\/span> Khai gi\u1ea3ng li\u00ean t\u1ee5c<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-calendar-days\"><\/i><\/span> L\u1ecbch h\u1ecdc linh ho\u1ea1t, ph\u00f9 h\u1ee3p cho ng\u01b0\u1eddi v\u1eeba h\u1ecdc v\u1eeba l\u00e0m<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-chalkboard-user\"><\/i><\/span> Gi\u00e1o vi\u00ean v\u1edbi nhi\u1ec1u n\u0103m kinh nghi\u1ec7m<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div id=\"hocphi-quangcao\" class=\"tab-panel\">\r\n            <h2>C\u00e1c kho\u1ea3n ph\u00ed<\/h2>\r\n            <ul>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-circle-dot\"><\/i><\/span> H\u1ecdc ph\u00ed h\u1ea1ng B s\u1ed1 s\u00e0n: 16.500.000 \u0111<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-circle-dot\"><\/i><\/span> H\u1ecdc ph\u00ed h\u1ea1ng B s\u1ed1 t\u1ef1 \u0111\u1ed9ng: 17.500.000 \u0111<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-circle-dot\"><\/i><\/span> H\u1ecdc ph\u00ed h\u1ea1ng C1: 21.500.000 \u0111<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-circle-dot\"><\/i><\/span> \u0110\u1ed3ng ph\u1ee5c v\u00e0 b\u1ea3o hi\u1ec3m tai n\u1ea1n: 390.000 \u0111<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-circle-dot\"><\/i><\/span> L\u1ec7 ph\u00ed thi, ph\u00ed c\u1ea5p gi\u1ea5y ph\u00e9p l\u00e1i xe, gi\u1ea5y x\u00e1c nh\u1eadn ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o: 695.000 \u0111<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div id=\"dieukien-quangcao\" class=\"tab-panel\">\r\n            <h2>\u0110i\u1ec1u ki\u1ec7n \u0111\u0103ng k\u00fd<\/h2>\r\n            <ul>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-users\"><\/i><\/span> 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<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-user-plus\"><\/i><\/span> \u0110\u1ee7 18 tu\u1ed5i tr\u1edf l\u00ean<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-heartbeat\"><\/i><\/span> \u0110\u1ee7 \u0111i\u1ec1u ki\u1ec7n s\u1ee9c kh\u1ecfe theo quy \u0111\u1ecbnh<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n        \r\n        <div id=\"hoso-quangcao\" class=\"tab-panel\">\r\n            <h2>H\u1ed3 s\u01a1 c\u1ea7n chu\u1ea9n b\u1ecb<\/h2>\r\n            <ul>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-user-md\"><\/i><\/span> Gi\u1ea5y kh\u00e1m s\u1ee9c kh\u1ecfe c\u1ee7a ng\u01b0\u1eddi l\u00e1i xe<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-id-card\"><\/i><\/span> C\u0103n c\u01b0\u1edbc photo<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-id-card\"><\/i><\/span> Gi\u1ea5y ph\u00e9p l\u00e1i xe m\u00f4 t\u00f4 photo (n\u1ebfu c\u00f3)<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa-solid fa-file-image\"><\/i><\/span> \u1ea2nh th\u1ebb 3x4 (04 \u1ea3nh)<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n        \r\n        <div id=\"quytrinh-quangcao\" class=\"tab-panel\">\r\n            <h2>T\u00f3m t\u1eaft quy tr\u00ecnh<\/h2>\r\n            <ul>\r\n                <li>B\u01b0\u1edbc 1: \u0110\u0103ng k\u00fd n\u1ed9p h\u1ed3 s\u01a1, ch\u1edd th\u00f4ng b\u00e1o tr\u00ean nh\u00f3m Zalo<\/li>\r\n                <li>B\u01b0\u1edbc 2: Tham gia h\u1ecdc l\u00fd thuy\u1ebft<\/li>\r\n                <li>B\u01b0\u1edbc 3: Th\u1ef1c h\u00e0nh l\u00e1i xe <\/li>\r\n                <li>B\u01b0\u1edbc 4: Ki\u1ec3m tra, x\u00e9t ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o <\/li>\r\n                <li>B\u01b0\u1edbc 4: Thi s\u00e1t h\u1ea1ch<\/li>\r\n                <li>B\u01b0\u1edbc 5: Nh\u1eadn Gi\u1ea5y ph\u00e9p l\u00e1i xe<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <a id=\"detailLink\" href=\"#thongtinchitiet\" class=\"btn-main\">XEM CHI TI\u1ebeT<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"admission-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/tuyensinh-oto.png\" alt=\"Tuy\u1ec3n sinh \u00f4 t\u00f4\">\r\n    <\/div>\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:#002b8c;\r\n    padding: 80px;\r\n    min-height: 80vh; \r\n    overflow: hidden; \r\n    font-family: Tahoma, sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.course-section *, .course-section *::before, .course-section *::after {\r\n    box-sizing: border-box; \r\n}\r\n\r\n.course-container {\r\n    width: 60%;\r\n    color: #fff;\r\n}\r\n\r\n.course-tabs {\r\n    display: flex;\r\n    align-items: center;\r\n    width: max-content;\r\n    margin: 0 0 20px 0;\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}\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    white-space: nowrap;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.course-tabs .tab-btn:hover {\r\n    color: #fff !important;\r\n    background: rgba(0, 43, 140, 0.2);\r\n}\r\n\r\n.course-tabs .tab-btn.active {\r\n    background: #002B8C !important;\r\n    color: #fff !important;\r\n}\r\n\r\n.tab-panel { display: none; }\r\n.tab-panel.active { display: block; }\r\n\r\n.tab-panel h2 {\r\n    font-size: 52px; \r\n    line-height: 1.2;\r\n    margin: 20px 0 30px;\r\n    color: #f5c229;\r\n}\r\n\r\n.tab-panel ul {\r\n    list-style: none;\r\n    padding: 10px 0;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n}\r\n\r\n.tab-panel li {\r\n    margin-bottom: 16px;\r\n    font-size: 22px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n}\r\n\r\n.tab-panel li .icon {\r\n    margin-right: 12px;\r\n    width: 25px;\r\n    display: inline-block;\r\n    text-align: center;\r\n    flex-shrink: 0;\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.admission-card {\r\n    position: absolute;\r\n    top: 20px;\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@keyframes floatCard {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-12px); }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .course-section {\r\n        padding: 60px 40px;\r\n        height: auto; \r\n    }\r\n\r\n    .course-container {\r\n        width: 100%;\r\n        max-width: 700px; \r\n        margin: 0 auto;\r\n        text-align: center; \r\n    }\r\n\r\n    .course-tabs {\r\n        width: max-content;\r\n        max-width: 100%;\r\n        margin: 0 auto 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: nowrap;\r\n        border-radius: 999px; \r\n    }\r\n\r\n    .course-tabs .tab-btn {\r\n        padding: 12px 22px !important; \r\n        font-size: 14px;\r\n        flex: initial; \r\n    }\r\n\r\n    .tab-panel {\r\n        text-align: left; \r\n        max-width: 550px; \r\n        margin: 0 auto; \r\n    }\r\n\r\n    .tab-panel h2 {\r\n        font-size: 32px;\r\n        text-align: center; \r\n    }\r\n\r\n    .tab-panel li { font-size: 18px; }\r\n\r\n    .admission-card {\r\n        position: relative;\r\n        top: auto;\r\n        right: auto;\r\n        margin: 50px auto 0; \r\n        width: 100%;\r\n        max-width: 450px;\r\n        animation: none; \r\n    }\r\n\r\n    .btn-main {\r\n        margin-top: 20px;\r\n        padding: 12px 40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .course-section {\r\n        padding: 40px 12px;\r\n    .course-tabs {\r\n        display: flex !important;\r\n        flex-direction: row !important;\r\n        flex-wrap: nowrap !important; \r\n        width: 100% !important;\r\n        max-width: 100%;\r\n        padding: 4px; \r\n        border-radius: 999px;\r\n        border: 2px solid rgba(0,0,0,.12);\r\n        gap: 2px; \r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .course-tabs .tab-btn {\r\n        flex: 1 !important;          \r\n        min-width: 0 !important;    \r\n        padding: 8px 2px !important;\r\n        font-size: 11px !important; \r\n        border-radius: 999px;       \r\n        text-align: center;\r\n        white-space: nowrap;        \r\n    }\r\n\r\n    .tab-panel h2 {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .tab-panel li { font-size: 16px; }\r\n\r\n    .btn-main {\r\n        width: 100%; \r\n        text-align: center;\r\n        font-size: 14px;\r\n        padding: 14px 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst links = {\r\n    \"thongtin-quangcao\": \"#mucluc-thongtin\",\r\n    \"hocphi-quangcao\": \"#mucluc-thongtin\",\r\n    \"dieukien-quangcao\": \"#mucluc-dieukien\",\r\n    \"hoso-quangcao\": \"#mucluc-dieukien\",\r\n    \"quytrinh-quangcao\": \"#mucluc-quytrinh\"\r\n};\r\n\r\nfunction openTab(tabId, button) {\r\n    document.querySelectorAll('.tab-panel').forEach(panel => {\r\n        panel.classList.remove('active');\r\n    });\r\n    document.querySelectorAll('.tab-btn').forEach(btn => {\r\n        btn.classList.remove('active');\r\n    });\r\n    const selectedPanel = document.getElementById(tabId);\r\n    if (selectedPanel) {\r\n        selectedPanel.classList.add('active');\r\n    }\r\n    if (button) {\r\n        button.classList.add('active');\r\n    }\r\n\r\n    const detailLink = document.getElementById('detailLink');\r\n    if (detailLink && links[tabId]) {\r\n        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>\n\t\t<div class=\"elementor-element elementor-element-08bbeed e-con-full e-flex e-con e-parent\" data-id=\"08bbeed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-387a95c elementor-widget elementor-widget-html\" data-id=\"387a95c\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-gioithieu\" 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>Gi\u1edbi thi\u1ec7u kh\u00f3a h\u1ecdc \u00f4 t\u00f4 - New Layout<\/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 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    --bg-card-solid: #002B8C;\r\n    --text-light: #FFFFFF;\r\n    --text-muted-light: #BACFEE;\r\n    --stat-bg: rgba(255, 255, 255, 0.06);\r\n    --stat-border: rgba(255, 255, 255, 0.12);\r\n}\r\n\r\n*{ margin: 0; padding: 0; box-sizing: border-box; }\r\nbody { font-family: \"Be Vietnam Pro\", sans-serif; background-color: #ffffff; }\r\n\r\n.a1-section{\r\n    padding: 80px 20px;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: 100vh;\r\n}\r\n\r\n.floating-container{\r\n    max-width: 1280px;\r\n    width: 100%;\r\n    margin: auto;\r\n    padding: 60px 80px;\r\n    background: var(--bg-card-solid);\r\n    border-radius: 32px;\r\n    position: relative;\r\n    box-shadow: 0 30px 60px rgba(0, 43, 140, 0.15);\r\n}\r\n\r\n.intro-top {\r\n    width: 100%;\r\n    margin-bottom: 40px;\r\n    border-bottom: 1px dashed rgba(255, 255, 255, 0.15);\r\n    padding-bottom: 30px;\r\n}\r\n\r\n.intro-top h2{\r\n    margin-bottom: 18px;\r\n    font-size: 42px;\r\n    font-weight: 800;\r\n    color: var(--text-light);\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.intro-top .desc{\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    color: var(--text-muted-light);\r\n    text-align: justify;\r\n}\r\n\r\n.main-content-grid {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    gap: 40px;\r\n}\r\n\r\n.left-details-column {\r\n    flex: 0 0 60%;\r\n    max-width: 70%;\r\n}\r\n\r\n.course-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 15px;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.stat-card {\r\n    background: var(--stat-bg);\r\n    border: 1px solid var(--stat-border);\r\n    padding: 14px 16px;\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.stat-card i {\r\n    font-size: 20px;\r\n    color: #38BDF8;\r\n}\r\n\r\n.stat-card div p:first-child {\r\n    font-size: 12px;\r\n    color: var(--text-muted-light);\r\n    font-weight: 500;\r\n}\r\n\r\n.stat-card div p:last-child {\r\n    font-size: 14.5px;\r\n    color: var(--text-light);\r\n    font-weight: 700;\r\n}\r\n\r\n.features{\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px 24px;\r\n}\r\n\r\n.feature{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 14.5px;\r\n    color: var(--text-light);\r\n    font-weight: 600;\r\n}\r\n\r\n.feature i{\r\n    flex-shrink: 0;\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 50%;\r\n    background: rgba(56, 189, 248, 0.15);\r\n    color: #38BDF8;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 10px;\r\n}\r\n\r\n.image-box{\r\n    flex: 0 0 35%;\r\n    max-width: 35%;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 260px;\r\n}\r\n\r\n\r\n\r\n.image-box img{\r\n    position: absolute;\r\n    width: 360px;\r\n    max-width: none;\r\n    right: -100px;\r\n    z-index: 10;\r\n    animation: float 4s ease-in-out infinite;\r\n    filter: drop-shadow(0 25px 35px rgba(0, 10, 35, 0.35));\r\n}\r\n\r\n@keyframes shadowPulse{ 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.85); opacity: 0.6; } }\r\n\r\n@media (max-width: 1024px){\r\n    .floating-container {\r\n        padding: 45px 40px;\r\n    }\r\n    \r\n    .intro-top h2 {\r\n        font-size: 34px;\r\n    }\r\n\r\n    .main-content-grid {\r\n        flex-direction: row;\r\n        gap: 20px;\r\n    }\r\n\r\n    .left-details-column {\r\n        flex: 0 0 58%;\r\n        max-width: 58%;\r\n    }\r\n\r\n    .course-stats {\r\n        grid-template-columns: 1fr; \r\n        gap: 10px;\r\n    }\r\n\r\n    .features {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .image-box {\r\n        flex: 0 0 38%;\r\n        max-width: 38%;\r\n    }\r\n\r\n    .image-box img {\r\n        width: 100%;\r\n        max-width: 450px;\r\n        right: -40px;\r\n        bottom:-210px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px){\r\n    .a1-section { padding: 30px 12px; }\r\n    .floating-container { padding: 35px 20px; border-radius: 24px; }\r\n    \r\n    .intro-top h2 { font-size: 24px; text-align: center; }\r\n    .intro-top .desc { font-size: 14px; text-align: justify; }\r\n\r\n    .main-content-grid {\r\n        flex-direction: column-reverse; \r\n        gap: 35px;\r\n    }\r\n\r\n    .left-details-column {\r\n        flex: 0 0 100%;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .image-box {\r\n        flex: 0 0 100%;\r\n        max-width: 100%;\r\n        height: 160px;\r\n    }\r\n\r\n    .image-box img {\r\n       display: none;\r\n    }\r\n    .image-box::after { bottom: 0; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"a1-section\">\r\n    <div class=\"floating-container\">\r\n\r\n        <div class=\"intro-top\">\r\n            <h2>Gi\u1edbi thi\u1ec7u kh\u00f3a h\u1ecdc<\/h2>\r\n            <p class=\"desc\">\r\n                Kh\u00f3a h\u1ecdc l\u00e1i xe \u00f4 t\u00f4 d\u00e0nh cho h\u1ecdc vi\u00ean c\u00f3 nhu c\u1ea7u \u0111i\u1ec1u khi\u1ec3n ph\u01b0\u01a1ng ti\u1ec7n \u00f4 t\u00f4 theo \u0111\u00fang h\u1ea1ng gi\u1ea5y ph\u00e9p l\u00e1i xe \u0111\u0103ng k\u00fd \u0111\u00e0o t\u1ea1o. \r\n                <br><br>\r\n                Ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00e0o t\u1ea1o gi\u00fap h\u1ecdc vi\u00ean n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c ph\u00e1p lu\u1eadt v\u1ec1 giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9, hi\u1ec3u r\u00f5 c\u00e1c nguy\u00ean t\u1eafc l\u00e1i xe an to\u00e0n, r\u00e8n luy\u1ec7n k\u1ef9 n\u0103ng x\u1eed l\u00fd t\u00ecnh hu\u1ed1ng th\u1ef1c t\u1ebf. Sau khi ho\u00e0n th\u00e0nh kh\u00f3a h\u1ecdc, h\u1ecdc vi\u00ean \u0111\u1ee7 \u0111i\u1ec1u ki\u1ec7n tham gia k\u1ef3 s\u00e1t h\u1ea1ch l\u00e1i xe theo quy \u0111\u1ecbnh.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"main-content-grid\">\r\n            \r\n            <div class=\"left-details-column\">\r\n                \r\n                <div class=\"course-stats\">\r\n                    <div class=\"stat-card\">\r\n                        <i class=\"fa-solid fa-user-check\"><\/i>\r\n                        <div>\r\n                            <p>\u0110\u1ed9 tu\u1ed5i \u0111\u0103ng k\u00fd<\/p>\r\n                            <p>T\u1eeb \u0111\u1ee7 18 tu\u1ed5i<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-card\">\r\n                        <i class=\"fa-solid fa-motorcycle\"><\/i>\r\n                        <div>\r\n                            <p>Th\u1eddi gian \u0111\u00e0o t\u1ea1o<\/p>\r\n                            <p>Kh\u00f4ng qu\u00e1 90 ng\u00e0y<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-card\">\r\n                        <i class=\"fa-solid fa-bolt\"><\/i>\r\n                        <div>\r\n                            <p>Chi ph\u00ed<\/p>\r\n                            <p>C\u00f4ng khai, minh b\u1ea1ch<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"features\">\r\n                    <div class=\"feature\"><i class=\"fa-solid fa-check\"><\/i>V\u1eefng ki\u1ebfn th\u1ee9c ph\u00e1p lu\u1eadt giao th\u00f4ng<\/div>\r\n                    <div class=\"feature\"><i class=\"fa-solid fa-check\"><\/i>Th\u00e0nh th\u1ea1o k\u1ef9 n\u0103ng \u0111i\u1ec1u khi\u1ec3n xe<\/div>\r\n                    <div class=\"feature\"><i class=\"fa-solid fa-check\"><\/i>H\u00ecnh th\u00e0nh th\u00f3i quen l\u00e1i xe v\u0103n minh<\/div>\r\n                    <div class=\"feature\"><i class=\"fa-solid fa-check\"><\/i>\u0110\u1ee7 \u0111i\u1ec1u ki\u1ec7n tham gia k\u1ef3 thi s\u00e1t h\u1ea1ch<\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"image-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/ch-Photoroom.png\" alt=\"Kh\u00f3a h\u1ecdc l\u00e1i xe A1\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n\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 class=\"elementor-element elementor-element-aa62b3b elementor-widget elementor-widget-html\" data-id=\"aa62b3b\" 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=\"social-story-section\">\r\n\r\n    <div class=\"social-story-header\">\r\n        <span>TR\u1ea2I NGHI\u1ec6M TH\u1ef0C T\u1ebe<\/span>\r\n        <h2>M\u1ed9t s\u1ed1 kho\u1ea3nh kh\u1eafc \u0111\u00e1ng nh\u1edb<\/h2>\r\n        <p>H\u00ecnh \u1ea3nh v\u00e0 video th\u1ef1c t\u1ebf t\u1ea1i Tr\u01b0\u1eddng Cao \u0111\u1eb3ng ngh\u1ec1 V\u0129nh Long<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"social-story-list\" id=\"storyList\"><\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<div class=\"story-viewer\" id=\"storyViewer\">\r\n\r\n    <div class=\"story-container\">\r\n\r\n        <button class=\"story-nav prev\" id=\"storyPrev\">\u276e<\/button>\r\n        <button class=\"story-nav next\" id=\"storyNext\">\u276f<\/button>\r\n\r\n        <div class=\"story-progress\">\r\n            <div class=\"story-progress-fill\" id=\"storyProgress\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"story-top\">\r\n\r\n            <div class=\"story-user\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/05\/logo.png\" alt=\"\">\r\n\r\n                <div>\r\n                    <strong>VL VC<\/strong>\r\n                    <span id=\"storyTime\"><\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <button class=\"story-close\" id=\"storyClose\">\u00d7<\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"story-body\" id=\"storyBody\"><\/div>\r\n\r\n        <div class=\"story-caption\">\r\n\r\n            <h3 id=\"storyTitle\"><\/h3>\r\n\r\n            <p id=\"storyNote\"><\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n<style>\r\n    .social-story-section{\r\n    padding:20px 20px;\r\n    background:#fff;\r\n}\r\n\r\n.social-story-header{\r\n    text-align:center;\r\n    margin-bottom:40px;\r\n}\r\n\r\n.social-story-header span{\r\n    color:#2563eb;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.social-story-header h2{\r\n    margin:10px 0;\r\n    font-size:36px;\r\n    color:#0f172a;\r\n}\r\n\r\n.social-story-header p{\r\n    color:#64748b;\r\n}\r\n\r\n.social-story-list{\r\n    display:flex;\r\n    justify-content:center;\r\n    flex-wrap:wrap;\r\n    gap:24px;\r\n\r\n    padding-bottom:10px;\r\n}\r\n\r\n\r\n.social-story-list::-webkit-scrollbar{\r\n    height:6px;\r\n}\r\n\r\n.social-story-list::-webkit-scrollbar-thumb{\r\n    background:#cbd5e1;\r\n    border-radius:50px;\r\n}\r\n\r\n.story-item{\r\n    flex:0 0 auto;\r\n    width:100px;\r\n    text-align:center;\r\n    cursor:pointer;\r\n\r\n    scroll-snap-align:start;\r\n}\r\n\r\n.story-ring{\r\n    width:92px;\r\n    height:92px;\r\n\r\n    padding:3px;\r\n\r\n    margin:auto;\r\n\r\n    border-radius:50%;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #2563eb,\r\n        #60a5fa,\r\n        #f59e0b\r\n    );\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.story-item:hover .story-ring{\r\n    transform:translateY(-6px);\r\n}\r\n\r\n.story-ring img{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    border-radius:50%;\r\n\r\n    border:3px solid #fff;\r\n}\r\n\r\n.story-label{\r\n    margin-top:10px;\r\n    font-size:14px;\r\n    font-weight:600;\r\n}\r\n\r\n\/* VIEWER *\/\r\n\r\n.story-viewer{\r\n    position:fixed;\r\n    inset:0;\r\n\r\n    background:rgba(0,0,0,.9);\r\n\r\n    display:none;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    z-index:99999;\r\n}\r\n\r\n.story-viewer.active{\r\n    display:flex;\r\n}\r\n\r\n.story-container{\r\n    width:95%;\r\n    max-width:420px;\r\n    height:90vh;\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:24px;\r\n\r\n    background:#000;\r\n}\r\n\r\n.story-progress{\r\n    position:absolute;\r\n    top:15px;\r\n    left:15px;\r\n    right:15px;\r\n\r\n    height:4px;\r\n\r\n    background:rgba(255,255,255,.3);\r\n\r\n    border-radius:50px;\r\n\r\n    overflow:hidden;\r\n\r\n    z-index:5;\r\n}\r\n\r\n.story-progress-fill{\r\n    width:0;\r\n    height:100%;\r\n    background:#fff;\r\n}\r\n\r\n.story-top{\r\n    position:absolute;\r\n    top:30px;\r\n    left:20px;\r\n    right:20px;\r\n\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n\r\n    z-index:5;\r\n}\r\n\r\n.story-user{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    color:#fff;\r\n}\r\n\r\n.story-user img{\r\n    width:40px;\r\n    height:40px;\r\n    border-radius:50%;\r\n}\r\n\r\n.story-user span{\r\n    font-size:13px;\r\n    opacity:.8;\r\n}\r\n\r\n.story-close{\r\n    width:40px;\r\n    height:40px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:none;\r\n    border-radius:50%;\r\n\r\n    background:rgba(255,255,255,.2);\r\n\r\n    color:#fff;\r\n\r\n    font-size:30px;\r\n    line-height:1;\r\n\r\n    cursor:pointer;\r\n\r\n    padding:0;\r\n\r\n    transition:.25s;\r\n}\r\n\r\n.story-close:hover{\r\n    background:rgba(255,255,255,.3);\r\n}\r\n\r\n.story-body{\r\n    width:100%;\r\n    height:100%;\r\n}\r\n\r\n.story-body img,\r\n.story-body video{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n}\r\n\r\n.story-caption{\r\n    position:absolute;\r\n\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n\r\n    padding:30px;\r\n\r\n    color:#fff;\r\n\r\n    background:linear-gradient(\r\n        to top,\r\n        rgba(0,0,0,.8),\r\n        transparent\r\n    );\r\n}\r\n\r\n.story-caption h3{\r\n    font-size:24px;\r\n    margin-bottom:8px;\r\n    color:#fff;\r\n    font-weight:700;\r\n}\r\n\r\n.story-caption p{\r\n    line-height:1.6;\r\n    font-size:15px;\r\n}\r\n\r\n.story-nav{\r\n    position:absolute;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n\r\n    width:32px;\r\n    height:60px;\r\n\r\n    border:none;\r\n\r\n    border-radius:20px;\r\n\r\n    background:rgba(0,0,0,.25);\r\n\r\n    color:#fff;\r\n\r\n    font-size:22px;\r\n    font-weight:300;\r\n\r\n    cursor:pointer;\r\n\r\n    z-index:6;\r\n\r\n    transition:.2s;\r\n}\r\n\r\n.story-nav:hover{\r\n    background:rgba(0,0,0,.45);\r\n}\r\n\r\n.story-nav.prev{\r\n    left:10px;\r\n}\r\n\r\n.story-nav.next{\r\n    right:10px;\r\n}\r\n\r\n\r\n@media (max-width:1024px){\r\n\r\n    .social-story-section{\r\n        padding:20px 15px;\r\n    }\r\n\r\n    .social-story-header{\r\n        margin-bottom:30px;\r\n    }\r\n\r\n    .social-story-header span{\r\n        font-size:12px;\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .social-story-header h2{\r\n        font-size:24px;\r\n        margin:8px 0;\r\n    }\r\n\r\n    .social-story-header p{\r\n        font-size:15px;\r\n    }\r\n\r\n    .social-story-list{\r\n        gap:18px;\r\n    }\r\n\r\n    .story-item{\r\n        width:68px;\r\n        flex:0 0 auto;\r\n    }\r\n\r\n    .story-ring{\r\n        width:60px;\r\n        height:60px;\r\n        padding:2px;\r\n    }\r\n\r\n    .story-ring img{\r\n        border-width:2px;\r\n    }\r\n\r\n    .story-label{\r\n        margin-top:6px;\r\n        font-size:13px;\r\n        line-height:1.3;\r\n    }\r\n\r\n    .story-container{\r\n        width:380px;\r\n        max-width:90vw;\r\n        height:78vh;\r\n        border-radius:22px;\r\n    }\r\n\r\n    .story-top{\r\n        top:24px;\r\n        left:18px;\r\n        right:18px;\r\n    }\r\n\r\n    .story-user img{\r\n        width:36px;\r\n        height:36px;\r\n    }\r\n\r\n    .story-user strong{\r\n        font-size:15px;\r\n    }\r\n\r\n    .story-user span{\r\n        font-size:13px;\r\n    }\r\n\r\n    .story-close{\r\n        width:38px;\r\n        height:38px;\r\n        font-size:28px;\r\n    }\r\n\r\n    .story-caption{\r\n        padding:24px;\r\n    }\r\n\r\n    .story-caption h3{\r\n        font-size:24px;\r\n        margin-bottom:6px;\r\n    }\r\n\r\n    .story-caption p{\r\n        font-size:15px;\r\n        line-height:1.6;\r\n    }\r\n\r\n    .story-nav{\r\n        width:30px;\r\n        height:56px;\r\n        font-size:20px;\r\n    }\r\n}\r\n\r\n\r\n\r\n@media (max-width:768px){\r\n\r\n    .social-story-section{\r\n        padding:20px 12px;\r\n    }\r\n\r\n    .social-story-header{\r\n        margin-bottom:25px;\r\n    }\r\n\r\n    .social-story-header span{\r\n        font-size:12px;\r\n        letter-spacing:1px;\r\n    }\r\n\r\n    .social-story-header h2{\r\n        font-size:22px;\r\n        line-height:1.3;\r\n        margin:8px 0;\r\n    }\r\n\r\n    .social-story-header p{\r\n        font-size:14px;\r\n        line-height:1.6;\r\n    }\r\n    .social-story-list{\r\n    display:flex;\r\n    justify-content:flex-start;\r\n    flex-wrap:nowrap;\r\n    gap:12px;\r\n\r\n    overflow-x:auto;\r\n    overflow-y:hidden;\r\n\r\n    padding:0 4px 10px;\r\n\r\n    scroll-behavior:smooth;\r\n    -webkit-overflow-scrolling:touch;\r\n}\r\n\r\n.social-story-list::-webkit-scrollbar{\r\n    height:4px;\r\n}\r\n\r\n.social-story-list::-webkit-scrollbar-thumb{\r\n    background:#cbd5e1;\r\n    border-radius:50px;\r\n}\r\n\r\n.social-story-list::-webkit-scrollbar-track{\r\n    background:transparent;\r\n}\r\n\r\n    .story-item{\r\n        width:56px;\r\n        flex:0 0 auto;\r\n    }\r\n\r\n    .story-ring{\r\n        width:48px;\r\n        height:48px;\r\n        padding:2px;\r\n    }\r\n\r\n    .story-ring img{\r\n        border-width:2px;\r\n    }\r\n\r\n    .story-label{\r\n        margin-top:5px;\r\n        font-size:12px;\r\n        line-height:1.2;\r\n    }\r\n\r\n    .story-container{\r\n    width:320px;\r\n    max-width:88vw;\r\n    height:72vh;\r\n\r\n    border-radius:22px;\r\n}\r\n\r\n    .story-progress{\r\n        top:12px;\r\n        left:12px;\r\n        right:12px;\r\n    }\r\n\r\n    .story-top{\r\n        top:24px;\r\n        left:14px;\r\n        right:14px;\r\n    }\r\n\r\n    .story-user{\r\n        gap:8px;\r\n    }\r\n\r\n    .story-user img{\r\n        width:34px;\r\n        height:34px;\r\n    }\r\n\r\n    .story-user strong{\r\n        font-size:14px;\r\n    }\r\n\r\n    .story-user span{\r\n        font-size:12px;\r\n    }\r\n\r\n    .story-close{\r\n        width:36px;\r\n        height:36px;\r\n        font-size:26px;\r\n    }\r\n\r\n    .story-caption{\r\n        padding:22px 18px 26px;\r\n    }\r\n\r\n    .story-caption h3{\r\n        font-size:22px;\r\n        margin-bottom:6px;\r\n    }\r\n\r\n    .story-caption p{\r\n        font-size:14px;\r\n        line-height:1.6;\r\n    }\r\n\r\n    .story-nav{\r\n        width:26px;\r\n        height:50px;\r\n        font-size:18px;\r\n        border-radius:16px;\r\n    }\r\n\r\n    .story-nav.prev{\r\n        left:6px;\r\n    }\r\n\r\n    .story-nav.next{\r\n        right:6px;\r\n    }\r\n}\r\n\r\n\r\n\r\n@media (max-width:480px){\r\n\r\n    .story-item{\r\n        width:72px;\r\n    }\r\n\r\n    .story-ring{\r\n        width:64px;\r\n        height:64px;\r\n    }\r\n\r\n    .story-label{\r\n        font-size:13px;\r\n    }\r\n\r\n    .story-caption h3{\r\n        font-size:22px;\r\n    }\r\n\r\n    .story-caption p{\r\n        font-size:14px;\r\n    }\r\n}\r\n<\/style>\r\n<script>\r\nconst stories = [\r\n\r\n{\r\n    thumb:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/Thiet-ke-chua-co-ten.png\",\r\n    type:\"image\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/Thiet-ke-chua-co-ten.png\",\r\n    title:\"\u0110\u0103ng k\u00fd\",\r\n    note:\"H\u1ecdc vi\u00ean c\u00f3 th\u1ec3 \u0111\u0103ng k\u00fd \u1edf 1 trong 2 c\u01a1 s\u1edf\",\r\n    time:\"3 th\u00e1ng tr\u01b0\u1edbc\",\r\n    position:\"center center\"\r\n},\r\n\r\n{\r\n    thumb:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-n-lythuyet-oto.jpg\",\r\n    type:\"image\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-n-lythuyet-oto.jpg\",\r\n    title:\"H\u1ecdc l\u00fd thuy\u1ebft\",\r\n    note:\"L\u1ecbch h\u1ecdc bu\u1ed5i t\u1ed1i, gi\u00fap h\u1ecdc vi\u00ean v\u1eeba h\u1ecdc v\u1eeba l\u00e0m thu\u1eadn l\u1ee3i h\u01a1n\",\r\n    time:\"3 th\u00e1ng tr\u01b0\u1edbc\",\r\n    position:\"center center\"\r\n},\r\n\r\n{\r\n    thumb:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-n-thucjhanh-oto.jpg\",\r\n    type:\"video\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/thuchanhoto.mp4\",\r\n    title:\"Th\u1ef1c h\u00e0nh\",\r\n    note:\"H\u1ecdc vi\u00ean \u0111\u01b0\u1ee3c ph\u00e2n nh\u00f3m h\u1ecdc th\u1ef1c h\u00e0nh\",\r\n    time:\"2 th\u00e1ng tr\u01b0\u1edbc\",\r\n    position:\"center center\"\r\n},\r\n{\r\n    thumb:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/IMG_20260605_133438.jpg\",\r\n    type:\"image\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/IMG_20260605_133438.jpg\",\r\n    title:\"Th\u1ef1c h\u00e0nh\",\r\n    note:\"H\u1ecdc vi\u00ean \u0111\u01b0\u1ee3c ph\u00e2n nh\u00f3m h\u1ecdc th\u1ef1c h\u00e0nh\",\r\n    time:\"2 th\u00e1ng tr\u01b0\u1edbc\",\r\n    position:\"70% center\"\r\n},\r\n{\r\n    thumb:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-h-z7928180062486_a354c547664d26fd02f19ea39cdb1963.jpg\",\r\n    type:\"image\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-h-z7928180062486_a354c547664d26fd02f19ea39cdb1963.jpg\",\r\n    title:\"Khai m\u1ea1c\",\r\n    note:\"Khai m\u1ea1c h\u1ed9i \u0111\u1ed3ng, chu\u1ea9n b\u1ecb ki\u1ec3m tra x\u00e9t ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o\",\r\n    time:\"3 tu\u1ea7n tr\u01b0\u1edbc\",\r\n\r\n    position:\"center center\"\r\n},\r\n\r\n{\r\n    thumb:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-n-thichungchi.jpg\",\r\n    type:\"video\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/thichungchi-oto.mp4\",\r\n    title:\"Ki\u1ec3m tra h\u1ebft m\u00f4n h\u1ecdc\",\r\n    note:\"Sau khi ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o, h\u1ecdc vi\u00ean \u0111\u1ee7 \u0111i\u1ec1u ki\u1ec7n \u0111\u1ec3 \u0111\u0103ng k\u00fd thi s\u00e1t h\u1ea1ch\",\r\n    time:\"3 tu\u1ea7n tr\u01b0\u1edbc\",\r\n\r\n    position:\"center center\"\r\n},\r\n{\r\n    thumb:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/IMG_20260605_130759.jpg\",\r\n    type:\"image\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/IMG_20260605_130759.jpg\",\r\n    title:\"Khai m\u1ea1c h\u1ed9i \u0111\u1ed3ng s\u00e1t h\u1ea1ch\",\r\n    note:\"Kh\u00f4ng kh\u00ed nghi\u00eam t\u00fac nh\u01b0ng \u0111\u1ea7y t\u1ef1 tin\",\r\n    time:\"2 tu\u1ea7n tr\u01b0\u1edbc\",\r\n\r\n    position:\"80% center\"\r\n},\r\n\r\n{\r\n    thumb:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/IMG_20260605_133937.jpg\",\r\n    type:\"image\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/IMG_20260605_133937.jpg\",\r\n    title:\"Khai m\u1ea1c h\u1ed9i \u0111\u1ed3ng s\u00e1t h\u1ea1ch\",\r\n    note:\"Kh\u00f4ng kh\u00ed nghi\u00eam t\u00fac nh\u01b0ng \u0111\u1ea7y t\u1ef1 tin\",\r\n    time:\"2 tu\u1ea7n tr\u01b0\u1edbc\",\r\n\r\n    position:\"35% center\"\r\n},\r\n\r\n{\r\n    thumb:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-n-thuchanh.jpg\",\r\n    type:\"video\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/sathachoto.mp4\",\r\n    title:\"Thi s\u00e1t h\u1ea1ch\",\r\n    note:\"Kh\u00f4ng kh\u00ed nghi\u00eam t\u00fac nh\u01b0ng \u0111\u1ea7y t\u1ef1 tin\",\r\n    time:\"2 tu\u1ea7n tr\u01b0\u1edbc\",\r\n\r\n    position:\"center center\"\r\n},\r\n\r\n{\r\n    thumb:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-n-z7928278062497_cd5f82025de61a3cd53092f6b8600d1d.jpg\",\r\n    type:\"video\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/phatgplx_Trim.mp4\",\r\n    title:\"Chu\u1ea9n b\u1ecb gi\u1ea5y ph\u00e9p l\u00e1i xe cho h\u1ecdc vi\u00ean\",\r\n    note:\"Ngay khi \u0111\u01b0\u1ee3c b\u00e0n giao, c\u00e1c th\u1ea7y c\u00f4 chu\u1ea9n b\u1ecb h\u1ed3 s\u01a1 \u0111\u1ec3 ph\u00e1t cho h\u1ecdc vi\u00ean s\u1edbm nh\u1ea5t c\u00f3 th\u1ec3\",\r\n    time:\"H\u00f4m nay\",\r\n\r\n   position:\"center center\"\r\n}\r\n\r\n];\r\n\r\nconst list=document.getElementById(\"storyList\");\r\n\r\nstories.forEach((story,index)=>{\r\n\r\n    list.innerHTML+=`\r\n    <div class=\"story-item\" onclick=\"openStory(${index})\">\r\n\r\n        <div class=\"story-ring\">\r\n            <img decoding=\"async\" src=\"${story.thumb}\"\r\n                 loading=\"lazy\"\r\n                 alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"story-label\">\r\n            ${story.title}\r\n        <\/div>\r\n\r\n    <\/div>\r\n    `;\r\n\r\n});\r\n\r\nlet currentIndex=0;\r\nlet timer;\r\n\r\nfunction openStory(index){\r\n\r\n    currentIndex=index;\r\n\r\n    document.getElementById(\"storyViewer\")\r\n    .classList.add(\"active\");\r\n\r\n    renderStory();\r\n\r\n}\r\n\r\nfunction renderStory(){\r\n\r\n    clearTimeout(timer);\r\n\r\n    const story=stories[currentIndex];\r\n\r\n    document.getElementById(\"storyTime\").innerText=story.time;\r\n    document.getElementById(\"storyTitle\").innerText=story.title;\r\n    document.getElementById(\"storyNote\").innerText=story.note;\r\n\r\n    const body=document.getElementById(\"storyBody\");\r\n    const progress=document.getElementById(\"storyProgress\");\r\n\r\n    progress.style.transition=\"none\";\r\n    progress.style.width=\"0\";\r\n\r\n    if(story.type===\"image\"){\r\n\r\n        body.innerHTML=`\r\n            <img decoding=\"async\" src=\"${story.src}\"\r\n                 style=\"\r\n                    width:100%;\r\n                    height:100%;\r\n                    object-fit:cover;\r\n                    object-position:${story.position || 'center center'};\r\n                 \">\r\n        `;\r\n\r\n        setTimeout(()=>{\r\n\r\n            progress.style.transition=\"width 5s linear\";\r\n            progress.style.width=\"100%\";\r\n\r\n        },50);\r\n\r\n        timer=setTimeout(nextStory,5000);\r\n\r\n    }else{\r\n\r\n        body.innerHTML=`\r\n            <video id=\"activeVideo\"\r\n                   autoplay\r\n                   muted\r\n                   controls\r\n                   playsinline\r\n                   style=\"\r\n                        width:100%;\r\n                        height:100%;\r\n                        object-fit:cover;\r\n                        object-position:${story.position || 'center center'};\r\n                   \">\r\n                <source src=\"${story.src}\" type=\"video\/mp4\">\r\n            <\/video>\r\n        `;\r\n\r\n        const video=document.getElementById(\"activeVideo\");\r\n\r\n        video.muted = true;\r\n        video.defaultMuted = true;\r\n\r\n        video.onloadedmetadata=()=>{\r\n\r\n            progress.style.transition=\r\n                \"width \"+video.duration+\"s linear\";\r\n\r\n            progress.style.width=\"100%\";\r\n            \r\n            video.play().catch(err => console.log(\"Ch\u1eb7n autoplay:\", err));\r\n        };\r\n\r\n        video.onended=nextStory;\r\n    }\r\n}\r\n\r\nfunction nextStory(){\r\n\r\n    currentIndex++;\r\n\r\n    if(currentIndex>=stories.length){\r\n\r\n        closeStory();\r\n        return;\r\n    }\r\n\r\n    renderStory();\r\n}\r\n\r\nfunction prevStory(){\r\n\r\n    if(currentIndex===0){\r\n        return;\r\n    }\r\n\r\n    currentIndex--;\r\n\r\n    renderStory();\r\n}\r\n\r\nfunction closeStory(){\r\n\r\n    clearTimeout(timer);\r\n\r\n    document.getElementById(\"storyViewer\")\r\n    .classList.remove(\"active\");\r\n\r\n    document.getElementById(\"storyBody\").innerHTML=\"\";\r\n}\r\n\r\ndocument.getElementById(\"storyNext\")\r\n.addEventListener(\"click\",nextStory);\r\n\r\ndocument.getElementById(\"storyPrev\")\r\n.addEventListener(\"click\",prevStory);\r\n\r\ndocument.getElementById(\"storyClose\")\r\n.addEventListener(\"click\",closeStory);\r\n\r\ndocument.getElementById(\"storyViewer\")\r\n.addEventListener(\"click\",e=>{\r\n\r\n    if(e.target.id===\"storyViewer\"){\r\n        closeStory();\r\n    }\r\n\r\n});\r\n\r\ndocument.addEventListener(\"keydown\",e=>{\r\n\r\n    if(e.key===\"Escape\") closeStory();\r\n\r\n    if(document.getElementById(\"storyViewer\")\r\n        .classList.contains(\"active\")){\r\n\r\n        if(e.key===\"ArrowRight\") nextStory();\r\n\r\n        if(e.key===\"ArrowLeft\") prevStory();\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 class=\"elementor-element elementor-element-cd68cde elementor-widget elementor-widget-html\" data-id=\"cd68cde\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-thongtin\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\nconst GPLX_INTEGRATED_DATA = {\r\n    b: {\r\n        hocphi: 16500000,\r\n        lephithi: 645000,\r\n        chungchi: 50000,\r\n        dongphuc: 190000,\r\n        baohiem: 200000,\r\n        baohiemHienThi: \"200.000 \u0111\",\r\n        \r\n        info1_strong: \"Kh\u00f4ng qu\u00e1 90 ng\u00e0y\",\r\n        info1_text: \"Theo quy \u0111\u1ecbnh ph\u00e1p lu\u1eadt hi\u1ec7n h\u00e0nh,  t\u1ed5ng th\u1eddi gian kh\u00f3a \u0111\u00e0o t\u1ea1o trong ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00e0o t\u1ea1o l\u00e1i xe kh\u00f4ng qu\u00e1 90 ng\u00e0y\",\r\n        \r\n        info2_strong: \"\u00d4 t\u00f4 s\u1ed1 s\u00e0n & s\u1ed1 t\u1ef1 \u0111\u1ed9ng\",\r\n        info2_text: \"- \u00d4 t\u00f4 ch\u1edf ng\u01b0\u1eddi \u0111\u1ebfn 08 ch\u1ed7 (kh\u00f4ng k\u1ec3 ch\u1ed7 c\u1ee7a ng\u01b0\u1eddi l\u00e1i xe);<br>- Xe \u00f4 t\u00f4 t\u1ea3i v\u00e0 \u00f4 t\u00f4 chuy\u00ean d\u00f9ng c\u00f3 kh\u1ed1i l\u01b0\u1ee3ng to\u00e0n b\u1ed9 theo thi\u1ebft k\u1ebf \u0111\u1ebfn 3.500 kg;<br>- C\u00e1c lo\u1ea1i xe \u00f4 t\u00f4 quy \u0111\u1ecbnh cho gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng B k\u00e9o r\u01a1 mo\u00f3c c\u00f3 kh\u1ed1i l\u01b0\u1ee3ng to\u00e0n b\u1ed9 theo thi\u1ebft k\u1ebf \u0111\u1ebfn 750 kg.\",\r\n        \r\n        info3_strong: \"Th\u1eddi h\u1ea1n 10 n\u0103m k\u1ec3 t\u1eeb ng\u00e0y c\u1ea5p\",\r\n        info3_text: \"Gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng B s\u1ed1 s\u00e0n c\u00f3 th\u1eddi h\u1ea1n s\u1eed d\u1ee5ng l\u00e0 10 n\u0103m k\u1ec3 t\u1eeb ng\u00e0y c\u1ea5p. Sau 10 n\u0103m h\u1ecdc vi\u00ean l\u00e0m th\u1ee7 t\u1ee5c c\u1ea5p \u0111\u1ed5i l\u1ea1i theo quy \u0111\u1ecbnh.\",\r\n        \r\n        info4_strong: \"\u0110\u1ee7 18 tu\u1ed5i tr\u1edf l\u00ean\",\r\n        info4_text: \"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.\"\r\n    },\r\n\r\n    btu: {\r\n        hocphi: 17500000,\r\n        lephithi: 645000,\r\n        chungchi: 50000,\r\n        dongphuc: 190000,\r\n        baohiem: 200000,\r\n        baohiemHienThi: \"200.000 \u0111\",\r\n        \r\n        info1_strong: \"Kh\u00f4ng qu\u00e1 90 ng\u00e0y\",\r\n        info1_text: \"Theo quy \u0111\u1ecbnh ph\u00e1p lu\u1eadt hi\u1ec7n h\u00e0nh,  t\u1ed5ng th\u1eddi gian kh\u00f3a \u0111\u00e0o t\u1ea1o trong ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00e0o t\u1ea1o l\u00e1i xe kh\u00f4ng qu\u00e1 90 ng\u00e0y\",\r\n        \r\n        info2_strong: \"\u00d4 t\u00f4 s\u1ed1 t\u1ef1 \u0111\u1ed9ng\",\r\n        info2_text: \"- \u00d4 t\u00f4 chuy\u1ec3n s\u1ed1 t\u1ef1 \u0111\u1ed9ng ch\u1edf ng\u01b0\u1eddi \u0111\u1ebfn 08 ch\u1ed7 (kh\u00f4ng k\u1ec3 ch\u1ed7 c\u1ee7a ng\u01b0\u1eddi l\u00e1i xe);<br>- Xe \u00f4 t\u00f4 t\u1ea3i v\u00e0 \u00f4 t\u00f4 chuy\u00ean d\u00f9ng chuy\u1ec3n s\u1ed1 t\u1ef1 \u0111\u1ed9ng c\u00f3 kh\u1ed1i l\u01b0\u1ee3ng to\u00e0n b\u1ed9 theo thi\u1ebft k\u1ebf \u0111\u1ebfn 3.500 kg;<br>- C\u00e1c lo\u1ea1i xe \u00f4 t\u00f4 quy \u0111\u1ecbnh cho gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng B k\u00e9o r\u01a1 mo\u00f3c c\u00f3 kh\u1ed1i l\u01b0\u1ee3ng to\u00e0n b\u1ed9 theo thi\u1ebft k\u1ebf \u0111\u1ebfn 750 kg.\",\r\n        \r\n        info3_strong: \"Th\u1eddi h\u1ea1n 10 n\u0103m k\u1ec3 t\u1eeb ng\u00e0y c\u1ea5p\",\r\n        info3_text: \"Gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng B s\u1ed1 s\u00e0n c\u00f3 th\u1eddi h\u1ea1n s\u1eed d\u1ee5ng l\u00e0 10 n\u0103m k\u1ec3 t\u1eeb ng\u00e0y c\u1ea5p. Sau 10 n\u0103m h\u1ecdc vi\u00ean l\u00e0m th\u1ee7 t\u1ee5c c\u1ea5p \u0111\u1ed5i l\u1ea1i theo quy \u0111\u1ecbnh.\",\r\n        \r\n        info4_strong: \"\u0110\u1ee7 18 tu\u1ed5i tr\u1edf l\u00ean\",\r\n        info4_text: \"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.\"\r\n    },\r\n\r\n    c1: {\r\n        hocphi: 21500000,\r\n        lephithi: 645000,\r\n        chungchi: 50000,\r\n        dongphuc: 190000,\r\n        baohiem: 200000,\r\n        baohiemHienThi: \"200.000 \u0111\",\r\n        \r\n        info1_strong: \"Kh\u00f4ng qu\u00e1 90 ng\u00e0y\",\r\n        info1_text: \"Theo quy \u0111\u1ecbnh ph\u00e1p lu\u1eadt hi\u1ec7n h\u00e0nh,  t\u1ed5ng th\u1eddi gian kh\u00f3a \u0111\u00e0o t\u1ea1o trong ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00e0o t\u1ea1o l\u00e1i xe kh\u00f4ng qu\u00e1 90 ng\u00e0y\",\r\n        \r\n        info2_strong: \"\u00d4 t\u00f4 t\u1ea3i \u0111\u1ebfn 7.500 kg\",\r\n        info2_text: \"- \u00d4 t\u00f4 t\u1ea3i v\u00e0 \u00f4 t\u00f4 chuy\u00ean d\u00f9ng c\u00f3 kh\u1ed1i l\u01b0\u1ee3ng to\u00e0n b\u1ed9 theo thi\u1ebft k\u1ebf tr\u00ean 3.500 kg \u0111\u1ebfn 7.500 kg; <br>- C\u00e1c lo\u1ea1i xe \u00f4 t\u00f4 t\u1ea3i quy \u0111\u1ecbnh cho gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng C1 k\u00e9o r\u01a1 mo\u00f3c c\u00f3 kh\u1ed1i l\u01b0\u1ee3ng to\u00e0n b\u1ed9 theo thi\u1ebft k\u1ebf \u0111\u1ebfn 750 kg; <br>- C\u00e1c lo\u1ea1i xe quy \u0111\u1ecbnh cho gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng B;\",\r\n        \r\n        info3_strong: \"Th\u1eddi h\u1ea1n 10 n\u0103m k\u1ec3 t\u1eeb ng\u00e0y c\u1ea5p\",\r\n        info3_text: \"Gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng B s\u1ed1 s\u00e0n c\u00f3 th\u1eddi h\u1ea1n s\u1eed d\u1ee5ng l\u00e0 10 n\u0103m k\u1ec3 t\u1eeb ng\u00e0y c\u1ea5p. Sau 10 n\u0103m h\u1ecdc vi\u00ean l\u00e0m th\u1ee7 t\u1ee5c c\u1ea5p \u0111\u1ed5i l\u1ea1i theo quy \u0111\u1ecbnh.\",\r\n        \r\n        info4_strong: \"\u0110\u1ee7 18 tu\u1ed5i tr\u1edf l\u00ean\",\r\n        info4_text: \"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.\"\r\n    }\r\n};\r\n<\/script>\r\n\r\n<div class=\"gplx-sys-wrapper\" id=\"gplxSection\">    \r\n    <div class=\"gplx-sys-sidebar-tabs\">\r\n        <button class=\"gplx-sys-tab-btn active\" onclick=\"gplxSwitchSystem('b', this)\">\r\n            <i class=\"fa fa-cogs\"><\/i>\r\n            <span>H\u1ea0NG B S\u1ed0 S\u00c0N<\/span>\r\n        <\/button>\r\n        <button class=\"gplx-sys-tab-btn\" onclick=\"gplxSwitchSystem('btu', this)\">\r\n            <i class=\"fa fa-tachometer\"><\/i>\r\n            <span>H\u1ea0NG B T\u1ef0 \u0110\u1ed8NG<\/span>\r\n        <\/button>\r\n        <button class=\"gplx-sys-tab-btn\" onclick=\"gplxSwitchSystem('c1', this)\">\r\n            <i class=\"fas fa-truck\"><\/i>\r\n            <span>H\u1ea0NG C1<\/span>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"gplx-sys-main-content\">\r\n\r\n        <div class=\"mucthongtin-box\">\r\n            <div class=\"mucthongtin-title\">\r\n                <h2 id=\"gplxDynamicTitle\">TH\u00d4NG TIN H\u1ea0NG GI\u1ea4Y PH\u00c9P L\u00c1I XE<\/h2>\r\n                <p>Chi ti\u1ebft quy \u0111\u1ecbnh ph\u00e2n h\u1ea1ng v\u00e0 \u0111i\u1ec1u ki\u1ec7n \u00e1p d\u1ee5ng hi\u1ec7n h\u00e0nh<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"mucthongtin-grid\">\r\n                <div class=\"mucthongtin-item\">\r\n                    <div class=\"mucthongtin-header\">\r\n                        <div class=\"mucthongtin-left\">\r\n                            <i class=\"fas fa-id-card\"><\/i>\r\n                            <div>\r\n                                <span>Th\u1eddi gian \u0111\u00e0o t\u1ea1o<\/span>\r\n                                <strong id=\"info1_strong\">\u0110ang t\u1ea3i...<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"mucthongtin-toggle\"><i class=\"fas fa-plus\"><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"mucthongtin-content\"><div class=\"mucthongtin-content-inner\" id=\"info1_text\">\u0110ang t\u1ea3i...<\/div><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mucthongtin-item\">\r\n                    <div class=\"mucthongtin-header\">\r\n                        <div class=\"mucthongtin-left\">\r\n                            <i class=\"fa fa-car\"><\/i>\r\n                            <div>\r\n                                <span>\u0110\u01b0\u1ee3c ph\u00e9p \u0111i\u1ec1u khi\u1ec3n<\/span>\r\n                                <strong id=\"info2_strong\">\u0110ang t\u1ea3i...<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"mucthongtin-toggle\"><i class=\"fas fa-plus\"><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"mucthongtin-content\"><div class=\"mucthongtin-content-inner\" id=\"info2_text\">\u0110ang t\u1ea3i...<\/div><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mucthongtin-item\">\r\n                    <div class=\"mucthongtin-header\">\r\n                        <div class=\"mucthongtin-left\">\r\n                            <i class=\"fas fa-clock\"><\/i>\r\n                            <div>\r\n                                <span>Th\u1eddi h\u1ea1n s\u1eed d\u1ee5ng<\/span>\r\n                                <strong id=\"info3_strong\">\u0110ang t\u1ea3i...<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"mucthongtin-toggle\"><i class=\"fas fa-plus\"><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"mucthongtin-content\"><div class=\"mucthongtin-content-inner\" id=\"info3_text\">\u0110ang t\u1ea3i...<\/div><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mucthongtin-item\">\r\n                    <div class=\"mucthongtin-header\">\r\n                        <div class=\"mucthongtin-left\">\r\n                            <i class=\"fas fa-user\"><\/i>\r\n                            <div>\r\n                                <span>\u0110\u1ed9 tu\u1ed5i \u0111\u0103ng k\u00fd<\/span>\r\n                                <strong id=\"info4_strong\">\u0110ang t\u1ea3i...<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"mucthongtin-toggle\"><i class=\"fas fa-plus\"><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"mucthongtin-content\"><div class=\"mucthongtin-content-inner\" id=\"info4_text\">\u0110ang t\u1ea3i...<\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <section class=\"oto-fee-section\">\r\n            <div class=\"oto-fee-header\">\r\n                <h2>C\u00c1C KHO\u1ea2N CHI PH\u00cd<\/h2>\r\n                <p>C\u00e1c kho\u1ea3n thu \u0111\u01b0\u1ee3c c\u00f4ng khai - minh b\u1ea1ch<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"oto-fee-grid\">\r\n                <div class=\"oto-fee-card\">\r\n                    <div class=\"oto-fee-info\">?<div class=\"oto-fee-tooltip\">H\u1ecdc ph\u00ed c\u00f3 th\u1ec3 chia l\u00e0m 2 l\u1ea7n \u0111\u00f3ng linh ho\u1ea1t<\/div><\/div>\r\n                    <div class=\"oto-fee-icon\"><i class=\"fa fa-university\"><\/i><\/div>\r\n                    <div class=\"oto-fee-content\"><h3>H\u1ecdc ph\u00ed<\/h3><\/div>\r\n                    <div class=\"oto-fee-price\" id=\"feeHocPhi\">0 \u0111<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"oto-fee-card\">\r\n                    <div class=\"oto-fee-info\">?<div class=\"oto-fee-tooltip\">Kho\u1ea3n thu h\u1ed9 H\u1ed9i \u0111\u1ed3ng thi (Ph\u00f2ng CSGT)<\/div><\/div>\r\n                    <div class=\"oto-fee-icon\"><i class=\"fas fa-file-signature\"><\/i><\/div>\r\n                    <div class=\"oto-fee-content\"><h3>L\u1ec7 ph\u00ed s\u00e1t h\u1ea1ch<\/h3><\/div>\r\n                    <div class=\"oto-fee-price\" id=\"feeThi\">0 \u0111<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"oto-fee-card\">\r\n                    <div class=\"oto-fee-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\r\n                    <div class=\"oto-fee-content\"><h3>Gi\u1ea5y x\u00e1c nh\u1eadn ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o<\/h3><\/div>\r\n                    <div class=\"oto-fee-price\" id=\"feeChungChi\">0 \u0111<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"oto-fee-card\">\r\n                    <div class=\"oto-fee-info\">?<div class=\"oto-fee-tooltip\">G\u1ed3m \u00e1o, n\u00f3n, th\u1ebb h\u1ecdc vi\u00ean<br>S\u1eed d\u1ee5ng khi th\u1ef1c h\u00e0nh l\u00e1i xe v\u00e0 thi s\u00e1t h\u1ea1ch<\/div><\/div>\r\n                    <div class=\"oto-fee-icon\"><i class=\"fas fa-shirt\"><\/i><\/div>\r\n                    <div class=\"oto-fee-content\"><h3>\u0110\u1ed3ng ph\u1ee5c<\/h3><\/div>\r\n                    <div class=\"oto-fee-price\" id=\"feeDongPhuc\">0 \u0111<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"oto-fee-card\">\r\n                    <div class=\"oto-fee-info\">?<div class=\"oto-fee-tooltip\">B\u1ea3o hi\u1ec3m khuy\u1ebfn kh\u00edch mua \u0111\u1ec3 b\u1ea3o v\u1ec7 quy\u1ec1n l\u1ee3i c\u1ee7a h\u1ecdc vi\u00ean trong qu\u00e1 tr\u00ecnh \u0111\u00e0o t\u1ea1o v\u00e0 s\u00e1t h\u1ea1ch<\/div><\/div>\r\n                    <div class=\"oto-fee-icon\"><i class=\"fa fa-shield\"><\/i><\/div>\r\n                    <div class=\"oto-fee-content\"><h3>B\u1ea3o hi\u1ec3m tai n\u1ea1n<\/h3><\/div>\r\n                    <div class=\"oto-fee-price\" id=\"feeBaoHiem\">0 \u0111<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"oto-fee-btn-wrap\">\r\n                <button class=\"oto-fee-btn\" onclick=\"gplxOpenPopup()\">Xem t\u1ed5ng chi ph\u00ed d\u1ef1 ki\u1ebfn<\/button>\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/div>\r\n<\/div>\r\n<div class=\"gplx-fab-tabs\">\r\n    <button class=\"gplx-fab-trigger\" onclick=\"toggleGPLXFab()\">\r\n        <i class=\"fas fa-exchange-alt\"><\/i>\r\n        <span id=\"fabCurrentTab\">B<\/span>\r\n    <\/button>\r\n\r\n    <div class=\"gplx-fab-menu\" id=\"gplxFabMenu\">\r\n        <button onclick=\"gplxSelectFab('b',this)\">\r\n            H\u1ea1ng B s\u1ed1 s\u00e0n\r\n        <\/button>\r\n\r\n        <button onclick=\"gplxSelectFab('btu',this)\">\r\n            H\u1ea1ng B t\u1ef1 \u0111\u1ed9ng\r\n        <\/button>\r\n\r\n        <button onclick=\"gplxSelectFab('c1',this)\">\r\n            H\u1ea1ng C1\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"oto-fee-overlay\" id=\"otoFeeOverlay\" onclick=\"gplxClosePopup()\">\r\n    <div class=\"oto-fee-bill\" onclick=\"event.stopPropagation()\">\r\n        <div class=\"oto-fee-bill-header\">\r\n            <h3>T\u1ed4NG CHI PH\u00cd D\u1ef0 KI\u1ebeN<\/h3>\r\n            <span onclick=\"gplxClosePopup()\">\u00d7<\/span>\r\n        <\/div>\r\n        <div class=\"oto-fee-bill-body\">\r\n            <div class=\"bill-row\"><span>H\u1ecdc ph\u00ed<\/span><span id=\"billHocPhi\">0 \u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>L\u1ec7 ph\u00ed s\u00e1t h\u1ea1ch<\/span><span id=\"billThi\">0 \u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>Gi\u1ea5y x\u00e1c nh\u1eadn ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o<\/span><span id=\"billChungChi\">0 \u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>\u0110\u1ed3ng ph\u1ee5c<\/span><span id=\"billDongPhuc\">0 \u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>B\u1ea3o hi\u1ec3m tai n\u1ea1n<\/span><span id=\"billBaoHiem\">0 \u0111<\/span><\/div>\r\n            <div class=\"bill-total\"><span id=\"billTong\">T\u1ed5ng: 0 \u0111<\/span><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.gplx-sys-wrapper {\r\n    display: flex;\r\n    gap: 30px;\r\n    max-width: 1800px;\r\n    margin: auto;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n    align-items: flex-start;\r\n}\r\n.gplx-sys-wrapper *, .oto-fee-overlay * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gplx-sys-sidebar-tabs {\r\n    width: 280px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    position: sticky;\r\n    top: 100px;\r\n    flex-shrink: 0;\r\n    z-index: 10;\r\n}\r\n.gplx-sys-tab-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    background: #fff;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 18px 20px;\r\n    border-radius: 16px;\r\n    cursor: pointer;\r\n    text-align: left;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    box-shadow: 0 4px 12px rgba(0,0,0,.03);\r\n}\r\n.gplx-sys-tab-btn i {\r\n    font-size: 20px;\r\n    color: #2563EB;\r\n    width: 30px;\r\n    text-align: center;\r\n}\r\n.gplx-sys-tab-btn span {\r\n    font-family: 'Be Vietnam Pro';\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    color: #002B8C;\r\n}\r\n.gplx-sys-tab-btn:hover {\r\n    transform: translateX(5px);\r\n    box-shadow: 0 8px 20px rgba(37,99,235,.1);\r\n}\r\n.gplx-sys-tab-btn.active {\r\n    background: linear-gradient(135deg, #002B8C, #2563EB);\r\n    border-color: transparent;\r\n}\r\n.gplx-sys-tab-btn.active i, .gplx-sys-tab-btn.active span {\r\n    color: #fff;\r\n}\r\n\r\n.gplx-sys-main-content {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 50px; \r\n    min-width: 0; \r\n}\r\n\r\n.mucthongtin-box {\r\n    background: #002B8C;\r\n    border-radius: 14px;\r\n    padding: 35px;\r\n}\r\n.mucthongtin-title {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n    font-family: 'Be Vietnam Pro';\r\n}\r\n.mucthongtin-title h2 {\r\n    margin: 0 0 10px;\r\n    color: #fff;\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    font-family: 'Be Vietnam Pro';\r\n\r\n}\r\n.mucthongtin-title p {\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, .85);\r\n    font-size: 18px;\r\n}\r\n.mucthongtin-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n}\r\n.mucthongtin-item {\r\n    background: #fff;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    border: 1px solid transparent;\r\n}\r\n.mucthongtin-item:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 20px rgba(0, 0, 0, .06);\r\n}\r\n.mucthongtin-item.open {\r\n    border-color: #2563eb;\r\n}\r\n.mucthongtin-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 18px 20px;\r\n}\r\n.mucthongtin-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n.mucthongtin-left i {\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #fff;\r\n    font-size: 18px;\r\n    background: linear-gradient(135deg, #002B8C, #2563EB);\r\n    flex-shrink: 0;\r\n}\r\n.mucthongtin-left span {\r\n    display: block;\r\n    font-family: 'Be Vietnam Pro', sans-serif;\r\n    font-size: 16px;\r\n    color: #475569;\r\n}\r\n.mucthongtin-left strong {\r\n    display: block;\r\n    margin-top: 4px;\r\n    font-family: 'Be Vietnam Pro', sans-serif;\r\n    font-size: 20px;\r\n    color: #002B8C;\r\n}\r\n.mucthongtin-toggle {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    background: #eef4ff;\r\n    color: #2563eb;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n    flex-shrink: 0;\r\n}\r\n.mucthongtin-item.open .mucthongtin-toggle {\r\n    transform: rotate(45deg);\r\n    background: #fee2e2;\r\n    color: #ef4444;\r\n}\r\n.mucthongtin-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n.mucthongtin-content-inner {\r\n    padding: 0 20px 20px 20px;\r\n    color: #475569;\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n    font-family: 'Be Vietnam Pro', sans-serif;\r\n}\r\n\r\n.oto-fee-section {\r\n    width: 100%;\r\n}\r\n.oto-fee-header {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n}\r\n.oto-fee-header h2 {\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    color: #002B8C;\r\n    margin-bottom: 8px;\r\n    margin-top: 0;\r\n    font-family: 'Be Vietnam Pro';\r\n}\r\n.oto-fee-header p {\r\n    font-size: 18px;\r\n    color: #64748b;\r\n    font-family: 'Be Vietnam Pro', sans-serif;\r\n    margin: 0;\r\n}\r\n.oto-fee-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 12px;\r\n}\r\n.oto-fee-card {\r\n    position: relative;\r\n    background: #fff;\r\n    padding: 24px 16px 16px 16px;\r\n    border-radius: 18px;\r\n    text-align: center;\r\n    border: 1px solid #e5e7eb;\r\n    transition: .35s;\r\n    box-shadow: 0 8px 25px rgba(0,0,0,.04);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    min-height: 250px;\r\n}\r\n.oto-fee-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 35px rgba(37,99,235,.1);\r\n}\r\n.oto-fee-icon {\r\n    width: 74px;\r\n    height: 74px;\r\n    background: #EEF4FF;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0; \r\n    margin-bottom: 15px;\r\n}\r\n.oto-fee-icon i {\r\n    font-size: 32px;\r\n    color: #2563EB;\r\n}\r\n.oto-fee-content {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 15px;\r\n}\r\n.oto-fee-card h3 {\r\n    font-size: 19px;\r\n    line-height: 1.4;\r\n    margin: 0;\r\n    color: #1e293b;\r\n    font-family: 'Be Vietnam Pro';\r\n}\r\n.oto-fee-price {\r\n    width: 100%;\r\n    padding-top: 12px;\r\n    border-top: 1px solid #e5e7eb;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: #0047CC;\r\n    font-family: 'Be Vietnam Pro', sans-serif;\r\n    margin-top: auto; \r\n}\r\n.oto-fee-info {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    background: #2563EB;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    z-index: 5;\r\n    font-size: 14px;\r\n}\r\n.oto-fee-tooltip {\r\n    position: absolute;\r\n    right: -10px;\r\n    top: 50px;\r\n    width: 230px;\r\n    background: #fff;\r\n    border-radius: 14px;\r\n    padding: 14px;\r\n    text-align: left;\r\n    color: #374151;\r\n    line-height: 1.6;\r\n    border: 1px solid #DBEAFE;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.1);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: .3s;\r\n    font-family: 'Be Vietnam Pro', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n}\r\n.oto-fee-info:hover .oto-fee-tooltip {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n.oto-fee-btn-wrap {\r\n    text-align: center;\r\n    margin-top: 30px;\r\n}\r\n.oto-fee-btn {\r\n    background: linear-gradient(135deg, #002B8C, #2563EB);\r\n    color: #fff!important;\r\n    border: none;\r\n    padding: 15px 28px;\r\n    border-radius: 14px;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: .3s;\r\n    font-family: 'Be Vietnam Pro', sans-serif;\r\n}\r\n.oto-fee-btn:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* POPUP BILL *\/\r\n.oto-fee-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0,0,0,.5);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-end;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: .35s;\r\n    z-index: 99999;\r\n}\r\n.oto-fee-overlay.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n.oto-fee-bill {\r\n    width: 100%;\r\n    max-width: 450px;\r\n    background: #fff;\r\n    border-radius: 20px 20px 0 0;\r\n    padding: 24px;\r\n    transform: translateY(100%);\r\n    transition: .4s;\r\n}\r\n.oto-fee-overlay.active .oto-fee-bill {\r\n    transform: translateY(0);\r\n}\r\n.gplx-sys-wrapper *, .oto-fee-overlay * { font-family: 'Be Vietnam Pro'}\r\n.oto-fee-bill-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n}\r\n.oto-fee-bill-header h3 {\r\n    margin: 0;\r\n    color: #002B8C;\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n}\r\n.oto-fee-bill-header span {\r\n    font-size: 28px;\r\n    cursor: pointer;\r\n    color: #64748b;\r\n    \r\n}\r\n.bill-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 12px 0;\r\n    border-bottom: 1px dashed #e5e7eb;\r\n    color: #334155;\r\n    font-size: 16px;\r\n}\r\n.bill-total {\r\n    margin-top: 20px;\r\n    padding-top: 12px;\r\n    border-top: 2px solid #2563EB;\r\n    text-align: right;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: #002B8C;\r\n}\r\n\r\n@media (max-width:1024px){\r\n    .gplx-sys-wrapper{\r\n        flex-direction:column;\r\n        gap:25px;\r\n        padding:15px;\r\n    }\r\n\r\n    .gplx-sys-sidebar-tabs{\r\n        display:none;\r\n    }\r\n\r\n    .mucthongtin-title h2{font-size: 26px;}\r\n    .mucthongtin-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n    .mucthongtin-left span{font-size:16px;}\r\n    .mucthongtin-header{font-size:16px;}\r\n    .mucthongtin-left strong{font-size:16px;}\r\n\r\n    .oto-fee-grid{\r\n        grid-template-columns: repeat(5, 1fr);\r\n        gap: 8px;\r\n    }\r\n\r\n    .oto-fee-card {\r\n        min-height: 200px;\r\n        padding: 16px 8px 12px 8px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .oto-fee-info {\r\n        top: 8px;\r\n        right: 8px;\r\n        width: 22px;\r\n        height: 22px;\r\n        font-size: 11px;\r\n    }\r\n\r\n    .oto-fee-icon {\r\n        width: 46px;\r\n        height: 46px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .oto-fee-icon i {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .oto-fee-card h3 {\r\n        font-size: 13px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .oto-fee-price {\r\n        font-size: 16px;\r\n        padding-top: 8px;\r\n    }\r\n    \r\n    .oto-fee-bill h3{font-size:16px;}\r\n    .oto-fee-bill{\r\n        margin-bottom:80px;\r\n    }\r\n    .oto-fee-section h2{font-size:26px;}\r\n}\r\n\r\n@media (max-width:767px){\r\n\r\n    .gplx-sys-wrapper{\r\n        padding:10px;\r\n        gap:20px;\r\n    }\r\n\r\n    .gplx-sys-tab-btn{\r\n        min-width:180px;\r\n        padding:12px 14px;\r\n        border-radius:14px;\r\n        gap:10px;\r\n    }\r\n\r\n    .gplx-sys-tab-btn i{\r\n        font-size:16px;\r\n        width:20px;\r\n    }\r\n\r\n    .gplx-sys-tab-btn span{\r\n        font-size:14px;\r\n        white-space:nowrap;\r\n    }\r\n\r\n    \/* Box th\u00f4ng tin *\/\r\n    .mucthongtin-box{\r\n        padding:10px 10px;\r\n        border-radius:18px;\r\n    }\r\n\r\n    .mucthongtin-title{\r\n        margin-bottom:20px;\r\n    }\r\n\r\n    .mucthongtin-title h2,\r\n    .oto-fee-header h2{\r\n        font-size:24px;\r\n        line-height:1.4;\r\n    }\r\n\r\n    .mucthongtin-title p,\r\n    .oto-fee-header p{\r\n        font-size:14px;\r\n    }\r\n\r\n    \/* Accordion *\/\r\n    .mucthongtin-header{\r\n        padding:14px;\r\n    }\r\n\r\n    .mucthongtin-left{\r\n        gap:12px;\r\n    }\r\n\r\n    .mucthongtin-left i{\r\n        width:40px;\r\n        height:40px;\r\n        font-size:15px;\r\n        border-radius:10px;\r\n    }\r\n\r\n    .mucthongtin-left span{\r\n        font-size:13px;\r\n    }\r\n\r\n    .mucthongtin-left strong{\r\n        font-size:16px;\r\n    }\r\n\r\n    .mucthongtin-toggle{\r\n        width:28px;\r\n        height:28px;\r\n        font-size:13px;\r\n    }\r\n\r\n    .mucthongtin-content-inner{\r\n        padding:0 14px 14px;\r\n        font-size:14px;\r\n        line-height:1.7;\r\n    }\r\n\r\n    \/* Chi ph\u00ed *\/\r\n    .oto-fee-grid{\r\n        grid-template-columns:1fr;\r\n        gap:8px;\r\n    }\r\n\r\n    .oto-fee-card{\r\n        min-height:50px;\r\n        padding:18px 14px;\r\n        border-radius:16px;\r\n    }\r\n\r\n    .oto-fee-icon{\r\n        width:40px;\r\n        height:40px;\r\n        margin-bottom:10px;\r\n    }\r\n\r\n    .oto-fee-icon i{\r\n        font-size:20px;\r\n    }\r\n\r\n    .oto-fee-card h3{\r\n        font-size:16px;\r\n    }\r\n\r\n    .oto-fee-price{\r\n        font-size:16px;\r\n        padding-top:8px;\r\n    }\r\n\r\n    .oto-fee-tooltip{\r\n        width:190px;\r\n        right:0;\r\n        left:auto;\r\n        font-size:12px;\r\n        padding:12px;\r\n    }\r\n\r\n    \/* Button *\/\r\n    .oto-fee-btn{\r\n        width:100%;\r\n        font-size:16px;\r\n        padding:14px;\r\n    }\r\n\r\n    \/* Popup *\/\r\n    .oto-fee-bill{\r\n        max-width:100%;\r\n        border-radius:18px 18px 0 0;\r\n        padding:20px 16px;\r\n        .oto-fee-bill{\r\n        margin-bottom:80px;\r\n    }\r\n    }\r\n\r\n    .oto-fee-bill-header h3{\r\n        font-size:18px;\r\n    }\r\n\r\n    .bill-row{\r\n        font-size:14px;\r\n    }\r\n\r\n    .bill-total{\r\n        font-size:20px;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width:480px){\r\n\r\n    .gplx-sys-tab-btn{\r\n        min-width:160px;\r\n    }\r\n\r\n    .mucthongtin-title h2,\r\n    .oto-fee-header h2{\r\n        font-size:21px;\r\n    }\r\n\r\n    .mucthongtin-left strong{\r\n        font-size:15px;\r\n    }\r\n\r\n    .oto-fee-price{\r\n        font-size:20px;\r\n    }\r\n\r\n    .bill-total{\r\n        font-size:18px;\r\n    }\r\n\r\n}\r\n.gplx-fab-tabs{\r\n    display:none;\r\n}\r\n\r\n@media(max-width:1024px){\r\n\r\n    .gplx-sys-sidebar-tabs{\r\n        display:none;\r\n    }\r\n\r\n    .gplx-fab-tabs{\r\n    display:block;\r\n    position:fixed;\r\n    right:12px;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n\r\n    z-index:9999;\r\n\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n.gplx-fab-tabs.show{\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n}\r\n\r\n    .gplx-fab-trigger{\r\n    position:relative;\r\n\r\n    min-width:72px;\r\n    height:52px;\r\n    padding:0 14px;\r\n\r\n    border:none;\r\n    border-radius:18px;\r\n\r\n    background:linear-gradient(135deg,#002B8C,#2563EB);\r\n    color:#fff;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n\r\n    cursor:pointer;\r\n\r\n    box-shadow:\r\n        0 10px 25px rgba(37,99,235,.25),\r\n        0 4px 10px rgba(0,0,0,.12);\r\n\r\n    transition:.25s;\r\n\r\n    animation:gplxBubblePulse 2.5s infinite;\r\n}\r\n.gplx-fab-trigger::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:-6px;\r\n    top:50%;\r\n\r\n    width:14px;\r\n    height:14px;\r\n\r\n    background:#2563EB;\r\n\r\n    transform:translateY(-50%) rotate(45deg);\r\n\r\n    border-radius:3px;\r\n}\r\n\r\n.gplx-fab-trigger:hover{\r\n    transform:scale(1.08);\r\n}\r\n\r\n.gplx-fab-trigger:active{\r\n    transform:scale(.95);\r\n}\r\n\r\n.gplx-fab-trigger i{\r\n    font-size:16px;\r\n    color:#FFD54A;\r\n}\r\n\r\n.gplx-fab-trigger span{\r\n    font-size:13px;\r\n    font-weight:800;\r\n    white-space:nowrap;\r\n    color:#FFD54A;\r\n}\r\n.gplx-fab-trigger::before,\r\n.gplx-fab-trigger::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    border-radius:50%;\r\n\r\n    border:2px solid rgba(37,99,235,.35);\r\n\r\n    animation:gplxRipple 2.5s infinite;\r\n}\r\n\r\n.gplx-fab-trigger::after{\r\n    animation-delay:1.2s;\r\n}\r\n@keyframes gplxPulse{\r\n    0%,100%{\r\n        box-shadow:\r\n            0 10px 25px rgba(37,99,235,.30),\r\n            0 4px 10px rgba(0,0,0,.15);\r\n    }\r\n\r\n    50%{\r\n        box-shadow:\r\n            0 15px 35px rgba(37,99,235,.45),\r\n            0 6px 15px rgba(0,0,0,.18);\r\n    }\r\n}\r\n\r\n@keyframes gplxRipple{\r\n    0%{\r\n        transform:scale(1);\r\n        opacity:.8;\r\n    }\r\n\r\n    70%{\r\n        transform:scale(1.7);\r\n        opacity:0;\r\n    }\r\n\r\n    100%{\r\n        opacity:0;\r\n    }\r\n}\r\n\r\n    .gplx-fab-menu{\r\n        position:absolute;\r\n\r\n        right:70px;\r\n        top:50%;\r\n        transform:translateY(-50%) translateX(10px);\r\n\r\n        width:180px;\r\n\r\n        background:#fff;\r\n        border-radius:14px;\r\n\r\n        box-shadow:0 12px 30px rgba(0,0,0,.15);\r\n\r\n        overflow:hidden;\r\n\r\n        opacity:0;\r\n        visibility:hidden;\r\n\r\n        transition:.3s;\r\n    }\r\n\r\n    .gplx-fab-menu.active{\r\n        opacity:1;\r\n        visibility:visible;\r\n        transform:translateY(-50%) translateX(0);\r\n    }\r\n\r\n    .gplx-fab-menu button{\r\n        width:100%;\r\n        border:none;\r\n        background:#fff;\r\n\r\n        padding:14px 16px;\r\n\r\n        text-align:left;\r\n\r\n        font-size:14px;\r\n        font-weight:600;\r\n\r\n        cursor:pointer;\r\n\r\n        transition:.2s;\r\n    }\r\n\r\n    .gplx-fab-menu button:hover{\r\n        background:#EEF4FF;\r\n    }\r\n}\r\n\r\n@media(max-width:480px){\r\n\r\n    .gplx-fab-trigger{\r\n        width:50px;\r\n        height:50px;\r\n    }\r\n\r\n    .gplx-fab-menu{\r\n        width:160px;\r\n    }\r\n\r\n    .gplx-fab-menu button{\r\n        padding:12px 14px;\r\n        font-size:13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction formatMoney(num){\r\n    return num.toLocaleString('vi-VN') + \" \u0111\";\r\n}\r\n\r\nfunction gplxSwitchSystem(tabKey, btnElement) {\r\n    const data = GPLX_INTEGRATED_DATA[tabKey];\r\n    if(!data) return;\r\n\r\n    const elements = {\r\n        feeHocPhi: data.hocphi,\r\n        feeThi: data.lephithi,\r\n        feeChungChi: data.chungchi,\r\n        feeDongPhuc: data.dongphuc,\r\n        billHocPhi: data.hocphi,\r\n        billThi: data.lephithi,\r\n        billChungChi: data.chungchi,\r\n        billDongPhuc: data.dongphuc\r\n    };\r\n\r\n    for (let id in elements) {\r\n        let el = document.getElementById(id);\r\n        if(el) el.innerText = formatMoney(elements[id]);\r\n    }\r\n\r\n    let feeBaoHiem = document.getElementById(\"feeBaoHiem\");\r\n    let billBaoHiem = document.getElementById(\"billBaoHiem\");\r\n    if(feeBaoHiem) feeBaoHiem.innerText = data.baohiemHienThi || formatMoney(data.baohiem);\r\n    if(billBaoHiem) billBaoHiem.innerText = data.baohiemHienThi || formatMoney(data.baohiem);\r\n\r\n    const total = data.hocphi + data.lephithi + data.chungchi + data.dongphuc + data.baohiem;\r\n    const billTong = document.getElementById(\"billTong\");\r\n    if(billTong) billTong.innerText = \"T\u1ed5ng: \" + formatMoney(total);\r\n\r\n    const textMapping = {\r\n        gplxDynamicTitle: \"TH\u00d4NG TIN H\u1ea0NG GI\u1ea4Y PH\u00c9P L\u00c1I XE\",\r\n        info1_strong: data.info1_strong, info1_text: data.info1_text,\r\n        info2_strong: data.info2_strong, info2_text: data.info2_text,\r\n        info3_strong: data.info3_strong, info3_text: data.info3_text,\r\n        info4_strong: data.info4_strong, info4_text: data.info4_text\r\n    };\r\n\r\n    for (let id in textMapping) {\r\n        let el = document.getElementById(id);\r\n        if(el) el.innerHTML = textMapping[id];\r\n    }\r\n\r\n    document.querySelectorAll('.mucthongtin-item').forEach(item => {\r\n        item.classList.remove('open');\r\n        const content = item.querySelector('.mucthongtin-content');\r\n        if(content) content.style.maxHeight = null;\r\n    });\r\n\r\n    document.querySelectorAll(\".gplx-sys-tab-btn\").forEach(b => b.classList.remove(\"active\"));\r\n    if(btnElement) btnElement.classList.add(\"active\");\r\n}\r\n\r\nfunction gplxOpenPopup() {\r\n    const overlay = document.getElementById(\"otoFeeOverlay\");\r\n    if(overlay) overlay.classList.add(\"active\");\r\n}\r\n\r\nfunction gplxClosePopup() {\r\n    const overlay = document.getElementById(\"otoFeeOverlay\");\r\n    if(overlay) overlay.classList.remove(\"active\");\r\n}\r\n\r\n(function() {\r\n    function runGplxSystem() {\r\n        const firstTabBtn = document.querySelector(\".gplx-sys-tab-btn\");\r\n        gplxSwitchSystem(\"b\", firstTabBtn);\r\n\r\n        const infoCards = document.querySelectorAll('.mucthongtin-item');\r\n        infoCards.forEach(card => {\r\n            const header = card.querySelector('.mucthongtin-header');\r\n            const content = card.querySelector('.mucthongtin-content');\r\n            if(!header || !content) return;\r\n\r\n            const clonedHeader = header.cloneNode(true);\r\n            header.parentNode.replaceChild(clonedHeader, header);\r\n\r\n            clonedHeader.addEventListener('click', () => {\r\n                const isOpen = card.classList.contains('open');\r\n\r\n                infoCards.forEach(item => {\r\n                    item.classList.remove('open');\r\n                    const itemContent = item.querySelector('.mucthongtin-content');\r\n                    if (itemContent) itemContent.style.maxHeight = null;\r\n                });\r\n\r\n                if (!isOpen) {\r\n                    card.classList.add('open');\r\n                    content.style.maxHeight = content.scrollHeight + \"px\";\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\r\n        setTimeout(runGplxSystem, 150);\r\n    } else {\r\n        window.addEventListener(\"load\", runGplxSystem);\r\n    }\r\n})();\r\nfunction toggleGPLXFab(){\r\n    document.getElementById(\"gplxFabMenu\")\r\n        .classList.toggle(\"active\");\r\n}\r\n\r\nfunction gplxSelectFab(tabKey, btn){\r\n\r\n    const originalBtn =\r\n        document.querySelector(\r\n            `.gplx-sys-tab-btn[onclick*=\"${tabKey}\"]`\r\n        );\r\n\r\n    gplxSwitchSystem(tabKey, originalBtn);\r\n\r\n    const names={\r\n        b:\"B\",\r\n        btu:\"BT\u0110\",\r\n        c1:\"C1\"\r\n    };\r\n\r\n    document.getElementById(\"fabCurrentTab\").innerText =\r\n        names[tabKey];\r\n\r\n    document.getElementById(\"gplxFabMenu\")\r\n        .classList.remove(\"active\");\r\n}\r\n(function(){\r\n\r\n    if(window.innerWidth > 1024) return;\r\n\r\n    const section = document.getElementById(\"gplxSection\");\r\n    const fab = document.querySelector(\".gplx-fab-tabs\");\r\n\r\n    if(!section || !fab) return;\r\n\r\n    const observer = new IntersectionObserver((entries)=>{\r\n\r\n        entries.forEach(entry=>{\r\n\r\n            if(entry.isIntersecting){\r\n                fab.classList.add(\"show\");\r\n            }else{\r\n                fab.classList.remove(\"show\");\r\n\r\n                document.getElementById(\"gplxFabMenu\")\r\n                    ?.classList.remove(\"active\");\r\n            }\r\n\r\n        });\r\n\r\n    },{\r\n        threshold: 0.1  \r\n    });\r\n\r\n    observer.observe(section);\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-b772d03 elementor-widget elementor-widget-html\" data-id=\"b772d03\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-dieukien\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"dkhoso\">\r\n    <div class=\"dkhoso-box\">\r\n        <div class=\"dkhoso-title\">\r\n            <h2>\u0110I\u1ec0U KI\u1ec6N V\u00c0 TH\u1ee6 T\u1ee4C \u0110\u0102NG K\u00dd<\/h2>\r\n            <p>\u0110\u0103ng k\u00fd \u0111\u01a1n gi\u1ea3n - Th\u1ee7 t\u1ee5c nhanh ch\u00f3ng<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"dkhoso-grid\">\r\n            <div class=\"dkhoso-card\">\r\n                <div class=\"dkhoso-head\">\r\n                    <i class=\"fas fa-user-check\"><\/i>\r\n                    <span>\u0110i\u1ec1u ki\u1ec7n \u0111\u0103ng k\u00fd<\/span>\r\n                <\/div>\r\n                <div class=\"dkhoso-list\">\r\n                    <div class=\"dkhoso-item\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>\u0110\u1ee7 18 tu\u1ed5i tr\u1edf l\u00ean<\/span>\r\n                    <\/div>\r\n                    <div class=\"dkhoso-item\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>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<\/span>\r\n                    <\/div>\r\n                    <div class=\"dkhoso-item\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>\u0110\u1ee7 \u0111i\u1ec1u ki\u1ec7n s\u1ee9c kh\u1ecfe theo quy \u0111\u1ecbnh<\/span>\r\n                    <\/div>\r\n                    <div class=\"dkhoso-item\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Kh\u00f4ng thu\u1ed9c tr\u01b0\u1eddng h\u1ee3p b\u1ecb c\u1ea5m d\u1ef1 s\u00e1t h\u1ea1ch<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dkhoso-card\">\r\n                <div class=\"dkhoso-head\">\r\n                    <i class=\"fas fa-folder-open\"><\/i>\r\n                    <span>H\u1ed3 s\u01a1 c\u1ea7n chu\u1ea9n b\u1ecb<\/span>\r\n                <\/div>\r\n                <div class=\"dkhoso-list\">\r\n                    <div class=\"dkhoso-item\">\r\n                        <i class=\"fa fa-address-card-o\"><\/i>\r\n                        <span>01 b\u1ea3n sao CCCD\/CMND<\/span>\r\n                    <\/div>\r\n                    <div class=\"dkhoso-item\">\r\n                        <i class=\"fa fa-id-card\"><\/i>\r\n                        <span>01 b\u1ea3n sao Gi\u1ea5y ph\u00e9p l\u00e1i xe \u00f4 t\u00f4 (n\u1ebfu c\u00f3)<\/span>\r\n                    <\/div>\r\n                    <div class=\"dkhoso-item\">\r\n                        <i class=\"fa fa-picture-o\"><\/i>\r\n                        <span>\u1ea2nh th\u1ebb c\u1ee1 3x4cm: 02 \u1ea3nh<\/span>\r\n                    <\/div>\r\n                    <div class=\"dkhoso-item\">\r\n                        <i class=\"fa fa-user-md\"><\/i>\r\n                        <span>Gi\u1ea5y kh\u00e1m s\u1ee9c kh\u1ecfe c\u1ee7a ng\u01b0\u1eddi l\u00e1i xe<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div style=\"padding: 0 22px 22px 22px;\">\r\n                    <button class=\"dkhoso-view-btn\" onclick=\"openHoSoPopup()\">\r\n                        <i class=\"fas fa-file-invoice\"><\/i> Xem b\u1ed9 h\u1ed3 s\u01a1 ho\u00e0n ch\u1ec9nh\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<div id=\"hsPopupOverlay\" class=\"hs-popup-overlay\">\r\n    <div class=\"hs-popup-box\">\r\n        <div class=\"hs-close-btn\" onclick=\"closeHoSoPopup()\">&times;<\/div>\r\n        <h3 class=\"hs-popup-title\">B\u1ed8 H\u1ed2 S\u01a0 \u0110\u0102NG K\u00dd<\/h3>\r\n        <p class=\"hs-popup-sub\">Nh\u1ea5n \"Trang sau\" \u0111\u1ec3 l\u1eadt xem t\u1eebng gi\u1ea5y t\u1edd<\/p>\r\n\r\n        <div class=\"hs-book-viewport\">\r\n            <div class=\"hs-stack\" id=\"hsStack\" onclick=\"flipNext()\">\r\n                <div class=\"hs-corner-pin\">\r\n                    <i class=\"fas fa-thumbtack\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"hs-page\" style=\"z-index: 5;\">\r\n                    <div class=\"hs-page-label\">1. \u0110\u01a1n \u0111\u0103ng \u0111\u1ec1 ngh\u1ecb h\u1ecdc<\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/07\/Maudon-denghihoc.png\" alt=\"\u0110\u01a1n \u0111\u0103ng k\u00fd\">\r\n                <\/div>\r\n                <div class=\"hs-page\" style=\"z-index: 4;\">\r\n                    <div class=\"hs-page-label\">2. \u0110\u01a1n \u0111\u1ec1 ngh\u1ecb s\u00e1t h\u1ea1ch<\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/07\/Maudon-SH-oto.png\" alt=\"\u0110\u01a1n \u0111\u0103ng k\u00fd\">\r\n                <\/div>\r\n                \r\n                <div class=\"hs-page\" style=\"z-index: 3;\">\r\n                    <div class=\"hs-page-label\">3. Gi\u1ea5y kh\u00e1m s\u1ee9c kh\u1ecfe<\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/07\/gksk-oto.jpg\" alt=\"Gi\u1ea5y kh\u00e1m s\u1ee9c kh\u1ecfe\">\r\n                <\/div>\r\n                \r\n                <div class=\"hs-page\" style=\"z-index: 2;\">\r\n                    <div class=\"hs-page-label\">3. B\u1ea3n sao CCCD v\u00e0 GPLX (Photo)<\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/07\/oto.png\" alt=\"CCCD Photo\">\r\n                <\/div>\r\n\r\n                <div class=\"hs-page\" style=\"z-index: 1;\">\r\n                    <div class=\"hs-page-label\">Ho\u00e0n t\u1ea5t h\u1ed3 s\u01a1<\/div>\r\n                    <div class=\"hs-end-content\">\r\n                        <i class=\"fas fa-check-circle\" style=\"font-size: 55px; color: #22c55e; margin-bottom: 15px;\"><\/i>\r\n                        <p style=\"font-size: 16px; margin: 0 0 8px;\"><b>\u0110\u00e3 xem h\u1ebft b\u1ed9 h\u1ed3 s\u01a1 m\u1eabu!<\/b><\/p>\r\n                        <p style=\"font-size: 14px; color: #64748b; margin: 0;\">B\u1ea1n c\u00f3 th\u1ec3 b\u1ea5m n\u00fat b\u00ean d\u01b0\u1edbi \u0111\u1ec3 xem l\u1ea1i t\u1eeb \u0111\u1ea7u ho\u1eb7c li\u00ean h\u1ec7 nh\u00e0 tr\u01b0\u1eddng<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hs-nav-btns\">\r\n            <button class=\"hs-nav-btn\" onclick=\"flipPrev()\"><i class=\"fas fa-arrow-left\"><\/i> Trang tr\u01b0\u1edbc<\/button>\r\n            <button class=\"hs-nav-btn primary\" onclick=\"flipNext()\">Trang sau <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.dkhoso-box{ max-width:100%; margin:auto; padding:40px; }\r\n.dkhoso-title{ text-align:center; margin-bottom:30px; font-family:'Be Vietnam Pro',sans-serif; }\r\n.dkhoso-title h2{ margin:0 0 10px; color:#002B8C; font-size:38px; font-weight:800; }\r\n.dkhoso-title p{ margin:0; color:#111; font-size:18px; }\r\n.dkhoso-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }\r\n.dkhoso-card{ background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 20px 40px rgba(37,99,235,.12); display: flex; flex-direction: column; justify-content: space-between; }\r\n.dkhoso-head{ display:flex; align-items:center; gap:12px; padding:18px 22px; color:#fff; font-size:22px; font-weight:700; background:#002b8c; }\r\n.dkhoso-head i{ font-size:20px; }\r\n.dkhoso-list{ padding:10px 22px; }\r\n.dkhoso-item{ display:flex; align-items:flex-start; gap:12px; padding:14px 0; border-bottom:1px solid #eef2f7; font-size: 20px; }\r\n.dkhoso-item:last-child{ border-bottom:none; }\r\n.dkhoso-item i{ color:#2563eb; width:18px; margin-top:3px; flex-shrink:0; }\r\n.dkhoso-item span{ font-size:20px; color:#334155; line-height:1.6; }\r\n\r\n.dkhoso-view-btn {\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #2563eb, #1d4ed8);\r\n    color: white!important;\r\n    border: none;\r\n    padding: 14px 20px;\r\n    border-radius: 12px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    transition: 0.3s;\r\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\r\n}\r\n.dkhoso-view-btn:hover {\r\n    background: linear-gradient(135deg, #1d4ed8, #1e40af);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.4);\r\n}\r\n\r\n.hs-popup-overlay {\r\n    display: none;\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(2, 18, 35, 0.82);\r\n    z-index: 99999;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 15px;\r\n    backdrop-filter: blur(5px);\r\n}\r\n.hs-popup-box {\r\n    background: #fff;\r\n    width: 100%;\r\n    max-width: 440px;\r\n    border-radius: 24px;\r\n    padding: 24px;\r\n    position: relative;\r\n    box-shadow: 0 25px 50px rgba(0,0,0,0.3);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    animation: popupShow 0.3s ease;\r\n}\r\n@keyframes popupShow {\r\n    from { transform: scale(0.95); opacity: 0; }\r\n    to { transform: scale(1); opacity: 1; }\r\n}\r\n.hs-close-btn {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 20px;\r\n    font-size: 32px;\r\n    cursor: pointer;\r\n    color: #64748b;\r\n    line-height: 1;\r\n    transition: 0.2s;\r\n}\r\n.hs-close-btn:hover { color: #000; }\r\n.hs-popup-title { font-size: 19px; font-weight: 800; color: #002B8C; margin: 0 0 5px; text-align: center; }\r\n.hs-popup-sub { font-size: 13.5px; color: #64748b; margin: 0 0 18px; text-align: center; }\r\n\r\n.hs-book-viewport {\r\n    position: relative;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n}\r\n.hs-stack {\r\n    width: 300px;\r\n    height: 410px;\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.hs-corner-pin {\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 10px;\r\n    z-index: 50;\r\n    color: #fff;\r\n    font-size: 20px;\r\n    transform: rotate(-45deg);\r\n    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.25));\r\n    pointer-events: none;\r\n}\r\n.hs-page {\r\n    position: absolute;\r\n    inset: 0;\r\n    transform-origin: top left; \/* T\u00e2m xoay n\u1eb1m ngay v\u1ecb tr\u00ed c\u00e2y ghim g\u00f3c tr\u00e1i tr\u00ean *\/\r\n    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.12);\r\n    border: 1px solid #cbd5e1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n}\r\n.hs-page.flipped {\r\n    transform: rotate(85deg) translate(20px, 15px);\r\n    opacity: 0;\r\n    pointer-events: none;\r\n}\r\n.hs-page-label {\r\n    background: #002b8c;\r\n    color: white;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    padding: 8px 12px 8px 28px; \r\n    text-align: center;\r\n}\r\n.hs-page img {\r\n    width: 100%;\r\n    height: calc(100% - 33px);\r\n    object-fit: contain;\r\n    background: #ffffff;\r\n}\r\n.hs-end-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 25px;\r\n    text-align: center;\r\n    color: #334155;\r\n}\r\n\r\n.hs-nav-btns {\r\n    display: flex;\r\n    gap: 12px;\r\n    width: 100%;\r\n}\r\n.hs-nav-btn {\r\n    flex: 1;\r\n    padding: 12px;\r\n    border-radius: 10px;\r\n    border: 1px solid #cbd5e1;\r\n    background: #fff;\r\n    color: #334155;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: 0.2s;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n}\r\n.hs-nav-btn:hover { background: #f1f5f9; }\r\n.hs-nav-btn.primary {\r\n    background: #002b8c;\r\n    color: white;\r\n    border-color: #002b8c;\r\n}\r\n.hs-nav-btn.primary:hover { background: #001f66; }\r\n\r\n@media (max-width:1024px){\r\n    .dkhoso-box{ padding:30px 15px; }\r\n    .dkhoso-title h2{ font-size:32px; }\r\n    .dkhoso-item span{ font-size:16px; }\r\n}\r\n@media (max-width:767px){\r\n    .dkhoso-grid{ grid-template-columns:1fr; gap:14px; }\r\n    .dkhoso-title h2{ font-size:24px; }\r\n    .hs-stack { width: 270px; height: 370px; }\r\n    .hs-popup-box { padding: 18px; max-width: 340px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlet currentPageIndex = 0;\r\nconst pages = document.querySelectorAll('.hs-page');\r\n\r\nfunction openHoSoPopup() {\r\n    document.getElementById('hsPopupOverlay').style.display = 'flex';\r\n    resetStack();\r\n}\r\n\r\nfunction closeHoSoPopup() {\r\n    document.getElementById('hsPopupOverlay').style.display = 'none';\r\n}\r\n\r\nfunction flipNext() {\r\n    if (currentPageIndex < pages.length - 1) {\r\n        pages[currentPageIndex].classList.add('flipped');\r\n        currentPageIndex++;\r\n        updateZIndex();\r\n    } else {\r\n        resetStack();\r\n    }\r\n}\r\n\r\nfunction flipPrev() {\r\n    if (currentPageIndex > 0) {\r\n        currentPageIndex--;\r\n        pages[currentPageIndex].classList.remove('flipped');\r\n        updateZIndex();\r\n    }\r\n}\r\n\r\nfunction resetStack() {\r\n    pages.forEach((page) => {\r\n        page.classList.remove('flipped');\r\n    });\r\n    currentPageIndex = 0;\r\n    updateZIndex();\r\n}\r\n\r\nfunction updateZIndex() {\r\n    for (let i = 0; i < pages.length; i++) {\r\n        if (i >= currentPageIndex) {\r\n            pages[i].style.zIndex = pages.length - i;\r\n        } else {\r\n            pages[i].style.zIndex = i;\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 class=\"elementor-element elementor-element-763ade2 elementor-widget elementor-widget-html\" data-id=\"763ade2\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-quytrinh\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"process-section\">\r\n\r\n    <div class=\"process-header\">\r\n        <h2>QUY TR\u00ccNH \u0110\u00c0O T\u1ea0O<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"process-timeline\">\r\n\r\n        <div class=\"progress-line\"><\/div>\r\n\r\n        <div class=\"process-step\">\r\n            <div class=\"step-content\">\r\n                <span class=\"step-number\">B\u01b0\u1edbc 01<\/span>\r\n                <h3>\u0110\u0103ng K\u00fd<\/h3>\r\n                <p>N\u1ed9p h\u1ed3 s\u01a1, ho\u00e0n thi\u1ec7n th\u1ee7 t\u1ee5c \u0111\u0103ng k\u00fd<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"process-step\">\r\n            <div class=\"step-content\">\r\n                <span class=\"step-number\">B\u01b0\u1edbc 02<\/span>\r\n                <h3>H\u1ecdc L\u00fd Thuy\u1ebft<\/h3>\r\n                <p>Tham gia l\u1edbp h\u1ecdc l\u00fd thuy\u1ebft theo l\u1ecbch \u0111\u01b0\u1ee3c th\u00f4ng b\u00e1o<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"process-step\">\r\n            <div class=\"step-content\">\r\n                <span class=\"step-number\">B\u01b0\u1edbc 03<\/span>\r\n                <h3>Ki\u1ec3m tra<\/h3>\r\n                <p>H\u1ecdc vi\u00ean tham gia k\u1ef3 ki\u1ec3m tra k\u1ebft th\u00fac m\u00f4n h\u1ecdc l\u00fd thuy\u1ebft<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"process-step\">\r\n            <div class=\"step-content\">\r\n                <span class=\"step-number\">B\u01b0\u1edbc 04<\/span>\r\n                <h3>H\u1ecdc th\u1ef1c H\u00e0nh<\/h3>\r\n                <p>H\u1ecdc vi\u00ean h\u1ecdc th\u1ef1c h\u00e0nh l\u00e1i xe theo th\u1eddi kh\u00f3a bi\u1ec3u<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"process-step\">\r\n            <div class=\"step-content\">\r\n                <span class=\"step-number\">B\u01b0\u1edbc 05<\/span>\r\n                <h3>Ho\u00e0n th\u00e0nh<\/h3>\r\n                <p>Tham gia k\u1ef3 ki\u1ec3m tra k\u1ebft th\u00fac m\u00f4n th\u1ef1c h\u00e0nh v\u00e0 x\u00e9t ho\u00e0n th\u00e0nh kh\u00f3a \u0111\u00e0o t\u1ea1o<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.process-section {\r\n    padding: 80px 20px;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    font-family: system-ui, -apple-system, sans-serif;\r\n}\r\n\r\n.process-header {\r\n    text-align: center;\r\n    margin: 0 auto 50px;\r\n}\r\n\r\n.process-header h2 {\r\n    margin: 0;\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    color: #002b8c;\r\n    font-family: 'Be Vietnam Pro';\r\n}\r\n\r\n\/* Timeline *\/\r\n.process-timeline {\r\n    max-width: 1800px;\r\n    margin: auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 50px;\r\n    position: relative;\r\n}\r\n\r\n.progress-line {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 5%;\r\n    width: 90%;\r\n    height: 4px;\r\n    transform: translateY(-50%);\r\n    background: #e2e8f0;\r\n    border-radius: 999px;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n.progress-line::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -40%;\r\n    width: 30%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, #2563eb, #60a5fa, #2563eb, transparent);\r\n    animation: neonPulse 3s infinite linear;\r\n}\r\n\r\n@keyframes neonPulse {\r\n    from { left: -40%; }\r\n    to { left: 110%; }\r\n}\r\n\r\n.process-step {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 280px;\r\n    min-height: 220px;\r\n    padding: 32px 22px 24px;\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    text-align: center;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border: 2px solid transparent;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,.08);\r\n    transition: .35s;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    animation: fadeUp .8s forwards;\r\n}\r\n\r\n.process-step:hover {\r\n    transform: translateY(-8px);\r\n    border-color: #2563eb;\r\n    box-shadow: 0 20px 40px rgba(37,99,235,.15);\r\n}\r\n\r\n.process-step:nth-child(2) { animation-delay: .1s; }\r\n.process-step:nth-child(3) { animation-delay: .2s; }\r\n.process-step:nth-child(4) { animation-delay: .3s; }\r\n.process-step:nth-child(5) { animation-delay: .4s; }\r\n\r\n@keyframes fadeUp {\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.step-content {\r\n    width: 100%;\r\n}\r\n\r\n.step-number {\r\n    position: absolute;\r\n    top: 14px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    padding: 5px 18px;\r\n    background: #002b8c;\r\n    color: #fff;\r\n    border-radius: 999px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n}\r\n\r\n.step-content h3 {\r\n    margin: 32px 0 12px;\r\n    color: #002b8c;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    font-family: 'Be Vietnam Pro';\r\n}\r\n\r\n.step-content p {\r\n    margin: 0;\r\n    color: #64748b;\r\n    font-size: 18px;\r\n    line-height: 1.5;\r\n}\r\n\r\n@media(max-width: 1024px) {\r\n    .process-timeline {\r\n        display: flex;\r\n        flex-wrap: wrap;         \r\n        justify-content: center;  \r\n        gap: 20px;\r\n    }\r\n\r\n    .progress-line {\r\n        display: none;           \r\n    }\r\n\r\n    .process-step {\r\n        width: calc(50% - 10px);  \r\n        max-width: 320px;      \r\n        min-height: 180px; \r\n        padding: 24px 16px;\r\n    }\r\n\r\n    .process-header h2 { font-size: 26px; }\r\n    .step-content h3 { font-size: 24px; margin: 24px 0 12px; }\r\n}\r\n\r\n@media(max-width: 767px) {\r\n    .process-section {\r\n        padding: 50px 15px;\r\n    }\r\n\r\n    .process-header {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .process-header h2 {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .process-step {\r\n        width: 100%;           \r\n        max-width: 320px;        \r\n        min-height: auto;\r\n        padding: 26px 18px 20px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .step-number {\r\n        font-size: 13px;\r\n        padding: 4px 14px;\r\n    }\r\n\r\n    .step-content h3 {\r\n        margin: 28px 0 10px;\r\n        font-size: 22px;\r\n    }\r\n\r\n    .step-content p {\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n    }\r\n    .process-timeline{gap:10px;}\r\n}\r\n\r\n@media(max-width: 480px) {\r\n    .process-header h2 {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .process-step {\r\n        padding: 24px 16px 18px;\r\n        max-width: 100%;      \r\n    }\r\n\r\n    .step-content h3 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .step-content p {\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\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-6d20e57 e-con-full e-flex e-con e-parent\" data-id=\"6d20e57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2188887 elementor-widget elementor-widget-html\" data-id=\"2188887\" 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<div id=\"mucluc-thongtin\" class=\"exam-structure-section\">\r\n    \r\n    <div class=\"exam-section-header\">\r\n        <h2 class=\"exam-title\">C\u1ea5u tr\u00fac \u0111\u1ec1 s\u00e1t h\u1ea1ch l\u00fd thuy\u1ebft<\/h2>\r\n        <div class=\"exam-divider\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"exam-tabs-container\">\r\n        <button class=\"exam-tab-btn active\" onclick=\"switchExamTab(event, 'tab-hang-b')\">\r\n            <i class=\"fa-solid fa-car\"><\/i> H\u1ea1ng B\r\n        <\/button>\r\n        <button class=\"exam-tab-btn\" onclick=\"switchExamTab(event, 'tab-hang-c1')\">\r\n            <i class=\"fa-solid fa-truck\"><\/i> H\u1ea1ng C1\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <div id=\"tab-hang-b\" class=\"exam-tab-content active\">\r\n        <div class=\"exam-grid\">\r\n            \r\n            <div class=\"exam-card\">\r\n                <div class=\"exam-card-icon bg-blue\">\r\n                    <i class=\"fa-solid fa-database\"><\/i>\r\n                <\/div>\r\n                <div class=\"exam-card-content\">\r\n                    <h3>600 C\u00e2u<\/h3>\r\n                    <p>B\u1ed9 c\u00e2u h\u1ecfi do B\u1ed9 C\u00f4ng an ban h\u00e0nh<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"exam-card card-has-note\">\r\n                <div class=\"exam-help-icon\" onclick=\"toggleMobileNote(this, event)\">\r\n                    <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                    \r\n                    <div class=\"exam-card-note\">\r\n                        <span class=\"note-title\"><i class=\"fa-solid fa-pen-to-square\"><\/i> Chi ti\u1ebft:<\/span>\r\n                        <ul>\r\n                            <li><strong>08 c\u00e2u:<\/strong> M\u1ed9t s\u1ed1 quy \u0111\u1ecbnh chung v\u00e0 quy t\u1eafc giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9<\/li>\r\n                            <li><strong>01 c\u00e2u:<\/strong> T\u00ecnh hu\u1ed1ng m\u1ea5t an to\u00e0n giao th\u00f4ng nghi\u00eam tr\u1ecdng (\u0110i\u1ec3m li\u1ec7t).<\/li>\r\n                            <li><strong>01 c\u00e2u:<\/strong> V\u0103n h\u00f3a giao th\u00f4ng, \u0111\u1ea1o \u0111\u1ee9c ng\u01b0\u1eddi l\u00e1i xe, k\u1ef9 n\u0103ng ph\u00f2ng ch\u00e1y, ch\u1eefa ch\u00e1y v\u00e0 c\u1ee9u h\u1ed9, c\u1ee9u n\u1ea1n<\/li>\r\n                            <li><strong>01 c\u00e2u:<\/strong> K\u1ef9 thu\u1eadt l\u00e1i xe<\/li>\r\n                            <li><strong>01 c\u00e2u:<\/strong> C\u1ea5u t\u1ea1o v\u00e0 s\u1eeda ch\u1eefa<\/li>\r\n                            <li><strong>09 c\u00e2u:<\/strong> B\u00e1o hi\u1ec7u \u0111\u01b0\u1eddng b\u1ed9<\/li>\r\n                            <li><strong>09 c\u00e2u:<\/strong> Gi\u1ea3i th\u1ebf sa h\u00ecnh v\u00e0 k\u1ef9 n\u0103ng x\u1eed l\u00fd t\u00ecnh hu\u1ed1ng giao th\u00f4ng<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"exam-card-main-info\">\r\n                    <div class=\"exam-card-icon bg-blue\">\r\n                        <i class=\"fa-solid fa-file-signature\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"exam-card-content\">\r\n                        <h3>30 C\u00e2u<\/h3>\r\n                        <p>S\u1ed1 c\u00e2u h\u1ecfi trong 1 \u0111\u1ec1 thi<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"exam-card\">\r\n                <div class=\"exam-card-icon bg-blue\">\r\n                    <i class=\"fa-solid fa-square-check\"><\/i>\r\n                <\/div>\r\n                <div class=\"exam-card-content\">\r\n                    <h3>27\/30 C\u00e2u<\/h3>\r\n                    <p>S\u1ed1 c\u00e2u \u0111\u00fang t\u1ed1i thi\u1ec3u \u0111\u1ec3 \u0111\u1ea1t<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"exam-card\">\r\n                <div class=\"exam-card-icon bg-blue\">\r\n                    <i class=\"fa-solid fa-clock\"><\/i>\r\n                <\/div>\r\n                <div class=\"exam-card-content\">\r\n                    <h3>20 Ph\u00fat<\/h3>\r\n                    <p>Th\u1eddi gian l\u00e0m b\u00e0i thi tr\u1eafc nghi\u1ec7m<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"exam-warning-box\">\r\n            <div class=\"warning-icon\">\r\n                <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\r\n            <\/div>\r\n            <div class=\"warning-text\">\r\n                <strong>L\u01afU \u00dd QUAN TR\u1eccNG:<\/strong> Trong \u0111\u1ec1 thi s\u1ebd c\u00f3 1 c\u00e2u h\u1ecfi \u0111i\u1ec3m li\u1ec7t (v\u1ec1 t\u00ecnh hu\u1ed1ng m\u1ea5t an to\u00e0n giao th\u00f4ng nghi\u00eam tr\u1ecdng). N\u1ebfu th\u00ed sinh l\u00e0m sai c\u00e2u \u0111i\u1ec3m li\u1ec7t th\u00ec b\u00e0i thi s\u1ebd b\u1ecb t\u00ednh l\u00e0 kh\u00f4ng \u0111\u1ea1t b\u1ea5t k\u1ec3 c\u00e1c c\u00e2u kh\u00e1c l\u00e0m \u0111\u00fang h\u1ebft.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tab-hang-c1\" class=\"exam-tab-content\">\r\n        <div class=\"exam-grid\">\r\n            \r\n            <div class=\"exam-card\">\r\n                <div class=\"exam-card-icon bg-blue\">\r\n                    <i class=\"fa-solid fa-database\"><\/i>\r\n                <\/div>\r\n                <div class=\"exam-card-content\">\r\n                    <h3>600 C\u00e2u<\/h3>\r\n                    <p>B\u1ed9 c\u00e2u h\u1ecfi do B\u1ed9 C\u00f4ng an ban h\u00e0nh<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"exam-card card-has-note\">\r\n                <div class=\"exam-help-icon\" onclick=\"toggleMobileNote(this, event)\">\r\n                    <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                    \r\n                    <div class=\"exam-card-note\">\r\n                        <span class=\"note-title\"><i class=\"fa-solid fa-pen-to-square\"><\/i> Chi ti\u1ebft:<\/span>\r\n                        <ul>\r\n                            <li><strong>10 c\u00e2u:<\/strong> M\u1ed9t s\u1ed1 quy \u0111\u1ecbnh chung v\u00e0 quy t\u1eafc giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9<\/li>\r\n                            <li><strong>01 c\u00e2u:<\/strong> T\u00ecnh hu\u1ed1ng m\u1ea5t an to\u00e0n giao th\u00f4ng nghi\u00eam tr\u1ecdng (\u0110i\u1ec3m li\u1ec7t).<\/li>\r\n                            <li><strong>01 c\u00e2u:<\/strong> V\u0103n h\u00f3a giao th\u00f4ng, \u0111\u1ea1o \u0111\u1ee9c ng\u01b0\u1eddi l\u00e1i xe, k\u1ef9 n\u0103ng ph\u00f2ng ch\u00e1y, ch\u1eefa ch\u00e1y v\u00e0 c\u1ee9u h\u1ed9, c\u1ee9u n\u1ea1n<\/li>\r\n                            <li><strong>02 c\u00e2u:<\/strong> K\u1ef9 thu\u1eadt l\u00e1i xe<\/li>\r\n                            <li><strong>01 c\u00e2u:<\/strong> C\u1ea5u t\u1ea1o s\u1eeda ch\u1eefa<\/li>\r\n                            <li><strong>10 c\u00e2u:<\/strong> B\u00e1o hi\u1ec7u \u0111\u01b0\u1eddng b\u1ed9<\/li>\r\n                            <li><strong>10 c\u00e2u:<\/strong> Gi\u1ea3i th\u1ebf sa h\u00ecnh v\u00e0 k\u1ef9 n\u0103ng x\u1eed l\u00fd t\u00ecnh hu\u1ed1ng giao th\u00f4ng<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"exam-card-main-info\">\r\n                    <div class=\"exam-card-icon bg-blue\">\r\n                        <i class=\"fa-solid fa-file-signature\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"exam-card-content\">\r\n                        <h3>35 C\u00e2u<\/h3>\r\n                        <p>S\u1ed1 c\u00e2u h\u1ecfi trong 1 \u0111\u1ec1 thi<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"exam-card\">\r\n                <div class=\"exam-card-icon bg-blue\">\r\n                    <i class=\"fa-solid fa-square-check\"><\/i>\r\n                <\/div>\r\n                <div class=\"exam-card-content\">\r\n                    <h3>32\/35 C\u00e2u<\/h3>\r\n                    <p>S\u1ed1 c\u00e2u \u0111\u00fang t\u1ed1i thi\u1ec3u \u0111\u1ec3 \u0110\u1ea0T<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"exam-card\">\r\n                <div class=\"exam-card-icon bg-blue\">\r\n                    <i class=\"fa-solid fa-clock\"><\/i>\r\n                <\/div>\r\n                <div class=\"exam-card-content\">\r\n                    <h3>22 Ph\u00fat<\/h3>\r\n                    <p>Th\u1eddi gian l\u00e0m b\u00e0i thi tr\u1eafc nghi\u1ec7m<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"exam-warning-box\">\r\n            <div class=\"warning-icon\">\r\n                <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\r\n            <\/div>\r\n            <div class=\"warning-text\">\r\n                <strong>L\u01afU \u00dd QUAN TR\u1eccNG:<\/strong> Trong \u0111\u1ec1 thi s\u1ebd c\u00f3 1 c\u00e2u h\u1ecfi \u0111i\u1ec3m li\u1ec7t (v\u1ec1 t\u00ecnh hu\u1ed1ng m\u1ea5t an to\u00e0n giao th\u00f4ng nghi\u00eam tr\u1ecdng). N\u1ebfu th\u00ed sinh l\u00e0m sai c\u00e2u \u0111i\u1ec3m li\u1ec7t th\u00ec b\u00e0i thi s\u1ebd b\u1ecb t\u00ednh l\u00e0 kh\u00f4ng \u0111\u1ea1t b\u1ea5t k\u1ec3 c\u00e1c c\u00e2u kh\u00e1c l\u00e0m \u0111\u00fang h\u1ebft.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"exam-btn-wrap\">\r\n        <button class=\"exam-future-btn\" onclick=\"openFutureModal()\">\r\n            <i class=\"fa-solid fa-calendar-days\"><\/i> Xem c\u1ea5u tr\u00fac \u0111\u1ec1 thi m\u1edbi (\u00c1p d\u1ee5ng t\u1eeb 1\/3\/2027)\r\n        <\/button>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"exam-modal-overlay\" id=\"futureModal\" onclick=\"closeFutureModal(event)\">\r\n    <div class=\"exam-modal\" onclick=\"event.stopPropagation()\">\r\n        <div class=\"exam-modal-header\">\r\n            <h3>C\u1ea4U TR\u00daC \u0110\u1ec0 THI M\u1edaI (T\u1eea 1\/3\/2027)<\/h3>\r\n            <span class=\"exam-modal-close\" onclick=\"closeFutureModal()\">&times;<\/span>\r\n        <\/div>\r\n        <div class=\"exam-modal-body\">\r\n            <p class=\"modal-intro-text\">Theo quy \u0111\u1ecbnh t\u1ea1i Th\u00f4ng t\u01b0 s\u1ed1 108\/2026\/TT-BCA, n\u1ed9i dung s\u00e1t h\u1ea1ch l\u00fd thuy\u1ebft h\u1ea1ng B, C1 s\u1ebd thay \u0111\u1ed5i nh\u01b0 sau:<\/p>\r\n            \r\n            <div class=\"modal-sections-flex\">\r\n                <div class=\"modal-section-block\">\r\n                    <div class=\"modal-section-title\"><i class=\"fa-solid fa-car\"><\/i> H\u1ea0NG B<\/div>\r\n                    <div class=\"modal-list\">\r\n                        <div class=\"modal-item\">\r\n                            <div class=\"modal-icon bg-blue\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\r\n                            <div class=\"modal-info\">\r\n                                <h4>50 C\u00e2u h\u1ecfi<\/h4>\r\n                                <p>S\u1ed1 l\u01b0\u1ee3ng c\u00e2u trong \u0111\u1ec1<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"modal-item\">\r\n                            <div class=\"modal-icon bg-blue\"><i class=\"fa-solid fa-clock\"><\/i><\/div>\r\n                            <div class=\"modal-info\">\r\n                                <h4>33 Ph\u00fat<\/h4>\r\n                                <p>Th\u1eddi gian l\u00e0m b\u00e0i thi<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"modal-item\">\r\n                            <div class=\"modal-icon bg-blue\"><i class=\"fa-solid fa-square-check\"><\/i><\/div>\r\n                            <div class=\"modal-info\">\r\n                                <h4>\u0110\u1ea1t t\u1eeb: 45\/50 c\u00e2u<\/h4>\r\n                                <p>S\u1ed1 c\u00e2u \u0111\u00fang t\u1ed1i thi\u1ec3u<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"modal-section-block\">\r\n                    <div class=\"modal-section-title\"><i class=\"fa-solid fa-truck\"><\/i> H\u1ea0NG C1<\/div>\r\n                    <div class=\"modal-list\">\r\n                        <div class=\"modal-item\">\r\n                            <div class=\"modal-icon bg-blue\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\r\n                            <div class=\"modal-info\">\r\n                                <h4>60 C\u00e2u h\u1ecfi<\/h4>\r\n                                <p>S\u1ed1 l\u01b0\u1ee3ng c\u00e2u trong \u0111\u1ec1<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"modal-item\">\r\n                            <div class=\"modal-icon bg-blue\"><i class=\"fa-solid fa-clock\"><\/i><\/div>\r\n                            <div class=\"modal-info\">\r\n                                <h4>40 Ph\u00fat<\/h4>\r\n                                <p>Th\u1eddi gian l\u00e0m b\u00e0i thi<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"modal-item\">\r\n                            <div class=\"modal-icon bg-blue\"><i class=\"fa-solid fa-square-check\"><\/i><\/div>\r\n                            <div class=\"modal-info\">\r\n                                <h4>\u0110\u1ea1t t\u1eeb: 54\/60 c\u00e2u<\/h4>\r\n                                <p>S\u1ed1 c\u00e2u \u0111\u00fang t\u1ed1i thi\u1ec3u<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"modal-note\">\r\n                <i class=\"fa-solid fa-circle-info\"><\/i>\r\n                <span>H\u1ecdc vi\u00ean c\u00f3 l\u1ecbch thi s\u00e1t h\u1ea1ch t\u1eeb sau m\u1ed1c th\u1eddi gian tr\u00ean l\u01b0u \u00fd c\u1eadp nh\u1eadt \u0111\u1ec3 \u00f4n t\u1eadp \u0111\u00fang tr\u1ecdng t\u00e2m c\u1ea5u tr\u00fac m\u1edbi.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.exam-structure-section {\r\n    width: 100%;\r\n    max-width: 1140px;\r\n    margin: 40px auto;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n    font-family: \"Be Vietnam Pro\", sans-serif;\r\n}\r\n\r\n.exam-section-header {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n}\r\n.exam-title {\r\n    font-size: 32px;\r\n    color: #002B8C!important;\r\n    font-weight: 800;\r\n    margin: 0 0 15px 0;\r\n}\r\n.exam-divider {\r\n    width: 60px;\r\n    height: 4px;\r\n    background-color: #071a42;\r\n    margin: 0 auto;\r\n    border-radius: 2px;\r\n}\r\n\r\n.exam-tabs-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-bottom: 35px;\r\n    border-bottom: 2px solid rgba(7, 26, 66, 0.08);\r\n    padding-bottom: 15px;\r\n}\r\n.exam-tab-btn {\r\n    background: #f4f6f9;\r\n    border: 1px solid rgba(7, 26, 66, 0.1);\r\n    color: #555555;\r\n    padding: 12px 28px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: all 0.25s ease;\r\n}\r\n.exam-tab-btn:hover {\r\n    background: #e4e8f0;\r\n    color: #071a42;\r\n}\r\n.exam-tab-btn.active {\r\n    background: linear-gradient(135deg, #071a42, #123a7a);\r\n    color: #ffffff!important;\r\n    border-color: #071a42;\r\n    box-shadow: 0 6px 15px rgba(7, 26, 66, 0.15);\r\n}\r\n\r\n.exam-tab-content {\r\n    display: none;\r\n}\r\n.exam-tab-content.active {\r\n    display: block;\r\n    animation: fadeInTab 0.4s ease;\r\n}\r\n@keyframes fadeInTab {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.exam-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.exam-card {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 20px 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    box-shadow: 0 10px 30px rgba(7, 26, 66, 0.04);\r\n    border: 1px solid rgba(7, 26, 66, 0.06);\r\n    position: relative; \r\n    box-sizing: border-box;\r\n    min-height: 102px;}\r\n\r\n.exam-card.card-has-note {\r\n    overflow: visible;\r\n}\r\n\r\n.exam-card-main-info {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    width: 100%;\r\n}\r\n.exam-help-icon {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 12px;\r\n    color: #CA0C0C;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: color 0.2s, transform 0.2s;\r\n    z-index: 10;\r\n    padding: 4px;\r\n}\r\n.exam-help-icon:hover {\r\n    color: #0c3c72;\r\n    transform: scale(1.15);\r\n}\r\n\r\n.exam-card-note {\r\n    position: absolute;\r\n    bottom: calc(100% + 10px); \r\n    right: -10px;\r\n    width: 270px;\r\n    background: #ffffff;\r\n    border-radius: 10px;\r\n    padding: 16px;\r\n    box-shadow: 0 15px 35px rgba(7, 26, 66, 0.2);\r\n    border: 1px solid rgba(7, 26, 66, 0.08);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(10px);\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    cursor: default;\r\n    font-family:tahoma;\r\n}\r\n\r\n.exam-card-note::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    right: 18px;\r\n    border-width: 6px;\r\n    border-style: solid;\r\n    border-color: #ffffff transparent transparent transparent;\r\n}\r\n\r\n@media (min-width: 767px) {\r\n    \r\n    .exam-help-icon:hover .exam-card-note {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.exam-help-icon.is-active .exam-card-note {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n}\r\n\r\n.exam-card-note .note-title {\r\n    display: block;\r\n    font-size: 14px;\r\n    color: #ff9900;\r\n    font-weight: 800;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n.exam-card-note ul {\r\n    margin: 0;\r\n    padding: 0 0 0 14px;\r\n    list-style-type: disc;\r\n}\r\n.exam-card-note ul li {\r\n    font-size: 12.5px;\r\n    color: #444444;\r\n    line-height: 1.6;\r\n    margin-bottom: 4px;\r\n    text-align: left;\r\n}\r\n\r\n.exam-card-icon {\r\n    width: 35px;\r\n    height: 35px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    color: #ffffff;\r\n    flex-shrink: 0;\r\n}\r\n.bg-blue { background: #0c3c72; }\r\n.bg-orange { background: #ff9900; }\r\n.bg-green { background: #2ecc71; }\r\n.bg-darkblue { background: #06264d; }\r\n\r\n.exam-card-content h3 {\r\n    margin: 0 0 2px 0;\r\n    font-size: 16px;\r\n    color: #071a42;\r\n    font-weight: 800;\r\n    font-family: sans-serif;\r\n}\r\n.exam-card-content p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    color: #666666;\r\n    line-height: 1.4;\r\n}\r\n\r\n.exam-warning-box {\r\n    background-color: #fff5f5;\r\n    border-left: 5px solid #e74c3c;\r\n    border-radius: 8px;\r\n    padding: 18px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n}\r\n.warning-icon {\r\n    color: #e74c3c;\r\n    font-size: 22px;\r\n}\r\n.warning-text {\r\n    font-size: 14px;\r\n    color: #c0392b;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* --- T\u00d9Y CH\u1ec8NH TH\u00caM M\u1edaI: CSS BUTTON PH\u00cdA D\u01af\u1edaI --- *\/\r\n.exam-btn-wrap {\r\n    text-align: center;\r\n    margin-top: 25px;\r\n}\r\n.exam-future-btn {\r\n    background: #f0f4f8;\r\n    color: #0c3c72;\r\n    border: 1px dashed #0c3c72;\r\n    padding: 11px 24px;\r\n    border-radius: 20px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.exam-future-btn:hover {\r\n    background: #0c3c72;\r\n    color: #ffffff;\r\n    border-style: solid;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 5px 15px rgba(12, 60, 114, 0.2);\r\n}\r\n\r\n\/* --- T\u00d9Y CH\u1ec8NH TH\u00caM M\u1edaI: CSS POPUP MODAL HAI C\u1ed8T --- *\/\r\n.exam-modal-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.6);\r\n    backdrop-filter: blur(3px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.3s ease;\r\n    z-index: 9999;\r\n    padding: 15px;\r\n}\r\n.exam-modal-overlay.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n.exam-modal {\r\n    background: #ffffff;\r\n    width: 100%;\r\n    max-width: 720px; \/* T\u0103ng chi\u1ec1u r\u1ed9ng \u0111\u1ec3 v\u1eeba kh\u00edt 2 c\u1ed9t *\/\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n    transform: scale(0.95);\r\n    transition: transform 0.3s ease;\r\n}\r\n.exam-modal-overlay.active .exam-modal {\r\n    transform: scale(1);\r\n}\r\n.exam-modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    border-bottom: 1px solid #edf2f7;\r\n    padding-bottom: 12px;\r\n}\r\n.exam-modal-header h3 {\r\n    margin: 0;\r\n    font-size: 18px;\r\n    color: #002B8C;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n}\r\n.exam-modal-close {\r\n    font-size: 28px;\r\n    color: #a0aec0;\r\n    cursor: pointer;\r\n    transition: color 0.2s;\r\n    line-height: 1;\r\n}\r\n.exam-modal-close:hover {\r\n    color: #4a5568;\r\n}\r\n.modal-intro-text {\r\n    font-size: 14px;\r\n    color: #4a5568;\r\n    line-height: 1.5;\r\n    margin-bottom: 20px;\r\n}\r\n.modal-sections-flex {\r\n    display: flex;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n.modal-section-block {\r\n    flex: 1;\r\n    background: #f8fafc;\r\n    border: 1px solid #edf2f7;\r\n    border-radius: 12px;\r\n    padding: 16px;\r\n}\r\n.modal-section-title {\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    color: #071a42;\r\n    margin-bottom: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    border-left: 3px solid #002B8C;\r\n    padding-left: 8px;\r\n}\r\n.modal-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n.modal-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: #ffffff;\r\n    padding: 10px 12px;\r\n    border-radius: 8px;\r\n    border: 1px solid #e2e8f0;\r\n}\r\n.modal-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #fff;\r\n    font-size: 15px;\r\n    flex-shrink: 0;\r\n}\r\n.modal-info h4 {\r\n    margin: 0 0 2px 0;\r\n    font-size: 14px;\r\n    color: #071a42;\r\n    font-weight: 700;\r\n}\r\n.modal-info p {\r\n    margin: 0;\r\n    font-size: 12px;\r\n    color: #718096;\r\n}\r\n.modal-note {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: flex-start;\r\n    background: #fffaf0;\r\n    border: 1px dashed #feebc8;\r\n    padding: 12px;\r\n    border-radius: 8px;\r\n    font-size: 12.5px;\r\n    color: #dd6b20;\r\n    line-height: 1.5;\r\n}\r\n.modal-note i {\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n@media (max-width:1024px) {\r\n    .exam-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .exam-title{font-size:26px!important;}\r\n    .exam-grid {gap:10px;}\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .exam-title {\r\n        font-size: 24px!important;\r\n        color: #071a42;\r\n        font-weight: 800;\r\n        margin: 0 0 15px 0;\r\n    }\r\n    .exam-divider {\r\n        width: 50px;\r\n        height: 4px;\r\n        background-color: #071a42;\r\n        margin: 0 auto;\r\n        border-radius: 2px;\r\n    }\r\n    .exam-tabs-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        margin-bottom: 15px;\r\n        border-bottom: 2px solid rgba(7, 26, 66, 0.08);\r\n        padding-bottom: 10px;\r\n    }\r\n    .exam-tab-btn {\r\n        padding: 8px 16px;\r\n        font-size: 14px;\r\n    }\r\n    .exam-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .exam-warning-box {\r\n        flex-direction: column;\r\n        gap: 4px;\r\n    }\r\n    .exam-card-note {\r\n        right: -40px;\r\n        width: 250px;\r\n    }\r\n    .exam-card-note::after {\r\n        right: 48px;\r\n    }\r\n    \r\n    \/* Thi\u1ebft l\u1eadp l\u1ea1i modal tr\u00ean Mobile *\/\r\n    .modal-sections-flex {\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n    .exam-future-btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n        font-size: 13px;\r\n    }\r\n    .exam-modal {\r\n        padding: 20px;\r\n        max-height: 90vh;\r\n        overflow-y: auto;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction switchExamTab(evt, tabId) {\r\n    const tabContents = document.getElementsByClassName(\"exam-tab-content\");\r\n    for (let i = 0; i < tabContents.length; i++) {\r\n        tabContents[i].classList.remove(\"active\");\r\n    }\r\n\r\n    const tabButtons = document.getElementsByClassName(\"exam-tab-btn\");\r\n    for (let i = 0; i < tabButtons.length; i++) {\r\n        tabButtons[i].classList.remove(\"active\");\r\n    }\r\n\r\n    document.getElementById(tabId).classList.add(\"active\");\r\n    evt.currentTarget.classList.add(\"active\");\r\n    \r\n    document.querySelectorAll('.exam-help-icon').forEach(icon => {\r\n        icon.classList.remove('is-active');\r\n    });\r\n}\r\n\r\nfunction toggleMobileNote(element, event) {\r\n    event.stopPropagation();\r\n    \r\n    const isActive = element.classList.contains('is-active');\r\n    \r\n    document.querySelectorAll('.exam-help-icon').forEach(icon => {\r\n        icon.classList.remove('is-active');\r\n    });\r\n    \r\n    if (!isActive) {\r\n        element.classList.add('is-active');\r\n    }\r\n}\r\n\r\ndocument.addEventListener('click', function() {\r\n    document.querySelectorAll('.exam-help-icon').forEach(icon => {\r\n        icon.classList.remove('is-active');\r\n    });\r\n});\r\n\r\n\/* --- JAVASCRIPT \u0110I\u1ec0U KHI\u1ec2N POPUP --- *\/\r\nfunction openFutureModal() {\r\n    document.getElementById(\"futureModal\").classList.add(\"active\");\r\n}\r\n\r\nfunction closeFutureModal() {\r\n    document.getElementById(\"futureModal\").classList.remove(\"active\");\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-78f3da6 elementor-widget elementor-widget-html\" data-id=\"78f3da6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-tailieu\" 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<div class=\"doc-redirect-section\">\r\n    \r\n    <div class=\"doc-header\">\r\n        <h2 class=\"doc-title\">T\u00e0i li\u1ec7u v\u00e0 video tham kh\u1ea3o<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"doc-link-grid\">\r\n        \r\n        <a href=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/#mucluc-tailieuthamkhao\" class=\"doc-link-card\">\r\n            <div class=\"doc-card-icon text-blue\">\r\n                <i class=\"fa-solid fa-folder-open\"><\/i>\r\n            <\/div>\r\n            <div class=\"doc-card-info\">\r\n                <h3>T\u00e0i li\u1ec7u tham kh\u1ea3o <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/h3>\r\n                <p>Xem b\u1ed9 c\u00e2u h\u1ecfi s\u00e1t h\u1ea1ch do B\u1ed9 C\u00f4ng an ban h\u00e0nh v\u00e0 c\u00e1c quy \u0111\u1ecbnh hi\u1ec7n h\u00e0nh li\u00ean quan \u0111\u1ebfn \u0111\u00e0o t\u1ea1o - s\u00e1t h\u1ea1ch l\u00e1i xe<\/p>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/youtube.com\/@nguyenvanbi77?si=bK1II_ctU7HavZ62\" target=\"_blank\" class=\"doc-link-card youtube-card-style\">\r\n            <div class=\"doc-card-icon text-red\">\r\n                <div class=\"youtube-play-btn\">\r\n                    <i class=\"fa-solid fa-play\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"doc-card-info\">\r\n                <h3>Video h\u01b0\u1edbng d\u1eabn<i class=\"fa-solid fa-external-link-alt\"><\/i><\/h3>\r\n                <p>Xem video h\u01b0\u1edbng d\u1eabn quy tr\u00ecnh thi l\u00fd thuy\u1ebft v\u00e0 h\u01b0\u1edbng d\u1eabn gi\u1ea3i nhanh c\u00e2u h\u1ecfi s\u00e1t h\u1ea1ch l\u00fd thuy\u1ebft<\/p>\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.doc-redirect-section {\r\n    width: 100%;\r\n    max-width: 1140px;\r\n    margin: 40px auto;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n    font-family: \"Be Vietnam Pro\", sans-serif;\r\n}\r\n\r\n\/* --- Ph\u1ea7n ti\u00eau \u0111\u1ec1 --- *\/\r\n.doc-header {\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n}\r\n.doc-title {\r\n    font-size: 28px;\r\n    color: #002B8C!important;\r\n    font-weight: 800;\r\n    margin: 0 0 10px 0;\r\n}\r\n.doc-subtitle {\r\n    font-size: 14px;\r\n    color: #666666;\r\n    max-width: 650px;\r\n    margin: 0 auto;\r\n    line-height: 1.5;\r\n}\r\n\r\n.doc-link-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.doc-link-card {\r\n    display: flex;\r\n    align-items: center; \r\n    gap: 20px;\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 25px;\r\n    text-decoration: none; \r\n    border: 1px solid rgba(7, 26, 66, 0.08);\r\n    box-shadow: 0 8px 25px rgba(7, 26, 66, 0.04);\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n.doc-link-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: #0c3c72;\r\n    box-shadow: 0 12px 30px rgba(7, 26, 66, 0.1);\r\n}\r\n\r\n.youtube-card-style:hover {\r\n    border-color: #ff0000; \r\n    box-shadow: 0 12px 30px rgba(255, 0, 0, 0.08);\r\n}\r\n\r\n.doc-card-icon {\r\n    flex-shrink: 0;\r\n}\r\n.text-blue { font-size: 36px; color: #0c3c72; }\r\n\r\n.youtube-play-btn {\r\n    width: 50px;\r\n    height: 50px;\r\n    background-color: #ff0000;\r\n    color: #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 16px;\r\n    padding-left: 3px; \r\n    transition: transform 0.3s, background-color 0.3s;\r\n    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.2);\r\n}\r\n.youtube-card-style:hover .youtube-play-btn {\r\n    transform: scale(1.1);\r\n    background-color: #cc0000;\r\n}\r\n\r\n.doc-card-info h3 {\r\n    margin: 0 0 8px 0;\r\n    font-size: 18px;\r\n    color: #071a42;\r\n    font-weight: 700;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.doc-card-info h3 i {\r\n    font-size: 12px;\r\n    opacity: 0.5;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.doc-link-card:not(.youtube-card-style):hover .doc-card-info h3 {\r\n    color: #0c3c72;\r\n}\r\n.doc-link-card:not(.youtube-card-style):hover .doc-card-info h3 i {\r\n    transform: translate(2px, -2px);\r\n    opacity: 1;\r\n}\r\n\r\n.youtube-card-style:hover .doc-card-info h3 {\r\n    color: #ff0000;\r\n}\r\n.youtube-card-style:hover .doc-card-info h3 i {\r\n    transform: scale(1.1);\r\n    opacity: 1;\r\n}\r\n\r\n.doc-card-info p {\r\n    margin: 0;\r\n    font-size: 13.5px;\r\n    color: #555555;\r\n    line-height: 1.6;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .doc-link-grid {\r\n        grid-template-columns: 2fr;\r\n        gap: 10px;\r\n    }\r\n    .doc-title {\r\n        font-size: 26px!important;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .doc-redirect-section {\r\n        margin: 25px auto;\r\n        padding: 0 15px;\r\n    }\r\n    .doc-title {\r\n        font-size: 24px!important; \r\n    }\r\n    .doc-header {\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .doc-link-card {\r\n        padding: 14px 16px; \r\n        gap: 12px;\r\n        border-radius: 10px;\r\n        align-items: flex-start; \r\n    }\r\n    \r\n    .text-blue {\r\n        font-size: 26px;\r\n    }\r\n    \r\n    .youtube-play-btn {\r\n        width: 36px;\r\n        height: 36px;\r\n        font-size: 12px;\r\n        padding-left: 2px;\r\n    }\r\n    \r\n    .doc-card-info h3 {\r\n        font-size: 15px;\r\n        margin-bottom: 4px;\r\n    }\r\n    .doc-card-info h3 i {\r\n        font-size: 10px;\r\n    }\r\n    .doc-card-info p {\r\n        font-size: 12px;\r\n        line-height: 1.5;\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-683f77c elementor-widget elementor-widget-html\" data-id=\"683f77c\" 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.5.2\/css\/all.min.css\">\r\n\r\n<section class=\"section-redirect-elearning\">\r\n    <div class=\"elearning-container\">\r\n        <div class=\"elearning-content\">\r\n            <span class=\"elearning-badge\">\r\n                <i class=\"fa-solid fa-graduation-cap\"><\/i> H\u1eccC L\u00dd THUY\u1ebeT ONLINE\r\n            <\/span>\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>\r\n                H\u1ecdc vi\u00ean \u0111\u00e3 \u0111\u0103ng k\u00fd h\u1ecdc tr\u1ef1c tuy\u1ebfn d\u00f9ng t\u00e0i kho\u1ea3n do Tr\u01b0\u1eddng cung c\u1ea5p \u0111\u1ec3 h\u1ecdc l\u00fd thuy\u1ebft tr\u1ef1c tuy\u1ebft.\r\n            <\/p>\r\n            <div class=\"elearning-features\">\r\n                <div class=\"feature-item\">\r\n                    <i class=\"fa-solid fa-circle-check\"><\/i> <span>H\u1ecdc m\u1ecdi l\u00fac m\u1ecdi n\u01a1i<\/span>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <i class=\"fa-solid fa-circle-check\"><\/i> <span>T\u00e0i li\u1ec7u, gi\u00e1o tr\u00ecnh \u0111\u1ea7y \u0111\u1ee7<\/span>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <i class=\"fa-solid fa-circle-check\"><\/i> <span>T\u1ef1 h\u1ecdc c\u00f3 h\u01b0\u1edbng d\u1eabn c\u1ee7a c\u00e1c gi\u00e1o vi\u00ean<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <a href=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/#mucluc-ltx\" class=\"btn-elearning-go\">\r\n                <i class=\"fa-solid fa-laptop-code animate-pulse\"><\/i> \u0110\u1ebeN TRANG H\u1eccC L\u00dd THUY\u1ebeT ONLINE \u2192\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.section-redirect-elearning {\r\n    padding: 60px 0; \r\n    background: #fff;\r\n    box-sizing: border-box;\r\n    font-size: 16px;\r\n    overflow: hidden;\r\n    font-family: \"Be Vietnam Pro\", sans-serif;\r\n}\r\n\r\n.elearning-container {\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.elearning-content {\r\n    width: 100%;\r\n    max-width: 720px; \r\n    text-align: left; \r\n}\r\n\r\n.elearning-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(9, 15, 172, 0.08);\r\n    color: #090fac;\r\n    padding: 8px 16px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.elearning-content h2 {\r\n    font-size: 40px; \r\n    color: #0a1b2f;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    margin: 0 0 20px 0;\r\n}\r\n\r\n.elearning-content p {\r\n    color: #4a5568;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.elearning-features {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.feature-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    color: #2d3748;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n}\r\n\r\n.feature-item i {\r\n    color: #090fac;\r\n    font-size: 18px;\r\n    margin-top: 2px;\r\n}\r\n\r\n.btn-elearning-go {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    height: 56px;\r\n    padding: 0 35px;\r\n    background: #002b8c;\r\n    color: #fff !important;\r\n    text-decoration: none;\r\n    border-radius: 10px;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    box-shadow: 0 6px 20px rgba(0, 43, 140, 0.3); \r\n    transition: 0.3s;\r\n}\r\n\r\n.btn-elearning-go:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(224, 107, 0, 0.5);\r\n    background: #e06b00;\r\n}\r\n\r\n@media(max-width: 991px) {\r\n    .section-redirect-elearning {\r\n        padding: 50px 0;\r\n    }\r\n    .elearning-content h2 {\r\n        font-size: 32px;\r\n    }\r\n}\r\n\r\n@media(max-width: 480px) {\r\n    .section-redirect-elearning {\r\n        padding: 40px 0;\r\n    }\r\n    .elearning-content h2 {\r\n        font-size: 24px;\r\n    }\r\n    .btn-elearning-go {\r\n        width: 100%; \r\n        font-size: 14px;\r\n        padding: 0 15px;\r\n    }\r\n}\r\n<\/style>\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-f9658f2 e-con-full e-flex e-con e-parent\" data-id=\"f9658f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a113903 elementor-widget elementor-widget-html\" data-id=\"a113903\" 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-oto\">\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 \u00f4 t\u00f4<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-tuyensinh\">\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 kh\u00f3a h\u1ecdc<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-thongtin\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-file-lines\"><\/i><\/span>\r\n        <span class=\"label\">Th\u00f4ng tin & chi ph\u00ed<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-dieukien\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-file-signature\"><\/i><\/span>\r\n        <span class=\"label\">\u0110i\u1ec1u ki\u1ec7n & th\u1ee7 t\u1ee5c<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-quytrinh\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-arrow-up-right-dots\"><\/i><\/span>\r\n        <span class=\"label\">Quy tr\u00ecnh \u0111\u00e0o t\u1ea1o<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-tailieu\">\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-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.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-5e61df4 e-con-full e-flex e-con e-parent\" data-id=\"5e61df4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-092c2b9 e-flex e-con-boxed e-con e-child\" data-id=\"092c2b9\" 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-6ef936e e-con-full e-flex e-con e-child\" data-id=\"6ef936e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-92d8ad6 e-con-full e-flex e-con e-child\" data-id=\"92d8ad6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f7c94b6 e-con-full e-flex e-con e-child\" data-id=\"f7c94b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2ceb36 elementor-widget elementor-widget-html\" data-id=\"b2ceb36\" 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 = 'G\u1eedi th\u00f4ng tin th\u00e0nh c\u00f4ng! Ch\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 b\u1ea1n trong th\u1eddi gian s\u1edbm nh\u1ea5t!';\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 = 'C\u00f3 l\u1ed7i x\u1ea3y ra! Vui l\u00f2ng th\u1eed l\u1ea1i sau ho\u1eb7c li\u00ean h\u1ec7 tr\u1ef1c ti\u1ebfp s\u1ed1 hotline: 02703.960.666 - zalo: 0366.433.519';\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-3eb15e2 e-con-full e-flex e-con e-child\" data-id=\"3eb15e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb3a4b9 elementor-widget elementor-widget-html\" data-id=\"bb3a4b9\" 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-ab1b2b9 e-con-full e-flex e-con e-child\" data-id=\"ab1b2b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98bd826 elementor-widget elementor-widget-html\" data-id=\"98bd826\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section-lienhe\" 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\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 \u00d4 T\u00d4 Gi\u00e1o vi\u00ean gi\u00e0u kinh nghi\u1ec7mL\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 \u00d7 T\u00f3m t\u1eaft nhanh th\u00f4ng tin Ch\u1ecdn h\u1ea1ng xe v\u00e0 n\u1ed9i dung b\u1ea1n mu\u1ed1n h\u1ec7 th\u1ed1ng t\u1ef1 \u0111\u1ed9ng t\u1ed5ng h\u1ee3p th\u00f4ng tin nhanh. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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":"","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":"set","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-2186","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/pages\/2186","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=2186"}],"version-history":[{"count":317,"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/pages\/2186\/revisions"}],"predecessor-version":[{"id":3880,"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/pages\/2186\/revisions\/3880"}],"wp:attachment":[{"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/media?parent=2186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}