*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:Nunito;src:url(../../../font/Nunito-Regular.eot);src:url(../../../font/Nunito-Regular.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Regular.otf) format("opentype"),url(../../../font/Nunito-Regular.svg) format("svg"),url(../../../font/Nunito-Regular.ttf) format("truetype"),url(../../../font/Nunito-Regular.woff) format("woff"),url(../../../font/Nunito-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:NunitoBold;src:url(../../../font/Nunito-Bold.eot);src:url(../../../font/Nunito-Bold.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Bold.otf) format("opentype"),url(../../../font/Nunito-Bold.svg) format("svg"),url(../../../font/Nunito-Bold.ttf) format("truetype"),url(../../../font/Nunito-Bold.woff) format("woff"),url(../../../font/Nunito-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:NunitoBlack;src:url(../../../font/Nunito-Black.eot);src:url(../../../font/Nunito-Black.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Black.svg) format("svg"),url(../../../font/Nunito-Black.ttf) format("truetype"),url(../../../font/Nunito-Black.woff) format("woff"),url(../../../font/Nunito-Black.woff2) format("woff2");font-display:swap}
body{font-family:Nunito!important;font-size:18px}
a{color:#333}
.clear{clear:both}
.bold{font-family:NunitoBold}
.dnone{display:none!important}
.fl{float:left}
.container{width:100%;max-width:1224px;margin:0 auto}
html{scroll-behavior:smooth}
#normalHeader .wrapperBanner{padding:22px 12px 70px}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#normalHeader{background-size:auto}
#normalHeader .header>div>ul .hotline a{background:url(../img/hotLine.png) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background:url(../img/iconUser.png) 0/17px no-repeat}
#normalHeader .header>div>ul .loginGroup .login a:first-child::after{width:2px;background:#eee}
#normalHeader .header>div>ul .logo img{width:160px}
#normalHeader .wrapperBanner .banner{width:calc(100% - 380px);position:relative;justify-content: flex-start;}
#normalHeader .wrapperBanner .headerForm{max-width:380px;width:100%}
#normalHeader .wrapperBanner .headerForm form input, #normalHeader .wrapperBanner .headerForm form textarea, #normalHeader .wrapperBanner .headerForm form select{background:#ebebeb;border:none;font-size:16px;position:relative;z-index:1;margin-bottom: 17px;}
#normalHeader .wrapperBanner .headerForm form input::placeholder,#normalHeader .wrapperBanner .headerForm form select::placeholder,#normalHeader .wrapperBanner .headerForm form textarea::placeholder{color:#c5c5c5}
#normalHeader .wrapperBanner .headerForm form textarea{height:95px}
#normalHeader .wrapperBanner .headerForm .formTitle{color:#23437e;font-size:24px;font-family:NunitoBold}
#normalHeader .wrapperBanner .headerForm{padding:0;background:0 0;display:flex;justify-content:center;align-items:center}
#normalHeader .wrapperBanner .headerForm>form{background:#fff;padding:20px 20px 25px;border:none;border-radius:23px;position:relative}
#normalHeader .wrapperBanner .headerForm>form::before{content:"";width:100%;height:100%;border:1px solid #fff581;border-top:1px solid transparent;border-left:1px solid transparent;position:absolute;z-index:0;border-radius:26px;right:-6px;bottom:-6px}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{background:#9e355e;color:#fdf780;cursor:pointer;border:none;text-transform:capitalize;font-size:24px;padding:7px 44px}
#normalHeader .header>div>ul a{text-decoration:none;color:#9e355e;font-family:NunitoBold}
#normalHeader .wrapperBanner .bannerPC{line-height:0}
#normalHeader .header{background:#fff}
#normalHeader .wrapperBanner .headerForm form>div{position:relative;z-index:2}
#formRequestAdvisory>div.content input,#formRequestAdvisory>div.content textarea{margin-bottom:11px;border:none;width:100%;padding:12px;box-sizing:border-box;background:#ffd133;color:#594233;outline:0;font-size:16px;font-family:Nunito;border-radius:6px;transition:all .4s}
#formRequestAdvisory>div.content input:focus{transform:scale(1.01)}
#formRequestAdvisory>div.content textarea{resize:vertical}
#formRequestAdvisory>div.content input::placeholder,#formRequestAdvisory>div.content textarea::placeholder{color:#594233e8}
#formRequestAdvisory>div.content #dataSubmit{transition:all .4s;border:none;cursor:pointer;font-size:18px;display:inline-block;padding:6px 12px;font-family:NunitoBold;text-decoration:none;background:#de3f52;text-align:center;color:#fff;border-radius:5px}
#formRequestAdvisory>div.content #dataSubmit:hover{letter-spacing:3px}
#formRequestAdvisory>div.content{width:100%;background:0 0;text-align:center;padding:0 6px;margin-top:0}
#formRequestAdvisory>div.content input{height:35px}
#formRequestAdvisoryTextLeft>div.content{background:#175598;border-radius:24px}
#formRequestAdvisoryTextLeft>div.content textarea,#formRequestAdvisoryTextLeft>div.content>.colRight input{background:#154c89;color:#8cc3ff;font-size:16px;border-color:transparent}
#formRequestAdvisoryTextLeft{background:#fff}
#formRequestAdvisoryTextLeft>div.content>.colLeft{width:calc(100% - 613px);padding-right:0}
#formRequestAdvisoryTextLeft>div.content>.colRight{width:613px;border:none}
#formRequestAdvisoryTextLeft>div.content textarea::placeholder,#formRequestAdvisoryTextLeft>div.content>.colRight input::placeholder{color:#787878}
#formRequestAdvisoryTextLeft>div.content>.colRight h3{margin-bottom:23px}
#formRequestAdvisoryTextLeft>div.content>.colRight h3 span{font-size:24px;color:#fec928;font-family:NunitoBlack,sans-serif}
#formRequestAdvisoryTextLeft>div.content>.colRight button{background:#b6335f;color:#fff;font-family:NunitoBlack;font-size:22px}
.title{text-align:center}
.title h3{background:0 0!important;display:inline-block;color:#23437e!important;font-weight:700;font-family:NunitoBlack,sans-serif;font-size:40px!important;clip-path:polygon(0 0,100% 0,97% 100%,3% 100%)!important;height:auto!important;padding:7px 40px!important}
.title h3 span{height: auto !important;}
.laptopVideo{padding:20px 12px 5px;width:100%;position:relative;z-index:2;margin-top:-79px}
.laptopVideo .laptop{margin:0 auto;max-width:1000px;width:calc(100% - 24px)}
.laptopVideo .laptop .wrapAnimation>img{vertical-align:middle;max-width:100%}
.laptopVideo .groupBtnRegister{width:100%;text-align:center;margin-bottom:43px}
.laptopVideo .groupBtnRegister .btnStudyDemo{background:#fff;color:#5b43d5;border-color:#5b43d5;margin-right:36px}
.laptopVideo .groupBtnRegister .btnRegisterAdvisory{background:#6b51f3;border-color:#5b43d5;color:#fff}
.laptopVideo .wrapAnimation{position:relative;width:100%;max-width:958px;padding:60px 5px;border-radius:10px;background:url(../img/cuonPhim.png) center/contain no-repeat}
.laptopVideo .wrapAnimation>div{position:absolute;width:100%}
.laptopVideo .laptop .video{position:relative;cursor:pointer}
.laptop{width:958px;position:relative;display:flex;align-items:center;justify-content:center}
.laptop .video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.laptop .video .wrapIframe{width:100%;position:relative;padding-bottom:56.25%}
.laptop .video .wrapIframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#danhSachKhoaHoc{background:#fdf4d7;margin:20px 0;position:relative}
#danhSachKhoaHoc::after,#danhSachKhoaHoc::before{content:"";height:13px;width:100%;position:absolute;left:0}
#danhSachKhoaHoc::before{background:url(../img/waveBottom.png) repeat-x;top:100%}
#danhSachKhoaHoc::after{background:url(../img/waveTop.png) repeat-x;bottom:100%}
#danhSachKhoaHoc .title h3{color:#6d4b2a}
#danhSachKhoaHoc .selectBox{position:relative;display:inline-block;margin:0 auto;width:397px}
#danhSachKhoaHoc .selectBox .hashTag::before{content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #dedbb3;z-index:5;position:absolute;right:24px;top:20px}
#danhSachKhoaHoc .wrapSelect{text-align:center;margin-top:27px}
#danhSachKhoaHoc .selectBox .hashTag{padding:8px 60px 8px 30px;border-radius:8px;color:#fff;background:#118663;font-size:24px;display:block;cursor:pointer}
#danhSachKhoaHoc .selectBox:hover .listOption{animation:slowDown .4s forwards}
#danhSachKhoaHoc .selectBox ul{position:absolute;top:90%;opacity:0;list-style:none;background:#fff;width:100%;z-index:5;visibility:hidden}
#danhSachKhoaHoc .selectBox ul li{padding:12px 0;font-size:18px;color:#373737}
#danhSachKhoaHoc .selectBox ul li:hover{cursor:pointer;background:#e1e1e1;color:#000}
#danhSachKhoaHoc #listTeacherStyle4>ul,#listTeacherStyle4>div .wrapperSubject>div .wrapperTeacher>div>div{display:none}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div .navTeacher a{border:none;font-size:24px;color:#118663;padding-bottom:0}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div .navTeacher a.active,#listTeacherStyle4>div .wrapperSubject>div .navTeacher a:hover{font-weight:700;color:#118663;background:unset;border:none;border-bottom:2px solid #118663}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div .wrapperTeacher>div ul li{background:url(../img/dauTich.png) left 4px no-repeat}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div .wrapperTeacher>div ul li:last-child{background:url(../img/coin.png) left 4px no-repeat}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div .wrapperTeacher>div ul li:last-child>b{color:#e33535;font-family:NunitoBlack}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div .wrapperButton{justify-content:flex-start;row-gap:12px}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div .wrapperButton a{margin:0 10px;border:1px solid #6d4b2a;background:#fff;color:#6d4b2a}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div .wrapperButton a.btnMuaNgay{background:#e33535;color:#fff;border-color:#e33535}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div{margin-left:20px}
#danhSachKhoaHoc #listTeacherStyle4{padding:24px calc((100% - 1200px) / 2) 12px}
#popupNotify_VIEWTEACHERINFO .teacherInfo .title{padding:0 0 24px;color:#118663}
#popupNotify_VIEWTEACHERINFO .teacherInfo .avatarTeacher{border-radius:99px;width:131px;height:131px;display:block;margin:0 auto}
#popupNotify_VIEWTEACHERINFO .teacherInfo .fullName{text-align:center;color:#6d4b2a;margin:10px 0 15px}
#popupNotify_VIEWTEACHERINFO .teacherInfo ul{list-style:none}
#popupNotify_VIEWTEACHERINFO .teacherInfo ul li{padding-left:27px;background:url(../img/dautichpopup.png) left 0 no-repeat;margin-bottom:12px}
#popupNotify_VIEWTEACHERINFO .teacherInfo ul li:last-child{margin-bottom:0}
#comboCourse{background:#fec928;padding:22px 0 37px;position:relative;margin-top:60px;}
#comboCourse:before{content:"";height:41px;position:absolute;width:100%;top:-40px;background:url(../img/wave.png) repeat-x;left: 0;}
#comboCourse .titleCombo{display:block;font-size:36px;font-family:NunitoBlack,sans-serif;margin:0 auto;width:fit-content;color:#23437e}
#comboCourse .listCombo{display:flex;flex-wrap:wrap;justify-content:center;margin-top:48px;column-gap:12px;row-gap:24px}
#comboCourse .listCombo .boxComboCourse{background:#fff;border-radius:30px;border:2px solid;padding:83px 35px 45px;position:relative;width:600px}
#comboCourse .listCombo .boxComboCourse .stampSale{position:absolute;top:-36px;right:-74px;width:102px;height:102px;background:url(../img/stampSale.png) no-repeat center;font-size:24px;color:#ed3c5a;z-index:2;text-align:center;padding:18px}
#comboCourse .listCombo .boxComboCourse .wrapTitle{position:absolute;top:-5px;left:0;text-align:center;width:100%;color:#fff;font-family:NunitoBold,sans-serif}
#comboCourse .listCombo .boxComboCourse .wrapTitle span{font-family:NunitoBlack,sans-serif;background:#743380;color:#fae852;font-size:24px;padding:12px 24px;line-height:30px;border-radius:0 0 30px 30px;position:relative;text-transform:uppercase}
#comboCourse .listCombo .boxComboCourse .wrapTitle span::after,#comboCourse .listCombo .boxComboCourse .wrapTitle span::before{content:"";position:absolute;top:0}
#comboCourse .listCombo .boxComboCourse .wrapTitle span::before{border-top:17px solid transparent;border-bottom:0 solid transparent;border-right:11px solid #743380;left:-11px}
#comboCourse .listCombo .boxComboCourse .wrapTitle span::after{border-top:17px solid transparent;border-bottom:0 solid transparent;border-left:11px solid #743380;right:-11px}
#comboCourse .listCombo .boxComboCourse .origanalPrice{display:flex;align-items:center;font-size:22px;color:#5d5d5d;margin-bottom:6px;justify-content:center}
#comboCourse .listCombo .boxComboCourse .origanalPrice .onlyOne{padding:11px;position:relative;border-radius:7px;color:#f7d624;margin-right:10px;font-size:18px}
#comboCourse .listCombo .boxComboCourse .origanalPrice .onlyOne:after{content:"";position:absolute;bottom:-7px;left:50%;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:8px solid}
#comboCourse .listCombo .boxComboCourse .origanalPrice .monneys{text-decoration:line-through}
#comboCourse .listCombo .boxComboCourse .salePrice{font-size:54px;font-family:NunitoBlack,sans-serif;text-align:center}
#comboCourse .listCombo .boxComboCourse .wrapBtn{width:100%;text-align:center;padding-top:10px}
#comboCourse .listCombo .boxComboCourse .wrapBtn a{color:#fff;font-size:24px}
#comboCourse .listCombo .boxComboCourse .theHinge{max-width:348px;width:100%;position:absolute;bottom:0;height:10px;border-radius:99px 99px 0 0;left:50%;margin-left:-175px}
#comboCourse .listCombo .b1{border-color:#f7d624}
#comboCourse .listCombo .b1 .origanalPrice .onlyOne{background:#118663}
#comboCourse .listCombo .b1 .origanalPrice .onlyOne:after{border-top-color:#118663}
#comboCourse .listCombo .b1 .salePrice{color:#b6335f}
#comboCourse .listCombo .b1 .wrapBtn a{background:#b6335f;border:2px solid #b6335f;border-bottom:6px solid #b6335f}
#comboCourse .listCombo .b1 .theHinge{background:#f7d624}
#camKet{background:#3b4d65;padding:60px 0;margin-top:46px}
#camKet .wrapContent{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
#camKet .wrapContent .imageLeft{width:291px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
#camKet .wrapContent .rightText{width:calc(100% - 291px)}
#camKet .wrapContent .rightText p{font-size:30px}
#camKet .wrapContent .rightText p:nth-child(1){color:#fbc558;display:inline-block;border-bottom:3px solid #fff;margin-bottom:12px}
#camKet .wrapContent .rightText p:nth-child(2){color:#fff}
#sliderVideo{padding:25px 0 35px}
#sliderVideo .title{margin-bottom:24px}
#sliderVideo .bxsliderVideo div{display:flex;justify-content:center;column-gap:30px}
#sliderVideo .bxsliderVideo div img{width:calc(33.33% - 80px)}
#sliderVideo .sliderPC{display:block}
#sliderVideo .sliderMobi{display:none}
#sliderVideo .wrapSliderVideo{width:320px;margin:0 auto}
#listCourseStyle1 .content>div>div>div h3{-webkit-line-clamp:4}
#videoLeftStyle2>div{border:none}
#videoLeftStyle2>div .wrapperContent ul li{color:#253491;border:1px solid #e1e1e1;font-family:NunitoBold}
#videoLeftStyle2>div .wrapperContent div #btnVideoLeft{background:#ffe842;color:#253491;border:2px solid #253491}
.frameBtn{display:inline-block;padding:8px 32px;border:2px solid #000;border-bottom:6px solid #000;border-radius:7px;text-decoration:none}
.frameBtn:active{transform:scale(0.99) translateY(4px);border-bottom:2px solid #000}
#khoaTuyetPham{width:100%;max-width:1224px;padding:0 12px;margin:41px auto;overflow:hidden}
#khoaTuyetPham .wrapContent{display:flex;flex-wrap:wrap;margin-top:25px}
#khoaTuyetPham .wrapContent .rightContent{width:calc(65% - 24px);margin-right:24px}
#khoaTuyetPham .wrapContent .dowloadBlock{width:35%}
#khoaTuyetPham .wrapContent .dowloadBlock img{width:100%}
#khoaTuyetPham .wrapContent .rightContent li{list-style:none;display:flex;filter:drop-shadow(0px 0 3px rgba(44,44,44,.404));transition:all .4s;cursor:pointer}
#khoaTuyetPham .wrapContent .rightContent li:hover{transform:scale(1.01);filter:drop-shadow(0px 0 5px rgba(44,44,44,.404))}
#khoaTuyetPham .wrapContent .rightContent li p{background:#fff;margin-bottom:21px;border-radius:0 5px 5px 0;font-size:18px}
#khoaTuyetPham .wrapContent .rightContent li p.stt{font-size:36px;font-family:NunitoBold;display:flex;align-items:center;justify-content:center;width:103px;clip-path:polygon(25% 0,100% 0,100% 100%,25% 100%,0 50%);padding-left:21px}
#khoaTuyetPham .wrapContent .rightContent li p.desc{padding:21px 14px 21px 41px;width:calc(100% - 103px);position:relative;color:#262626}
#khoaTuyetPham .wrapContent .rightContent li p.desc::before{content:'';width:57px;height:57px;border-radius:99px;background:#fff;position:absolute;top:50%;left:-28px;margin-top:-28px;z-index:5}
#khoaTuyetPham .wrapContent .rightContent li:nth-child(1) p.stt{color:#ffc774}
#khoaTuyetPham .wrapContent .rightContent li:nth-child(1) p.desc{background:#ffc774}
#khoaTuyetPham .wrapContent .rightContent li:nth-child(2) p.stt{color:#8feaf3}
#khoaTuyetPham .wrapContent .rightContent li:nth-child(2) p.desc{background:#8feaf3}
#khoaTuyetPham .wrapContent .rightContent li:nth-child(3) p.stt{color:#ff8d82}
#khoaTuyetPham .wrapContent .rightContent li:nth-child(3) p.desc{background:#ff8d82}
#khoaTuyetPham .wrapContent .rightContent li:nth-child(4) p.stt{color:#b4da79}
#khoaTuyetPham .wrapContent .rightContent li:nth-child(4) p.desc{background:#b4da79}
#khoaTuyetPham .wrapContent .dowloadBlock{position:relative;overflow:hidden;border-radius:5px}
#khoaTuyetPham .wrapContent .dowloadBlock img{object-fit:cover;transition:all .4s}
#khoaTuyetPham .wrapContent .dowloadBlock .btnDowLoad{font-size:18px;width:126px;display:block;padding:6px 0;font-family:NunitoBold;text-decoration:none;background:#de3f52;position:absolute;bottom:12px;right:50%;margin-right:-63px;text-align:center;color:#fff;border-radius:5px}
#khoaTuyetPham .wrapContent .dowloadBlock .btnDowLoad:hover{background:#e94054}
.timeSale{background:url(../img/rangCuaTop.png) top repeat-x,url(../img/rangCuaBottom.png) bottom repeat-x,#fff799;overflow:hidden;padding:40px 12px}
[id^=popupNotify_]>div .buttonWrapper a{background:#6c51f4;font-weight:700;border:none;border-bottom:4px solid #5b43d5;font-size:14px;text-transform:uppercase;margin-top:11px;padding:9px 21px;color:#fff;border-radius:7px}
[id^=popupNotify_]>div h3{border:none;font-family:NunitoBold;font-size:24px;padding-top:28px;padding-bottom:13px}
div#popupNotify_VIEWDEMOVIDEO .buttonWrapper{display:none}
div#popupNotify_VIEWDEMOVIDEO .content .wrapVideo{padding-bottom:56.25%;height:100%;position:relative}
div#popupNotify_VIEWDEMOVIDEO .content{padding:10px}
div#popupNotify_VIEWDEMOVIDEO .content .wrapVideo iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#downloadApp{background:#fff;padding:37px 12px 0}
#downloadApp .title h3{text-transform:uppercase}
#downloadApp .wrapContent{display:grid;grid-template-columns:auto auto;justify-content:center;margin-top:22px}
#downloadApp .personQrcode{padding-right:20px}
#downloadApp .wrapDownloadApp .qrCode{grid-area:qrCode}
#downloadApp .wrapDownloadApp .appstore{grid-area:appstore}
#downloadApp .wrapDownloadApp .chPlay{grid-area:chPlay}
#downloadApp .wrapDownloadApp{display:grid;grid-template-areas:'qrCode appstore' 'qrCode chPlay';column-gap:30px;row-gap:4px}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{color:#fff;border-color:#fff}
#popupRequestAdvisory>div h3{background:#fec928;color:#175598;font-family:NunitoBold;}
#popupRequestAdvisory>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:#fff;background:#175598;border-bottom:4px solid #103760;cursor:pointer}
#popupRequestAdvisory>div>div input,#popupRequestAdvisory>div>div textarea{background:rgba(255,255,255,.3);color:#7057a9;border-radius:13px;padding:10px 15px;font-size:15px;border:1px solid #dbcbfd}
#popupRequestAdvisory>div>a{background:url(../img/iconClose.png) 0/contain no-repeat;width:20px;height:20px}
#popupRequestAdvisory>div>a>img{display:none}
#popupRequestAdvisory{z-index:99}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap.active{display:block}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap,#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap .teacherInfo{display:none}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .subjectWrap .teacherInfo:first-child{display:block}
#listTeacherOnRoadTrain{padding:40px 12px 36px;background:url(../img/waveWhiteTop.png) top repeat-x,url(../img/waveWhiteBottom.png) bottom repeat-x,#fec928}
#listTeacherOnRoadTrain .title{width:fit-content;margin:0 auto;text-align:center;color:#23437e;font-size:40px;font-family:NunitoBlack,sans-serif}
#listTeacherOnRoadTrain .contentListTeacher{margin-top:20px;display:grid;grid-template-columns:395px calc(100% - 395px)}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{display:none}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject{display:flex;margin-bottom:18px;font-size:24px;flex-wrap:wrap}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li{flex-grow:1;flex-basis:0}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a{display:block;text-align:center;text-decoration:none;color:#9e355e;position:relative;font-size:18px}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active{color:#9e355e;font-family:NunitoBlack,sans-serif}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active:after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #9e355e;position:absolute;bottom:-18px;left:50%;margin-left:-10px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent{align-items:center;text-align:center}
#listTeacherOnRoadTrain .contentListTeacher .leftContent .imageTecher img{margin-bottom:25px;width:100%;max-width:500px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent h3{color:#9e355e}
#listTeacherOnRoadTrain .contentListTeacher .rightContent{padding-left:24px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent ul{list-style:none}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{background:#fff;padding:17px;border-radius:7px;margin-bottom:27px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li{padding-left:31px;margin-bottom:10px;background:url(../img/iconCheck.png) left 4px no-repeat}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li:last-child{margin-bottom:0}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn{text-align:center}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn .btnStudyFree{font-size:24px;border:2px solid #882a4c;color:#fff;background:#882a4c}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:3;list-style:none;margin-top:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{display:inline-block;width:69px;height:69px;margin-left:12px;border-radius:99px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li a{display:block;width:100%;position:relative;filter:brightness(0.5)}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li.active a{filter:brightness(1)}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li.active a:after{content:"";width:15px;height:15px;background:url(../img/iconActiveBlue.png) center/contain no-repeat;position:absolute;right:5px;top:3px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{display:none}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher.active{display:block}
#listCourseStyle1{padding:24px calc((100% - 1200px)/2) 20px}
#listCourseStyle1 .title h3{margin:0 auto;text-align:center;padding:0;color:#0b8f8a;font-size:32px;background:0 0;clip-path:none}
#listCourseStyle1 .content{border:none}
#listCourseStyle1 .content>div.tab{padding-top:12px}
#listCourseStyle1 .content ul{background:0 0;position:static}
#listCourseStyle1 .content li a{font-weight:700;color:#882a4c}
#listCourseStyle1 .content>div>div>div>div{color:#8f8f8f}
#listCourseStyle1 .content>div>div>div h3{background:url(../img/tichVang.png) left 2px no-repeat}
#listCourseStyle1 .content>div>div>div>div p{font-size:16px}
#listCourseStyle1 .content>div>div>div>div.courseInfo{display:none}
#listCourseStyle1 .content>div>div>div>div.coursePrice{font-size:16px}
#listCourseStyle1 .content>div>div>div .coursePrice p span:not(.originPrice){color:#c02042}
#listCourseStyle1 .content>div>div>div>div.coursePrice span{font-family:NunitoBold,sans-serif}
#listCourseStyle1 .content>div>div>div>div .btnViewMore{font-family:NunitoBold,sans-serif;color:#b6335f;display:block;border:1px solid;padding:4px 12px;border-radius:6px;cursor:pointer}
.avatarSubject .imageTecher{display:none}
.avatarSubject .imageTecher:first-child{display:block}
.avatarSubject{display:none}
.avatarSubject.active{display:block}
#boSach{padding-top:24px}
#boSach .cacBoSach{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,120px);justify-content:center;column-gap:12px;cursor:pointer}
#boSach .cacBoSach li{border-radius:12px;position:relative;display:block}
#boSach .cacBoSach li:nth-child(1){background:linear-gradient(45deg,#71bf43,transparent)}
#boSach .cacBoSach li:nth-child(2){background:linear-gradient(45deg,#007fc6,transparent)}
#boSach .cacBoSach li:nth-child(3){background:linear-gradient(45deg,#ffd63e,transparent)}
#boSach .cacBoSach li.active::after{content:"";width:25px;height:25px;background:url(../img/ok.png) center/contain no-repeat;position:absolute;right:3px;bottom:3px}
#boSach .cacBoSach img{width:100%}
#boSach .block{display:none}
#boSach .block.active{display:block}
#boSach .t1 li a.active,#boSach .t1 li a:hover{background:#83c65a;font-weight:700}
#boSach .t1 li a:after{border-top:5px solid #83c65a;bottom:-4px}
#boSach .t1 .content>div>div>div>div.coursePrice a{border:1px solid #83c65a;color:#83c65a;padding:2px 10px;font-size:16px;border-radius:5px}
#boSach .t1 .content>div>div>div>div.coursePrice a.btnStudyDemo{margin-left:12px;background:#83c65a;color:#fff}
/*  */
#boSach .t2 li a.active,#boSach .t1 li a:hover{background:#2a94d0;font-weight:700}
#boSach .t2 li a:after{border-top:5px solid #2a94d0;bottom:-4px}
#boSach .t2 .content>div>div>div>div.coursePrice a{border:1px solid #2a94d0;color:#2a94d0;padding:2px 10px;font-size:16px;border-radius:5px}
#boSach .t2 .content>div>div>div>div.coursePrice a.btnStudyDemo{margin-left:12px;background:#2a94d0;color:#fff}
/*  */
#boSach .t3 li a.active,#boSach .t1 li a:hover{background:#ffd94e;font-weight:700;color:#0079c2;}
#boSach .t3 li a:after{border-top:5px solid #ffd94e;bottom:-4px}
#boSach .t3 .content>div>div>div>div.coursePrice a{border:1px solid #0079c2;color:#0079c2;padding:2px 10px;font-size:16px;border-radius:5px}
#boSach .t3 .content>div>div>div>div.coursePrice a.btnStudyDemo{margin-left:12px;background:#ffd94e;color:#0079c2}
/*  */
#baoChiNoiGi{background:url(../img/rangCuaTop.png) top repeat-x,url(../img/rangCuaBottom.png) bottom repeat-x,#fec928;padding:30px 0}
#magazine3 .title{font-family: NunitoBlack,sans-serif;color: #23437e;}
@media all and (max-width:1024px){#comboCourse .listCombo .boxComboCourse .stampSale{top:3px;right:-21px;width:80px;height:80px;background-size:cover;padding:16px 18px 18px 17px;font-size:18px}
#comboCourse .listCombo .b1{margin-right:80px}
.laptopVideo{top:0}
.laptop{width:calc(100% - 24px)}
#listTeacherOnRoadTrain .title,#roadTrainTHPT .title,#slideTopStudent .title{width:70%;margin:0 auto}
#listTeacherOnRoadTrain .contentListTeacher{grid-template-columns:100%;row-gap:24px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent{order:1}
#listTeacherOnRoadTrain .contentListTeacher .rightContent{order:3;padding-left:0}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{order:2;text-align:center;grid-column-start:unset;grid-column-end:unset;grid-row-start:unset;grid-row-end:unset}
#listTeacherOnRoadTrain .title{width:100%;margin:0 auto}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .tabSubject,#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active:after{display:none}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi {display:block}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi li{list-style:none;}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active{color:#fff;background:#9e355e;padding:5px;border-radius:20px}
#comboCourse .listCombo{display:flex;flex-wrap:wrap;justify-content:center;margin-top:48px;flex-direction:column;align-items:center}
#comboCourse .listCombo .b1{margin-right:0}
#comboCourse .listCombo .b2{margin-top:40px}
}
@media all and (max-width:768px){
.title h3,#listTeacherOnRoadTrain .title,#comboCourse .titleCombo{font-size:24px !important;}
#comboCourse{padding:29px 12px;margin-top:30px}
#comboCourse .listCombo{margin-top:0}
#comboCourse .listCombo .boxComboCourse .wrapTitle span{font-size:18px;padding:7px 16px 10px}
#comboCourse .listCombo .boxComboCourse{width:calc(360px - 24px);margin-top:35px;padding:60px 25px 30px}
#comboCourse .listCombo .boxComboCourse .origanalPrice{font-size:16px;margin-bottom:20px}
#comboCourse .listCombo .boxComboCourse .stampSale{top:15px;right:-12px;width:70px;height:70px;font-size:14px}
#comboCourse .listCombo .boxComboCourse .origanalPrice .onlyOne{padding:6px 8px;border-radius:8px;margin-right:22px;font-size:16px}
#comboCourse .listCombo .boxComboCourse .salePrice{font-size:41px;line-height:1.2}
#comboCourse .listCombo .boxComboCourse .wrapBtn{padding-top:18px}
#comboCourse .listCombo .boxComboCourse .wrapBtn a{font-size:18px}
#comboCourse .listCombo .boxComboCourse .theHinge{width:288px;left:50%;margin-left:-144px;height:8px}
#comboCourse .listCombo .boxComboCourse .wrapTitle{top:-12px}
#comboCourse .listCombo .b1{margin-right:0;margin-top:25px;max-width:400px;width:calc(100% - 12px)}
#camKet{padding:60px 12px}
#camKet .wrapContent .rightText{width:100%;text-align:center}
#camKet .wrapContent .imageLeft{width:100%;margin-bottom:20px}
#sliderVideo .sliderPC{display:none}
#sliderVideo .sliderMobi{display:block}
#normalHeader.png{background-image:url(../img/backgroundMobi.png),linear-gradient(88deg, #fcbc3b, #fe9929)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp),linear-gradient(88deg, #fcbc3b, #fe9929)}
#normalHeader{background-size:calc(100% + 67px);padding-bottom:18px}
#normalHeader .wrapperBanner{padding:0}
#normalHeader .wrapperBanner .banner{width:100%;flex-wrap:wrap}
#normalHeader .wrapperBanner .headerForm>form{margin-top:12px}
.laptopVideo .groupBtnRegister{margin-bottom:20px}
.laptopVideo .groupBtnRegister .btnStudyDemo{margin-right:20px}
div#showPrice .wrapPrice .boxPrice,div#showPrice .wrapPrice .boxPrice .inPrice .textPrice>a{transform:skew(0deg)}
.laptopVideo{width:100%;margin:0 auto;padding:24px 0}
#danhSachKhoaHoc .selectBox{width:calc(100% - 12px);margin:0 auto}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div{margin-left:0}
#formRequestAdvisoryTextLeft>div.content>.colLeft{width:80%;margin:0 auto}
#formRequestAdvisoryTextLeft>div.content>.colRight{width:100%}
#downloadApp .title h3 span{text-transform:uppercase!important}
#formRequestAdvisoryTextLeft>div.content>.colLeft>.image img{max-width:70%}
#downloadApp{padding:12px 0}
#downloadApp .personQrcode{display:none}
#downloadApp .wrapContent{margin-top:20px}
#downloadApp .wrapDownloadApp{column-gap:0;row-gap:35px}
#downloadApp .wrapDownloadApp .qrCode{text-align:center;width:100%}
#khoaTuyetPham .wrapContent .dowloadBlock,#khoaTuyetPham .wrapContent .rightContent{width:100%}
#khoaTuyetPham .wrapContent .rightContent{margin-right:0}
#khoaTuyetPham .wrapContent .rightContent li p.stt{font-size:24px;width:70px;padding-left:12px}
#khoaTuyetPham .wrapContent .rightContent li p.desc{width:calc(100% - 70px);padding:5px 5px 5px 24px}
#khoaTuyetPham .wrapContent .rightContent li p.desc::before{width:24px;height:24px;left:-12px;margin-top:-12px}
#khoaTuyetPham{margin:0 auto}
#khoaTuyetPham .wrapContent .dowloadBlock img{object-fit:contain;width:60%;margin:0 auto;display:block}
#khoaTuyetPham .wrapContent{margin-top:12px}
#downloadApp .wrapDownloadApp a img{padding-left:12px;width:100%}
#listTeacherOnRoadTrain .title,#roadTrainTHPT .title,#slideTopStudent .title,.laptopVideo .laptop .video{width:100%}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{width:59px;height:59px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li:first-child{margin-left:0}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{display:block;margin-bottom:30px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .tabSubject{display:none}
#listTeacherOnRoadTrain .contentListTeacher{margin-top:16px;row-gap:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject{margin-bottom:0;row-gap:6px;column-gap:6px;justify-self:center}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li{display:inline-block}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{white-space:nowrap}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi ul li.active a{position:relative}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi ul li.active a::after{content:"";display:block;width:30px;height:3px;background:#5f549b;position:absolute;left:50%;margin-left:-15px;bottom:-3px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{margin:0 12px 18px;padding:12px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent h3{font-size:18px}
#listTeacherOnRoadTrain .contentListTeacher .leftContent img{margin-bottom:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{margin-top:20px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn .btnStudyFree{font-size:18px}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a{font-size:20px;padding:10px 0}
#listCourseStyle1 .title h3 span{font-size:24px}
#normalHeader .wrapperBanner .banner .btnTimHieuThem{position:static;margin-bottom:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li{flex-grow:unset;flex-basis:unset;width:calc(33.33% - 4px)}
#listCourseStyle1 .content li{min-width:33.33%}
#boSach .cacBoSach{grid-template-columns:repeat(auto-fit,70px)}
#listTeacherOnRoadTrain .contentListTeacher .leftContent .imageTecher img {max-width: 50%}
}
@media all and (max-width:480px){
*{font-size:14px;}
#khoaTuyetPham .wrapContent .dowloadBlock .btnDowLoad,#khoaTuyetPham .wrapContent .rightContent li p.desc,#listTeacherStyle4>div .wrapperSubject>div .navTeacher a,#listTeacherStyle4>div .wrapperSubject>div .wrapperTeacher>div ul li,#listTeacherStyle4>ul li a,#videoLeft>div .wrapperContent ul li{font-size:14px}
#comboCourse .listCombo .boxComboCourse .wrapTitle span{font-size: 16px;top: -1px;}
#comboCourse .listCombo .boxComboCourse .salePrice{font-size:30px}
#comboCourse .listCombo .boxComboCourse .origanalPrice .onlyOne{font-size:12px}
#danhSachKhoaHoc #listTeacherStyle4>div .wrapperSubject>div .navTeacher a{font-size:18px}
.title h3, #listTeacherOnRoadTrain .title, #comboCourse .titleCombo,#formRequestAdvisoryTextLeft>div.content>.colRight h3 span,.title h3 span,#listCourseStyle1 .title h3 span,#listTeacherOnRoadTrain .title,#normalHeader .wrapperBanner .headerForm .formTitle,#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit,.title h3{font-size:18px!important}
#listCourseStyle1 .content>div>div>div .coursePrice p,#listCourseStyle1 .content>div>div>div>div.coursePrice a{font-size:14px}
#listCourseStyle1 .content>div>div>div .coursePrice p{margin-right:7px}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a{font-size:16px;}
#comboCourse .listCombo .boxComboCourse .gift{padding:16px 10px;border:1px dashed #ccc;position:relative;border-radius:12px;margin-top:32px;color:#5d5d5d}
#comboCourse .listCombo .boxComboCourse .gift .rowContent{display:flex;justify-content:space-around;margin-top:17px}
#comboCourse .listCombo .boxComboCourse .gift .rowContent>div{text-align:center}
#comboCourse .listCombo .boxComboCourse .gift .rowContent>div>img{max-width:86px}
#comboCourse .listCombo .boxComboCourse .gift .rowContent>div>.rowText{margin-top:10px;font-size:14px}
#comboCourse .listCombo .boxComboCourse .gift .rowTitle{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#ff9601;color:#fff;padding:5px 18px;text-transform:uppercase;width:max-content;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%)}
#camKet{padding:30px 12px}
#camKet .wrapContent .rightText{text-align:center}
#camKet .wrapContent .rightText p:nth-child(1),#camKet .wrapContent .rightText p:nth-child(2){font-size:16px}
.laptopVideo .wrapAnimation{padding:24px 0}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{grid-template-columns:auto auto auto auto auto;margin-top:10px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{margin-left:0}
#listTeacherOnRoadTrain .title{padding:12px}
#normalHeader .wrapperBanner .headerForm>form::before{right:0}
#khoaTuyetPham .wrapContent .dowloadBlock img{width:50%;}
#khoaTuyetPham{padding:12px}
#sliderVideo .title{margin-bottom:12px;}
#normalHeader .wrapperBanner .headerForm>form{width:calc(100% - 24px)}
#normalHeader .wrapperBanner .headerForm .formTitle{margin-bottom:12px}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select,#normalHeader .wrapperBanner .headerForm form textarea{padding:7px 12px;margin-bottom:12px}
}

#demoLessonContainer{padding:30px 0}
#demoLessonContainer h3.title{font-size: 50px;font-family: NunitoBlack, sans-serif, sans-serif;color: #fff;}
#demoLessonContainer{background: no-repeat top left url(../img/texture-course-blue-top.png), no-repeat bottom right url(../img/texture-course-blue-bottom.png), #0081da;}
#demoLessonContainer #demoLesson{padding-bottom:0;}
#demoLesson .content .lessons ul li a div p:first-child{text-align:left}
#demoLessonContainer #demoLesson .content{background:#fff;border:1px solid #000}
#demoLessonContainer #demoLesson .content .lessons ul li a.active{background:#f7d21f}
#demoLessonContainer #demoLesson .title{padding-bottom:0;}
#demoLessonContainer #demoLesson .title>div>a{display:none}
#demoLessonContainer #demoLesson .title>div ul{padding:0;display:flex!important;flex-wrap:wrap;position:relative;background:0 0;justify-content:center;column-gap:12px;row-gap:12px}
#demoLessonContainer #demoLesson .title>div ul li{width:103px;}
#demoLessonContainer #demoLesson .title>div ul li a{text-shadow:none;font-size:20px;background:#fff;border:2px solid #1f5ca3;color:#0769c3;padding:12px 24px;border-radius:10px;font-family:Nunito}
#demoLessonContainer #demoLesson .title>div ul li a:hover,#demoLessonContainer #demoLesson .title>div ul li a.active{background: #fff4a8;color: #0769c3;}
#demoLessonContainer #demoLesson .title>div{position:relative;top:0;width:100%}
#demoLessonContainer #demoLesson .title>div ul{display:none !important}
@media all and (max-width:480px){
    #demoLessonContainer h3.title{font-size: 18px;font-family: NunitoBlack, sans-serif, sans-serif;color: #fff;}
    #demoLesson .content .lessons ul li a{background:#f5f5f5}
    #demoLesson{padding:0}
    #demoLessonContainer #demoLesson .title>div ul{column-gap: 5px;padding:0}
    #demoLessonContainer #demoLesson .title>div ul li a{padding: 6px 10px;font-size:14px}
    #demoLessonContainer{padding:12px 0}
}