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%;
}

.ButtonDangky {}

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

}

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

.footer {
    background-color: #0063cd;
    color: #fff;
    padding: 2% 0 !important;
    font-size: 14px;
    margin: 0% 0 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;
}

.content {
    background: #fff url("../image/components/banner-logo/banner.jpg") no-repeat scroll center 0;
    padding: 33% 0 0;
    background-size: 100% auto;
    /*border-top: 2px solid #0063af;*/
    margin: 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: 35px;
    color: #ff7644;
    padding: 1% 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: 1% 0 1%;
    }

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

    .titleblock,
    .titlecontent,
    .clockButtonDangky a {
        font-size: 120% !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 {
    backgroud: #000;
}

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

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

.mobile {
    display: none;
}

.moi-truong-content {
    width: 1000px !important;
    padding-top: 15px;
    padding-bottom: 30px;
}

.padding-15px {
    padding: 15px;
}

.padding-2px {
    padding: 2px;
}

.padding-1px {
    padding: 1px;
}

.padding-0px {
    padding: 0px;
}

.form-group {
    margin-bottom: 0px;
}

.btn-hoc-ba,
.btn-dang-ky {
    position: relative;
}

.btn-hoc-ba img {
    position: absolute;
    top: 214px;
    left: 27%;
    width: 250px;
}

.btn-dang-ky img {
    position: absolute;
    top: 214px;
    right: 27%;
    width: 250px;
}

.align-right {
    float: right;
    padding-right: 10px;
}

.align-left {
    float: left;
    padding-left: 10px;
}

.align-center {
    margin: auto 10px;
}

.padding-top-20px {
    padding-top: 20px;
}

.toan-dien-content {
    padding-top: 15px;
}

.clear {
    clear: both;
}

.wrap-ky-nang img {
    height: 453px;
}

.wrap-phuong-thuc-hoc-ba {
    border: solid 1px #efefef;
    padding: 0px;
    border-radius: 8px;

}

.wrap-phuong-thuc-hoc-ba img {
    width: 100%;
}

.title-phuong-thuc {
    background: #FFE71B;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 30px;
    font-size: 16px;
}

.wrap-content-phuong-thuc {
    /*font-size:13px;*/
    padding: 2% 5% 0;
}

.wrap-button-dang-ky {
    text-align: center;
}

.wrap-button-dang-ky img {
    width: 200px;
}

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

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

.lua-chon-content {
    padding-top: 15px;
}

.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;
}

.wrap-hai-long-noi-dung-1 {
    line-height: 24px;
    text-align: justify;
    background: #fffee2;
    padding: 12px;
    height: 223px;
}

.wrap-hai-long-noi-dung-2 {
    line-height: 24px;
    text-align: justify;
    background: #e4fcfc;
    padding: 12px;
    height: 223px;
}

.hai-long-content {
    padding-top: 15px;
}

.hai-long-content img {
    width: 250px;
}

.wrap-content-dang-ky-ngay {
    background: #00ADEF;
    background-size: 100%;
}

.wrap-content-dang-ky-ngay .btn-hoc-ba img {
    top: 105px;
    left: 55%;
}

.wrap-content-dang-ky-ngay .btn-dang-ky img {
    top: 230px;
    left: 55%;
}

.wrap-bao-chi-logo img {
    margin: auto 10px;
}

.wrap-doi-tac img {
    margin: auto 4%;
    padding: 5px;
}

.wrap-iframe {
    position: relative;
}

.wrap-iframe iframe {
    position: absolute;
    top: 50px;
    left: 27%;
}

.wrap-form-xtdh {
    margin-top: 20px;
    padding-left: 20px;
    /* padding-right: 102px; */
    text-align: left;
}

.padding-top-280px {
    padding-top: 20%;
    padding-bottom: 15px;
}

.width-100p {
    width: 100%;
}

.align-center {
    text-align: center;
}

.custom-bt-ma-truong {
    width: 300px;
    margin-left: 0px;
    margin-right: 0px;
    margin: auto;
    padding-bottom: 10px;
}

.blockMoiTruong {
    background-image: url("../image/components/moi-truong/moi-truong-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 40px;
}

.blockChucNang {
    background-image: url("../image/components/chuc-nang/phong-chuc-nang-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 65px;
}

.blockNhuCau {
    background: #F3EA4E;
    padding-bottom: 50px;
}

.blockChinhSach {
    background: #0159c3;
}

.blockPhuongThuc {
    background-image: url("../image/components/phuong-thuc/phuongthuc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 65px;
}

.blockLuaChon {
    background: #FFEB00;
    padding-bottom: 50px;
}

.blockHaiLong {
    background-image: url("../image/components/hai-long/su-hai-long-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}

.blockDoiTuong {
    padding-bottom: 50px;

}

.luachon2 {
    cursor: pointer;
}

.luachon1,
.luachon3 {
    opacity: 0.6;
    cursor: pointer;
}

.phatbieu1,
.phatbieu3 {
    display: none;
}

.btn[disabled] {
    background: #FDED13;
    color: #000;
}

.btn[enabled] {
    color: #000;
}

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

.blockGoogleMap {
    position: relative;
}

.wrap-cover-google {
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 400px;
    cursor: pointer;
}

.wrap-back-to-top {
    position: fixed;
    bottom: 70px;
    right: 10px;
    z-index: 1;
}

.wrap-back-to-top:hover {
    opacity: 0.5;
}

.cd-top {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top img {
    width: 35px;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    opacity: .8;
}

.blockSocialLogo {
    position: absolute;
    top: 10px;
    right: 7%;
}

.social-logo {
    background: #fff;
    text-align: center;
    padding: 10px;
}

.social-logo img {
    width: 40px;
    margin: 3px;
    border-radius: 1px;
}

.wrap-zalo-qr {
    left: 10px;
    bottom: 10px;
    width: 100px;
    position: absolute;
}

p {
    margin: 0px;
}

.align-center {
    text-align: center;
}

.navbar-fixed-top {
    display: none;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.wrap-slider {
    padding-bottom: 35px;
}

.input-group {
    display: block;
    clear: both;
}

.input-group .form-control {
    margin-bottom: 5px;
    height: 31px;
}

.form-title {
    color: #222;
    font-size: 15px;
    padding-left: 1px;
}

.btn-dang-ky-gif {
    background: url('../image/components/dang-ky-ngay/hoan-thanh-dang-ky.gif') no-repeat;
    width: 300px;
    height: 40px;
    margin-top: 7px;
}

.icon-input img {
    position: absolute;
    top: 29px;
    left: 9px;
    z-index: 10;
}

.icon-spin img {
    position: absolute;
    top: 37px;
    left: 9px;
    z-index: 10;
}

.padding-left-form-control {
    padding-left: 32px;
}

.wrap-select-nganh {
    clear: none;
    float: left !important;
}

.padding-left-10px {
    padding-left: 10px !important;
}

.bottom-dang-ky-image {
    padding-top: 27%;
    max-width: 644px;
    width: 644px;
    float: right;
}

.title-left-image {
    padding-top: 12px;
    width: 420px;
    padding-top: 31px;
    margin-left: 24%;

}

.bt-xem-ma-nganh {
    position: absolute;
    right: 2%;
    bottom: 3%;
    cursor: pointer;
    max-width: 300px;
}

.title-bang-xet-tuyen {
    text-align: center;
    font-size: 22px
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.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;
}

.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;
}

.wrap-slider {
    position: relative;
}



.wrap-slider .controls {
    position: absolute;
    top: 37%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.wrap-slider .bxPrev,
.wrap-slider .bxPrevVideo {
    left: -35px;
    position: absolute;
}

.wrap-slider .bxNext,
.wrap-slider .bxNextVideo {
    right: -35px;
    position: absolute;
}

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

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

.cacphuongthuc .card {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: justify;
}

.cacphuongthuc .card-2 {
    min-height: clamp(10rem, 2vw, 10rem);
}

.cacphuongthuc .card-number {
    position: absolute;
    top: -15px;
    left: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #2aa7d9;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cacphuongthuc h4 {
    color: #17067c;
    margin: 15px 0;
    font-weight: bold;
}

.text-uppercase {
    text-transform: uppercase;
}

.cacphuongthuc .number-3 {
    background-color: #e0a800;
}

.cacphuongthuc .number-5 {
    background-color: #0056b3;
}

.cacphuongthuc .number-2 {
    background-color: #ff6868;
}

@media (max-width: 768px) {
    body {
        font-size: 18px !important;
    }

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

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

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

    .container {
        overflow: hidden !important;
    }

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

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

    .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;
    }

    .wrap-slider .bxPrev,
    .wrap-slider .bxPrevVideo {
        left: 0;
    }

    .wrap-slider .bxNext,
    .wrap-slider .bxNextVideo {
        right: 0;
    }
}

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