{"id":2238,"date":"2026-05-27T09:20:31","date_gmt":"2026-05-27T09:20:31","guid":{"rendered":"http:\/\/localhost\/daotaolaixe\/?page_id=2238"},"modified":"2026-07-23T03:56:51","modified_gmt":"2026-07-23T03:56:51","slug":"dao-tao-sat-hach-lai-xe-mo-to","status":"publish","type":"page","link":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/dao-tao-sat-hach-lai-xe-mo-to\/","title":{"rendered":"\u0110\u00e0o t\u1ea1o s\u00e1t h\u1ea1ch l\u00e1i xe m\u00f4 t\u00f4"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2238\" class=\"elementor elementor-2238\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c191d53 e-con-full e-flex e-con e-parent\" data-id=\"c191d53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fbc900 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1fbc900\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-moto\" 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 - S\u00c1T H\u1ea0CH L\u00c1I XE\r\n            <span>M\u00d4 T\u00d4 H\u1ea0NG A1<\/span>\r\n        <\/h1>\r\n        <p>Khai gi\u1ea3ng li\u00ean t\u1ee5c - Gi\u00e1o vi\u00ean gi\u00e0u kinh nghi\u1ec7m<\/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=\"#dangkyngay\" 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=\"#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 n\u1ed9i dung b\u1ea1n mu\u1ed1n t\u00f3m t\u1eaft nhanh\r\n            <\/div>\r\n\r\n            <div class=\"ai-top-panel\" id=\"aiTopPanel\">\r\n                <div class=\"ai-title-small\">N\u1ed9i dung c\u1ea7n t\u00f3m t\u1eaft:<\/div>\r\n                <div class=\"ai-check-group\">\r\n                    <label><input type=\"checkbox\" value=\"hocphi\"> H\u1ecdc ph\u00ed kh\u00f3a h\u1ecdc<\/label>\r\n                    <label><input type=\"checkbox\" value=\"hoso\"> H\u1ed3 s\u01a1 c\u1ea7n chu\u1ea9n b\u1ecb<\/label>\r\n                    <label><input type=\"checkbox\" value=\"dieukien\"> \u0110i\u1ec1u ki\u1ec7n \u0111\u0103ng k\u00fd<\/label>\r\n                    <label><input type=\"checkbox\" value=\"lich\"> L\u1ecbch khai gi\u1ea3ng<\/label>\r\n                    <label><input type=\"checkbox\" value=\"thoigian\"> Th\u1eddi gian h\u1ecdc<\/label>\r\n                <\/div>\r\n\r\n                <button class=\"ai-submit\" onclick=\"generateSummary()\">T\u00d3M T\u1eaeT NGAY<\/button>\r\n            <\/div>\r\n\r\n            <button class=\"ai-back\" id=\"aiBackBtn\" onclick=\"showOptionsAgain()\">\u2190 Ch\u1ecdn l\u1ea1i n\u1ed9i dung<\/button>\r\n            <div class=\"ai-result\" id=\"aiResult\">N\u1ed9i dung t\u00f3m t\u1eaft s\u1ebd hi\u1ec3n th\u1ecb t\u1ea1i \u0111\u00e2y...<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.hero-driving-v2 {\r\n    position: relative;\r\n    min-height: 700px; \r\n    overflow: hidden;\r\n    background: linear-gradient(90deg, rgba(2,18,35,.97) 0%, rgba(2,18,35,.93) 40%, rgba(2,18,35,.55) 70%, rgba(2,18,35,.25) 100%), url('https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-h-khoagt-1.jpg');\r\n    background-size: cover;\r\n    background-position: center;\r\n    display: flex;\r\n    align-items: center;\r\n    padding-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    content: ''; position: absolute; right: -180px; top: 0; width: 420px; height: 100%; background: #0b2a5b; transform: skew(-25deg); opacity: .95;\r\n}\r\n\r\n.hero-left { position: relative; z-index: 10; width: 800px; }\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: 70px; \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 Styles *\/\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-check-group { display: flex; flex-direction: column; gap: 10px; margin-bottom: 25px; }\r\n.ai-check-group label { background: #E4EFFF; padding: 14px; border-radius: 12px; cursor: pointer; font-size: 16px; color: #2d3748; font-weight: 600; border: 1px solid #feebc8; display: flex; align-items: center; gap: 10px; }\r\n.ai-check-group label input { width: 16px; height: 16px; accent-color: #002b8c; }\r\n\r\n.ai-submit { width: 100%; border: none; background: #002b8c; color: #ffffff !important; padding: 16px; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; margin-bottom: 20px; transition: 0.2s; }\r\n.ai-submit:hover { background: #0900B0; }\r\n.ai-back { display: none; width: 100%; border: 1px solid #e2e8f0; background: #fff; color: #4a5568; padding: 12px; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; margin-bottom: 20px; }\r\n.ai-back:hover { background: #f7fafc; }\r\n.ai-result { background: #f7fafc; border-radius: 16px; padding: 22px; color: #2d3748; line-height: 1.8; font-size: 16px; min-height: 200px; border: 1px solid #e2e8f0; }\r\n\r\n@media(max-width: 1024px) {\r\n    .hero-driving-v2 {\r\n        min-height: 560px;\r\n        padding-left: 6%;\r\n        padding-right: 6%;justify-content: center; \r\n    }\r\n    .hero-driving-v2:before {\r\n        right: -240px;\r\n        width: 360px;\r\n    }\r\n    .hero-left {\r\n        width: 100%;\r\n        max-width: 600px;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: 18px;\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: 52px;\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        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; }\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: 26px; 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    \/* Popup AI mobile *\/\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-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 h1 span { font-size: 22px; }\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\r\n    document.getElementById(\"aiTopPanel\").classList.add(\"collapsed\");\r\n    document.getElementById(\"aiBackBtn\").style.display = \"block\";\r\n\r\n    result += \"<b>\ufe0f H\u1ea0NG A1 (M\u00d4 T\u00d4)<\/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                result += \"<b>C\u00e1c kho\u1ea3n ph\u00ed g\u1ed3m:<\/b><br>H\u1ecdc ph\u00ed: 200.000 \u0111 <br>Ph\u00ed thi th\u1eed l\u00fd thuy\u1ebft v\u00e0 th\u1ef1c h\u00e0nh: 80.000 \u0111<br>L\u1ec7 ph\u00ed s\u00e1t h\u1ea1ch l\u00fd thuy\u1ebft: 60.000 \u0111<br>L\u1ec7 ph\u00ed s\u00e1t h\u1ea1ch th\u1ef1c h\u00e0nh: 70.000 \u0111<br>Ph\u00ed c\u1ea5p Gi\u1ea5y ph\u00e9p l\u00e1i xe: 115.000 \u0111<br>Ph\u00ed x\u1eed l\u00fd h\u00ecnh in Gi\u1ea5y ph\u00e9p l\u00e1i xe: 15.000 \u0111<br><b><i>T\u1ed5ng: 540.000 \u0111<\/b><\/i><br><br><hr><br>\";\r\n            }\r\n            if(item.value === \"hoso\"){\r\n                result += \"<b>H\u1ed3 s\u01a1 c\u1ea7n chu\u1ea9n b\u1ecb:<\/b><br>1. Gi\u1ea5y kh\u00e1m s\u1ee9c kh\u1ecfe \u0111\u1ec3 l\u00e1i xe h\u1ea1ng A1<br>2. C\u0103n c\u01b0\u1edbc c\u00f4ng d\u00e2n photo (kh\u00f4ng c\u1ea7n c\u00f4ng ch\u1ee9ng)<br>3. \u1ea2nh th\u1ebb 3x4cm: 02 \u1ea3nh<br>4. Gi\u1ea5y ph\u00e9p l\u00e1i xe \u00f4 t\u00f4 photo (n\u1ebfu c\u00f3).<br><br><hr><br>\";\r\n            }\r\n            if(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                result += \"<b>T\u1ed5ng th\u1eddi gian \u0111\u00e0o t\u1ea1o v\u00e0 s\u00e1t h\u1ea1ch l\u00e1i xe:<\/b><br>- 01 ng\u00e0y h\u1ecdc l\u00fd thuy\u1ebft;<br>- 01 ng\u00e0y t\u1eadp xe c\u1ea3m bi\u1ebfn v\u00e0 th\u1ef1c h\u00e0nh tr\u00ean m\u00e1y t\u00ednh;<br>- 01 ng\u00e0y s\u00e1t h\u1ea1ch l\u00e1i xe.<br><br><hr><br>\";\r\n            }\r\n        });\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-16f9251 e-con-full e-flex e-con e-parent\" data-id=\"16f9251\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e976561 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e976561\" 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=\"tabs-wrapper\">\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        <\/div>\r\n\r\n        <div id=\"thongtin-quangcao\" class=\"tab-panel active\">\r\n            <h2>\u0110\u00e0o t\u1ea1o - s\u00e1t h\u1ea1ch l\u00e1i xe m\u00f4 t\u00f4 h\u1ea1ng A1<\/h2>\r\n            <ul>\r\n                <li><span class=\"icon\"><i class=\"fa fa-calendar\"><\/i><\/span> Khai gi\u1ea3ng li\u00ean t\u1ee5c<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa fa-motorcycle\"><\/i><\/span> \u0110i\u1ec1u khi\u1ec3n xe m\u00f4 t\u00f4 c\u00f3 dung t\u00edch \u0111\u1ebfn 125 cc<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa fa-motorcycle\"><\/i><\/span> \u0110i\u1ec1u khi\u1ec3n xe \u0111i\u1ec7n c\u00f3 c\u00f4ng su\u1ea5t \u0111\u1ebfn 11kW<\/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 fa-dot-circle-o\"><\/i><\/span> H\u1ecdc ph\u00ed: 200.000 \u0111<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa fa-dot-circle-o\"><\/i><\/span> Ph\u00ed thi th\u1eed l\u00fd thuy\u1ebft & th\u1ef1c h\u00e0nh: 80.000 \u0111<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa fa-dot-circle-o\"><\/i><\/span> L\u1ec7 ph\u00ed thi: 130.000 \u0111<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa fa-dot-circle-o\"><\/i><\/span> Ph\u00ed c\u1ea5p Gi\u1ea5y ph\u00e9p l\u00e1i xe: 115.000 \u0111<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa fa-dot-circle-o\"><\/i><\/span> Ph\u00ed kh\u00e1c: 15.000 \u0111<\/li>\r\n                <li><b><span class=\"icon\"><i class=\"fa fa-money\"><\/i><\/span> T\u1ed4NG: 540.000 \u0111<\/b><\/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 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 fa-user-plus\"><\/i><\/span> \u0110\u1ee7 18 tu\u1ed5i tr\u1edf l\u00ean<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa 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 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 fa-id-card-o\"><\/i><\/span> C\u0103n c\u01b0\u1edbc photo<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa fa-id-card\"><\/i><\/span> Gi\u1ea5y ph\u00e9p l\u00e1i xe \u00f4 t\u00f4 photo (n\u1ebfu c\u00f3)<\/li>\r\n                <li><span class=\"icon\"><i class=\"fa fa-file-image-o\"><\/i><\/span> \u1ea2nh th\u1ebb 3x4 (02 \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 v\u00e0 th\u1ef1c h\u00e0nh tr\u00ean m\u00e1y vi t\u00ednh<\/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=\"#thongtin-a1\" 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\/poster-ts-moto.png\" alt=\"Poster Tuy\u1ec3n Sinh\">\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: visible;\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.tabs-wrapper {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n    padding: 10px 0;\r\n    margin-bottom: 10px;\r\n}\r\n.tabs-wrapper::-webkit-scrollbar { display: none; } \r\n.tabs-wrapper { -ms-overflow-style: none; scrollbar-width: none; }\r\n\r\n.course-tabs {\r\n    display: flex;\r\n    align-items: center;\r\n    width: max-content; \r\n    margin: 0 auto;   \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: 60px; \r\n    line-height: 1.2;\r\n    margin: 20px 0 30px;\r\n    color: #f5c229;\r\n}\r\n\r\n.tab-panel p {\r\n    font-size: 24px;\r\n    line-height: 1.7;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.tab-panel ul {\r\n    list-style: none;\r\n    padding: 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: 30px;\r\n    right: 80px;\r\n    width: 500px;\r\n    background: #fff;\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    z-index: 10;\r\n    box-shadow: 0 25px 60px rgba(0,0,0,.25);\r\n    transition: transform .4s ease, box-shadow .4s ease;\r\n    animation: floatCard 4s ease-in-out infinite;\r\n}\r\n\r\n.admission-card img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    transition: transform .5s ease;\r\n}\r\n\r\n.admission-card:hover {\r\n    transform: scale(1.03) rotateX(4deg) rotateY(-4deg);\r\n    box-shadow: 0 35px 80px rgba(0,0,0,.35);\r\n}\r\n\r\n.admission-card:hover img { transform: scale(1.08); }\r\n\r\n@keyframes floatCard {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-12px); }\r\n}\r\n\r\n\r\n@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        margin: 0 auto 10px;\r\n    }\r\n\r\n    .course-tabs .tab-btn {\r\n        padding: 12px 24px !important;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .tab-panel {\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: 38px;\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    .admission-card:hover { transform: scale(1.02); }\r\n}\r\n\r\n\r\n@media (max-width: 767px) {\r\n    .course-section {\r\n        padding: 40px 12px;\r\n    }\r\n\r\n    .course-container {\r\n        width: 100%;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .tabs-wrapper {\r\n        width: 100%;\r\n        overflow: visible; \r\n        padding: 0;\r\n        margin-bottom: 20px;\r\n    }\r\n\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    }\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    .tab-panel h2 {\r\n    font-size: 24px; \r\n    \r\n}\r\n.btn-main {\r\n    margin-top: 0px;\r\n    padding: 10px 40px;\r\n    font-size:12px;\r\n    \r\n    \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-chiphi\",\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\r\n    document.querySelectorAll('.tab-btn').forEach(btn => {\r\n        btn.classList.remove('active');\r\n    });\r\n\r\n    const activePanel = document.getElementById(tabId);\r\n    if (activePanel) {\r\n        activePanel.classList.add('active');\r\n    }\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-b55bfe1 e-con-full e-flex e-con e-parent\" data-id=\"b55bfe1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ce0348 elementor-widget elementor-widget-html\" data-id=\"8ce0348\" 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\r\n<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 A1 - 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: 60%;\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: 12px;\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 h\u1ea1ng A1<\/h2>\r\n            <p class=\"desc\">\r\n                Kh\u00f3a h\u1ecdc l\u00e1i xe m\u00f4 t\u00f4 h\u1ea1ng A1 d\u00e0nh cho h\u1ecdc vi\u00ean c\u00f3 nhu c\u1ea7u \u0111i\u1ec1u khi\u1ec3n xe m\u00f4 t\u00f4 hai b\u00e1nh c\u00f3 dung t\u00edch xi-lanh \u0111\u1ebfn 125cm\u00b3 ho\u1eb7c c\u00f4ng su\u1ea5t \u0111\u1ed9ng c\u01a1 \u0111i\u1ec7n \u0111\u1ebfn 11kW. \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, r\u00e8n luy\u1ec7n k\u1ef9 n\u0103ng \u0111i\u1ec1u khi\u1ec3n xe an to\u00e0n v\u00e0 x\u00e2y d\u1ef1ng \u00fd th\u1ee9c tham gia giao th\u00f4ng v\u0103n minh, \u0111\u00fang quy \u0111\u1ecbnh. \u0110\u1ea3m b\u1ea3o quy tr\u00ecnh h\u1ecdc b\u00e0i b\u1ea3n, tinh g\u1ecdn v\u00e0 \u0111\u1ea1t t\u1ef7 l\u1ec7 k\u1ebft qu\u1ea3 thi cao nh\u1ea5t.\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>\u0110\u01b0\u1ee3c \u0111i\u1ec1u khi\u1ec3n<\/p>\r\n                            <p>Xe d\u01b0\u1edbi 125cc<\/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>\u0110\u1ed9ng c\u01a1 \u0111i\u1ec7n<\/p>\r\n                            <p>C\u00f4ng su\u1ea5t \u2264 11kW<\/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-1ccdd72 elementor-widget elementor-widget-html\" data-id=\"1ccdd72\" 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\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\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:767px){\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\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:\"\u0110\u1ed9i ng\u0169 t\u01b0 v\u1ea5n h\u1ed7 tr\u1ee3 ho\u00e0n thi\u1ec7n th\u1ee7 t\u1ee5c nhanh ch\u00f3ng.\",\r\n    time:\"3 tu\u1ea7n 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\/lophoclythuyet1.jpg\",\r\n    type:\"image\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/lophoclythuyet1.jpg\",\r\n    title:\"H\u1ecdc l\u00fd thuy\u1ebft\",\r\n    note:\"Gi\u1ea3ng vi\u00ean h\u01b0\u1edbng d\u1eabn d\u1ec5 hi\u1ec3u, s\u00e1t th\u1ef1c t\u1ebf.\",\r\n    time:\"2 tu\u1ea7n 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-h-anhthuchanha1.jpg\",\r\n    type:\"image\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/gen-h-anhthuchanha1.jpg\",\r\n    title:\"Th\u1ef1c h\u00e0nh\",\r\n    note:\"Th\u1ef1c h\u00e0nh l\u00e1i xe c\u1ea3m bi\u1ebfn v\u00e0 th\u1ef1c h\u00e0nh tr\u00ean m\u00e1y t\u00ednh\",\r\n    time:\"2 tu\u1ea7n 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-h-khaimac-hoi-dong.jpg\",\r\n    type:\"video\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/VID_1.mp4\",\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:\"H\u00f4m nay\",\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-thilythuyet.jpg\",\r\n    type:\"video\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/thilythuyeta1_Trim.mp4\",\r\n    title:\"Thi s\u00e1t h\u1ea1ch l\u00fd thuy\u1ebft\",\r\n    note:\"H\u1ecdc vi\u00ean \u0111ang ch\u1edd thi l\u00fd thuy\u1ebft\",\r\n    time:\"H\u00f4m nay\",\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-thuchanh.jpg\",\r\n    type:\"video\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/thuchanh_Trim.mp4\",\r\n    title:\"Thi s\u00e1t h\u1ea1ch th\u1ef1c h\u00e0nh\",\r\n    note:\"Kho\u1ea3nh kh\u1eafc \u0111\u00e1ng nh\u1edb c\u1ee7a h\u1ecdc vi\u00ean.\",\r\n    time:\"H\u00f4m nay\",\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-z7927463376997_799e35602245d8f24704add529ac7bbe.jpg\",\r\n    type:\"video\",\r\n    src:\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/06\/VID2_Trim.mp4\",\r\n    title:\"Thi s\u00e1t h\u1ea1ch th\u1ef1c h\u00e0nh\",\r\n    note:\"Khu v\u1ef1c thi lu\u00f4n c\u00f3 c\u00e1c gi\u00e1o vi\u00ean h\u1ed7 tr\u1ee3 t\u1eadn t\u00e2m\",\r\n    time:\"H\u00f4m nay\",\r\n\r\n    position:\"35% center\"\r\n}\r\n\r\n];\r\n\r\nconst list=document.getElementById(\"storyList\");\r\n\r\nlet html='';\r\n\r\nstories.forEach((story,index)=>{\r\n\r\n    html += `\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=\"${story.title}\">\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\nlist.innerHTML = html;\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.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\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>\n\t\t<div class=\"elementor-element elementor-element-399210d e-con-full e-flex e-con e-parent\" data-id=\"399210d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdd8188 elementor-widget elementor-widget-html\" data-id=\"fdd8188\" 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<section class=\"mucthongtin\">\r\n\r\n    <div class=\"mucthongtin-box\">\r\n\r\n        <div class=\"mucthongtin-title\">\r\n\r\n            <h2>TH\u00d4NG TIN H\u1ea0NG GI\u1ea4Y PH\u00c9P L\u00c1I XE A1<\/h2>\r\n\r\n            <p>\r\n                D\u00e0nh cho ng\u01b0\u1eddi \u0111i\u1ec1u khi\u1ec3n xe m\u00f4 t\u00f4 hai b\u00e1nh theo quy \u0111\u1ecbnh hi\u1ec7n h\u00e0nh\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mucthongtin-grid\">\r\n\r\n            <!-- CARD 1 -->\r\n\r\n            <div class=\"mucthongtin-item\" onclick=\"toggleThongTin(this)\">\r\n\r\n                <div class=\"mucthongtin-header\">\r\n\r\n                    <div class=\"mucthongtin-left\">\r\n\r\n                        <i class=\"fas fa-id-card\"><\/i>\r\n\r\n                        <div>\r\n\r\n                            <span>H\u1ea1ng gi\u1ea5y ph\u00e9p<\/span>\r\n\r\n                            <strong>H\u1ea1ng A1<\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"mucthongtin-toggle\">\r\n\r\n                        <i class=\"fas fa-plus\"><\/i>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"mucthongtin-content\">\r\n\r\n                    Lu\u1eadt Tr\u1eadt t\u1ef1, an to\u00e0n giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9 n\u0103m 2024 c\u00f3 hi\u1ec7u l\u1ef1c t\u1eeb ng\u00e0y 01\/01\/2025 \u0111\u00e3 c\u00f3 quy \u0111\u1ecbnh m\u1edbi v\u1ec1 ph\u00e2n h\u1ea1ng gi\u1ea5y ph\u00e9p l\u00e1i xe.<br>Theo \u0111\u00f3, Gi\u1ea5y ph\u00e9p l\u00e1i xe m\u00f4 t\u00f4 g\u1ed3m 02 h\u1ea1ng: H\u1ea1ng A v\u00e0 h\u1ea1ng A1.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- CARD 2 -->\r\n\r\n            <div class=\"mucthongtin-item\" onclick=\"toggleThongTin(this)\">\r\n\r\n                <div class=\"mucthongtin-header\">\r\n\r\n                    <div class=\"mucthongtin-left\">\r\n\r\n                        <i class=\"fas fa-motorcycle\"><\/i>\r\n\r\n                        <div>\r\n\r\n                            <span>\u0110\u01b0\u1ee3c ph\u00e9p \u0111i\u1ec1u khi\u1ec3n<\/span>\r\n\r\n                            <strong>\u0110\u1ebfn 125cm\u00b3 \/ 11kW<\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"mucthongtin-toggle\">\r\n\r\n                        <i class=\"fas fa-plus\"><\/i>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"mucthongtin-content\">\r\n\r\n                    H\u1ea1ng A1 c\u1ea5p cho ng\u01b0\u1eddi l\u00e1i xe m\u00f4 t\u00f4 hai b\u00e1nh c\u00f3 dung t\u00edch xi-lanh \u0111\u1ebfn 125 cm3 ho\u1eb7c c\u00f3 c\u00f4ng su\u1ea5t \u0111\u1ed9ng c\u01a1 \u0111i\u1ec7n \u0111\u1ebfn 11 kW.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- CARD 3 -->\r\n\r\n            <div class=\"mucthongtin-item\" onclick=\"toggleThongTin(this)\">\r\n\r\n                <div class=\"mucthongtin-header\">\r\n\r\n                    <div class=\"mucthongtin-left\">\r\n\r\n                        <i class=\"fas fa-clock\"><\/i>\r\n\r\n                        <div>\r\n\r\n                            <span>Th\u1eddi h\u1ea1n s\u1eed d\u1ee5ng<\/span>\r\n\r\n                            <strong>Kh\u00f4ng th\u1eddi h\u1ea1n<\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"mucthongtin-toggle\">\r\n\r\n                        <i class=\"fas fa-plus\"><\/i>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"mucthongtin-content\">\r\n\r\n                    Gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng A1 c\u00f3 gi\u00e1 tr\u1ecb s\u1eed d\u1ee5ng kh\u00f4ng th\u1eddi h\u1ea1n k\u1ec3 t\u1eeb ng\u00e0y \u0111\u01b0\u1ee3c c\u1ea5p.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- CARD 4 -->\r\n\r\n            <div class=\"mucthongtin-item\" onclick=\"toggleThongTin(this)\">\r\n\r\n                <div class=\"mucthongtin-header\">\r\n\r\n                    <div class=\"mucthongtin-left\">\r\n\r\n                        <i class=\"fas fa-user\"><\/i>\r\n\r\n                        <div>\r\n\r\n                            <span>\u0110\u1ed9 tu\u1ed5i \u0111\u0103ng k\u00fd<\/span>\r\n\r\n                            <strong>\u0110\u1ee7 18 tu\u1ed5i<\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"mucthongtin-toggle\">\r\n\r\n                        <i class=\"fas fa-plus\"><\/i>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"mucthongtin-content\">\r\n\r\n                    Ng\u01b0\u1eddi \u0111\u1ee7 18 tu\u1ed5i tr\u1edf l\u00ean \u0111\u01b0\u1ee3c tham gia thi s\u00e1t h\u1ea1ch v\u00e0 \u0111\u01b0\u1ee3c c\u1ea5p gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng A1.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\r\n.mucthongtin{\r\n\r\n    padding:60px 20px;\r\n\r\n}\r\n\r\n\r\n.mucthongtin-box{\r\n\r\n    max-width:1800px;\r\n\r\n    margin:auto;\r\n\r\n    background:#002B8C;\r\n\r\n    border-radius:24px;\r\n\r\n    padding:40px;\r\n\r\n}\r\n\r\n\r\n.mucthongtin-title{\r\n\r\n    text-align:center;\r\n\r\n    margin-bottom:35px;\r\n\r\n    font-family:'Be Vietnam Pro',sans-serif;\r\n\r\n}\r\n\r\n.mucthongtin-title h2{\r\n\r\n    margin:0 0 10px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:36px;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n.mucthongtin-title p{\r\n\r\n    margin:0;\r\n\r\n    color:rgba(255,255,255,.85);\r\n\r\n    font-size:20px;\r\n\r\n}\r\n\r\n\r\n.mucthongtin-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(2,1fr);\r\n\r\n    gap:18px;\r\n\r\n}\r\n\r\n\r\n.mucthongtin-item{\r\n\r\n    background:#fff;\r\n\r\n    border-radius:18px;\r\n\r\n    overflow:hidden;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.3s;\r\n\r\n    border:1px solid transparent;\r\n\r\n}\r\n\r\n.mucthongtin-item:hover{\r\n\r\n    transform:translateY(-4px);\r\n\r\n    box-shadow:\r\n    0 12px 25px rgba(0,0,0,.08);\r\n\r\n}\r\n\r\n.mucthongtin-item.open{\r\n\r\n    border-color:#2563eb;\r\n\r\n}\r\n\r\n\r\n.mucthongtin-header{\r\n\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    align-items:center;\r\n\r\n    padding:18px 20px;\r\n\r\n}\r\n\r\n.mucthongtin-left{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:15px;\r\n\r\n}\r\n\r\n.mucthongtin-left i{\r\n\r\n    width:48px;\r\n\r\n    height:48px;\r\n\r\n    border-radius:12px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    color:#fff;\r\n\r\n    font-size:18px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        135deg,\r\n        #002B8C,\r\n        #2563EB\r\n    );\r\n\r\n    flex-shrink:0;\r\n\r\n}\r\n\r\n\r\n.mucthongtin-left span{\r\n\r\n    display:block;\r\n\r\n    font-family:'Be Vietnam Pro',sans-serif;\r\n\r\n    font-size:20px;\r\n\r\n    color:#475569;\r\n    font-family: 'be vietnam pro';\r\n\r\n}\r\n\r\n.mucthongtin-left strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:4px;\r\n\r\n    font-family:'Be Vietnam Pro',sans-serif;\r\n\r\n    font-size:24px;\r\n\r\n    color:#002B8C;\r\n        font-family: 'be vietnam pro';\r\n\r\n\r\n}\r\n\r\n\r\n.mucthongtin-toggle{\r\n\r\n    width:34px;\r\n\r\n    height:34px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#eef4ff;\r\n\r\n    color:#2563eb;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    transition:.35s;\r\n\r\n    flex-shrink:0;\r\n\r\n}\r\n\r\n\r\n.mucthongtin-content{\r\n\r\n    \r\n    max-height:0;\r\n    font-size:20px;\r\n\r\n    overflow:hidden;\r\n\r\n    padding:0 20px;\r\n\r\n    color:#475569;\r\n\r\n    line-height:1.8;\r\n\r\n    transition:\r\n    max-height .35s ease,\r\n    padding .35s ease;\r\n\r\n}\r\n\r\n.mucthongtin-item.open .mucthongtin-content{\r\n\r\n    max-height:300px;\r\n\r\n    padding:0 20px 20px;\r\n\r\n}\r\n\r\n.mucthongtin-item.open .mucthongtin-toggle{\r\n\r\n    transform:rotate(45deg);\r\n\r\n}\r\n\r\n\r\n@media (max-width:1024px){\r\n\r\n    .mucthongtin{\r\n        padding:30px 12px;\r\n    }\r\n\r\n    .mucthongtin-box{\r\n        padding:20px;\r\n        border-radius:20px;\r\n    }\r\n\r\n    .mucthongtin-title{\r\n        margin-bottom:20px;\r\n    }\r\n\r\n    .mucthongtin-title h2{\r\n        font-size:26px;\r\n        line-height:1.4;\r\n    }\r\n\r\n    .mucthongtin-title p{\r\n        font-size:15px;\r\n        line-height:1.6;\r\n    }\r\n\r\n    .mucthongtin-grid{\r\n        grid-template-columns:1fr;\r\n        gap:10px;\r\n    }\r\n\r\n    .mucthongtin-header{\r\n        padding:12px 14px;\r\n    }\r\n\r\n    .mucthongtin-left{\r\n        gap:10px;\r\n    }\r\n\r\n    .mucthongtin-left i{\r\n        width:38px;\r\n        height:38px;\r\n        border-radius:10px;\r\n        font-size:15px;\r\n    }\r\n\r\n    .mucthongtin-left span{\r\n        font-size:13px;\r\n        line-height:1.3;\r\n    }\r\n\r\n    .mucthongtin-left strong{\r\n        margin-top:2px;\r\n        font-size:16px;\r\n        line-height:1.3;\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{\r\n        padding:0 14px;\r\n        font-size:14px;\r\n        line-height:1.6;\r\n    }\r\n\r\n    .mucthongtin-item.open .mucthongtin-content{\r\n        padding:0 14px 14px;\r\n        max-height:500px;\r\n    }\r\n}\r\n@media (max-width: 767px){\r\n    .mucthongtin-title h2{\r\n        font-size:22px;\r\n    }}\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\nfunction toggleThongTin(card){\r\n\r\n    const cards =\r\n    document.querySelectorAll('.mucthongtin-item');\r\n\r\n    const isOpen =\r\n    card.classList.contains('open');\r\n\r\n    cards.forEach(function(item){\r\n\r\n        item.classList.remove('open');\r\n\r\n    });\r\n\r\n    if(!isOpen){\r\n\r\n        card.classList.add('open');\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<div class=\"elementor-element elementor-element-49b59a7 e-con-full e-flex e-con e-parent\" data-id=\"49b59a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab3082a elementor-widget elementor-widget-html\" data-id=\"ab3082a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-cavet\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.cv-section{\r\n    max-width:1800px;\r\n    margin:auto;\r\n    display:grid;\r\n    grid-template-columns:40% 60%;\r\n    gap:60px;\r\n    align-items:center;\r\n    padding:40px 20px;\r\n}\r\n\r\n.cv-wrap{\r\n    display:flex;\r\n    justify-content:center;\r\n}\r\n\r\n#cv-flip{\r\n    display:none;\r\n}\r\n\r\n.cv-card{\r\n    width:700px;\r\n    max-width:100%;\r\n    height:440px;\r\n    perspective:1200px;\r\n    cursor:pointer;\r\n}\r\n\r\n.cv-inner{\r\n    position:relative;\r\n    width:100%;\r\n    height:100%;\r\n    transition:.8s;\r\n    transform-style:preserve-3d;\r\n}\r\n\r\n#cv-flip:checked + .cv-card .cv-inner{\r\n    transform:rotateY(180deg);\r\n}\r\n\r\n.cv-front,\r\n.cv-back{\r\n    position:absolute;\r\n    inset:0;\r\n    backface-visibility:hidden;\r\n    overflow:hidden;\r\n    box-shadow:0 15px 35px rgba(0,0,0,.12);\r\n}\r\n\r\n.cv-front img,\r\n.cv-back img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n}\r\n\r\n.cv-back{\r\n    transform:rotateY(180deg);\r\n}\r\n\r\n.cv-right h2{\r\n    font-size:42px;\r\n    color:#002B8C;\r\n    margin-bottom:20px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n    font-family:'Be Vietnam Pro';\r\n}\r\n\r\n.cv-desc{\r\n    color:#111;\r\n    font-family:'Be Vietnam Pro';\r\n    line-height:1.3;\r\n    margin-bottom:30px;\r\n    font-size:25px;\r\n}\r\n\r\n.cv-step{\r\n    display:flex;\r\n    gap:10px;\r\n    margin-bottom:8px;\r\n    align-items:flex-start;\r\n}\r\n\r\n.cv-step-text{\r\n    line-height:1.3;\r\n    margin-top:20px;\r\n    color:#374151;\r\n    font-family:'Be Vietnam Pro';\r\n    font-size:25px;\r\n}\r\n\r\n.cv-btn{\r\n    display:inline-block;\r\n    padding:14px 24px;\r\n    border-radius:12px;\r\n    background:linear-gradient(135deg,#002B8C,#2563EB);\r\n    color:white!important;\r\n    text-decoration:none;\r\n    font-weight:700;\r\n    transition:.3s;\r\n}\r\n\r\n.cv-btn:hover{\r\n    transform:translateY(-3px);\r\n}\r\n\r\n\r\n.cv-note{\r\n    margin-top:15px;\r\n    color:#6b7280;\r\n    font-size:14px;\r\n}\r\n\r\n\/* =========================\r\nRESPONSIVE\r\n========================= *\/\r\n@media (max-width:1024px){\r\n    .cv-section{\r\n        grid-template-columns:1fr;\r\n        gap:20px;\r\n        padding:25px 15px;\r\n    }\r\n\r\n    .cv-wrap{\r\n        order:1;\r\n    }\r\n\r\n    .cv-right{\r\n        order:2;\r\n    }\r\n\r\n    .cv-card{\r\n        width:420px;\r\n        max-width:100%;\r\n        height:264px;\r\n    }\r\n\r\n    .cv-right h2{\r\n        font-size:24px;\r\n        margin-bottom:12px;\r\n        line-height:1.4;\r\n    }\r\n\r\n    .cv-desc{\r\n        font-size:15px;\r\n        margin-bottom:16px;\r\n        line-height:1.6;\r\n    }\r\n\r\n    .cv-step{\r\n        margin-bottom:4px;\r\n    }\r\n\r\n    .cv-step-text{\r\n        margin-top:8px;\r\n        font-size:15px;\r\n        line-height:1.5;\r\n    }\r\n\r\n    .cv-btn{\r\n        padding:12px 18px;\r\n        font-size:15px;\r\n    }\r\n\r\n    .cv-note{\r\n        margin-top:10px;\r\n        font-size:13px;\r\n    }\r\n}\r\n\r\n@media (max-width:767px){\r\n    .cv-section{\r\n        gap:18px;\r\n        padding:20px 12px;\r\n    }\r\n\r\n    .cv-card{\r\n        width:300px;\r\n        height:190px;\r\n    }\r\n\r\n    .cv-right h2{\r\n        font-size:22px;\r\n    }\r\n\r\n    .cv-desc,\r\n    .cv-step-text{\r\n        font-size:14px;\r\n    }\r\n\r\n    .cv-btn{\r\n        font-size:14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cv-section\">\r\n    <!-- LEFT -->\r\n    <div class=\"cv-wrap\">\r\n        <input type=\"checkbox\" id=\"cv-flip\">\r\n        <label class=\"cv-card\" for=\"cv-flip\">\r\n            <div class=\"cv-inner\">\r\n                <!-- M\u1eb6T TR\u01af\u1edaC -->\r\n                <div class=\"cv-front\">\r\n                    <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/05\/mattruoc.png\">\r\n                <\/div>\r\n                <!-- M\u1eb6T SAU -->\r\n                <div class=\"cv-back\">\r\n                    <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/05\/Group-24.png\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/label>\r\n    <\/div>\r\n\r\n    <!-- RIGHT -->\r\n    <div class=\"cv-right\">\r\n        <h2>\r\n            H\u01b0\u1edbng d\u1eabn xem dung t\u00edch tr\u00ean Gi\u1ea5y \u0111\u0103ng k\u00fd xe\r\n        <\/h2>\r\n\r\n        <p class=\"cv-desc\">\r\n            \u0110\u1ec3 x\u00e1c \u0111\u1ecbnh lo\u1ea1i gi\u1ea5y ph\u00e9p l\u00e1i xe ph\u00f9 h\u1ee3p, ng\u01b0\u1eddi h\u1ecdc c\u1ea7n ki\u1ec3m tra dung t\u00edch xy lanh ho\u1eb7c c\u00f4ng su\u1ea5t \u0111\u01b0\u1ee3c ghi tr\u00ean gi\u1ea5y \u0111\u0103ng k\u00fd xe (c\u00e0 v\u1eb9t xe).\r\n        <\/p>\r\n\r\n        <div class=\"cv-step\">\r\n            <div class=\"cv-step-text\">\r\n                - Ki\u1ec3m tra th\u00f4ng s\u1ed1 dung t\u00edch xy lanh (cm\u00b3) c\u1ee7a xe.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cv-step\">\r\n            <div class=\"cv-step-text\">\r\n                - N\u1ebfu xe c\u00f3 dung t\u00edch \u0111\u1ebfn 125cm\u00b3 ho\u1eb7c dung t\u00edch \u0111\u1ebfn 11kW th\u00ec ng\u01b0\u1eddi c\u00f3 Gi\u1ea5y ph\u00e9p l\u00e1i xe h\u1ea1ng A1 (c\u1ea5p t\u1eeb 01\/01\/2025) \u0111\u01b0\u1ee3c ph\u00e9p \u0111i\u1ec1u khi\u1ec3n.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <a class=\"cv-btn\" href=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/huong-dan-xem-phan-khoi-xe-gan-may\/\">\r\n            Xem h\u01b0\u1edbng d\u1eabn chi ti\u1ebft \u2192\r\n        <\/a>\r\n\r\n        <div class=\"cv-note\">\r\n            * H\u00ecnh \u1ea3nh ch\u1ec9 mang t\u00ednh ch\u1ea5t minh h\u1ecda.\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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-8b6af34 e-con-full e-flex e-con e-parent\" data-id=\"8b6af34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5df79e3 elementor-widget elementor-widget-html\" data-id=\"5df79e3\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mucluc-chiphi\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.a1-fee-section{max-width:1400px;margin:auto;padding:0}\r\n.a1-fee-header{text-align:center;margin-bottom:30px}\r\n.a1-fee-header h2{font-size:40px;font-weight:800;color:#002B8C;margin-bottom:10px}\r\n.a1-fee-header p{font-size:20px;color:#64748b}\r\n\r\n.a1-fee-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:40px}\r\n.a1-fee-tab-btn{background:#fff;color:#2563eb;border:1px solid #929292;padding:14px 28px;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}\r\n.a1-fee-tab-btn.active{background:#2563eb;color:#fff!important;box-shadow:0 8px 20px rgba(37,99,235,.25)}\r\n.a1-fee-grid-wrapper{display:none}\r\n.a1-fee-grid-wrapper.active{display:block}\r\n\r\n.a1-fee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px}\r\n.a1-fee-card{position:relative;background:#fff;padding:18px;border-radius:18px;text-align:center;border:1px solid #e5e7eb;transition:.35s;box-shadow:0 8px 25px rgba(0,0,0,.05)}\r\n.a1-fee-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(37,99,235,.12)}\r\n\r\n.a1-fee-icon{width:80px;height:80px;margin:auto auto 12px;background:#eef4ff;border-radius:10px;display:flex;align-items:center;justify-content:center}\r\n.a1-fee-icon i{font-size:35px}\r\n.a1-fee-card h3{font-size:28px;color:#111827;margin-bottom:0}\r\n.a1-fee-price{font-size:28px;font-weight:800;color:#0047cc}\r\n.a1-info{position:absolute;top:18px;right:18px;width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}\r\n.a1-tooltip{font-family:'be vietnam pro';position:absolute;right:-10px;top:55px;width:240px;background:#fff;border-radius:16px;padding:16px;text-align:left;color:#374151;line-height:1.7;border:1px solid #dbeafe;box-shadow:0 10px 30px rgba(0,0,0,.12);opacity:0;visibility:hidden;transition:.3s;z-index:50}\r\n.a1-info:hover .a1-tooltip{opacity:1;visibility:visible}\r\n\r\n.a1-total-btn-wrap{text-align:center;margin-top:35px}\r\n.a1-total-btn{background:linear-gradient(135deg,#002B8C,#2563EB);color:#fff!important;border:none;padding:16px 26px;border-radius:14px;font-size:20px;font-weight:700;cursor:pointer;transition:.3s}\r\n.a1-total-btn i{margin-left:10px}\r\n.a1-total-btn:hover{transform:translateY(-3px)}\r\n\r\n.a1-bill-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:.35s;z-index:99999;padding-bottom:80px;padding-left:15px;padding-right:15px;box-sizing:border-box}\r\n.a1-bill{width:100%;max-width:450px;background:#fff;border-radius:20px;padding:20px;transform:translateY(50px);transition:.4s;max-height:85vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.2)}\r\n.a1-bill-overlay.active{opacity:1;visibility:visible}\r\n.a1-bill-overlay.active .a1-bill{transform:translateY(0)}\r\n.a1-bill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}\r\n.a1-bill-header h3{margin:0;font-size:20px;color:#002B8C}\r\n.a1-bill-close{font-size:26px;cursor:pointer}\r\n.a1-bill-body{display:none}\r\n.a1-bill-body.active{display:block}\r\n.bill-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #e5e7eb;font-size:15px}\r\n.bill-total{display:flex;justify-content:flex-end;font-weight:800;font-size:18px;margin-top:15px;padding-top:10px;border-top:2px solid #2563eb;color:#002B8C}\r\n.bill-total-label{font-size:20px;font-weight:800}\r\n\r\n@media (max-width:1024px){\r\n    .a1-fee-section{padding:0 12px}\r\n    .a1-fee-header{margin-bottom:20px}\r\n    .a1-fee-header h2{font-size:24px;line-height:1.4}\r\n    .a1-fee-header p{font-size:15px}\r\n    .a1-fee-tabs{margin-bottom:25px}\r\n    .a1-fee-tab-btn{padding:10px 20px;font-size:14px}\r\n    .a1-fee-grid{grid-template-columns:repeat(3,1fr);gap:10px}\r\n    .a1-fee-card{padding:14px 10px;border-radius:16px}\r\n    .a1-fee-icon{width:56px;height:56px;margin:auto auto 10px}\r\n    .a1-fee-icon i{font-size:24px}\r\n    .a1-fee-card h3{font-size:16px;line-height:1.4}\r\n    .a1-fee-price{font-size:18px}\r\n    .a1-info{width:28px;height:28px;top:12px;right:12px;font-size:13px}\r\n    .a1-tooltip{width:200px;padding:12px;font-size:13px;line-height:1.6}\r\n    .a1-total-btn{padding:12px 20px;font-size:15px}\r\n}\r\n\r\n@media (max-width:767px){\r\n    .a1-fee-header h2{font-size:22px}\r\n    .a1-fee-header p{font-size:14px}\r\n    .a1-fee-tabs{flex-direction:column;gap:8px}\r\n    .a1-fee-tab-btn{width:100%;text-align:center}\r\n    .a1-fee-grid{grid-template-columns:repeat(3,1fr);gap:8px}\r\n    .a1-fee-card{padding:12px 8px}\r\n    .a1-fee-icon{width:46px;height:46px;margin-bottom:8px}\r\n    .a1-fee-icon i{font-size:20px}\r\n    .a1-fee-card h3{font-size:13px;margin-bottom:4px}\r\n    .a1-fee-price{font-size:15px;line-height:1.3}\r\n    .a1-info{width:24px;height:24px;top:8px;right:8px;font-size:12px}\r\n    .a1-total-btn{width:100%;font-size:14px;padding:12px 16px}\r\n}\r\n<\/style>\r\n\r\n<section class=\"a1-fee-section\">\r\n    <div class=\"a1-fee-header\">\r\n        <h2>C\u00c1C KHO\u1ea2N PH\u00cd THAM GIA KH\u00d3A H\u1eccC A1<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"a1-fee-tabs\">\r\n        <button class=\"a1-fee-tab-btn active\" onclick=\"switchTab('normal')\">CH\u01afA C\u00d3 GPLX \u00d4 T\u00d4<\/button>\r\n        <button class=\"a1-fee-tab-btn\" onclick=\"switchTab('oto')\">\u0110\u00c3 C\u00d3 GPLX \u00d4 T\u00d4<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"grid-normal\" class=\"a1-fee-grid-wrapper active\">\r\n        <div class=\"a1-fee-grid\">\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\r\n                <h3>H\u1ecdc ph\u00ed<\/h3>\r\n                <div class=\"a1-fee-price\">200.000\u0111<\/div>\r\n            <\/div>\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-info\">?\r\n                    <div class=\"a1-tooltip\">Thi th\u1eed gi\u00fap h\u1ecdc vi\u00ean l\u00e0m quen c\u00e1ch th\u1ee9c thi tr\u01b0\u1edbc ng\u00e0y s\u00e1t h\u1ea1ch.<\/div>\r\n                <\/div>\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-clipboard-check\"><\/i><\/div>\r\n                <h3>Ph\u00ed thi th\u1eed<\/h3>\r\n                <div class=\"a1-fee-price\">80.000\u0111<\/div>\r\n            <\/div>\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-info\">?\r\n                    <div class=\"a1-tooltip\">Chi ph\u00ed x\u1eed l\u00fd h\u00ecnh in GPLX cho h\u1ecdc vi\u00ean.<\/div>\r\n                <\/div>\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-folder-open\"><\/i><\/div>\r\n                <h3>Chi ph\u00ed kh\u00e1c<\/h3>\r\n                <div class=\"a1-fee-price\">15.000\u0111<\/div>\r\n            <\/div>\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-info\">?\r\n                    <div class=\"a1-tooltip\">Kho\u1ea3n thu h\u1ed9 h\u1ed9i \u0111\u1ed3ng s\u00e1t h\u1ea1ch (Ph\u00f2ng CSGT).<\/div>\r\n                <\/div>\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-file-signature\"><\/i><\/div>\r\n                <h3>L\u1ec7 ph\u00ed thi<\/h3>\r\n                <div class=\"a1-fee-price\">130.000\u0111<\/div>\r\n            <\/div>\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-info\">?\r\n                    <div class=\"a1-tooltip\">C\u0103n c\u1ee9 Th\u00f4ng t\u01b0 s\u1ed1 154\/2025\/TT-BTC<\/div>\r\n                <\/div>\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-id-card\"><\/i><\/div>\r\n                <h3>Ph\u00ed c\u1ea5p GPLX<\/h3>\r\n                <div class=\"a1-fee-price\">115.000\u0111<\/div>\r\n            <\/div>\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-info\">?\r\n                    <div class=\"a1-tooltip\">T\u00e0i li\u1ec7u h\u1ecdc t\u1eadp<br>H\u1ecdc vi\u00ean mua theo nhu c\u1ea7u<\/div>\r\n                <\/div>\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-book-open\"><\/i><\/div>\r\n                <h3>T\u00e0i li\u1ec7u<\/h3>\r\n                <div class=\"a1-fee-price\">50.000\u0111<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"grid-oto\" class=\"a1-fee-grid-wrapper\">\r\n        <div class=\"a1-fee-grid\">\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\r\n                <h3>H\u1ecdc ph\u00ed<\/h3>\r\n                <div class=\"a1-fee-price\">30.000\u0111<\/div>\r\n            <\/div>\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-info\">?\r\n                    <div class=\"a1-tooltip\">T\u1eadp xe c\u1ea3m bi\u1ebfn, gi\u00fap h\u1ecdc vi\u00ean l\u00e0m quen c\u00e1ch th\u1ee9c thi tr\u01b0\u1edbc ng\u00e0y s\u00e1t h\u1ea1ch.<\/div>\r\n                <\/div>\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-clipboard-check\"><\/i><\/div>\r\n                <h3>Ph\u00ed thi th\u1eed<\/h3>\r\n                <div class=\"a1-fee-price\">40.000\u0111<\/div>\r\n            <\/div>\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-info\">?\r\n                    <div class=\"a1-tooltip\">Chi ph\u00ed x\u1eed l\u00fd h\u00ecnh GPLX cho h\u1ecdc vi\u00ean.<\/div>\r\n                <\/div>\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-folder-open\"><\/i><\/div>\r\n                <h3>Chi ph\u00ed kh\u00e1c<\/h3>\r\n                <div class=\"a1-fee-price\">15.000\u0111<\/div>\r\n            <\/div>\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-info\">?\r\n                    <div class=\"a1-tooltip\">Kho\u1ea3n thu h\u1ed9 H\u1ed9i \u0111\u1ed3ng s\u00e1t h\u1ea1ch (Ph\u00f2ng CSGT).<\/div>\r\n                <\/div>\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-file-signature\"><\/i><\/div>\r\n                <h3>L\u1ec7 ph\u00ed thi<\/h3>\r\n                <div class=\"a1-fee-price\">70.000\u0111<\/div>\r\n            <\/div>\r\n            <div class=\"a1-fee-card\">\r\n                <div class=\"a1-info\">?\r\n                    <div class=\"a1-tooltip\">C\u0103n c\u1ee9 Th\u00f4ng t\u01b0 s\u1ed1 154\/2025\/TT-BTC.<\/div>\r\n                <\/div>\r\n                <div class=\"a1-fee-icon\"><i class=\"fas fa-id-card\"><\/i><\/div>\r\n                <h3>Ph\u00ed c\u1ea5p GPLX<\/h3>\r\n                <div class=\"a1-fee-price\">115.000\u0111<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"a1-total-btn-wrap\">\r\n        <button class=\"a1-total-btn\" onclick=\"openBill()\">\r\n            Xem t\u1ed5ng chi ph\u00ed d\u1ef1 ki\u1ebfn\r\n            <i class=\"fas fa-receipt\"><\/i>\r\n        <\/button>\r\n    <\/div>\r\n<\/section>\r\n\r\n<div class=\"a1-bill-overlay\" id=\"billOverlay\" onclick=\"closeBill(event)\">\r\n    <div class=\"a1-bill\" onclick=\"event.stopPropagation()\">\r\n        <div class=\"a1-bill-header\">\r\n            <h3>T\u1ed4NG CHI PH\u00cd D\u1ef0 KI\u1ebeN<\/h3>\r\n            <span class=\"a1-bill-close\" onclick=\"closeBill()\">\u00d7<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"a1-bill-body active\" id=\"bill-normal\">\r\n            <div class=\"bill-row\"><span>H\u1ecdc ph\u00ed<\/span><span>200.000\u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>Ph\u00ed thi th\u1eed<\/span><span>80.000\u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>Chi ph\u00ed kh\u00e1c<\/span><span>15.000\u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>L\u1ec7 ph\u00ed thi<\/span><span>130.000\u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>Ph\u00ed c\u1ea5p GPLX<\/span><span>115.000\u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>T\u00e0i li\u1ec7u<\/span><span>50.000\u0111<\/span><\/div>\r\n            <div class=\"bill-total\">\r\n                <span class=\"bill-total-label\">540.000\u0111 - 590.000\u0111<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"a1-bill-body\" id=\"bill-oto\">\r\n            <div class=\"bill-row\"><span>H\u1ecdc ph\u00ed<\/span><span>30.000\u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>Ph\u00ed thi th\u1eed<\/span><span>40.000\u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>Chi ph\u00ed kh\u00e1c (X\u1eed l\u00fd h\u00ecnh)<\/span><span>15.000\u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>L\u1ec7 ph\u00ed thi (Th\u1ef1c h\u00e0nh)<\/span><span>70.000\u0111<\/span><\/div>\r\n            <div class=\"bill-row\"><span>Ph\u00ed c\u1ea5p GPLX<\/span><span>115.000\u0111<\/span><\/div>\r\n            <div class=\"bill-total\">\r\n                <span class=\"bill-total-label\">270.000\u0111<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction switchTab(type) {\r\n    const buttons = document.querySelectorAll('.a1-fee-tab-btn');\r\n    buttons.forEach(btn => btn.classList.remove('active'));\r\n    if(type === 'normal') {\r\n        buttons[0].classList.add('active');\r\n    } else {\r\n        buttons[1].classList.add('active');\r\n    }\r\n\r\n    document.getElementById('grid-normal').classList.toggle('active', type === 'normal');\r\n    document.getElementById('grid-oto').classList.toggle('active', type === 'oto');\r\n\r\n    document.getElementById('bill-normal').classList.toggle('active', type === 'normal');\r\n    document.getElementById('bill-oto').classList.toggle('active', type === 'oto');\r\n}\r\n\r\nfunction openBill(){\r\n    document.getElementById(\"billOverlay\").classList.add(\"active\");\r\n}\r\n\r\nfunction closeBill(e){\r\n    document.getElementById(\"billOverlay\").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-927e7c1 elementor-widget elementor-widget-html\" data-id=\"927e7c1\" 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: 4;\">\r\n                    <div class=\"hs-page-label\">1. \u0110\u01a1n \u0111\u0103ng k\u00fd<\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/07\/Maudon-SH.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\">2. 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-FR.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 (Photo)<\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-content\/uploads\/2026\/07\/cccd.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-ddded64 elementor-widget elementor-widget-html\" data-id=\"ddded64\" 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 - S\u00c1T H\u1ea0CH<\/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 v\u00e0 ch\u1edd th\u00f4ng b\u00e1o l\u1ecbch h\u1ecdc<\/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>\u00d4n t\u1eadp lu\u1eadt giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9, bi\u1ec3n b\u00e1o v\u00e0 b\u1ed9 \u0111\u1ec1 s\u00e1t h\u1ea1ch<\/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>Th\u1ef1c H\u00e0nh<\/h3>\r\n                <p>T\u1eadp xe c\u1ea3m bi\u1ebfn v\u00e0 th\u1ef1c h\u00e0nh tr\u00ean m\u00e1y t\u00ednh \u0111\u1ec3 n\u1eafm r\u00f5 c\u00e1ch th\u1ee9c thi s\u00e1t h\u1ea1ch<\/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>S\u00e1t H\u1ea1ch<\/h3>\r\n                <p>Tham gia thi s\u00e1t h\u1ea1ch theo danh s\u00e1ch \u0111\u00e3 \u0111\u01b0\u1ee3c c\u00f4ng b\u1ed1<\/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    font-family: system-ui, -apple-system, sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.process-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 60px auto;\r\n}\r\n\r\n.process-header h2 {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    color: #002b8c;\r\n    margin: 0;\r\n    font-family: 'be vietnam pro';\r\n}\r\n\r\n.process-timeline {\r\n    max-width: 1800px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    \r\n  \r\n    gap: 80px;\r\n    \r\n    position: relative;\r\n    box-sizing: border-box;\r\n}\r\n.progress-line {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    left: 5%;\r\n    width: 90%;\r\n    height: 4px;\r\n    background: #e2e8f0;\r\n    z-index: 1;\r\n    overflow: hidden;\r\n    border-radius: 2px;\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 ease-in-out;\r\n}\r\n\r\n@keyframes neonPulse {\r\n    0% { left: -40%; }\r\n    100% { left: 110%; } \r\n}\r\n\r\n.process-step {\r\n    position: relative;\r\n    z-index: 2;\r\n    background: #ffffff;\r\n    padding: 45px 24px;\r\n    border-radius: 20px;\r\n    box-shadow:\r\n    0 15px 35px rgba(0,0,0,.08);    text-align: center;\r\n    \r\n    width: 290px; \r\n    min-height: 300px; \r\n    box-sizing: border-box; \r\n    \r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    \r\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), \r\n                box-shadow 0.4s ease, \r\n                border-color 0.4s ease;\r\n    border: 2px solid transparent; \r\n}\r\n\r\n.process-step:hover {\r\n    transform: translateY(-12px);\r\n    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15); \r\n    border-color: #2563eb; \r\n}\r\n\r\n.process-step:nth-child(2) { animation-delay: 0.1s; }\r\n.process-step:nth-child(3) { animation-delay: 0.2s; }\r\n.process-step:nth-child(4) { animation-delay: 0.3s; }\r\n.process-step:nth-child(5) { animation-delay: 0.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    background: transparent;\r\n}\r\n\r\n.card-chua-step {\r\n    position: relative;\r\n    padding-top: 60px; \r\n}\r\n\r\n.step-number {\r\n    position: absolute;\r\n    top: 15px;         \r\n    left: 50%;         \r\n    transform: translateX(-50%); \r\n    \r\n    display: inline-block;\r\n    color: #fff;\r\n    font-weight: 700;\r\n    font-size: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    background: #002b8c;\r\n    border-radius: 50px;\r\n    padding: 3px 22px;\r\n    \r\n    transition: transform 0.3s ease; \r\n}\r\n\r\n.process-step:hover .step-number {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.step-content h3 {\r\n    margin: 0 0 12px 0;\r\n    color: #002b8c;\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    font-family: 'be vietnam pro';\r\n}\r\n\r\n.step-content p {\r\n    color: #64748b;\r\n    line-height: 1.3;\r\n    font-size: 20px;\r\n    margin: 0;\r\n}\r\n\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: 230px; \r\n        padding: 10px 16px;\r\n    }\r\n\r\n    .process-header h2 { font-size: 26px; }\r\n    .step-content h3 { font-size: 24px; margin: 10px 10px 0 10px; }\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 class=\"elementor-element elementor-element-f245c3b elementor-widget elementor-widget-html\" data-id=\"f245c3b\" 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 id=\"mucluc-thongtin\" class=\"exam-structure-section\">\r\n    \r\n    <div class=\"exam-section-header\">\r\n        <span class=\"exam-badge\">H\u1ea0NG A1<\/span>\r\n        <h2 class=\"exam-title\">C\u1ea5u tr\u00fac \u0111\u1ec1 thi 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-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>250 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\">\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>25 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\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>21\/25 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>19 Ph\u00fat<\/h3>\r\n                <p>Th\u1eddi gian l\u00e0m b\u00e0i thi l\u00fd thuy\u1ebft<\/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 \u0110\u1eb6C BI\u1ec6T (C\u00c2U \u0110I\u1ec2M LI\u1ec6T):<\/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\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 A1 s\u1ebd thay \u0111\u1ed5i nh\u01b0 sau:<\/p>\r\n            \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>40 C\u00e2u h\u1ecfi<\/h4>\r\n                        <p>S\u1ed1 l\u01b0\u1ee3ng c\u00e2u h\u1ecfi trong m\u1ed7i \u0111\u1ec1 thi<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \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>27 Ph\u00fat<\/h4>\r\n                        <p>Th\u1eddi gian l\u00e0m b\u00e0i thi l\u00fd thuy\u1ebft<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\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>Y\u00eau c\u1ea7u \u0111\u1ea1t: 36\/40 c\u00e2u<\/h4>\r\n                        <p>S\u1ed1 c\u00e2u tr\u1ea3 l\u1eddi \u0111\u00fang t\u1ed1i thi\u1ec3u \u0111\u1ec3 \u0111\u1ea1t<\/p>\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 t\u1eeb ng\u00e0y 1\/3\/2027 tr\u1edf \u0111i vui l\u00f2ng l\u01b0u \u00fd m\u1ed1c th\u1eddi gian n\u00e0y \u0111\u1ec3 ch\u1ee7 \u0111\u1ed9ng \u00f4n t\u1eadp chu\u1ea9n x\u00e1c.<\/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: 100%;\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: 40px;\r\n    font-family: tahoma;\r\n}\r\n.exam-badge {\r\n    background-color: #ffcc00;\r\n    color: #071a42;\r\n    font-weight: 800;\r\n    font-size: 13px;\r\n    padding: 4px 12px;\r\n    border-radius: 4px;\r\n    letter-spacing: 1px;\r\n    display: inline-block;\r\n    margin-bottom: 10px;\r\n}\r\n.exam-title {\r\n    font-size: 40px;\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-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: 24px 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    box-shadow: 0 10px 30px rgba(7, 26, 66, 0.05);\r\n    border: 1px solid rgba(7, 26, 66, 0.06);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.exam-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 35px rgba(7, 26, 66, 0.1);\r\n}\r\n\r\n.exam-card-icon {\r\n    width: 54px;\r\n    height: 54px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\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 4px 0;\r\n    font-size: 24px;\r\n    color: #071a42;\r\n    font-weight: 700;\r\n    font-family: sans-serif;\r\n}\r\n.exam-card-content p {\r\n    margin: 0;\r\n    font-size: 13px;\r\n    color: #555555;\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: 20px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    box-shadow: 0 4px 15px rgba(231, 76, 60, 0.05);\r\n}\r\n.warning-icon {\r\n    color: #e74c3c;\r\n    font-size: 24px;\r\n    animation: pulseWarning 2s infinite;\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.warning-text strong {\r\n    color: #e74c3c;\r\n}\r\n\r\n@keyframes pulseWarning {\r\n    0% { transform: scale(1); }\r\n    50% { transform: scale(1.1); }\r\n    100% { transform: scale(1); }\r\n}\r\n\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: 10px 20px;\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!important;\r\n    border-style: solid;\r\n    transform: translateY(-2px);\r\n}\r\n\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: 480px;\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: 16px;\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-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n}\r\n.modal-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    background: #f8fafc;\r\n    padding: 14px 16px;\r\n    border-radius: 10px;\r\n    border: 1px solid #edf2f7;\r\n}\r\n.modal-icon {\r\n    width: 44px;\r\n    height: 44px;\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: 18px;\r\n    flex-shrink: 0;\r\n}\r\n.modal-info h4 {\r\n    margin: 0 0 2px 0;\r\n    font-size: 16px;\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    margin-top: 20px;\r\n    background: #fffaf0;\r\n    border: 1px dashed #feebc8;\r\n    padding: 12px;\r\n    border-radius: 8px;\r\n    font-size: 12px;\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@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    .exam-card-content h3 {font-size:18px;}\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .exam-structure-section {\r\n        margin: 25px auto;\r\n        padding: 15px;\r\n    }\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-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 12px;\r\n    }\r\n    .exam-card {\r\n        padding: 16px;\r\n    }\r\n    .exam-card-content h3 {\r\n        font-size: 18px;\r\n    }\r\n    .exam-warning-box {\r\n        flex-direction: column; \r\n        gap: 10px;\r\n        padding: 16px;\r\n    }\r\n    .warning-icon {\r\n        font-size: 18px;\r\n    }\r\n    .warning-text {\r\n        font-size: 13px;\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}\r\n<\/style>\r\n\r\n<script>\r\nfunction openFutureModal() {\r\n    document.getElementById(\"futureModal\").classList.add(\"active\");\r\n}\r\n\r\nfunction closeFutureModal(e) {\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>\n\t\t<div class=\"elementor-element elementor-element-0012d29 e-con-full e-flex e-con e-parent\" data-id=\"0012d29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caf0f02 elementor-widget elementor-widget-html\" data-id=\"caf0f02\" 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: 100%;\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.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\r\n@media (max-width: 992px) {\r\n    .doc-link-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 15px;\r\n    }\r\n    .doc-title {\r\n        font-size: 24px!important;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\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>\n\t\t<div class=\"elementor-element elementor-element-ffd2361 e-con-full e-flex e-con e-parent\" data-id=\"ffd2361\" data-element_type=\"container\" data-e-type=\"container\" id=\"mucluc-ltx\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40184d4 elementor-widget elementor-widget-html\" data-id=\"40184d4\" 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(7, 26, 66, 0.04);\r\n    background: #2713A9;\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-6f418ef e-flex e-con-boxed e-con e-parent\" data-id=\"6f418ef\" 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-74fae4c e-con-full e-flex e-con e-child\" data-id=\"74fae4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cad4c1b e-con-full e-flex e-con e-child\" data-id=\"cad4c1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a94e7a elementor-widget elementor-widget-html\" data-id=\"0a94e7a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"dangkyngay\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"\r\nmax-width:520px;\r\nmargin:auto;\r\nbackground:#fff7bf;\r\npadding:32px;\r\nborder-radius:24px;\r\nbox-shadow:0 6px 18px rgba(0,0,0,0.15);\r\nfont-family:Tahoma,sans-serif;\r\nbox-sizing:border-box;\r\n\">\r\n\r\n    <!-- Ti\u00eau \u0111\u1ec1 -->\r\n    <h2 style=\"\r\n    text-align:center;\r\n    color:#002b8c;\r\n    margin:0 0 10px;\r\n    font-size:34px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n    \">\r\n    \u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n\r\n    <\/h2>\r\n\r\n    <!-- M\u00f4 t\u1ea3 -->\r\n    <p style=\"\r\n    text-align:center;\r\n    color:#333333;\r\n    margin:0 0 28px;\r\n    font-size:16px;\r\n    line-height:1.6;\r\n    \">\r\n    Vui l\u00f2ng \u0111\u1ec3 l\u1ea1i th\u00f4ng tin \u0111\u1ec3 ch\u00fang t\u00f4i t\u01b0 v\u1ea5n cho b\u1ea1n!\r\n    <\/p>\r\n\r\n    <!-- FORM -->\r\n    <form id=\"consultForm\">\r\n\r\n        <!-- H\u1ecd t\u00ean -->\r\n        <input type=\"text\" name=\"name\" placeholder=\"H\u1ecd v\u00e0 t\u00ean\" required\r\n        style=\"\r\n        width:100%;\r\n        padding:16px 18px;\r\n        border-radius:14px;\r\n        border:1px solid #d9d9d9;\r\n        margin-bottom:16px;\r\n        font-size:16px;\r\n        font-family:Tahoma,sans-serif;\r\n        box-sizing:border-box;\r\n        outline:none;\r\n        \">\r\n\r\n        <!-- S\u1ed1 \u0111i\u1ec7n tho\u1ea1i -->\r\n        <input type=\"text\" name=\"phone\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" required style=\"\r\n        width:100%;\r\n        padding:16px 18px;\r\n        border-radius:14px;\r\n        border:1px solid #d9d9d9;\r\n        margin-bottom:16px;\r\n        font-size:16px;\r\n        font-family:Tahoma,sans-serif;\r\n        box-sizing:border-box;\r\n        outline:none;\r\n        \">\r\n\r\n        <!-- H\u1ea1ng xe -->\r\n        <input type=\"text\" name=\"course\" placeholder=\"H\u1ea1ng xe mu\u1ed1n h\u1ecdc\" required style=\"\r\n        width:100%;\r\n        padding:16px 18px;\r\n        border-radius:14px;\r\n        border:1px solid #d9d9d9;\r\n        margin-bottom:22px;\r\n        font-size:16px;\r\n        font-family:Tahoma,sans-serif;\r\n        box-sizing:border-box;\r\n        outline:none;\r\n        \">\r\n\r\n        <style>\r\n        .tuvan-option input{\r\n            display:none;\r\n        }\r\n\r\n        .tuvan-option span{\r\n            display:flex;\r\n            align-items:center;\r\n            justify-content:center;\r\n            gap:8px;\r\n            padding:14px;\r\n            border-radius:14px;\r\n            background:#ffffff;\r\n            color:#F4A460;\r\n            font-weight:700;\r\n            font-size:15px;\r\n            cursor:pointer;\r\n            transition:0.3s;\r\n            box-shadow:0 2px 6px rgba(0,0,0,0.08);\r\n            font-family:Tahoma,sans-serif;\r\n        }\r\n\r\n        .tuvan-option input:checked + span{\r\n            background:#F4A460;\r\n            color:#ffffff;\r\n        }\r\n        <\/style>\r\n\r\n        <!-- Ch\u1ecdn h\u00ecnh th\u1ee9c t\u01b0 v\u1ea5n -->\r\n        <div style=\"\r\n        display:flex;\r\n        gap:12px;\r\n        margin-bottom:24px;\r\n        \">\r\n\r\n            <label class=\"tuvan-option\" style=\"flex:1;\">\r\n\r\n                <input type=\"radio\" name=\"consult\" value=\"\u0110i\u1ec7n tho\u1ea1i\" checked>\r\n\r\n                <span>\r\n                    T\u01b0 v\u1ea5n qua \u0111i\u1ec7n tho\u1ea1i\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n            <label class=\"tuvan-option\" style=\"flex:1;\">\r\n\r\n                <input type=\"radio\" name=\"consult\" value=\"Zalo\">\r\n\r\n                <span>\r\n                T\u01b0 v\u1ea5n qua Zalo\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n        <\/div>\r\n\r\n        <button type=\"submit\" style=\"\r\n        width:100%;\r\n        padding:17px;\r\n        border:none;\r\n        border-radius:14px;\r\n        background:#002b8c;\r\n        color:#ffffff;\r\n        font-size:18px;\r\n        font-weight:800;\r\n        font-family:Secondary !important;\r\n        cursor:pointer;\r\n        box-shadow:0 4px 10px rgba(59,130,246,0.35);\r\n        transition:0.3s;\r\n        \">\r\n        G\u1eecI TH\u00d4NG TIN\r\n        <\/button>\r\n\r\n    <\/form>\r\n\r\n    <p id=\"message\" style=\"\r\n    text-align:center;\r\n    margin-top:16px;\r\n    font-weight:700;\r\n    font-family:Tahoma,sans-serif;\r\n    \"><\/p>\r\n\r\n<\/div>\r\n<style>\r\n@media screen and (min-width: 481px) and (max-width: 1024px) {\r\n    div[style*=\"max-width:520px\"] {\r\n        padding: 24px !important; \r\n        border-radius: 20px !important;\r\n    }\r\n    div[style*=\"max-width:520px\"] h2 {\r\n        font-size: 28px !important; \r\n    }\r\n    #consultForm input[type=\"text\"] {\r\n        padding: 14px 14px !important;\r\n        font-size: 15px !important;\r\n    }\r\n    .tuvan-option span {\r\n        padding: 12px 2px !important;\r\n        font-size: 12px !important; \r\n        letter-spacing: -0.4px !important; \r\n        white-space: nowrap !important;  \r\n        text-align: center;\r\n    }\r\n    #consultForm button[type=\"submit\"] {\r\n        padding: 15px !important;\r\n        font-size: 16px !important;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n    div[style*=\"max-width:520px\"] {\r\n        padding: 20px 16px !important;\r\n        border-radius: 16px !important;\r\n    }\r\n\r\n    div[style*=\"max-width:520px\"] h2 {\r\n        font-size: 24px !important;\r\n        margin-bottom: 6px !important;\r\n    }\r\n    \r\n    div[style*=\"max-width:520px\"] p {\r\n        margin-bottom: 20px !important;\r\n        font-size: 13px !important;\r\n    }\r\n\r\n    #consultForm input[type=\"text\"] {\r\n        padding: 13px 12px !important;\r\n        font-size: 14px !important; \r\n        margin-bottom: 10px !important;\r\n    }\r\n    \r\n    #consultForm input[name=\"course\"] {\r\n        margin-bottom: 14px !important;\r\n    }\r\n\r\n    div[style*=\"display:flex;\"] {\r\n        flex-direction: row !important;\r\n        gap: 8px !important;\r\n        margin-bottom: 18px !important;   \r\n    }\r\n    \r\n    .tuvan-option span {\r\n        padding: 12px 2px !important;\r\n        font-size: 11px !important; \r\n        letter-spacing: -0.4px !important; \r\n        white-space: nowrap !important;  \r\n        text-align: center;\r\n    }\r\n\r\n    #consultForm button[type=\"submit\"] {\r\n        padding: 14px !important;\r\n        font-size: 15px !important; \r\n    }\r\n}\r\n<\/style>\r\n<script>\r\n\r\nconst scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxbTj48oIv6fL4ypvTiCKoHYNeXaKXVeRvN9SgB9T_0CUVi6tx4kbPchoqUUc3tWShF0w\/exec';\r\n\r\nconst form = document.getElementById('consultForm');\r\n\r\nconst message = document.getElementById('message');\r\n\r\nform.addEventListener('submit', e => {\r\n\r\n    e.preventDefault();\r\n\r\n    const formData = new FormData(form);\r\n\r\n    const data = {\r\n        name: formData.get('name'),\r\n        phone: formData.get('phone'),\r\n        course: formData.get('course'),\r\n        consult: formData.get('consult')\r\n    };\r\n\r\n    fetch(scriptURL, {\r\n        method: 'POST',\r\n        body: JSON.stringify(data)\r\n    })\r\n\r\n    .then(response => response.json())\r\n\r\n    .then(data => {\r\n\r\n        message.innerHTML = '\u2705 G\u1eedi th\u00f4ng tin th\u00e0nh c\u00f4ng!';\r\n        message.style.color = '#16a34a';\r\n\r\n        form.reset();\r\n\r\n    })\r\n\r\n    .catch(error => {\r\n\r\n        message.innerHTML = '\u274c C\u00f3 l\u1ed7i x\u1ea3y ra!';\r\n        message.style.color = '#dc2626';\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49280a1 e-con-full e-flex e-con e-child\" data-id=\"49280a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a98cee4 elementor-widget elementor-widget-html\" data-id=\"a98cee4\" 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-76b1d17 e-con-full e-flex e-con e-child\" data-id=\"76b1d17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-475d5d7 elementor-widget elementor-widget-html\" data-id=\"475d5d7\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5055563 e-con-full e-flex e-con e-parent\" data-id=\"5055563\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05f27fe elementor-widget elementor-widget-html\" data-id=\"05f27fe\" 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-moto\">\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 m\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<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-cavet\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-motorcycle\"><\/i><\/span>\r\n        <span class=\"label\">Xem dung t\u00edch<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-chiphi\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-coins\"><\/i><\/span>\r\n        <span class=\"label\">C\u00e1c kho\u1ea3n 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 v\u00e0 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<\/span>\r\n    <\/a>\r\n    <a href=\"#mucluc-ltx\">\r\n        <span class=\"icon\"><i class=\"fa-solid fa-house-signal\"><\/i><\/span>\r\n        <span class=\"label\">H\u1ecdc online<\/span>\r\n    <\/a>\r\n    <a href=\"#dangkyngay\">\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<\/div>\r\n\r\n<style>\r\n[id] {\r\n    scroll-margin-top: 90px;\r\n}\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\n.floating-toc {\r\n    position: fixed;\r\n    right: 15px; \r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    z-index: 99999;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px; \r\n}\r\n\r\n.mobile-toc-toggle {\r\n    display: none;\r\n}\r\n\r\n.floating-toc a {\r\n    display: flex;\r\n    align-items: center;\r\n    width: 44px; \r\n    height: 44px; \r\n    overflow: hidden;\r\n    text-decoration: none;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border-radius: 999px;\r\n    box-shadow: 0 6px 18px rgba(0,0,0,0.1);\r\n    transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s ease, background 0.2s;\r\n    color: #071a42;\r\n}\r\n\r\n.floating-toc:hover a {\r\n    width: 230px; \r\n}\r\n\r\n.floating-toc .icon {\r\n    width: 44px; \r\n    min-width: 44px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 16px; \r\n}\r\n\r\n.floating-toc .label {\r\n    opacity: 0;\r\n    max-width: 0;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    font-family: \"Be Vietnam Pro\", sans-serif;\r\n    font-size: 13px; \r\n    font-weight: 700;\r\n    transition: opacity 0.15s ease, max-width 0.25s ease;\r\n    padding-right: 15px;\r\n}\r\n\r\n.floating-toc:hover .label {\r\n    opacity: 1;\r\n    max-width: 170px;\r\n}\r\n\r\n.floating-toc a:hover {\r\n    transform: translateX(-4px);\r\n    background: #ffffff;\r\n    color: #123a7a;\r\n}\r\n\r\n\/* TR\u1ea0NG TH\u00c1I ACTIVE *\/\r\n.floating-toc a.active {\r\n    background: linear-gradient(135deg, #071a42, #123a7a);\r\n    color: white !important;\r\n}\r\n.floating-toc a.active .label {\r\n    color: white !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .mobile-toc-toggle {\r\n        display: flex;\r\n        position: fixed;\r\n        bottom: 25px;\r\n        right: 20px;\r\n        width: 52px;\r\n        height: 52px;\r\n        background: linear-gradient(135deg, #071a42, #123a7a);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 50%;\r\n        font-size: 20px;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 4px 18px rgba(7, 26, 66, 0.4);\r\n        z-index: 100000;\r\n        cursor: pointer;\r\n        transition: transform 0.2s ease;\r\n    }\r\n    \r\n    .mobile-toc-toggle:active {\r\n        transform: scale(0.9);\r\n    }\r\n\r\n    .floating-toc {\r\n        right: -280px;\r\n        top: auto;\r\n        bottom: 90px;\r\n        transform: none;\r\n        background: rgba(255, 255, 255, 0.98);\r\n        padding: 15px 12px;\r\n        border-radius: 16px 0 0 16px;\r\n        box-shadow: -8px 8px 30px rgba(0, 0, 0, 0.15);\r\n        max-height: 60vh;\r\n        overflow-y: auto;\r\n        width: 240px;\r\n        transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        border: 1px solid rgba(7, 26, 66, 0.08);\r\n        gap: 8px; \r\n    }\r\n\r\n    .floating-toc.mobile-open {\r\n        right: 0;\r\n    }\r\n\r\n    .floating-toc a, .floating-toc:hover a {\r\n        width: 100% !important;\r\n        height: 44px;\r\n        background: transparent;\r\n        box-shadow: none;\r\n        transform: none !important;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .floating-toc .icon {\r\n        width: 36px;\r\n        min-width: 36px;\r\n    }\r\n\r\n    .floating-toc .label, .floating-toc:hover .label {\r\n        opacity: 1;\r\n        max-width: 100%;\r\n        font-size: 13px;\r\n        padding-right: 0;\r\n    }\r\n    \r\n    .floating-toc a:hover {\r\n        background: rgba(7, 26, 66, 0.05);\r\n        color: #123a7a;\r\n    }\r\n    \r\n    .floating-toc a.active {\r\n        background: linear-gradient(135deg, #071a42, #123a7a);\r\n        color: white !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction toggleMobileToc() {\r\n    const toc = document.getElementById('floatingToc');\r\n    toc.classList.toggle('mobile-open');\r\n}\r\n\r\ndocument.querySelectorAll('.floating-toc a').forEach(link => {\r\n    link.addEventListener('click', () => {\r\n        if (window.innerWidth <= 768) {\r\n            document.getElementById('floatingToc').classList.remove('mobile-open');\r\n        }\r\n    });\r\n});\r\n\r\ndocument.addEventListener('click', (e) => {\r\n    const toc = document.getElementById('floatingToc');\r\n    const toggleBtn = document.querySelector('.mobile-toc-toggle');\r\n    if (window.innerWidth <= 768 && toc.classList.contains('mobile-open')) {\r\n        if (!toc.contains(e.target) && !toggleBtn.contains(e.target)) {\r\n            toc.classList.remove('mobile-open');\r\n        }\r\n    }\r\n});\r\n\r\nwindow.addEventListener('scroll', () => {\r\n    const links = document.querySelectorAll('.floating-toc a');\r\n    let activeLink = null;\r\n    \r\n    if (window.scrollY < 100) {\r\n        activeLink = links[0];\r\n    } else {\r\n        links.forEach(link => {\r\n            const section = document.querySelector(link.hash);\r\n            if (section) {\r\n                const rect = section.getBoundingClientRect();\r\n                if (rect.top <= 130) {\r\n                    activeLink = link;\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    links.forEach(link => {\r\n        if (link === activeLink) {\r\n            link.classList.add('active');\r\n        } else {\r\n            link.classList.remove('active');\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KHOA GIAO TH\u00d4NG V\u1eacN T\u1ea2I \u0110\u00c0O T\u1ea0O &#8211; S\u00c1T H\u1ea0CH L\u00c1I XE M\u00d4 T\u00d4 H\u1ea0NG A1 Khai gi\u1ea3ng li\u00ean t\u1ee5c &#8211; Gi\u00e1o vi\u00ean gi\u00e0u kinh nghi\u1ec7m 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 n\u1ed9i dung b\u1ea1n mu\u1ed1n t\u00f3m t\u1eaft nhanh N\u1ed9i dung [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"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-2238","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/pages\/2238","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=2238"}],"version-history":[{"count":409,"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/pages\/2238\/revisions"}],"predecessor-version":[{"id":3848,"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/pages\/2238\/revisions\/3848"}],"wp:attachment":[{"href":"https:\/\/kgtvt.vlvc.edu.vn\/kgtvt\/wp-json\/wp\/v2\/media?parent=2238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}