.w-50 {
     width: 50px;
 }

 .w-100 {
     width: 100px;
 }

 .w-200 {
     width: 200px;
 }

 @font-face {
     font-family: SFUFutura;
     src: url('/desktop-tracnghiemtienganh/fonts/sfu-futura/SFUFuturaBold_4.TTF');
 }

 @font-face {
     font-family: SFUFutura;
     src: url('/desktop-tracnghiemtienganh/fonts/sfu-futura/SFUFuturaBook_4.TTF');
 }

 @font-face {
     font-family: GilroyLight;
     src: url('/desktop-tracnghiemtienganh/fonts/SVN-Gilroy-Light.otf');
 }

 @font-face {
     font-family: GilroyBold;
     src: url('/desktop-tracnghiemtienganh/fonts/SVN-Gilroy-Bold.otf');
 }

 @font-face {
     font-family: NVN;
     src: url('/desktop-tracnghiemtienganh/fonts/NVN-Motherland-Signature.ttf');
 }

 /*@font-face { font-family: SFUFutura; src: url('/desktop-tracnghiemtienganh-duoc/fonts/sfu-futura/SFUFuturaExtraBold_4.TTF'); } */
 /*@font-face { font-family: SFUFutura; src: url('/desktop-tracnghiemtienganh-duoc/fonts/sfu-futura/SFUFuturaHeavy_4.TTF'); } */
 /*@font-face { font-family: SFUFutura; src: url('/desktop-tracnghiemtienganh-duoc/fonts/sfu-futura/SFUFuturaObliqueTTF_4.TTF');}*/

 body {
     font-family: GilroyLight !important;
     font-size: clamp(1rem, 2vw, 1.2rem);
 }

 nav ul {
     list-style: none
 }

 header {
     background: #fff;
     /* border-bottom: 2px solid #0063af;*/
     padding: 12px 0 !important;
 }

 hr {
     border-color: #000;
 }

 #navbar-content {
     /*padding: 10px 0;*/
 }

 #logo {
     /*width: 170px;*/
 }

 .navbar-nav {
     background: #fff;
     padding: 5px 0 0 0;
 }

 .navbar {
     margin-bottom: 1px;
 }

 .is--fixed {
     padding-top: 0.2%;
 }

 .item-traloi {
     line-height: 25px;
     padding-top: 10px;
     padding-bottom: 10px;
 }

 .cursor-pointer {
     cursor: pointer;
 }

 .form-group {
     margin-bottom: 10px !important;
 }

 .text-danger {
     color: #e8282a;
 }

 .section-test-step-2 .form {
     background: transparent;
     padding: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     max-width: 500px;
     margin: auto;
 }

 .section-test-step-2 .form-control {
     background-color: #EBFBFF;
     border: 1px solid #0C99D5;
     border-radius: 10px;
     font-size: 14px;
     padding: 9.5px 20px;
 }

 .form .error {
     color: red;
     font-size: 1rem;
     margin-bottom: 0;
     margin-top: 0;
     display: block;
 }

 .form a.btn {
     display: inline-block;
     border-radius: 0;
     color: #fff;
     padding: 12px 25px;
     line-height: 1;
     font-weight: 600;
     margin-right: 10px;
     font-size: 16px;
     background-color: #0C99D5;
     border: 1px solid #0C99D5;
     border-radius: 99px;
     width: 100%;
 }

 .part-name {
     font-family: GilroyBold;
     text-align: justify;
     font-weight: bold;
 }

 .part-noidung {
     text-align: justify;
 }

 .item-traloi-error {
     border: solid 2px red !important;
 }

 .input-group {
     position: relative;
     display: -moz-box;
     display: flex;
     flex-wrap: wrap;
     -moz-box-align: stretch;
     align-items: stretch;
     width: 100%
 }

 .align-items-center {
     display: flex;
     align-items: center;
 }

 .question-container-3 {
     margin-bottom: 5px;
     padding: 5px;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 4px;
 }

 .question-number-3 {
     margin-right: 10px;
     width: 15px;
     text-align: center;
     float: left;
 }

 .option-group-3 {
     list-style: none;
     padding-left: 0;
     overflow: hidden;
 }

 .option-item-3 {
     margin-bottom: 4px;
     overflow: hidden;
 }

 .option-item-3 input[type="radio"] {
     float: left;
     margin-top: 2px;
 }

 .option-item-3 label {
     margin-left: 20px;
     font-weight: normal;
     color: #333;
     line-height: 1;
     display: block;
     word-wrap: break-word;
     cursor: pointer;
 }

 .option-item-3 input[type="radio"] {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 14px;
     height: 14px;
     border: 1px solid #333;
     border-radius: 2px;
     outline: none;
     cursor: pointer;
     position: relative;
 }

 .option-item-3 input[type="radio"]:checked {
     background-color: #333;
     border-color: #333;
 }

 .option-item-3 input[type="radio"]:checked::after {
     content: '\2713';
     color: #fff;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .question-container {
     margin-bottom: 15px;
     padding: 10px;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 4px;
     display: flex;
     align-items: flex-start;
 }

 .question-number {
     font-weight: bold;
     margin-right: 15px;
     width: 20px;
     text-align: center;
 }

 .option-group {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     /* Khoảng cách giữa các cột */
     flex: 1;
 }

 .option-item {
     display: flex;
     align-items: center;
     flex-basis: 23%;
     /* Độ rộng cố định cho mỗi cột, trừ khoảng cách */
     margin-right: 0;
     /* Xóa margin-right để tránh lệch */
 }

 .option-item label {
     margin-left: 5px;
     font-weight: normal;
     line-height: 1;
     margin-bottom: 0;
     word-wrap: break-word;
     cursor: pointer;
 }

 /* Tùy chỉnh radio button */
 .option-item input[type="radio"] {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 16px;
     height: 16px;
     border: 2px solid #333;
     border-radius: 3px;
     outline: none;
     cursor: pointer;
     position: relative;
 }

 .option-item input[type="radio"]:checked {
     background-color: #333;
     border-color: #333;
 }

 .option-item input[type="radio"]:checked::after {
     content: '\2713';
     /* Dấu tích */
     color: #fff;
     font-size: 12px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 /* Responsive cho mobile */
 @media (max-width: 768px) {
     .option-group {
         flex-direction: column;
         gap: 10px;
     }

     .option-item {
         flex-basis: 100%;
         /* Mỗi cột chiếm toàn bộ chiều rộng trên mobile */
     }
 }

 .ButtonDangky {}

 .ButtonDangky a {
     background-color: #e20000;
     color: #fff;
     font-size: 16px;
     text-transform: uppercase;
 }

 .ButtonDangky a:hover {
     background-color: #ac0000;
     color: #fff;
 }

 .bodycontent {
     min-height: 33vh;
     margin-bottom: 5rem;
 }

 .footer {
     background-color: #0063cd;
     color: #fff;
     padding: 10px 0 !important;
     font-size: 0.9rem;
     margin: 0% 0 0;
     position: fixed;
     bottom: 0;
 }

 .footer a {
     color: #fff;
 }

 .menuHeader {
     padding: 10px 0 0 0;
 }

 .nopadding {
     padding: 0;
 }

 .no-padding-left {
     padding-left: 0;
 }

 .no-padding-right {
     padding-right: 0;
 }

 .imgBackWhite {
     background-color: #fff;
 }

 .clockDangKy {
     background: #fff none no-repeat scroll center 0;
     background-size: 100% auto;
 }

 .clockDangKy .noidung {
     margin: 2% auto !important;
 }

 .clockDangKy .noidung .left {
     padding: 0 0.7% 0 0;
 }


 .clockDangKy .noidung .left .title {
     background: #0063cd none no-repeat scroll center 0;
     padding: 0.5% 0;
     text-align: center;
     margin: 0 0 3%;
 }

 .clockDangKy h4 {
     color: #ecf30f;
     font-weight: bold;
 }

 .clockDangKy .noidung .left .detail {
     text-align: left;
 }

 .clockDangKy .noidung .left .detail .xettuyen {
     width: 100%;
     color: #f67f39;
     text-align: center;
     font-weight: bold;
 }

 .clockDangKy .noidung .left .detail ul.bullet-red {
     padding: 0 0 0 3.5% !important;
 }

 .clockDangKy .noidung .right {
     background: #0063cd none no-repeat scroll center 0;
     text-align: center;
     color: #fff;
     padding: 0 3%;
 }

 .clockDangKy .noidung .right .title {
     background: #0063cd none no-repeat scroll center 0;
     padding: 0.5% 0;
     text-align: center;
 }

 .clockDangKy .noidung .right form {
     margin: 2% 0;
 }

 .clockVideo {
     background: #fff url("../image/components/bao-chi-noi-ve-hutech.jpg") no-repeat scroll center 0;
     background-size: 100% auto;
     height: auto;
     padding: 57% 0 0 !important;
 }

 .textinput {
     margin: 0 0 9px 0;
 }

 .btn-dangky {
     font-size: 20px;
     color: #000;
     margin: 0 0;
     padding: 5px 40px;
 }

 .btn-yellow {
     background: #FDED13;
     border: none;
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     color: #000;
     margin-top: 1%;
 }

 .btn-red {
     background: #e10000;
     border: none;
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }

 .btn-red a {
     color: #fff !important;
 }

 .btn-yellow:hover,
 .btn-yellow:focus {
     background: #FCFFB1;
     color: #000;
 }

 .btn-red:hover,
 .btn-red:focus {
     background: #ac0000 !important;
 }

 .navbar-nav > li {
     border-top: 0;
     border-bottom: 0;
     border-left: 0;
     float: left;
 }

 .clockVideo iframe {
     margin: 0 0 4%;
     width: 25%;
     height: 200px;
 }

 .text-bold {
     font-weight: bold;
 }

 .dangkybanner {
     background-color: #e10000;
     width: 281px;
     height: 57px;
     color: #fff;
     font-size: 24px;
     text-transform: uppercase;
     margin-bottom: 3%;
     line-height: 42px;
 }

 .dangkybanner:hover {
     background-color: #b70000;
     color: #fff;
 }

 .clockButtonDangky {
     background: #1e5ce0 url("../image/components/moi-truong/banner-dang-ky.jpg") no-repeat scroll center 0;
     background-size: 100%;
     padding: 0;
 }

 .clockButtonDangky a {
     background-color: #e20000;
     width: 281px;
     height: 57px;
     color: #fff;
     font-size: 24px;
     text-transform: uppercase;
     line-height: 42px;
 }

 .clockButtonDangky a:hover {
     background-color: #ac0000;
     color: #fff;
 }

 .blockTaiSaoChon {
     background: #fff url("../image/components/back-hethongthinghiem.jpg") no-repeat scroll center 0;
     background-size: 100% auto;
     height: auto;
     text-align: center;
     width: 100%;
     display: inline-flex;
 }

 .blockTaiSaoChon .noidung {}

 .clockTaiSaoChon .text {
     color: #fff;
     padding: 0 10px;
     text-align: center;
 }

 a.circle-service {
     margin: 0 12px 5px 0;
     padding: 0;
     border: 0;
 }

 a.circle-service img {
     cursor: default;
     display: block;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 a.circle-service:hover {
     background: black;
 }

 a.circle-service:hover img {
     opacity: 0.7;
 }

 .block {
     width: 100%;
     /*padding: 3% 0 0%;*/
     display: table;
 }

 .blockContent {
     display: block;
     width: 1000px;
     margin: 0 auto;
 }

 .titleblock {
     font-size: 1.7rem;
     color: #ff7644;
     padding: 10px 0;
     width: 100%;
     text-align: center;
 }

 .titlecontent {
     font-size: 155%;
     text-transform: uppercase;
     color: #e10000;
     width: 100%;
     text-align: center;
 }

 .blockLienHe {}

 .blockLienHe a {
     color: #000;
 }

 .blockLienHe h3 {
     font-size: 24px;
 }

 .blockhinhanh {}

 .blockhinhanh div {
     padding: 0;
     text-align: center;
     margin: 0 0 6px 0;
 }

 .blockhinhanh a {
     margin: 0;
 }

 .blockhinhanh a.circle-service {
     border-radius: 0;
 }

 /*
.blockDoiTuong {
    padding: 2% 7%;
    text-align: justify;
    background: #fff;
}

.blockDoiTuong table {
    width: 100%;
    border: 1px solid #ccc;
}

.blockDoiTuong tbody tr.group {
    background: #ffffe3;
}

.blockDoiTuong tbody,
tr,
td,
th {
    padding: 5px;
    border: 1px solid #ccc;
}

.blockDoiTuong table th {
    background: #268bff;
    text-align: center;
    color: #fff;
}

.blockDoiTuong .box-header {
    padding: 0 0 2%;
}

.blockDoiTuong .box-header a {
    background: #f40000 none repeat scroll 0 0;
    padding: 2% 10% 1% 3%;
    color: #fff;
    text-decoration: none;
    cursor: default;
}

.blockDoiTuong .box-content {
    background: #e4fcfc none repeat scroll 0 0;
    padding: 2%;
    text-align: justify;
}

.blockSuHaiLong {
    padding: 2% 8.5%;
    text-align: justify;
}

.blockSuHaiLong .img1 {
    margin: 0 2% 0 0;
}

.blockSuHaiLong .img2 {
    margin: 0 0 0 2%;
}

.blockSuHaiLong .block1 {
    background: #fffee2 none repeat scroll 0 0;
}

.blockSuHaiLong .block2 {
    background: #e4fcfc none repeat scroll 0 0;
}

.blockSuHaiLong .text {
    padding: 2%;
}

.blockDoiTac {
    padding: 2% 7%;
}
*/

 /* ------------------ */
 .content .noidung {
     width: 1000px;
     margin: 0 auto;
 }

 @media (max-width: 1000px) {
     body {
         font-size: 14px;
     }

     .block {
         padding: 10px 0 10px;
     }

     .blockLyDo .noidung,
     .blockContent {
         width: 100% !important;
     }

     .titleblock,
     .titlecontent,
     .clockButtonDangky a {
         font-size: 1.3rem !important;
     }

     .blockDangkyTop {
         font-size: 100% !important;
         padding: 0;
     }

     .clockButtonDangky a {
         width: 20%;
         height: auto;
         padding: 0;
     }

     .clockVideo iframe {
         margin: 0 0 1%;
         height: auto;
     }



 }

 .blockCoHoi {
     background: #fff none no-repeat scroll center 0;
     background-size: 100% auto;
     text-align: center;
     width: 100%;
 }

 .blockCoHoi .noidung {
     margin: 2% auto;
 }

 .blockLyDo {
     background: #fff url("../image/components/backlydo.jpg") no-repeat scroll center 0;
     background-size: 100% auto;
     text-align: center;
     width: 100%;
 }

 .blockLyDo .noidung {
     font-size: 14px;
     margin: 0 auto;
     text-align: center;
     padding-top: 15px;
     width: 58%;
 }

 .list-group-item {
     border: 0;
 }

 .label-green {
     background-color: #04a684;
     font-size: 100%;
     margin: 0 1% 0 0;
 }

 a.circle-service-cohoi {
     margin: 0 1px 6px;
     padding: 0;
     border: 0;
 }

 a.circle-service-cohoi img {
     cursor: default;
     display: block;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 a.circle-service-cohoi:hover {
     background: black;
 }

 a.circle-service-cohoi:hover img {
     opacity: 0.7;
 }

 .nganhmon {
     margin: 2% 0 0 0;
     text-align: left;
 }

 .nganhmon .title2 {
     padding: 2% 0;
     text-align: center;
     background-color: #04a684;
     color: #fff;
     font-weight: bold;
 }

 .bullet-red {
     color: red;
     display: inline-block;
     height: 5px;
     padding: 5% 0 0 8%;
 }

 .bullet-red span {
     color: #000;
 }

 .blockDangkyTop {
     font-size: 155%;
     margin: 0 0 11% 25%;
     width: 20%;
     height: auto;
 }

 .bt-dangky a {
     background: #000;
 }

 .bt-dangky a:hover {
     background: #000;
 }

 .bt-dangky a:hover img {
     opacity: 0.7;
 }

 .mobile {
     display: none;
 }

 .align-items-center {
     display: flex;
     align-items: center;
 }

 .w-50-1 {
     width: 50%;
 }

 .footer-right {
     text-align: right;
 }

 .w-auto {
     width: auto !important;
 }

 .h-25 {
     height: 25% !important;
 }

 .h-50 {
     height: 50% !important;
 }

 .h-75 {
     height: 75% !important;
 }

 .h-100 {
     height: 100% !important;
 }

 .h-auto {
     height: auto !important;
 }

 .mw-100 {
     max-width: 100% !important;
 }

 .mh-100 {
     max-height: 100% !important;
 }

 .w-full {
     width: 100%;
 }

 .m-0 {
     margin: 0 !important;
 }

 .mt-0,
 .my-0 {
     margin-top: 0 !important;
 }

 .mr-0,
 .mx-0 {
     margin-right: 0 !important;
 }

 .mb-0,
 .my-0 {
     margin-bottom: 0 !important;
 }

 .ml-0,
 .mx-0 {
     margin-left: 0 !important;
 }

 .m-1 {
     margin: 0.25rem !important;
 }

 .mt-1,
 .my-1 {
     margin-top: 0.25rem !important;
 }

 .mr-1,
 .mx-1 {
     margin-right: 0.25rem !important;
 }

 .mb-1,
 .my-1 {
     margin-bottom: 0.25rem !important;
 }

 .ml-1,
 .mx-1 {
     margin-left: 0.25rem !important;
 }

 .m-2 {
     margin: 0.5rem !important;
 }

 .mt-2,
 .my-2 {
     margin-top: 0.5rem !important;
 }

 .mr-2,
 .mx-2 {
     margin-right: 0.5rem !important;
 }

 .mb-2,
 .my-2 {
     margin-bottom: 0.5rem !important;
 }

 .ml-2,
 .mx-2 {
     margin-left: 0.5rem !important;
 }

 .m-3 {
     margin: 1rem !important;
 }

 .mt-3,
 .my-3 {
     margin-top: 1rem !important;
 }

 .mr-3,
 .mx-3 {
     margin-right: 1rem !important;
 }

 .mb-3,
 .my-3 {
     margin-bottom: 1rem !important;
 }

 .ml-3,
 .mx-3 {
     margin-left: 1rem !important;
 }

 .m-4 {
     margin: 1.5rem !important;
 }

 .mt-4,
 .my-4 {
     margin-top: 1.5rem !important;
 }

 .mr-4,
 .mx-4 {
     margin-right: 1.5rem !important;
 }

 .mb-4,
 .my-4 {
     margin-bottom: 1.5rem !important;
 }

 .ml-4,
 .mx-4 {
     margin-left: 1.5rem !important;
 }

 .m-5 {
     margin: 3rem !important;
 }

 .mt-5,
 .my-5 {
     margin-top: 3rem !important;
 }

 .mr-5,
 .mx-5 {
     margin-right: 3rem !important;
 }

 .mb-5,
 .my-5 {
     margin-bottom: 3rem !important;
 }

 .ml-5,
 .mx-5 {
     margin-left: 3rem !important;
 }

 .p-0 {
     padding: 0 !important;
 }

 .pt-0,
 .py-0 {
     padding-top: 0 !important;
 }

 .pr-0,
 .px-0 {
     padding-right: 0 !important;
 }

 .pb-0,
 .py-0 {
     padding-bottom: 0 !important;
 }

 .pl-0,
 .px-0 {
     padding-left: 0 !important;
 }

 .p-1 {
     padding: 0.25rem !important;
 }

 .pt-1,
 .py-1 {
     padding-top: 0.25rem !important;
 }

 .pr-1,
 .px-1 {
     padding-right: 0.25rem !important;
 }

 .pb-1,
 .py-1 {
     padding-bottom: 0.25rem !important;
 }

 .pl-1,
 .px-1 {
     padding-left: 0.25rem !important;
 }

 .p-2 {
     padding: 0.5rem !important;
 }

 .pt-2,
 .py-2 {
     padding-top: 0.5rem !important;
 }

 .pr-2,
 .px-2 {
     padding-right: 0.5rem !important;
 }

 .pb-2,
 .py-2 {
     padding-bottom: 0.5rem !important;
 }

 .pl-2,
 .px-2 {
     padding-left: 0.5rem !important;
 }

 .p-3 {
     padding: 1rem !important;
 }

 .pt-3,
 .py-3 {
     padding-top: 1rem !important;
 }

 .pr-3,
 .px-3 {
     padding-right: 1rem !important;
 }

 .pb-3,
 .py-3 {
     padding-bottom: 1rem !important;
 }

 .pl-3,
 .px-3 {
     padding-left: 1rem !important;
 }

 .p-4 {
     padding: 1.5rem !important;
 }

 .pt-4,
 .py-4 {
     padding-top: 1.5rem !important;
 }

 .pr-4,
 .px-4 {
     padding-right: 1.5rem !important;
 }

 .pb-4,
 .py-4 {
     padding-bottom: 1.5rem !important;
 }

 .pl-4,
 .px-4 {
     padding-left: 1.5rem !important;
 }

 .p-5 {
     padding: 3rem !important;
 }

 .pt-5,
 .py-5 {
     padding-top: 3rem !important;
 }

 .pr-5,
 .px-5 {
     padding-right: 3rem !important;
 }

 .pb-5,
 .py-5 {
     padding-bottom: 3rem !important;
 }

 .pl-5,
 .px-5 {
     padding-left: 3rem !important;
 }

 .m-auto {
     margin: auto !important;
 }

 .mt-auto,
 .my-auto {
     margin-top: auto !important;
 }

 .mr-auto,
 .mx-auto {
     margin-right: auto !important;
 }

 .mb-auto,
 .my-auto {
     margin-bottom: auto !important;
 }

 .ml-auto,
 .mx-auto {
     margin-left: auto !important;
 }

 @media (max-width: 768px) {
     .footer-right {
         text-align: center;
     }

     .align-items-center {
         display: block;
     }

     .w-50-1 {
         width: auto !important;
     }

     .tongdiem {
         padding-right: 17px;
     }

     /*  body {
        font-size: 18px !important;
    }*/
     .wrap-zalo-qr {
         display: none;
     }

     .footer {
         font-size: 11px;
         /* margin-bottom: 190px;*/
         position: inherit;
     }

     .container {
         overflow: hidden !important;
     }

     .bodycontent {
         min-height: auto;
         margin: 0;
     }

     .no-padding-left,
     .no-padding-right {
         padding: 0 !important;
     }



     .mobile {
         display: inherit !important;
     }

     .desktop {
         display: none !important;
     }

     .mobile-center {
         text-align: center !important;
     }

     .nganhnghe img {
         max-height: initial !important;
     }

     .nganhnghe .text {
         height: auto !important;
     }

     .nganhnghe .col-sm-6,
     .nganhnghe .col-sm-12 {
         padding: 8px;
     }

     .nganhnghe a {
         font-size: initial !important;
     }

     .mobile-content {
         background: #fff url(../image/components/banner-logo/banner.jpg) no-repeat scroll center 0;
         padding: 12rem 0 0;
         background-size: 768px;
         margin: 0;
     }

     .mobile .sitename {
         font-size: 12px;
     }

     .mobile {
         height: 60px;
     }


     .content .noidung {
         width: 100% !important;
         padding: 10px 0px;
         font-size: 12px;
     }

     .noidung-block-note {
         text-align: justify !important;
         color: #0e5eba;
         font-size: 13px;
         text-align: center;
         margin: auto;
         float: none;
     }

     .BlockTable .br-table {
         border-right: 2px solid #fff;
     }

     .BlockTable .bb-table {
         border-bottom: 2px solid #fff;
         height: 50px;
     }

     .BlockTable .thead-c1 {
         width: 48%;
     }


     .BlockTable .container-radio {
         display: block;
         position: relative;
         /* padding-left: 35px; */
         margin-bottom: 25px;
         cursor: pointer;
     }



     /* The container */
     .BlockTable .container-radio {
         display: table-cell;
         position: relative;
         padding-left: 0px;
         margin-bottom: 25px;
         cursor: pointer;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         font-weight: normal;
     }



     /* Create a custom radio button */
     .BlockTable .checkmark {
         position: absolute;
         top: -5px;
         left: 0px;
         height: 10px;
         width: 10px;
         background-color: white;
         border-radius: 50%;
     }



     /* Style the indicator (dot/circle) */
     .BlockTable .container-radio .checkmark:after {
         top: 2px;
         left: 2px;
         width: 6px;
         height: 6px;
         border-radius: 50%;
         background: white;
     }

     /* Hide the browser's default radio button */
     .BlockTable .container-radio input {
         position: absolute;
         opacity: 0;
         cursor: pointer;
     }

     /* On mouse-over, add a grey background color */
     .BlockTable .container-radio:hover input ~ .checkmark {
         background-color: #ccc;
     }

     /* When the radio button is checked, add a blue background */
     .BlockTable .container-radio input:checked ~ .checkmark {
         background-color: #2196F3;
     }

     /* Create the indicator (the dot/circle - hidden when not checked) */
     .BlockTable .checkmark:after {
         content: "";
         position: absolute;
         display: none;
     }

     /* Show the indicator (dot/circle) when checked */
     .BlockTable .container-radio input:checked ~ .checkmark:after {
         display: block;
     }

     .BlockTable .f-select {
         text-align: center;
     }

     .btn-xemketqua {
         padding: 20PX;
         font-size: 24px;
         background: #2196F3;
         border: 1px solid #2196F3;
         border-radius: 5px;
         color: #fff;
         padding: 10PX;
         padding-right: 20px;
         padding-left: 20px;
         font-family: GilroyBold;
     }

     .BlockNhom .block-title {
         width: 100%;
         height: 190px;
         position: absolute;
         z-index: 10;
         top: 0;
         left: 0;
         background-size: 624px !important;
     }

     .BlockNhom .block-noidung-body {
         margin-top: 150px
     }

     .BlockNhom .block-noidung-r1 {
         margin-bottom: 40px;
         color: #fff;
         font-size: 12px;
         padding-top: 10px;
         text-align: justify;
     }

     .BlockNhom .block-title {
         width: 100%;
         height: 450px;
         position: absolute;
         z-index: 10;
         top: 0;
         left: 0;
     }

     .BlockNhom .block-noidung-body {
         width: 100%;
         height: 100%;
         display: table;
         padding-bottom: 55px;
     }

     .BlockNhom .block-noidung-r3 {
         padding-bottom: 40px;
         margin: auto;
         float: none;
     }

     .BlockNhom .block-noidung-r2 {
         font-family: GilroyBold;
         padding-top: 20px;
         padding-bottom: 20px;
         border-radius: 12px;
         color: white;
         position: relative;
         margin: auto;
         float: none;
         display: table;
     }

     .BlockNhom .block-noidung-r2-header {
         top: -25px;
         font-size: 13px;
         border-radius: 5px;
         position: absolute;
         text-align: center;
         padding-left: 14px;
         padding-right: 14px;
         left: 27%;
         padding-top: 7px;
         padding-bottom: 7px;
     }


     .BlockNhom .blockrowitem {
         padding-bottom: 35px;
     }

     .BlockNhom .nhom-r-body1 {
         /*padding-left: 55px;
        padding-right: 55px;*/
         margin: auto;
         float: none;
         margin-bottom: 40px;
         margin-top: 25px;
     }

     .BlockNhom .nhom-a-body1 {
         /* padding-left: 40px;
        padding-right: 40px;*/

         margin: auto;
         float: none;
         margin-top: 37px;
         margin-bottom: 40px;
     }

     .BlockNhom .nhom-r-body2 {
         border: 2px solid #ffd800;
     }

     .BlockNhom .r3-chon-nganh img {
         height: 50px;
     }

     .BlockNhom .r3-chon-nganh div {
         margin-bottom: 20px;
     }

     .blockMoiTruong .titleblock {
         text-align: center;
         font-size: 23px !important;
     }

     .blockMoiTruong .body-lienhe-2 {
         width: 75%;
         margin: auto;
     }

     #map {
         height: 200px;
         width: 100%;
     }
 }

 /*@media (max-width: 900px) {
    .nav > li > a {
        padding: 10px 8px;
    }

}*/

 .BlockNhom {
     width: 100%;
     display: table;
     position: relative;
 }

 .BlockTable {
     padding-bottom: 40px;
     background: rgb(233, 245, 245);
     padding: 2rem 0;
 }

 .BlockTable thead,
 tfoot {
     background: #e7e0c9;
 }

 .BlockTable tbody,
 tr,
 td,
 th {
     padding: 5px;
     border: none;
 }

 .btn-change {
     background: #2196F3;
     border: 1px solid #2196F3;
     border-radius: 5px;
     color: #fff;
     padding: 10PX;
     padding-right: 35px;
 }

 .btn-change span {
     font-family: GilroyBold;
 }

 .btn-change:hover,
 .btn-change:focus {
     color: #0063af;
     cursor: pointer;
     text-decoration: none;
 }

 .btn-xemketqua:hover,
 .btn-xemketqua:focus {
     color: #0063af;
     cursor: pointer;
     text-decoration: none;
 }

 .tdiem {
     text-align: center;
     /* padding-right: 27px;*/
     font-family: GilroyBold;
 }

 .tcenter {
     text-align: center;
 }

 .title-text {
     font-family: GilroyBold;
     text-align: center;
     color: #2196F3;
 }

 .footer-text {
     font-family: GilroyBold;
     color: #000;
 }

 @media (min-width: 800px) {

     #map {
         height: 400px;
         width: 100%;
     }

     .BlockNhom .r3-chon-nganh div {
         margin-bottom: 30px;
     }

     .BlockNhom .r3-chon-nganh img {
         height: 55px;
     }

     .BlockNhom .nhom-r-body2 {
         border: 2px solid #ffd800;
     }

     .BlockNhom .nhom-r-body1 {
         /*padding-left: 90px;
        padding-right: 90px;*/
         margin: auto;
         float: none;
         margin-bottom: 40px;
         margin-top: 25px;
     }

     .BlockNhom .nhom-a-body1 {
         /*padding-left: 70px;
        padding-right: 70px;*/
         margin: auto;
         float: none;
         margin-top: 70px;
     }


     .BlockNhom .block-title {
         width: 100%;
         height: 450px;
         position: absolute;
         z-index: 10;
         top: 0;
         left: 0;
     }

     .BlockNhom .block-noidung-body {
         width: 100%;
         height: 100%;
         display: table;
         padding-bottom: 55px;
     }

     .BlockNhom .block-noidung-r3 {
         padding-bottom: 40px;
         margin: auto;
         float: none;
     }

     .BlockNhom .block-noidung-r2 {
         font-family: GilroyBold;
         padding-top: 40px;
         padding-bottom: 40px;
         border-radius: 12px;
         color: white;
         position: relative;
         margin: auto;
         float: none;
         display: table;
     }

     .BlockNhom .block-noidung-r2-header {
         top: -38px;
         font-size: 26px;
         border-radius: 12px;
         position: absolute;
         text-align: center;
         padding-left: 25px;
         padding-right: 25px;
         left: 32%;
         padding-top: 7px;
         padding-bottom: 7px;
     }

     .BlockNhom .block-noidung-r1 {
         margin-bottom: 50px;
         color: #fff;
         font-size: 23px;
         padding-top: 30px;
         text-align: justify;
     }


     .BlockNhom .blockrowitem {
         padding-bottom: 35px;
     }

     /* The container */
     .BlockTable .container-radio {
         display: block;
         position: relative;
         padding-left: 35px;
         margin-bottom: 25px;
         cursor: pointer;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         font-weight: normal;
     }


     /* Create a custom radio button */
     .BlockTable .checkmark {
         position: absolute;
         top: 0;
         left: 24px;
         height: 25px;
         width: 25px;
         background-color: white;
         border-radius: 50%;
     }

     /* Hide the browser's default radio button */
     .BlockTable .container-radio input {
         position: absolute;
         opacity: 0;
         cursor: pointer;
     }

     /* On mouse-over, add a grey background color */
     .BlockTable .container-radio:hover input ~ .checkmark {
         background-color: #ccc;
     }

     /* When the radio button is checked, add a blue background */
     .BlockTable .container-radio input:checked ~ .checkmark {
         background-color: #2196F3;
     }

     /* Create the indicator (the dot/circle - hidden when not checked) */
     .BlockTable .checkmark:after {
         content: "";
         position: absolute;
         display: none;
     }

     /* Show the indicator (dot/circle) when checked */
     .BlockTable .container-radio input:checked ~ .checkmark:after {
         display: block;
     }

     /* Style the indicator (dot/circle) */
     .BlockTable .container-radio .checkmark:after {
         top: 9px;
         left: 9px;
         width: 8px;
         height: 8px;
         border-radius: 50%;
         background: white;
     }

     .noidung-block-note {
         text-align: justify !important;
         color: #0e5eba;
         font-size: 22px;
         text-align: center;
         margin: auto;
         float: none;
     }

     .BlockTable .br-table {
         border-right: 7px solid #fff
     }

     .BlockTable .bb-table {
         border-bottom: 7px solid #fff;
         height: 80px;
     }

     .BlockTable .thead-c1 {
         width: 43%;
     }

     .btn-xemketqua {
         padding: 20PX;
         font-size: 35px;
         background: #2196F3;
         border: 1px solid #2196F3;
         border-radius: 5px;
         color: #fff;
         padding: 10PX;
         padding-right: 25px;
         padding-left: 25px;
         font-family: GilroyBold;
     }

     .BlockNhom .block-noidung-body {
         margin-top: 384px;
     }

     .tongdiem {
         padding-right: 36px;
     }
 }

 /*@media (max-width: 1000px) {


    .BlockNhom .block-noidung-body {
        margin-top: 56px;
    }
}

@media (min-width: 1200px) {


    .BlockNhom .block-noidung-body {
        margin-top: 259px;
    }
}*/