@font-face {
    font-family: 'SVNKelsonSansBold';
    src: url(../../../../fonts/SVN-Kelson-Sans-Bold.otf) format('opentype');
    src: url(../../../../fonts/SVN-Kelson-Sans-Bold.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url(../../../../fonts/Roboto-Bold.otf) format('opentype');
    src: url(../../../../fonts/Roboto-Bold.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url(../../../../fonts/Roboto-Regular.otf) format('opentype');
    src: url(../../../../fonts/Roboto-Regular.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-LightItalic';
    src: url(../../../../fonts/Roboto-LightItalic.otf) format('opentype');
    src: url(../../../../fonts/Roboto-LightItalic.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url(../../../../fonts/Roboto-Light.otf) format('opentype');
    src: url(../../../../fonts/Roboto-Light.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'DP-Bold';
    src: url(../../../../fonts/DP-Bold.otf) format('opentype');
    src: url(../../../../fonts/DP-Bold.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url(../../../../fonts/Roboto-Medium.otf) format('opentype');
    src: url(../../../../fonts/Roboto-Medium.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'SVNKelsonSansRegular';
    src: url(../../../../fonts/SVN-Kelson-Sans-Regular.ttf) format('opentype');
    src: url(../../../../fonts/SVN-Kelson-Sans-Regular.woff2) format('woff2');
    font-display: swap;
}

body {
    font-size: 17px;
    font-family: "Roboto-Regular";
    background: #eaeaea;
}

header .nav-item a {
    font-size: 15px;
    color: #282828;
    font-family: "";
    padding: 8px 0 6px;
    display: inline-block;
    text-transform: uppercase;
}

.issues .title {
    font-size: 30px;
    font-family: "SVNKelsonSansBold";
    color: #1e2b52;
    text-transform: uppercase;
    padding-bottom: 60px;
    text-align: center;
}

.issues .text .item {
    position: relative;
    font-family: "Roboto-LightItalic";
    color: #4c4b4d;
    font-size: 15px;
    line-height: 23px;
    padding-bottom: 10px;
}

.issues .text .item:before {
    position: absolute;
    content: "";
    background: url(../../../kaizen/images/landing-pages/alok-mini-mba/icon-1.png) no-repeat top left;
    width: 30px;
    height: 30px;
    top: 5px;
    left: -30px;
}

.issues .content {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 50px;
}

.issues .content .detail {
    color: #111;
    font-family: "Roboto-LightItalic";
    padding-bottom: 15px;
    font-size: 17px;
    line-height: 23px;
    position: relative;
}

.issues .content .quote:before {
    position: absolute;
    content: "";
    background: url(../../../kaizen/images/landing-pages/alok-mini-mba/icon-15.png) no-repeat top center;
    width: 30px;
    height: 30px;
    top: 30px;
    left: 35px;
}

.issues .content .quote {
    position: relative;
    padding: 40px 60px;
    background: #1e2b52;
    margin: 15px 0 0 0;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.issues .content .quote .title {
    position: relative;
    font-size: 25px;
    padding-top: 15px;
}

.issues .content .quote .title span {
    position: relative;
    z-index: 1000;
    color: #ed1c24;
    font-size: 25px;
}

.program-info {
    background: url(../../../kaizen/images/landing-pages/alok-mini-mba/banner-1.jpg) no-repeat top center;
    margin: 50px auto;
    padding: 50px 0;
}


.program-info .label span {
    font-size: 17px;
    line-height: 33px;
    height: 33px;
    color: #fff;
    font-family: "SVNKelsonSansBold";
    width: 220px;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    background: #ed1c24;
}

.program-info .title {
    margin-top: 20px;
    margin-bottom: 65px;
    font-size: 30px;
    line-height: 45px;
    color: #fff;
    font-family: "DP-Bold";
    text-align: center;
}

.program-info .box {
    border-top: 5px solid #ed1c24;
    width: 1000px;
    max-width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 70px 100px 55px 100px;
    position: relative;
}

.program-info .box .text {
    padding-bottom: 50px;
}

.program-info .box .title {
    font-size: 30px;
    line-height: 25px;
    font-family: "SVNKelsonSansBold";
    margin-bottom: 35px;
    color: #eb1c3b;
}

.program-info .box .info .item {
    display: table;
    font-family: "Roboto-Medium";
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 30px;
}

.program-info .box .info .item .key {
    font-family: "SVNKelsonSansBold";
    display: table-cell;
    font-size: 22px;
    width: 150px;
    max-width: 100%;
    vertical-align: middle;
    color: #1e2b52;
}

.program-info .box .info .item .value {
    text-transform: uppercase;
    display: table-cell;
    font-family: "SVNKelsonSansBold";
    font-size: 22px;
    width: 650px;
    max-width: 100%;
    border: 1px solid #222831;
    color: #1e2b52;
    vertical-align: middle;
    padding: 15px 50px;
    background: #fff;
}

.the-audience {
    margin-bottom: 80px;
}

.the-audience .title {
    font-size: 30px;
    line-height: 25px;
    font-family: "SVNKelsonSansBold";
    color: #152b50;
    margin-bottom: 60px;
    padding-bottom: 20px;
}

.the-audience .item {
    padding: 30px 35px 55px 35px;
    background: #fff;
    height: 280px;
}

.the-audience .item .image {
    padding-bottom: 30px;
}

.the-audience .item .title-item {
    text-align: center;
    font-family: "Roboto-Medium";
    font-size: 17px;
    color: #1e2b52;
}

.the-audience .text {
    font-family: "Roboto-Light";
    text-align: center;
    font-size: 17px;
}

.box_loiich{ height: 600px;}
.box_loiich .box_content .box_left{  background: url("../../../kaizen/images/landing-pages/alok-mini-mba/banner-3.jpg") no-repeat left center; vertical-align: top; max-width: 100%; width: 50%; float: left; height: 600px; background-size: cover;}
.box_loiich .box_content .box_right{ width: 50%; vertical-align: middle; max-width: 100%; float: right; height: 600px; background: #fff;}
.box_loiich .box_content .box_info{ width: 600px; max-width: 100%; font-size: 18px; line-height: 30px; font-family: "Roboto-Regular"; padding-left: 65px;}
.box_loiich .box_content .box_info .title{font-size: 30px; font-family: "SVNKelsonSansBold"; color: #152b50; padding: 35px 0 35px 45px;}
.box_loiich .box_content .box_info .item{position: relative; font-family: "Roboto-Light"; font-size: 17px; line-height: 24px; padding-bottom: 30px;}
.box_loiich .box_content .box_info .item:before{position: absolute; content: ""; width: 20px; height: 20px; background: url("../../../kaizen/images/landing-pages/alok-mini-mba/icon-1.png") no-repeat top center; top: 5px; left: -40px;}

@media ( max-width : 1000px) {
    .box_loiich{background: #fff;}
    .box_loiich .box_content{display: inline-block; height: auto;}
    .box_loiich .box_content .title{padding: 20px 0;}
    .box_loiich .clearfix:before{display: none;}
    .box_loiIch .box_title{padding-top: 35px;}
    .box_loiIch .box_detail{margin-bottom: 40px;}
    .box_loiIch .item .item_content p{padding: 15px 0; font-size: 15px;}
    .box_loiIch .item .item_content{padding: 0 15px 0 70px ; margin-left: 15px; }
    .box_loiich .box_content .box_left{display: none;}
    .box_loiich .box_content .box_right{width: 100%; padding: 0 70px;}
    .box_loiich .box_content .box_info{margin-left: 0px; padding: 15px; width: 100%; }
}

@media ( max-width : 768px) {
    .box_loiich{height: auto; margin-bottom: 50px;}
    .box_loiich .box_content .box_right{padding: 0; height: auto; padding-bottom: 30px;}
    .box_loiich .box_content .box_info .item{padding-left: 35px;}
    .box_loiich .box_content .box_info .item:before{left: 0;}
}

@media(max-width:480px){
    .box_loiich .box_content .box_info .title{font-size: 25px; }
    .box_loiich .box_content .box_info .item{font-size: 15px;}
}

.box_khoaHoc{margin-bottom: 70px;}
.box_khoaHoc .total_price {font-size: 19px; text-decoration: line-through;text-transform: lowercase;}
.box_khoaHoc .total_price_sale {color:#FF0000;font-size: 22px;text-transform: lowercase;}
.box_khoaHoc .table-responsive1{height: 500px; overflow-y: scroll;}
.box_khoaHoc .table-responsive1::-webkit-scrollbar{width: 3px; height: 0; background: #eee;}
.box_khoaHoc .table-responsive1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #D62929;}
.box_khoaHoc .box_title{font-family: "SVNKelsonSansBold"; font-size: 30px; line-height:25px; margin-bottom: 40px; color: #152b50; text-align: center; margin-top: 50px;}
.box_khoaHoc .table {text-align: center;font-size: 15px;}
.box_khoaHoc .table th{vertical-align: middle; height: 50px; color: #fff; background: #152b50; text-align: center; font-size: 15px; line-height: 35px; font-family: "Roboto-Medium";}
.box_khoaHoc .table td{text-transform:uppercase; vertical-align: middle; font-size: 15px; line-height: 23px; font-family: "Roboto-Medium"; border: 1px solid #ccc;}
.box_khoaHoc .table thead tr th{border: 1px solid #ccc;}
.box_khoaHoc .table thead tr th select{ text-align-last:center; }
.box_khoaHoc .table .odd {background: #ffffff;color: #000;}
.box_khoaHoc .table .odd .text{text-align: left; padding: 20px 30px 20px 30px;}
.box_khoaHoc .table .odd input{margin-left: 10px; margin-top: 3px; vertical-align: text-top;}
.box_khoaHoc .btn_book{margin-top: 20px; border-radius: 10px;display: inline-block; background: -webkit-linear-gradient(left, #ff0000 0%,#ca4444 100%); color: #FFF; padding: 0; width: 215px; text-align: center; float: right; height: 30px; line-height: 28px; font-weight: normal; font-family: "SVNKelsonSansBold";}
.box_khoaHoc .total_price {
    font-size: 19px;
    text-decoration: line-through;
    text-transform: lowercase;
}

@media ( max-width : 768px) {
    .box_khoaHoc{margin-bottom: 50px;}
    .box_khoaHoc .box_title{padding-left: 15px; font-size: 25px;}
    .box_khoaHoc .table th{font-size: 12px;}
    .box_khoaHoc .table td{font-size: 11px; text-align: left;}
    .box_khoaHoc .table .odd .text{padding: 0 5px;}
    .box_khoaHoc .table .odd .col-xs-2{padding: 0 5px;}
    .box_khoaHoc .table th{padding: 5px; font-size: 9px; line-height: 15px;}
    .box_khoaHoc .table th.col-xs-1, .box_khoaHoc .table th.col-xs-3, .box_khoaHoc .table th.col-xs-2{padding: 0 5px;}
    .box_khoaHoc .table select, .box_khoaHoc .table select option{font-size: 10px; padding: 2px;}
}

@media(max-width:480px){
    .box_khoaHoc .box_title{padding: 0 15px; font-size: 20px; text-align: center; padding-bottom: 30px;}
}

.box_dienGia{ background: url("../../../kaizen/images/landing-pages/alok-mini-mba/banner-5.jpg") no-repeat center; font-size: cover; color: #FFF; /*height: 763px;*/ max-width: 100%; padding: 100px 0; background-size: cover;}
.box_dienGia .box_title .title_1{font-size: 35px; font-family: "SVNKelsonSansBold"; line-height: 50px; }
.box_dienGia .box_title .title_2{font-size: 15px; font-family: "Roboto-Light"; line-height: 23px; padding:20px 0;}
.box_dienGia .box_content .text{ font-size: 17px; padding-top: 20px; font-family: "Roboto-Bold";}
.box_dienGia .box_content .item{padding-bottom:5px; position: relative; font-size: 15px; line-height:24px; color: #fff; font-family: "Roboto-Light";}
.box_dienGia .box_content .item a{color: white;}
.box_dienGia .box_content ul{list-style: url(../../../kaizen/images/landing-pages/alok-mini-mba/icon-9.png); padding-top: 20px; padding-left: 20px;}
.box_dienGia .box_content ul p{padding-left: 0px;}

@media ( max-width : 768px) {
    .box_dienGia{ padding: 30px 0; background: #202A4E; height: auto; margin-bottom: 50px;}
    .box_dienGia .image{ margin-bottom: 20px;}
    .box_dienGia .image img{ width: 100%;}
    .box_dienGia .box_title .title_1{ font-size: 25px; line-height: 35px; position: relative; padding-bottom: 500px;}
    .box_dienGia .box_title .title_1:before{position: absolute; content: ""; background: url("../../../kaizen/images/landing-pages/alok-mini-mba/diengia.jpg") no-repeat top center; bottom: 0; width: 100%; height: 500px;}
    .box_dienGia .box_title .title_2 img{display: none;}
    .box_dienGia .content{ padding: 0 15px;}
    .box_dienGia .box_title{ font-size: 35px; padding-left: 0;}
    .box_dienGia .box_content{ font-size: 17px; padding: 0; width: 100%;}
    .box_dienGia .box_content p{ font-size: 13px; padding-left: 0;}
}


.box_dangKy{background: url("../../../kaizen/images/landing-pages/alok-mini-mba/banner-4.jpg") no-repeat; background-size: cover; padding: 80px 0 50px ;}
.box_dangKy .uudai{background: #fff; width: 90%; max-width: 100%;}
.box_dangKy .title_1{font-size:30px; line-height:27px; font-family: "SVNKelsonSansBold"; color: #fff; padding: 0 0 50px 0; width:90%; max-width:100%; text-align: center;}
.box_dangKy .uudai .text{height: 95px; text-align: center; font-size: 23px; line-height: 95px; color: #fff; background: #eb1c3c; font-family: "SVNKelsonSansBold";}
.box_dangKy .uudai .box_content{color: #111; font-family: "Roboto-Bold"; font-size: 20px; line-height: 27px; text-align: center;}
.box_dangKy .uudai .box_content .text_1{padding: 25px 0; font-family: "Roboto-Light";}
.box_dangKy .uudai .box_content .table{padding: 0 60px; margin-bottom: 0;}
.box_dangKy .uudai .box_content .table>tbody>tr>td{height: 55px; vertical-align: inherit; padding: 0; font-size: 17px; line-height: 55px; font-family: "Roboto-Bold"; text-align: center;}
.box_dangKy .uudai .box_content .text_2{padding: 20px 60px 25px 60px; font-size: 17px; line-height: 27px; font-family: "Roboto-Regular";}
.box_dangKy .uudai .box_content .text_2 span{font-size: 17px; line-height: 27px; font-family: "Roboto-Bold";}
.box_dangKy .title_2{font-size:30px; line-height:40px; font-family: "SVNKelsonSansBold"; color: #fff; text-align: center; line-height: 40px; margin-top: -50px; padding-bottom: 50px;}
.box_dangKy .form .form-row .col-md-6{padding-left: 0;}
.box_dangKy .form .form-group {margin-bottom: 15px}
.box_dangKy .form .form-row .group{padding-right: 0;}
.box_dangKy .form .btnSuccess .btn-blue{ transition: color 0.15s ease-in-out 0s,  background-color 0.15s ease-in-out 0s, box-shadow 0.5s ease-in-out 0s; border-radius: 0; border:0; background: #eb1c3c; color: #fff; height: 60px; font-size: 25px; line-height: 27px; text-transform:uppercase; font-family: "SVNKelsonSansBold"; text-align: center; width: 100%;}
.box_dangKy .form .btnSuccess .btn-blue:hover{background: #202b53;}
.box_dangKy .form-control, .box_dangKy .form-select{ font-family: "Roboto-Medium"; border-radius: 0; background: rgba(255, 255, 255, 0.8) !important; color: #585858 !important; height: 57px; padding: 0 45px; font-size: 17px; border: 1px solid transparent;}
.box_dangKy .alert{ border-radius: 0;}
.box_dangKy input{color: #fff;}
.box_dangKy label{font-weight: normal;}
.box_dangKy input::placeholder{color: #585858 !important; font-family: "Roboto-Medium"; font-weight:normal; font-size: 17px; line-height: 27px;}
.box_dangKy .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%; background: rgba(255, 255, 255, 0.8) !important; height: 57px; border-radius: 0; padding: 0 40px; font-family: "Roboto-Regular"; font-size: 17px;}
.box_dangKy .bootstrap-select>.dropdown-toggle.bs-placeholder{color: #111; height: 57px; background: rgba(255, 255, 255, 0) !important; border-radius: 0; border: 0; font-family: "Roboto-Regular"; font-size: 17px;}
.box_dangKy .btn-group.open .dropdown-toggle{color: #111; height: 57px; background: rgba(255, 255, 255, 0) !important; border-radius: 0; border: 0; font-family: "Roboto-Regular"; font-size: 17px;}
.box_dangKy .bootstrap-select>.dropdown-toggle{color: #111; height: 57px; background: rgba(255, 255, 255, 0) !important; border-radius: 0; border: 0; font-family: "Roboto-Regular"; font-size: 17px;}
.SumoSelect {
    width: 100%;
    margin-bottom: 15px;
}
.SumoSelect.open>.optWrapper {
    top: 55px;
}
.SumoSelect>.CaptionCont>span {
    line-height: 55px;
}
.CaptionCont.SelectBox {
    font-family: "Roboto-Medium";
    border-radius: 0;
    background: rgba(255, 255, 255, 0.8) !important;
    color: #585858 !important;
    height: 57px;
    padding: 0 45px;
    font-size: 17px;
    border: 1px solid transparent;
}
.SumoSelect>.CaptionCont>span.placeholder {
    color: #111;
    background: none !important;
    opacity: 0.8;
    font-style: normal;
}
.box_dangKy .SumoSelect .select-all {
    height: auto;
}

.box_dangKy .optWrapper {
    width: 100%;
}

@media ( max-width : 768px) {
    .box_dangKy{background: #202A4E; margin-bottom: 50px; padding: 0;}
    .box_dangKy .title_1{width: 100%; padding: 50px 0; font-size: 25px;}
    .box_dangKy .uudai .box_content .text_1{padding: 20px 0;}
    .box_dangKy .title_2{line-height: 45px; padding: 0 0 50px 0; font-size: 25px; margin: 0;}
    .box_dangKy .form {margin-bottom: 50px;}
    .box_dangKy .form .form-control{height: 40px; font-size: 14px; padding: 0 15px;}
    .box_dangKy .form .form-group input::placeholder{font-size: 14px;}
    .box_dangKy .form .btnSuccess .btn-blue{height: 40px; font-size: 17px; vertical-align: middle; line-height: 20px;}
    .box_dangKy .form .form-row .col-md-6{padding-right: 0;}
    .box_dangKy .uudai{padding: 0; width: 100%;}
    .box_dangKy .uudai .box_content .table{padding: 0 15px;}
    .box_dangKy .uudai .box_content .table>tbody>tr>td{font-size: 17px; height: 45px;}
    .box_dangKy .uudai .box_content .text_2{padding: 30px 15px; margin-bottom: 40px;}
    .box_dangKy .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ height: 40px; padding: 0; font-size: 14px;}
    .box_dangKy .bootstrap-select>.dropdown-toggle.bs-placeholder{ height: 40px; font-size: 14px;}
    .box_dangKy .btn-group.open .dropdown-toggle{ height: 40px; font-size: 14px;}
    .box_dangKy .bootstrap-select>.dropdown-toggle{ height: 40px;font-size: 14px;}
}

@media(max-width:480px){
    .box_dangKy .uudai .box_content .text_2{font-size: 15px;}
    .box_dangKy .uudai .text{height: 60px; line-height: 60px; font-size: 17px;}
}

.transformation-stories {
    padding: 90px 0 0;
    background: url(../../../kaizen/images/landing-pages/alok-mini-mba/bg_student.jpg) no-repeat top center;
    background-size: cover;
}

.box_thanhToan .thanhToan .box_title {
    font-family: "SVNKelsonSansBold";
    padding-bottom: 20px;
    color: #202b53;
    font-size: 35px;
    line-height: 45px;
    text-transform: uppercase;
}

.box_thanhToan .thanhToan .item {
    margin-bottom: 30px;
}

.box_thanhToan .thanhToan .item {
    margin-bottom: 30px;
}

.box_thanhToan .thanhToan .item .item_title {
    font-family: "HelveticaNeue-Medium";
    padding-bottom: 5px;
    font-size: 17px;
    line-height: 45px;
}

.box_thanhToan .thanhToan .item .item_detail span {
    font-family: "Roboto-Bold";
}

.box_thanhToan .thanhToan .item .item_detail {
    font-size: 18px;
    padding-bottom: 20px;
    line-height: 23px;
    font-family: "Roboto-Regular";
}

.box_thanhToan .dangKy {
    border: 2px solid #007acf;
}