:root {
    --cl-1: #00a652;
    --cl-2: #ec1c25;
    --cl-3: #ffffff;
    --cl-4: #cbefff;
}
@font-face{
    font-family: "Gilroy";
    src: url("../fonts/SVN-Gilroy-Bold.otf");
    font-weight: bold;
}
@font-face{
    font-family: "Gilroy";
    src: url("../fonts/SVN-Gilroy-Medium.otf");
    font-weight: normal;
}
@font-face{
    font-family: "GilroyHeavy";
    src: url("../fonts/SVN-Gilroy-Heavy-Italic.otf");
    font-weight: 400;
    font-style: italic;
}
@font-face{
    font-family: "Gilroy";
    src: url("../fonts/SVN-Gilroy-Regular.otf");
    font-weight: 300;
}
body{
    font-family: 'Gilroy', sans-serif;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0.3px;
    color: #000;
    font-size: 15px;
}
input,textarea,select{
    font-family: 'Gilroy', sans-serif;
    font-size: 14px;
}
a{
    color: #000;
}
.textSite{
    color: var(--cl-1);
}
a:hover{
    color: var(--cl-1);
}
.slide_home .item{
    position: relative;
}
.slide_home .content,.banner_page .content {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.banner_page .content-bottom {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 10;
    bottom: 30px;
}
.slide_home .title{
    font-size: 50px;
    font-weight: 500;
    color: var(--cl-3);
    line-height: 61px;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.slide_home .button {
    display: inline-block;
    padding: 0 90px 0 50px;
    line-height: 62px;
    background-color: var(--cl-1);
    color: var(--cl-3);
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    background-image: url(../images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 50px) center;
    background-position: -webkit-calc(100% - 50px) center;
}
.ar_button_top{
    display: inline-block;
    padding: 0 90px 0 50px;
    line-height: 62px;
    background-color: var(--cl-1);
    color: var(--cl-3);
    font-size: 27px;
    font-weight: bold;
    margin-top: 100px;
    background-image: url(../images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 50px) center;
    background-position: -webkit-calc(100% - 50px) center;
    border-radius: 3px;
}
.ar_button_search{
    display: inline-block;
    padding: 0 50px 0 50px;
    line-height: 62px;
    background-color: var(--cl-1);
    color: var(--cl-3);
    font-size: 27px;
    font-weight: bold;
    margin-top: 70px;
    border-radius: 3px;
}
.b_2{
    font-size: 45px;
    line-height: 55px;
    color: #333;
    font-weight: 500;
}
.text_blue{
    color: var(--cl-1);
}
.text_gray{
    color: #333;
}
#block_learn{
    background-color: var(--cl-1);
    padding-top: 40px;
    padding-bottom: 40px;
}
.title_block{
    text-align: center;
    color: var(--cl-1);
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
}
.title_block:after{
    content: "";
    display: block;
    width: 65px;
    height: 4px;
    margin-left: auto;
    margin-right: auto;
    background-color: #8196a4;
    border-radius: 15px;
}
.text_dblue{
    color: #8196a4;
}
.item_c1 {
    margin-top: 40px;
    background-color: var(--cl-3);
    overflow: hidden;
}
.item_c1 .button, .buttonSite {
    background-color: var(--cl-2);
    color: var(--cl-3);
    display: inline-block;
    line-height: 35px;
    padding: 0 20px;
    margin-top: 10px;
    border-radius: 5px;
}
.item_c1 .button:hover,.buttonSite:hover{
    background-color: #25b3f3;
}
.item_c1 img {
    border-radius: 0;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 5 / 3;
}
.item_lo .item_c1 img{
    aspect-ratio: 5 / 3;
}
.item_c2 img {
    border-radius: 5px;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    border: 1px solid #ddd;
    aspect-ratio: 5 / 3;
}
.item_c2{
    margin-top: 30px;
}
.block_learn{
    padding-top: 25px;
    padding-bottom: 25px;
}
.par_slide{
    margin-top: 45px;
}
.par_slide img {
    width: 205px!important;
    height: 205px!important;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
}
#par_slide{
    padding-top: 60px;
    padding-bottom: 70px;
}
footer {
    color: var(--cl-3);
    position: relative;
    z-index: 2;
    background-color: var(--cl-1);
}
.social_footer{
    text-align: center;
    margin-top: 45px;
}
.social_footer a{
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    background-size: 100% 100%;
    margin: 0 10px;
}
.social_footer .i1{
    background-image: url("../images/i1.png");
}
.social_footer .i2{
    background-image: url("../images/twitter.png");
}
.social_footer .i3{
    background-image: url("../images/gg.png");
}
.social_footer .i4{
    background-image: url("../images/youtube.png");
}
.see_map{
    display: inline-block;
    font-size: 13px;
    color: var(--cl-4);
    font-weight: 500;
    text-decoration: underline;
}
.see_map:hover{
    color: var(--cl-3);
}
.info_footer{
    background-color: #105c36;
    color: #90c4e7;
    padding-top: 20px;
    padding-bottom: 20px;
}
.info_footer a{
    color: #90c4e7;
}
.info_footer .box a {
    display: inline-block;
    color: #90c4e7;
    margin-left: 25px;
    margin-right: 25px;
}
.info_footer .box a:last-child{
    margin-right: 0;
}
.parn_bottom{
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-top: 30px;
    padding-bottom: 35px;
}
.parn_bottom:after {
    content: "";
    display: inline-block;
    position: absolute;
    height: 200px;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    top: 100%;
}
.slide_home .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: none!important;
}
.slide_home .owl-dot{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    margin: 0 5px;

}
.slide_home .owl-dot.active{
    background-color: rgba(255, 255, 255, 0.95);
}
#search{
    width: 200px;
    position: relative;
    background: none;
}
#search input{
    display: block;
    width: 100%;
    border: 0;
    background: none;
    line-height: 32px;
}
#search button {
    position: absolute;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-color: transparent;
    border: 0;
    height: 100%;
    overflow: hidden;
    width: 18px;
    background-position: right center;
    text-indent: -100px;
}
.top_tip{
    background-color: var(--cl-1);
    padding-top: 7px;
    padding-bottom: 7px;
}
#search input::-webkit-input-placeholder,#search textarea::-webkit-input-placeholder {color: #cdefff;}
#search input:-moz-placeholder,#search textarea:-moz-placeholder {color: #cdefff;opacity:1;}
#search input::-moz-placeholder,#search textarea::-moz-placeholder {color: #cdefff;opacity:1;}
#search input:-ms-input-placeholder,#search textarea:-ms-input-placeholder {color: #cdefff;}
.top_link{
    color: #fff;
    text-align: right;
}
.top_link a{
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
}
.top_link a:last-child{
    margin-right: 0;
}
.top_main{
    background-color: var(--cl-3);
}
.logo img{
    width: 80px;
}
.phone_top {
    line-height: 35px;
    padding-right: 15px;
    padding-left: 40px;
    color: var(--cl-3);
    background-color: var(--cl-1);
    border-radius: 3px;
    background-image: url(../images/phone.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    font-weight: 500;
}
.phone_top:hover{
    background-color: #25b3f3;
}
.main_menu_ul > li{
    display: inline-block;
    margin-right: 30px;
    position: relative;
}
.main_menu_ul > li > a {
    color: #000;
    line-height: 60px;
    display: block;
    font-size: 18px;
    letter-spacing: 0;
}
.main_menu_ul > li.current-menu-item > a,.main_menu_ul > li > a:hover,.main_menu_ul > li.current-category-ancestor > a{
    color: var(--cl-1);
}
.des_menu {
    position: absolute;
    top: 100%;
    left: -23px;
    min-height: 100px;
    z-index: 100;
    width: 660px;
    background-color: var(--cl-1);
    display: none;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}
.des_menu_left{
    float: left;
    width: 220px;
    padding-top: 0;
}
.des_menu_right{
    float: right;
    width: 440px;
    background-color: #f3faff;
    padding: 25px;
    border-top: 1px solid #e2edf5;
}
.des_menu_main_a {
    color: var(--cl-3);
    font-size: 13px;
    display: block;
    line-height: 20px;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.des_menu_main_a:hover,.des_menu_main_a.active{
    color: #102368;
    background-color: #f3faff;
}
.main_menu_ul > li:hover .des_menu{
    display: block;
}
.header_main {
    width: 100%;
    z-index: 10;
    top: 0;
    z-index: 1000;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
/*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);*/
.header_main .top_main{
    
    border-radius: 0 0 0 0;
}
.slide_home img,.banner_page > img{
    object-fit: cover;
}
.text-white{
    color: var(--cl-3);
}
.ar_title_top{
    font-weight: 500;
    font-size: 60px;
    color: var(--cl-3);
    line-height: 1.1;
    margin-top: 50px;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.text_dgray{
    color: #a3a3a3;
}
.item_f_ar{
    color: #b0b0b0;
    font-size: 27px;
    font-weight: 500;
    display: block;
    margin-top: 10px;
    line-height: 1.2;
}
.item_f_ar:hover{
    color: #717171;
}
.item_f_ar1{
    color: #c8c8c8;
}
.item_f_ar1:hover{
    color: #a3a3a3
}
.item_ar_main{
    margin-top: 40px;
}
.title_fox {
    margin-bottom: 10px;
    overflow: hidden;
}
.button_giang{
    font-size: 14px;
    font-weight: 500;
    color: var(--cl-3);
    background-color: var(--cl-1);
    display: inline-block;
    border-radius: 3px;
    line-height: 32px;
    padding: 0 15px;
    margin-top: 10px;
}
.button_giang:hover{
    background-color: #25b3f3;
}
.im_search_n {
    width: 100%;
    height: 155px;
    overflow: hidden;
    border-radius: 5px;
    object-fit: cover;
}
.text_agray{
    color: #c3c3c3;
}
.banner_page {
    position: relative;
    overflow: hidden;
}
.content_p{
    color: #000;
    font-weight: normal;
    text-align: justify;
}
.content_p p,.content_p h1,.content_p h2,.content_p h3,.content_p h4,.content_p h5,.content_p h6,.content_p ul,.content_p img{
    margin-top: 15px;
    margin-bottom: 15px;
}
.content_p h2{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
}
.content_p h3{
    font-size: 24px;
    font-weight: 500;
}
.content_p h4{
    font-size: 20px;
    font-weight: 500;
}
.content_p h5{
    font-weight: 500;
}
/*.content_p a{
    color: #40aee1;
    text-decoration: underline;
}*/
.content_p ul,.content_p ol{
    padding-left: 20px;
}
.header_main.is_singular_page {
    position: relative;
    width: 100%;
    
}
.header_main.is_singular_page .top_main{
    box-shadow: 0 0 0 var(--cl-3);
    border-radius: 0 0 0 0;
}
.box_form label{
    font-weight: bold;
    color: #a9a9a9;
    text-transform: uppercase;
    display: block;
}
.box_form input{
    display: block;
    line-height: 35px;
    border: 0;
    border-bottom: 1px solid var(--cl-1);
    width: 100%;
    font-size: 20px;
    color: var(--cl-1);
    margin-top: 10px;
}
.box_form textarea{
    background-color: #f3faff;
    color: #81a5b5;
    height: 155px;
    padding: 20px;
    font-size: 20px;
    display: block;
    width: 100%;
    margin-top: 10px;
    border: 0;
}
.box_form input::-webkit-input-placeholder,.box_form textarea::-webkit-input-placeholder {color: var(--cl-1);}
.box_form input:-moz-placeholder,.box_form textarea:-moz-placeholder {color: var(--cl-1);opacity:1;}
.box_form input::-moz-placeholder,.box_form textarea::-moz-placeholder {color: var(--cl-1);opacity:1;}
.box_form input:-ms-input-placeholder,.box_form textarea:-ms-input-placeholder {color: var(--cl-1);}
.box_form button,.button-submit{
    display: inline-block;
    padding: 0 40px 0 40px;
    line-height: 30px;
    background-color: var(--cl-1);
    color: var(--cl-3);
    font-weight: bold;
    margin-top: 35px;
    border-radius: 3px;
    border: 0;
}
.box_form{
    margin-bottom: 90px;
}
.des_menu_item{
    display: block;
    font-size: 15px;
    color: #0183be;
    border-bottom: 1px solid #e4eef6;
    padding: 7px 0;
}
.des_menu_right_sub{
    display: none;
}
.des_menu_right_sub.active{
    display: block;
}
.des_menu_item:last-child{
    border-bottom: 0;
}
.des_menu_item:hover{
    color: #102368;
}
.slide_home .button:hover,.ar_button_top:hover,.box_form button:hover,.ar_button_search:hover,.sinle_form_khoa_hoc button:hover{
    background-color: #25b3f3;
}
.box_etop{
    border-bottom: 1px solid #f2f2f2;
    padding-top: 15px;
    padding-bottom: 15px;
}
#box_etop li{
    display: inline-block;
}
#box_etop a{
    display: block;
    line-height: 35px;
    padding: 0 15px;
    border-radius: 3px;
    font-size: 20px;
    color: #9b9b9b;
}
#box_etop a:hover,#box_etop a.active{
    background-color: var(--cl-1);
    color: var(--cl-3);
}
.title_etop{
    color: var(--cl-1);
    font-size: 32px;
    font-weight: bold;
}
.etop-loi-ich > p {
    font-weight: 500;
    color: #8d8d8d;
    background-image: url(../images/tick.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    line-height: 30px;
    background-position: left center;
    margin-top: 7px;
    margin-bottom: 7px;
}
.images_gioi_thieu img {
    height: 160px;
    border-radius: 5px;
    object-fit: cover;
}
#hoc-phi{
    background-color: #f5f5f5;
    padding: 20px 30px;
    margin-top: 30px;
    border-radius: 10px;
}
.price_item{
    position: relative;
    font-size: 25px;
    font-weight: bold;
    color: var(--cl-1);
}
.price_item span {
    color: #8196a4;
    vertical-align: text-top;
}
#phan-hoi{
    background-color: var(--cl-1);
    color: var(--cl-3);
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}
.box_video iframe {
    max-width: 100%;
    max-height: 360px;
}
#list_celen{
    border: 1px solid #cfd4d7;
    border-radius: 3px;
    font-weight: 500;
    color: #a6a6a6;
    margin-top: 30px;
}
#list_celen .item{
    padding: 10px 25px;
    border-bottom: 1px solid #cfd4d7;
}
#list_celen .item:last-child{
    border: 0;
}
.button_regi {
    font-weight: bold;
    color: var(--cl-3);
    background-color: var(--cl-1);
    display: inline-block;
    border-radius: 3px;
    line-height: 32px;
    padding: 0 15px;
    min-width: 180px;
    text-align: center;
}
.sinle_form_khoa_hoc{
    width: 440px;
    max-width: 100%;
    background-color: var(--cl-3);
    border-radius: 5px;
    overflow: hidden;
    margin-top: 40px;
}
.sinle_form_khoa_hoc button{
    background-color: var(--cl-1);
    color: var(--cl-3);
    display: block;
    text-align: center;
    width: 100%;
    line-height: 60px;
    border: 0;
    font-size: 24px;
    font-weight: bold;
}
.r1{
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("../images/r1.png");
    background-size: 100% 100%;
    margin-right: 10px;
}
.r2{
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("../images/r2.png");
    background-size: 100% 100%;
    margin-left: 10px;
}
.sinle_form_khoa_hoc input{
    display: block;
    border: 0;
    border-bottom: 1px solid var(--cl-1);
    line-height: 40px;
    width: 100%;
    margin-top: 15px;
    color: var(--cl-1);
    font-weight: normal;
    background-color: transparent;
}
.sinle_form_khoa_hoc select {
    display: block;
    border: 0;
    border-bottom: 1px solid var(--cl-1);
    line-height: 40px;
    width: 100%;
    margin-top: 15px;
    color: #ababab;
    font-weight: normal;
    background-color: transparent;
    background-image: url(../images/select.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    position: relative;
}
.sinle_form_khoa_hoc input::-webkit-input-placeholder,.sinle_form_khoa_hoc textarea::-webkit-input-placeholder {color: #ababab;}
.sinle_form_khoa_hoc input:-moz-placeholder,.sinle_form_khoa_hoc textarea:-moz-placeholder {color: #ababab;opacity:1;}
.sinle_form_khoa_hoc input::-moz-placeholder,.sinle_form_khoa_hoc textarea::-moz-placeholder {color: #ababab;opacity:1;}
.sinle_form_khoa_hoc input:-ms-input-placeholder,.sinle_form_khoa_hoc textarea:-ms-input-placeholder {color: #ababab;}

.top_tip.fixed{
    display: none;
}
.header_main.is_singular_page .top_tip{
    display: block;
}
.tshadow{
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.line_now:before{
    content: "----";
    display: inline-block;
    letter-spacing: -6px;
}
.main_menu_mobile{
    display: none;
}
.main_menu .sub-menu{
    position: absolute;
    top: 100%;
    left: -23px;
    padding: 0;
    z-index: 100;
    width: 250px;
    background-color: var(--cl-1);
    display: none;
    border-radius: 0 0 0 0;
}
.main_menu li{
    list-style: none;
}
.main_menu .sub-menu li{
    position: relative;
}
.main_menu li:hover > .sub-menu{
    display: block;
}
.main_menu .sub-menu a{
    color: var(--cl-3);
    display: block;
    line-height: 34px;
    padding-left: 25px;
}
.main_menu .sub-menu a:hover{
    color: #102368;
    background-color: #f3faff;
}
.addthis_inline_web a{
    background-color: #5e5e5e!important;
    padding: 0!important;
}
.addthis_inline_web a:hover{
    background-color: #5e5e5e;
}
.wp-pagenavi a, .wp-pagenavi span {
    background-color: #858585;
    color: var(--cl-3);
    border: 0;
    line-height: 30px;
    display: inline-block;
    padding: 0 10px;
}
.wp-pagenavi span.current,.wp-pagenavi a:hover, .wp-pagenavi span:hover {
    background-color: var(--cl-1);
}
/*
.banner_page:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
}*/
.mobile_register_button{
    display: none;
}
.popup_thankyou {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.66);
    z-index: 99999999;
    display: none;
}
.popup_thankyou .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    background-color: var(--cl-3);
    text-align: center;
    padding: 30px;
    border-radius: 10px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    max-width: 95%;
}
#wpadminbar{
    z-index: 999999999!important;
}
.aligncenter{
    text-align: center;
    margin: auto;
}
.google_plusone_iframe_widget{
    width: 33px!important;
}
.slide_hocvien{
    padding-left: 130px;
    padding-right: 130px;
}
.slide_hocvien .left{

}
.slide_hocvien .right {
    padding-left: 25px;
    padding-right: 50px;
}
.slide_hocvien .item{
    background-color: var(--cl-3);
    border-radius: 5px;
    overflow: hidden;
    color: #000;
}
.bx_img img{
    display: inline-block!important;
    width: 20px!important;
}
.slide_hocvien .owl-prev {
    display: inline-block!important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 34px;
    height: 48px;
    background-size: 100% 100%;
    background-image: url("../images/nep2.png");
    overflow: hidden;
    text-indent: -1000px;
}
.slide_hocvien .owl-next {
    display: inline-block!important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 34px;
    height: 48px;
    background-size: 100% 100%;
    background-image: url("../images/nep1.png");
    overflow: hidden;
    text-indent: -1000px;
}
.slide_hocvien:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: calc(100% - 150px);
    width: -webkit-calc(100% - 150px);
    background-color: var(--cl-3);
    height: 190px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border-radius: 5px;
    margin-top: -20px;
}
.slide_hocvien .owl-dots{
    text-align: center;
    margin-top: 15px;
}
.slide_hocvien .owl-dot{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    margin: 0 5px;
}
.slide_hocvien .owl-dot.active {
    background-color: rgba(255, 255, 255, 0.95);
}
.slide_hocvien .left:before {
    content: "";
    display: inherit;
    width: 24px;
    height: 39px;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 14px;
    background-image: url(../images/oio.png);
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.box_etop_fix {
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 10000;
    display: none;
    background-color: #ebf5f9;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
    border-top: 1px solid #daecf3;
}
.box_etop_fix .container {
    width: 1300px!important;
    max-width: 100%;
    padding: 10px 0;
    text-align: center;
    
    margin-top: -3px;
    
}
.box_etop_fix #box_etop a{
    color: #4f96b3;
}
.box_etop_fix #box_etop a.active,.box_etop_fix #box_etop a:hover{
    color: var(--cl-1);
    background-color: transparent;
}
.text-ts{
    color: #454545;
}
.text-bfh{
    color: #797878;
}
.item_c11{
    margin-top: 5px;
}
.box_sidebar{
    background-color: var(--cl-1);
    color: var(--cl-3);
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
    padding-left: 25px;
    padding-right: 25px;
}
.box_sidebar a{
    color: var(--cl-3);
}
.box_sidebar .title{
    text-align: center;
    line-height: 60px;
    border-bottom: 2px solid var(--cl-3);
    text-transform: uppercase;
}
.box_arti img{
    width: 100%;
    height: 70px;
    overflow: hidden;
    border-radius: 5px;
    object-fit: cover;
}
.box_arti .item{
    margin-top: 25px;
}
.line_now2{
    margin-top: 25px;
    background-color: var(--cl-3);
}
.box_arti .item:last-child .line_now2{
    background-color: transparent;
}
.box_arti ul.list li {
    margin: 10px 0;
}
.box_arti ul.list {
    padding-left: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
}
#toc_container{
    border-radius: 10px;
    margin-top: 30px;
    padding: 30px;
}
.toc_list{
    padding-left: 15px!important;
}
.bg_full_login {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg_full_login .content {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 350px;
    max-width: 100%;
    color: var(--cl-3);
}
.bg_full_login .content a{
    color: var(--cl-3);
}
.controll-input input {
    display: block;
    width: 100%;
    line-height: 45px;
    border: 1px solid #d0dbe0;
    border-radius: 5px;
    padding-left: 70px;
}
.controll-input,.controll-input-full{
    position: relative;
    margin-bottom: 15px;
}
.controll-input-full input {
    display: block;
    width: 100%;
    line-height: 45px;
    border: 1px solid #d0dbe0;
    border-radius: 5px;
    padding-left: 15px;
}
.icon-fa {
    position: absolute;
    left: 0;
    width: 45px;
    height: 100%;
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    border-right: 1px solid #d0dbe0;
    top: 0;
}
.icon-user{
    background-image: url("../images/icon-user.png");
}
.icon-pass{
    background-image: url("../images/icon-pass.png");
}
.form_login,.form_tech_nr {
    background-color: var(--cl-3);
    border-radius: 10px;
    padding: 40px 15px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}
.icon-view{
    background-image: url("../images/icon-view.png");
    left: inherit;
    right: 10px;
    border: 0;
}
.button-form {
    display: block;
    width: 100%;
    background-color: var(--cl-1);
    color: var(--cl-3);
    line-height: 50px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
    border: 0;
}
.form_login input,.form_tech_nr input{
    color: #000;
}
.box_top_user {
    display: inline-table;
    margin-right: 10px;
    position: relative;
    background-image: url(../images/tele2.png);
    background-repeat: no-repeat;
    background-position: right 8px;
    padding-right: 15px;
    font-size: 14px;
}
.user_menu {
    position: absolute;
    background-color: var(--cl-1);
    z-index: 10;
    min-width: 200px;
    right: 0;
    padding-top: 14px;
    display: none;
}
.box_top_user:hover .user_menu{
    display: block;
}
.user_menu a {
    display: block;
    color: #cdefff;
    padding: 0 10px;
    margin: 0;
    border-top: 1px solid #cdefff;
}
.user_menu a:hover{
    color: var(--cl-3);
}
.item_lock{
    position: relative;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
.item_lock .lock {
    background-image: url(../images/tala2.png);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.59);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
}
.label-controll{
    line-height: 50px;
    font-weight: bold;
}
.top_bgrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 650px;
    background-color: #324248;
    z-index: 1;
}
.container-video{
    position: relative;
    z-index: 5;
}
.container-video-ar,.container-video-ar a{
    color: #909090;
}
.main_video {
    width: 100%;
}
.text-blue{
    color: var(--cl-1);
}
.box_video_list a {
    display: inline-table;
    width: 100%;
    background-image: url(../images/play-video-small.png);
    font-size: 17px;
    color: var(--cl-1);
    background-repeat: no-repeat;
    padding-left: 45px;
    padding-right: 15px;
    background-color: #f6f9fa;
    padding-top: 10px;
    padding-bottom: 10px;
    background-position: 10px center;
    border-radius: 5px;
    border: 1px solid #dae5eb;
    margin-bottom: 2px;
}
.box_video_list a span{
    color: var(--cl-1);
    float: right;
    margin-left: 15px;
}
.tab_video a{
    font-size: 30px;
    color: #a3a3a3;
    font-weight: 500;
}
.tab_video a:hover{
    text-decoration: underline;
}
.tab_video a.active{
    color: var(--cl-1);
}
.tab_video span {
    font-size: 30px;
    color: #a3a3a3;
    display: inline-block;
    margin: 0 10px;
}
.box_content_tab_video{
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    margin-top: 15px;
    overflow: hidden;
}
.document_download{
    display: inline-table;
    width: 100%;
    background-color: #f6f9fa;
    color: #5a697b;
    padding: 10px 15px;
    margin: 5px 0;
    border-radius: 10px;
}
.document_download a {
    background-image: url(../images/dload.png);
    float: right;
    width: 130px;
    text-align: center;
    line-height: 38px;
    border-radius: 5px;
    background-color: var(--cl-1);
    background-repeat: no-repeat;
    background-position: 25px center;
    padding-left: 20px;
    color: var(--cl-3);
    font-weight: 500;
}
.tab_content_video{
    display: none;
}
.tab_content_video.active{
    display: block;
}
.document_download a:hover{
    opacity: 0.7;
}
.comment_item_video{
    padding-top: 8px;
    padding-bottom: 8px;
}
.comment_item_video .box{
    color: #5a697b;
    background-color: #f6f9fa;
    padding: 15px;
    border-radius: 10px;
    margin-top: 7px;
}
.form_comment_video{
    position: relative;
}
.form_comment_video input {
    width: 100%;
    padding: 15px;
    border: 0;
    border-top: 1px solid #e5e5e5;
    padding-right: 115px;
}
.form_comment_video button {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    background-color: var(--cl-1);
    color: var(--cl-3);
    border: 0;
    width: 100px;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
}
.form_comment2_video{
    border-left: 1px solid #e5e5e5;;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
button[disabled]{
    cursor: no-drop;
}
.header_main:hover{
    z-index: 1000000;
}
.slide_hocvien {
    overflow: hidden;
}
.box_arti ul.list.tri_sub_har_sub {
    padding-top: 10px;
    padding-left: 20px;
}
.back_to_top {
    background-image: url(../images/top.png);
   position: fixed;
    right: 15px;
    bottom: 12px;
    width: 40px;
    height: 40px;
    z-index: 2;
    background-size: 20px;
    border-radius: 50%;
    background-color: var(--cl-1);
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 3px 12px rgb(0 0 0 / 15%);
    transition: box-shadow .15s linear;
    -webkit-transition: box-shadow .15s linear;
    cursor: pointer;
}

/* .back_to_top2 {


    width: 45px;
    height: 45px;
    position: fixed;
    right: 15px;
    bottom: 25px;
    background: var(--cl-1);
    border-radius: 50%;
    box-shadow: 0px 0px 3px 0px #ccc;
    text-align: center;
    line-height: 45px;
    color: var(--cl-3);
    font-size: 20px;
    cursor: pointer;
    transition: 0.5s;
    z-index: 2;
} */
#trigger_form_comment{
    display: none;
}
.box_comment_de{
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    margin-top: 15px;
    overflow: hidden;
}
.title_mb_size{
    font-size: 30px;
}
.heading_site{
    margin-bottom: 30px;
}
.heading_site:after {
    display: block;
    content: "";
    width: 100px;
    height: 2px;
    background-color: var(--cl-1);
    margin-top: 5px;
}
a.btnTag {
    display: inline-block;
    border: 1px solid var(--cl-2);
    line-height: 45px;
    padding: 0 20px;
    border-radius: 5px;
    margin: 0 10px;
    margin-top: 30px;
    color: var(--cl-2);
}
a.btnTag.active,a.btnTag:hover {
    background-color: var(--cl-1);
    color: var(--cl-3);
    border-color: var(--cl-1);
}
.sdk3 img {
    margin-top: 15px;
}
.sdk1_img{
    margin-top: 15px;
}
img.img-sd {
    width: 100%;
    object-fit: cover;
}
.sc_form_register{
    background-color: #f5f5f5;
    padding-top: 40px;
    padding-bottom: 40px;
}
.sinle_form_khoa_hoc_frontend {
    width: 100%;
    margin-top: 0;
}
.footer_logo{
    max-width: 100px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
}
.title_block-h-khoahoc .moc{
    display: none;
}
.buttonSite:hover{
    background-color: #edaa0c;
    color: var(--cl-3);
}
.slide_home .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    color: var(--cl-3);
    font-size: 60px;
    display: none;
}
.slide_home .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: var(--cl-3);
    font-size: 60px;
    display: none;
}
.slide_home:hover .owl-prev,.slide_home:hover .owl-next{
    display: block;
}
.title_block.text-left {
    text-align: left;
}
.title_block.text-left:after{
    margin-left: 0;
}
.btnTag_content{
    display: none;
}
.btnTag_content.active{
    display: block;
}
.text_h_about {
    text-align: justify;
    font-size: 17px;
}
.line_Site {
    border-top: 1px solid #ccc;
}
.title_block.w{
    color: #fff;
}
.title_block.w:after{
    background-color: #fff;
    width: 150px;
}
.text_j{
    text-align: justify;
}
.scsi .parn_bottom:after{
    display: none;
}
.lsad_footer{
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
}
.lsad_footer:hover{
    color: #fff;
}
.sdk3 img {
    padding: 0 1px;
}
.content_kh_tasklist {
    background-color: #fff;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 30%);
    margin-top: 30px;
}
.content_kh_tasklist .title {
    background-color: #1fa2dd;
    padding: 10px 15px;
    color: #fff;
}
.content_kh_tasklist .content {
    padding: 15px;
    min-height: 220px;
    
}
.content_kh_tasklist .content li {
    line-height: 23px;
    padding: 8px 10px 8px 30px;
    position: relative;
    list-style: none;
}
.content_kh_tasklist .content li:before {
    content: "";
    display: inherit;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #1fa2dd;
    position: absolute;
    left: 10px;
    top: 17px;
}
.content_p blockquote {
    border-left: 5px solid var(--cl-1);
    padding-left: 10px;
    background-color: #f3f3f3;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-right: 15px;
}
.sc_header {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.triger_menu_mobile{
    display: none;
}
.title_fox a {
    color: var(--cl-2);
    font-weight: 400;
    font-size: 20px;
    display: inline-block;
    line-height: 1.3;
}
.sc-blog-item-title{
    color: var(--cl-1);
    font-size: 20px;
    line-height: 1.3;
}
.banner_page_max img,.banner_page > img{
    height: 350px;
    object-fit: cover;
}
.slide_home .item img{
    height: 600px;
    object-fit: cover;
}
.lesson_cats {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
iframe.source-baigiang{
    border: 0;
    width: 100%;
    height: 680px;
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 50px;
}
.items_blog{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.item_blog{
    display: flex;
    gap: 15px;
}
.item_blog .pic {
    flex: 0 0 250px;
}
.item_blog .pic img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.item_blog h3 a.title {
    display: inline-block;
    font-size: 15px;
    line-height: 1.5;
    color: var(--cl-1);
    margin-bottom: 10px;
}
.item_blog .des{
    font-weight: 13px;
}