@font-face{font-family:Roboto_Condensed-Regular;src:url(/template/web/assets/fonts/Roboto_Condensed-Regular.ttf)format("truetype")}.clamp-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:4.2em;line-height:1.4;display:-webkit-box;overflow:hidden}.footer-new img{object-fit:cover;height:50px}.footer-new h5{font-size:14px}.h1-option{color:#164676;font-size:32px}.vcontent{color:#000}.vcontent p{color:#000}.vcontent figure{text-align:center;margin:5px auto}.vcontent figure img{width:100%;max-width:600px}.vcontent h2{color:#222;margin:1.2em 0 .6em;font-size:1.8em;font-weight:600}.vcontent h3{color:#333;margin:1em 0 .5em;font-size:1.4em;font-weight:600}.vcontent p{margin:.8em 0}.vcontent a{color:#007bff;text-decoration:none;transition:all .2s}.vcontent a:hover{color:#0056b3;text-decoration:underline}.vcontent ul{margin:.8em 0 .8em 1.5em}.vcontent ul li{margin:.4em 0}.vcontent ol{margin:.8em 0 .8em 1.5em}.vcontent ol li{margin:.4em 0}.vcontent strong{font-weight:600}.vcontent em{font-style:italic}.vcontent img{border-radius:5px;max-width:100%;height:auto;margin:1em auto;display:block}.vcontent blockquote{color:#666;background-color:#f9f9f9;border-left:4px solid #ccc;margin:1em 0;padding-left:15px;font-style:italic}.vcontent table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.95em}.vcontent table th{text-align:left;border:1px solid #ddd;padding:8px 12px}.vcontent table td{text-align:left;border:1px solid #ddd;padding:8px 12px}.vcontent table th{background-color:#f2f2f2;font-weight:600}.vcontent code{background-color:#f4f4f4;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.95em}.vcontent pre{background-color:#f4f4f4;border-radius:5px;padding:10px;font-family:monospace;font-size:.95em;line-height:1.4;overflow-x:auto}.vcontent .vcontent-column .content-section{padding:30px 0}.vcontent .vcontent-column .content-section:nth-child(2n){background-color:#f8f9fa}.vcontent .vcontent-column .content-image{object-fit:cover;border-radius:8px;width:100%;height:100%}.vcontent .vcontent-column .content-text{padding:20px}.vcontent .vcontent-column .content-text h2{margin-bottom:20px}.vcontent .vcontent-column .content-text h3{margin-bottom:20px}.vcontent .vcontent-column .content-text ul{padding-left:20px}.vcontent .vcontent-column .content-text li{margin-bottom:10px}@media (max-width:768px){.vcontent .vcontent-column .content-section{padding:30px 0}.vcontent .vcontent-column .content-text{padding:20px 0}}.n-content .blog-single{padding:10px}.n-content .blog-img img{object-fit:cover;width:100%;height:250px}.n-content .blog-single .blog-title{font-size:24px;line-height:1.3em}.pagination-wrapper{flex-direction:column;align-items:center;gap:1rem;margin:2rem 0;display:flex}.pagination{flex-wrap:wrap;justify-content:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.page-item{display:inline-block}.page-link{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;min-width:40px;height:40px;padding:.5rem .75rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.page-link:hover{color:#1f2937;background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.page-item.active .page-link{color:#fff;background:#d02726;border-color:#d02726;font-weight:600}.page-item.disabled .page-link{color:#d1d5db;cursor:not-allowed;pointer-events:none;background-color:#f9fafb;border-color:#e5e7eb}.page-link svg{width:16px;height:16px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pagination-info{text-align:center}.pagination-info p{color:#6b7280;margin:0;font-size:.9rem}.pagination-info strong{color:#1f2937;font-weight:600}@media (max-width:640px){.pagination{gap:.15rem}.page-link{min-width:36px;height:36px;padding:.4rem .6rem;font-size:.85rem}.pagination-info p{font-size:.85rem}}.contact-content .box-title{font-size:18px}@media screen and (max-width:1190px){.main-menu a{font-size:14px}}#toast{color:#fff;z-index:9999;z-index:9999;border-radius:5px;min-width:250px;max-width:400px;padding:15px 20px;font-size:14px;animation:.3s ease-out slideIn;display:none;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.btn-loading:before{content:"";vertical-align:middle;border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.get-page{text-align:center;background-color:#e5e5e5;border-radius:15px}.get-page h6{color:red;text-transform:uppercase;margin-bottom:15px;padding:0}.get-page .license-box{background-color:red;border:2px solid #0000;border-radius:10px;transition:all .3s;color:#fff!important}.get-page .license-box:hover{background-color:#e9ecef;border-color:red;transform:translateY(-5px);box-shadow:0 4px 8px #0000001a}.get-page .license-box:hover .license-badge{color:red}.get-page .license-badge{color:#fff;font-size:16px;font-weight:700}.begin-start .btn-test{color:#fff;background-color:#164676;margin-bottom:10px}.begin-start .btn-test:hover{background-color:#2d7ccb}.question{height:auto;overflow:hidden}.driving-sidebar{max-height:calc(100vh - 40px);position:sticky;top:20px;overflow:hidden}.scenario-list-container{max-height:calc(100vh - 140px);overflow-y:auto}.scenario-list-container::-webkit-scrollbar{width:6px}.scenario-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.scenario-list-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.scenario-list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scenario-group{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.scenario-btn{color:#1e293b;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.scenario-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.scenario-btn:hover:before{left:100%}.scenario-btn:hover{color:#fff;background:linear-gradient(135deg,#164676 0%,#1e5a96 100%);border-color:#164676;transform:translate(4px);box-shadow:0 4px 12px #1646764d}.scenario-btn.active,.scenario-btn.btn-primary{color:#fff;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border-color:#dc3545;transform:translate(4px);box-shadow:0 4px 12px #dc354566}.scenario-btn .scenario-number{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.scenario-btn.active .scenario-number,.scenario-btn.btn-primary .scenario-number{color:#fff!important;background:#fff3!important}.video-wrapper{transition:all .3s;position:relative}.video-wrapper:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d!important}.timeline-bar{transition:all .2s;box-shadow:inset 0 2px 6px #00000014}.timeline-bar:hover{border-color:#164676}.space-key .flag{transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.5s ease-out popIn}@keyframes popIn{0%{opacity:0;transform:translate(-50%)scale(0)}50%{transform:translate(-50%)scale(1.2)}to{opacity:1;transform:translate(-50%)scale(1)}}.current-marker{border-radius:2px;animation:2s infinite pulse;box-shadow:0 0 12px #3b82f699}@keyframes pulse{0%,to{box-shadow:0 0 12px #3b82f699}50%{box-shadow:0 0 20px #3b82f6e6}}.driving-results .score-display{animation:.5s ease-out slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.score-item{transition:all .3s}.score-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026!important}.icon-circle{transition:all .3s}.score-item:hover .icon-circle{transform:scale(1.1)rotate(5deg)}kbd{border:1px solid #ffffff4d;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:700;box-shadow:0 2px 4px #0003}@media (max-width:991px){.driving-sidebar{max-height:400px;position:relative;top:0}.scenario-list-container{max-height:350px}.order-2{order:2!important}.order-lg-3{order:3!important}.h1-option{font-size:1.4rem!important}.video-wrapper{margin-bottom:1rem}.driving-results{margin-top:1rem}}@media (max-width:767px){.scenario-btn{padding:6px 10px;font-size:12px}.scenario-group-title{font-size:12px!important}.icon-circle{width:35px!important;height:35px!important}.score-item .h4{font-size:1.3rem}}.layout_start .card-left{background-color:#fff;border:1px solid #dee2e6;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.layout_start .card-left .question-box{opacity:1;background-color:#fdfdfd;border-radius:8px;flex-direction:column;min-height:250px;transition:opacity .15s ease-in-out;display:flex;padding:15px!important}.layout_start .card-left .img{width:100%;margin:auto;overflow:hidden}.layout_start .card-left .img img{object-fit:contain;width:100%;height:250px;margin:0 auto;display:block}@media (min-width:992px){.layout_start .card-left .question-box{min-height:500px}.layout_start .card-left .img img{height:500px}}.layout_start .card-right{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:5px;box-shadow:0 4px 15px #0000001a}.layout_start .card-right .box-time{color:#fff;background:linear-gradient(135deg,#164676 0%,#1e5a96 100%);border-radius:10px;justify-content:space-around;align-items:center;margin-bottom:10px;padding:10px;font-weight:700;display:flex;box-shadow:0 2px 5px #0000001a}.layout_start .card-right .box-time #time{font-family:Roboto_Condensed-Regular,sans-serif;font-size:26px}.layout_start .card-right .form-check-card{background-color:#0000;border-radius:8px;max-height:500px;padding:2px;overflow:hidden auto}.layout_start .card-right .form-check-card::-webkit-scrollbar{width:6px}.layout_start .card-right .form-check-card::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.layout_start .card-right .form-check-card::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.layout_start .card-right .form-check-card::-webkit-scrollbar-thumb:hover{background:#164676}.layout_start .card-right .form-check-card .box-check{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;padding-right:4px;display:grid}.layout_start .card-right .form-check-card .box-check .item{cursor:pointer;min-width:0}.layout_start .card-right .form-check-card .box-check .item .box-item{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;align-items:center;gap:3px;min-width:0;height:100%;padding:5px 3px;transition:all .2s;display:flex}.layout_start .card-right .form-check-card .box-check .item .bg-suc{background-color:#d1f7d5!important;border-color:#a3cfbb!important}.layout_start .card-right .form-check-card .box-check .item .bg-pro{background-color:#f7a5a6!important}.layout_start .card-right .form-check-card .box-check .item .no{text-align:center;border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-right:1px;font-size:18px;font-weight:700;line-height:28px;color:#000!important}.layout_start .card-right .form-check-card .box-check .item .ans{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.layout_start .card-right .form-check-card .box-check .item .ans .ans-item{text-align:center;line-height:1}.layout_start .card-right .form-check-card .box-check .item .ans .ans-item label{color:#00f;margin:0;padding:0;font-size:16px;line-height:1;display:block;transform:scale(.9)}.layout_start .card-right .form-check-card .box-check .item .ans .ans-item input[type=radio]{width:10px;height:10px;margin:0;padding:0;display:block}.layout_start .card-right .form-check-card .box-check .item input[type=checkbox]{opacity:1;width:15px;height:15px;visibility:unset;display:block}@media (max-width:767px){.layout_start .form-check-card{max-height:200px!important}.layout_start .box-check{grid-template-columns:repeat(2,1fr)!important}.layout_start .card-left .question-box{min-height:250px!important}.layout_start .card-left .img img{height:250px!important}}#resultModal .modal-header{border-bottom:3px solid #0000001a}#resultModal .card{transition:transform .2s}#resultModal .card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}#resultModal .result-icon i{animation:.5s ease-in-out scaleIn}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.box-play-video .list-exam{max-height:450px;overflow-y:auto}.box-play-video .list-exam .item .title{margin-bottom:7px;font-size:14px;font-weight:700;line-height:1em}.box-play-video .list-exam .item .content{flex-wrap:wrap;gap:2px;display:flex}.box-play-video .list-exam .item .content button{color:#000;background-color:#cdcdcd;width:31px;height:24px;padding:0}.box-play-video .list-exam .item .content button:hover{color:#fff;background-color:#1a4776}.box-play-video .list-exam .item .content button.active{color:#fff;background-color:#1a4776}.box-play-video .list-exam .space-key>div:first-child{background:linear-gradient(90deg,#f0f0f0 0%,#e0e0e0 100%);border:2px solid #ccc;border-radius:5px;height:30px;margin-bottom:10px;position:relative}.box-play-video .list-exam .space-key{margin-top:15px}.box-play-video .list-exam .flag{z-index:10}.box-play-video #video-time{color:#6c757d;margin:0;font-size:13px;position:absolute;top:0;right:0}.box-play-video .result{border:1px solid #cdcdcd}.box-play-video .result .detail-results{max-height:400px;overflow-y:auto}img{aspect-ratio:auto}img.lazy{opacity:0;transition:opacity .4s}img:not(.lazy){opacity:1}.answer-radio{opacity:1!important;visibility:visible!important;width:auto!important;height:auto!important;display:block!important}.teacher-img{border-radius:10px;position:relative}.teacher-img img{object-fit:cover;width:243px;height:300px}.teacher-img .img-hover{opacity:0;height:350px;transition:all .3s;position:absolute;top:0;left:0}.teacher-img:hover .img-hover{opacity:1}.teacher-img:hover .img-default{opacity:0}.bg-correct-result{color:#fff!important;background-color:#28a745!important;border-color:#1e7e34!important}.bg-correct-result .no,.bg-correct-result label{color:#fff!important}.bg-wrong-result{color:#fff!important;background-color:#89101c!important;border-color:#febe00!important}.bg-wrong-result .no,.bg-wrong-result label{color:#fff!important}.explanation-box{border-left:5px solid #0000;border-radius:12px;margin-top:15px;padding:15px;font-size:14px;line-height:1.6;box-shadow:0 2px 10px #0000000d}.explanation-success{color:#166534;background-color:#f0fdf4;border-color:#22c55e}.explanation-danger{color:#991b1b;background-color:#fef2f2;border-color:#ef4444}.explanation-warning{color:#92400e;background-color:#fffbeb;border-color:#f59e0b}.explanation-title{align-items:center;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.explanation-title i{margin-right:10px;font-size:18px}.explanation-content{padding-left:28px;font-weight:500}.explanation-note{opacity:.9;border-top:1px dashed #0000001a;margin-top:10px;padding-top:10px;font-size:13px;font-style:italic}.active-xem{z-index:1;position:relative;background-color:#03036f!important;box-shadow:0 0 15px #ffc10780!important}