.home-daotao-layout .DaoTaoSecion {    
    display: flex;
    align-items: center;
    background-image: url('../images/backgroundDaoTao2.png');
    min-height: 250px;
}

.home-daotao-layout .SectionDichVu {
    min-height: 400px;
    background-color: #FFF4E9;
    position: relative;
    background-image: url('../images/bg-daotao-item.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 456px auto;
}

.SectionDichVu .DSChuyenMuc_AnhDaiDien_NoShowMore .list_CM_Tomtat {
    margin-bottom: -30px;
}

.SectionDichVu .DSChuyenMuc_AnhDaiDien_NoShowMore .list_CM_Tomtat>li {
    flex-direction: row;
    gap: 15px;
    padding: 25px;
    align-items: center;
    background: #fff;
}

.SectionDichVu .DSChuyenMuc_AnhDaiDien_NoShowMore .list_CM_Tomtat>li>a {
    min-width: 60px;
}

.SectionDichVu .DSChuyenMuc_AnhDaiDien_NoShowMore .list_CM_Tomtat>li .list_tomtat {
    display: flex;
    align-items: center;
    text-align: left;
}

.SectionDichVu .DSChuyenMuc_AnhDaiDien_NoShowMore .list_CM_Tomtat li .TieuDe a {
    font-size: 18px;
    line-height: 1.44;
    color: #32343D;
}

.layout-module>.DnnModule:not(:last-child) {
    margin-bottom: 40px;
}

.main.text-main-left-icon .TitleCM>h4,
.main.text-main-left-icon>h4.titleH {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
    border-bottom: none;
    text-transform: uppercase;
    align-items: center;
    gap: 16px
}

.main.text-main-left-icon>h4.titleH {
    display: flex;
    align-items: center;
    padding: 9px 0 9px 64px;
}

.main.text-main-left-icon .TitleCM>h4::before,
.main.text-main-left-icon>h4.titleH::before {
    top: -3px;
    left: 0;
    width: 48px;
    height: 48px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.main.text-main-left-icon.text-main-left-icon-HocVien .TitleCM>h4::before {
    background-image: url('../images/icon-hocvien.png');
}

.main.text-main-left-icon.text-main-left-icon-CauHoi>h4.titleH::before {
    background-image: url('../images/icon-cauhoi.png');
}

.main.text-main-left-icon.text-main-left-icon-KhoaHoc>h4.titleH::before {
    background-image: url('../images/icon-khoahoc.png');
}

.block-question {
    margin-bottom: 40px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}

.block-question .block-question-bg {
    width: 34%;
    min-height: 315px;
    flex-shrink: 1;
    background-image: url('../images/cauhoithuongap.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}


.block-question .block-question-content {
    width: 66%;
}

.list-tin-bai-accordion {}

.list-tin-bai-accordion .accordion-item {
    border: none;
    outline: none;
}

.list-tin-bai-accordion .accordion-item:not(:last-child) {
    margin-bottom: 8px;
}

.list-tin-bai-accordion .accordion-button {
    padding: 6px 0;
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    background-color: transparent;
    border-bottom: 1px solid #F3F1F1;
    outline: none;
}

.list-tin-bai-accordion .accordion-button:focus {
    outline: none;
}

.list-tin-bai-accordion .accordion-button::after {
    width: 20px;
    height: 20px;
}

.list-tin-bai-accordion .accordion-button:not(.collapsed)::after {
    background-image: url('../images/btn-notcollapsed.png');
}

.list-tin-bai-accordion .accordion-button.collapsed::after {
    background-image: url('../images/btn-collapsed.png');
}

.list-tin-bai-accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.list-tin-bai-accordion .accordion-body {
    padding: 10px 20px;
    background-color: #F3F8FF;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    margin-bottom: 6px;
}

.tin-bai-anh-slide .owl-dots {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    height: 4px;
}

.tin-bai-anh-slide .owl-dot {
    outline: none;
    width: 15px;
    height: 4px;
    background-color: #CFDCFF !important;
    border-radius: 10px;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.tin-bai-anh-slide .owl-dot.active {
    background-color: #4C6FFA !important;
    width: 40px;
}

.khoahoc-item-first {}

.khoahoc-item-first .item {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 40px;
}

.khoahoc-item-first .item .slide_news {
    width: calc(50% - 15px);
    flex-shrink: 0;
    border-radius: 10px;
}

.khoahoc-item-first .item .slide_news .slide_bgimg img {
    aspect-ratio: 1.725;    
    object-fit: cover;
    border-radius: 10px;
}

.khoahoc-item-first .item .group_content {
    text-align: left;
    padding: 16px 24px;
    border-radius: 10px;
    background-color: #FFF4E9;
}

.khoahoc-item-first .item .group_content .slide_bglnk {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Mulish Bold", sans-serif;
    font-size: 18px;
    line-height: 1.44;
    color: #4C6FFA;
    margin-bottom: 16px;
}

.list-tin-bai-khoa-hoc-v2 .item .group_content .btn.btn-dangky {
    padding: 8px 16px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.khoahoc-item-first .item .group_content .thongtinmorong-hocphi {
    background-color: #E8533F;
    color: #FFF;
    border: 1px solid #E8533F;
}

    /* hover */
.khoahoc-item-first .item .group_content .thongtinmorong-hocphi:hover {
    background-color: #FFF;
    color: #E8533F;
    text-decoration: none;
}

.list-tin-bai-khoa-hoc-v2 .item .group_content .thongtinmorong-hocphi {
    border-radius: 6px !important;
}

.khoahoc-item-first .item .group_content .thongtinmorong-sub {
    margin-bottom: 16px;
    display: block !important;
}

.khoahoc-item-first .item .group_content .thongtinmorong-sub-title {
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    padding-bottom: 4px;
}

.khoahoc-item-first .item .group_content .thongtinmorong-sub-item {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    padding-bottom: 0px;
}

.khoahoc-item-first .item .group_content .thongtinmorong-sub-item:last-of-type {
    padding-bottom: 0px;
}

.khoahoc-item-first .item .group_content .thongtinmorong-sub-item a {
    color: #32343D;
}

.information_sidebar {}

.information_sidebar .DnnModule:not(:last-of-type),
.media_sidebar .DnnModule:not(:last-of-type) {
    margin-bottom: 40px;
    padding-bottom: 30px;
    position: relative;
}

.information_sidebar .DnnModule:not(:last-of-type)::after,
.media_sidebar .DnnModule:not(:last-of-type)::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -20px;
    width: calc(100% + 40px);
    height: 10px;
    background-color: #fff;
}


.Banner-section > div .DnnModule-DNN_HTML {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.banner-Stem {
    display: inline-block;
    padding-left: 96px;
    font-family: "Mulish Bold", sans-serif;
    font-size: 32px;
    line-height: 1.25;
    color: #FFFFFF;
}

/* hover */
.banner-Stem:hover {
    color: #F68E28;
    text-decoration: none;
}

.banner-Stem::before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-image: url('../images/icon-play.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* #modalVideo {
    position: relative;
    top: 200px;
    overflow: unset;
} */

.BannerVR-wrapper {
    position: relative;
    min-height: 150px;
}

.BannerVR-wrapper .BannerVR {
    position: absolute;
    left: -17px;
    right: -17px;
    width: calc(100% + 34px);
    object-fit: cover;
    top: 0;
    max-width: unset;
}

.TinBai2Cot_LeftSlide .slick-arrow {
    display: none !important;
}

.modal {
    z-index: 9999;
}

.inner-skin-lienhe-daotao .ChiTietTinBai .TinBai_BaiViet .TinBai_Scroll {
    display: none;
}

.ChiTietTinBai .news_content ul {
    padding-left: 20px;
    margin-bottom: 12px;
}

.ChiTietTinBai .news_content ul li {
    margin-bottom: 8px;
    list-style: disc;
}

.bannerIntro {
    margin-top: 0;
}

/* RESPONSIVE */
@media screen and (max-width: 1450px) {
    .menu-bar .header_bottom>ul>li>a {
        padding-left: 0;
    }

    .menu-bar .header_bottom>ul>li>a::before {
        display: none;
    }
}

@media screen and (max-width: 1399px) {
    .menu-bar .header_bottom>ul>li>a {
        font-size: 14px;
    }

    .header-daotao .menu-bar .header_top .infoContent,
    .contra-nav {
        padding-left: 315px;
    }

    .menu-bar .header_bottom>#main-menu {
        display: flex;
        flex-wrap: nowrap;
    }

    .nav-action .btn.btn-lienhe {
        padding: 6px 16px !important;
    }

    .nav-action .btn.btn-lienhe::before {
        display: none;
    }

    .div-sidebar .list-tin-bai-khoa-hoc .thongtinmorong-bottom {
        flex-direction: column;
    }

    .div-sidebar .list-tin-bai-khoa-hoc .thongtinmorong-bottom .thongtinmorong-hocphi,
    .div-sidebar .list-tin-bai-khoa-hoc .thongtinmorong-bottom .btn-dangky {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 1199px) {
    .block-category-khoahoc {
        position: relative;
    }

    .menu-bar .header_bottom>ul>li:not(:last-child) {
        margin-right: 10px;
    }

    .infoContent {
        display: none;
    }

    .header-daotao .menu-bar .header_top .nav_top_option {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 1117px) {
    .header .contra-nav label {
        display: block;
        top: 15px;
        right: 0;
        left: auto;
    }

    .menu-bar .header_bottom>#main-menu {
        position: absolute;        
        display: flex;
        flex-direction: column !important;
        top: 0;        
        left: -12px !important;
        right: -12px !important;
        width: calc(100% + 24px) !important;
        background-color: #fff;
        padding: 0 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }

    .menu-bar .header_bottom {
        gap: 15px;
    }

    #main-menu-state:checked~.header_bottom {
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        top: 35px;
        right: 0;
        padding: 0 10px 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;        
        z-index: 0;
    }

    .nav-action {
        position: absolute;
        right: 0;
        top: -20px;
    }

    .nav-action .btn.btn-lienhe {
        margin-right: 45px;
    }

    .header-daotao .menu-bar .header_top .infoContent,
    .contra-nav {
        padding-left: 0;
    }

    .nav-action {
        display: none !important;
    }

    .nav-action-mobile {
        display: flex !important;        
        position: absolute;
        right: 0;
        top: 10px;
    }

    #main-menu-state:not(:checked) ~ .header_bottom #main-menu {
        display: none;
        position: absolute;
        background-color: #fff;
        top: 30px;
        width: 100%;
        padding: 0 10px 10px;
    }
}

@media screen and (max-width: 1000px) {
    .bannerIntro-DaoTao .info-intro {
        width: 100%;
        justify-content: flex-start;
    }

    .bannerIntro-DaoTao .banner_sub_2 .info-intro-item:not(:last-child) {
        padding-right: 20px;
        margin-right: 20px;
    }
}
@media screen and (max-width: 991px) {
    .khoahoc-item-first .item {
        flex-direction: column;
        gap: 20px;
    }

    .khoahoc-item-first .item .slide_news {
        width: 100%;
    }

    .khoahoc-item-first .item .slide_news .slide_bgimg {
        display: block;
        text-align: center;
    }

    .info-intro {
        flex-wrap: nowrap;
    }
    .DaoTaoSecion .container section:first-child {
        padding-top: 20px;
    }

    .DaoTaoSecion .container section {
        padding: 0;
    }

    .contact-section.contact-section-daotao {
        flex-direction: column;
    }

    .contact-section.contact-section-daotao .btn-dangky {
        margin: 0 auto;
    }
    
    .SectionDichVu .DSChuyenMuc_AnhDaiDien_NoShowMore .list_CM_Tomtat {
        margin-bottom: -25px;
    }
}

@media screen and (max-width: 855px) {
    .bannerIntro-DaoTao .banner_sub_2 {
        flex-direction: column;
        justify-content: flex-start;
        align-content: flex-start;
        text-align: left;
        gap: 30px;
    }

    .bannerIntro-DaoTao .banner_sub_2 .title-wrapper,
    .bannerIntro-DaoTao .banner_sub_2 .info-intro {
        width: 100%;
        justify-content: flex-start;
        align-items: stretch;
    }
}

@media screen and (max-width: 767px) {
    .TinBai2Cot_TieuDiem .right-pane ul li> a.item_img_link {
        width: 100%;
    }

    .inner-skin-content.skin-tintuc-inner .div-news {
        padding: 30px 0;
    }

    .block-question .block-question-bg {
        display: none;
    }

    .block-question .block-question-content {
        width: 100%;
    }

    .TinBai2Cot_TieuDiem .right-pane ul li>a {
        width: 40%;
    }

    #main-menu-state:checked~.header_bottom {
        top: 35px;
    }

    .bannerIntro-DaoTao .info-intro {        
        gap: 40px;
    }

    .bannerIntro-DaoTao .banner_sub_2 .info-intro-item:not(:last-child) {
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }    

    .nav-action .btn.btn-lienhe {
        margin-right: 35px;
    }

    .nav-action {
        gap: 0px;
    }

    section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .contact-section.contact-section-daotao .btn-dangky {
        padding: 12px 20px;
        font-size: 18px;
    }

    .contact-section.contact-section-daotao .btn-dangky::before {
        display: none;
    }
    
    .banner-Stem {
        font-size: 28px;        
        padding-left: 70px;
        white-space: nowrap;
    }

    .banner-Stem::before {
        width: 60px;
    }    
    
    .SectionDichVu .DSChuyenMuc_AnhDaiDien_NoShowMore .list_CM_Tomtat {
        margin-bottom: -10px;
    }

    .main.text-main-center > h4 {
        margin-bottom: 20px !important;
    }

    .TinTucSecion .main.text-main-center .TitleCM>h4 {
        padding-bottom: 5px;
    }

    .TinBai2Cot_TieuDiem {
        gap: 20px;
    }
}

@media screen and (max-width: 575px) {    
    .inner-skin-content.skin-tintuc-inner .div-news {
        padding: 20px 0;
    }

    .TinBai2Cot_TieuDiem .right-pane ul li {
        flex-direction: column;
    }

    .TinBai2Cot_TieuDiem .right-pane ul li>a {
        width: 100%;
    }

    .SectionDichVu .DSChuyenMuc_AnhDaiDien_NoShowMore .list_CM_Tomtat>li {
        flex-direction: column;
        align-items: flex-start;
    }

    .bannerIntro-DaoTao .banner_sub_2 .info-intro-item:not(:last-child) {
        padding-right: 20px;
        margin-right: 20px;
    }

    
    
    .info-intro .info-intro-item span.number {
        font-size: 40px;
    }

    .info-intro .info-intro-item span.text {
        font-size: 20px;
    }

    .list-tin-bai-khoa-hoc .thongtinmorong-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .list-tin-bai-khoa-hoc .thongtinmorong .thongtinmorong-item::before {
        top: 4px;
        transform: none;
    }

    .SectionSanPham .owl-carousel .item .group_content .thongtinmorong-hocphi,
    .list-tin-bai-khoa-hoc .thongtinmorong-bottom .btn-dangky {
        width: 100%;
        text-align: center;
    }

    .list-tin-bai-khoa-hoc .khoahoc-item-first .thongtinmorong-bottom {
        flex-direction: row;
    }

    .list-tin-bai-khoa-hoc .khoahoc-item-first .item .group_content .btn-dangky {
        width: fit-content;
    }

    .bannerIntro-DaoTao .banner_sub_2 .info-intro-item:not(:last-child) {
        padding-right: 0;
        margin-right: 0;
    }

    .bannerIntro-DaoTao .banner_sub_2 {
        gap: 10px !important;
    }
    
    .bannerIntro-DaoTao .info-intro {        
        gap: 0;
        flex-direction: column;
    }

    .bannerIntro-DaoTao .banner_sub_2 .info-intro-item {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .banner_sub_2 .tittle-main {
        font-size: 28px;
    }

    .banner_sub_2 .title-sub {
        font-size: 18px;
    }

    .SectionDichVu .DSChuyenMuc_AnhDaiDien_NoShowMore .list_CM_Tomtat>li {
        padding: 15px;
    }

    .SectionDichVu .DSChuyenMuc_AnhDaiDien_NoShowMore .list_CM_Tomtat li .TieuDe a {
        font-size: 16px;
    }

    .nav-brand img {
        max-width: 200px;
    }

    .contact-section.contact-section-daotao .background {
        width: 100%;
    }

    .contact-section.contact-section-daotao .contact-block .title {
        font-size: 18px;
    }

    .bannerIntro-DaoTao .banner_sub_2 .info-intro-item:last-of-type {
        padding: 8px 0 0;
    }
}

@media screen and (max-width: 450px) {    
    .nav-brand {
        max-width: 150px;
        top: -34px;
    }

    .nav-brand img {
        max-width: 150px;
        height: auto;
    }

    .header-daotao .menu-bar .header_top .nav_top_option {
        background-position: -100px top;
    }

    .contra-nav {
        background-position: -112px top;
    }

    .main > h4 {
        font-size: 18px;
    }

    .main > h4::before {
        height: 20px;
    }
    
    .banner-Stem {
        font-size: 26px;        
        padding-left: 60px;
    }

    .banner-Stem::before {
        width: 50px;
    }
}

@media screen and (max-width: 400px) {
    .khoahoc-item-first .item .group_content {
        padding: 16px 16px;
    }

    .khoahoc-item-first .item .group_content .slide_bglnk {
        font-size: 16px;
    }
    
    .bannerIntro-DaoTao .banner_sub_2 .info-intro-item {
        width: 100%;
    }

    
    .info-intro .info-intro-item span.number {
        font-size: 30px;
    }

    .info-intro .info-intro-item span.text {
        font-size: 16px;
    }
}

@media screen and (max-width: 375px) { 
    .list-tin-bai-khoa-hoc .khoahoc-item-first .thongtinmorong-bottom {
        flex-direction: column;
        text-align: center;
    }

    .khoahoc-item-first .item .group_content .thongtinmorong-hocphi,
    .list-tin-bai-khoa-hoc .khoahoc-item-first .item .group_content .btn-dangky {
        width: 100%;
    }

    .nav-brand img {
        max-width: 125px;
        height: auto;
    }    

    .header-daotao .menu-bar .header_top .nav_top_option {
        background-position: -130px top;
    }

    .contra-nav {
        background-position: -142px top;
    }
}

@media screen and (max-width: 350px) { 
    .contra-nav {
        background-size: cover;
    }
}