@font-face{font-family:UTMAVO;src:url(../../../font/utmavo-regular2.ttf);src:url(../../../font/utmavo-regular2.woff) format("woff");font-display:swap}
@font-face{font-family:UTMAVOBold;src:url(../../../font/utmavo-bold2.ttf);src:url(../../../font/utmavo-bold2.woff) format("woff");font-display:swap}
*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
body{font-family:UTMAVO,sans-serif;font-size:18px;-webkit-text-size-adjust:100%}
html{font-family:UTMAVO,sans-serif;font-size:18px;-webkit-text-size-adjust:100%}
img{vertical-align:middle;max-width:100%}
.bold{font-family:UTMAVOBold,sans-serif}
.container{width:100%;max-width:1224px;margin:0 auto;padding:0 12px}
.pc{display:block}
.mobi{display:none}
.red{color:#fe0000}
.title{margin:0 auto 24px}
#hocSinhMongMuon .title.pc{width:90%}
#dongHanhCung2k7 .title.pc{width:70%}
#theCompanition .title.pc{width:73%}
#listCourse .title.pc{width:65%}
#threeItemBlock .title.pc{width:68%}
#comment .title.pc{width:20%}
#normalHeader{margin-top:56px;position:relative;background-position:center 0}
#normalHeader .wrapperBanner{padding:27px 0 24px;position:relative;z-index:20;align-items:center}
#normalHeader .wrapperBanner .banner{cursor:pointer;align-items:flex-start;width:calc(100% - 331px);position:relative}
#normalHeader .wrapperBanner .banner img{position:relative;z-index:1}
#normalHeader .wrapperBanner .headerForm{width:331px;padding:121px 8px 30px;background:#fff;border-radius:31px;border:4px solid #003c96;position:relative}
#normalHeader .wrapperBanner .headerForm #imgForm{width:95%;position:absolute;top:-14%;left:8px;display:block;margin:0 auto}
#normalHeader .wrapperBanner .headerForm .formTitle{margin-top:5px;font-size:19px;color:#00546e;font-family:UTMAVOBold;margin-bottom:8px}
#normalHeader .wrapperBanner .headerForm form input{border:none;margin-bottom:12px;background:#ebebeb}
#normalHeader .wrapperBanner .headerForm form input::placeholder{color:#686868!important}
#normalHeader .wrapperBanner .headerForm form input:focus{color:#686868;border-bottom:1px solid #686868}
#normalHeader .wrapperBanner .headerForm form select{border:none;margin-bottom:12px;background:#ebebeb}
#normalHeader .wrapperBanner .headerForm form select::placeholder{color:#686868!important}
#normalHeader .wrapperBanner .headerForm form select:focus{color:#686868;border-bottom:1px solid #686868}
#normalHeader .wrapperBanner .headerForm form>div{text-align:center;position:absolute;width:100%;left:0;bottom:-21px}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{background:#ff5f21;color:#fff;border-bottom:4px solid #db9362;font-size:20px;cursor:pointer;padding:7px 32px;border-radius:7px;margin-top:0}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit:hover{color:#ffffa5}
#normalHeader .header{background:#fff;position:absolute;z-index:10;top:-56px;width:100%}
#normalHeader .header>div{position:relative;z-index:10}
#normalHeader .header>div>ul .hotline a{background:url(../img/hotLine2.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 a{color:#00546e}
#normalHeader .header>div>ul>li:not(:first-child)>a{background-size:19px}
#normalHeader .txtWarning{font-size:16px;text-align:center;color:#00546e}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
.title{text-align:center;margin-bottom:24px;font-size:40px;color:#00489c}
#chuongTrinhMoi{padding:24px 0}
#chuongTrinhMoi ul{list-style:none}
#chuongTrinhMoi .tabs{display:flex;justify-content:center;row-gap:12px;column-gap:12px}
#chuongTrinhMoi .tabs .subject{display:block;border-radius:99px;padding:12px 24px;color:#00489c;background:#c7f5ff;cursor:pointer}
#chuongTrinhMoi .tabs .subject.active{color:#fff;background:#ff6021;transition:.2s all}
#chuongTrinhMoi .tabs .subject:hover{background:#ff6021;color:#fff}
#chuongTrinhMoi .description{display:none;flex-direction:column;row-gap:24px;margin-top:24px;margin-bottom:24px}
#chuongTrinhMoi .description.active{display:flex}
#chuongTrinhMoi .description li{display:flex;padding:10px;box-shadow:0 0 5px 2px #cccccc54;min-height:118px;border-radius:12px}
#chuongTrinhMoi .description li .index{width:270px;display:flex;align-items:center;padding-left:95px}
#chuongTrinhMoi .description li .txt{width:calc(100% - 270px);border-left:2px solid #00489c;padding-left:12px;margin-left:12px;display:flex;align-items:center}
#chuongTrinhMoi .description li.item1 .index{background:no-repeat url(../img/light.png);background-position:left}
#chuongTrinhMoi .description li.item2 .index{background:no-repeat url(../img/book.png);background-position:left}
#chuongTrinhMoi .description li.item3 .index{background:no-repeat url(../img/hand.png);background-position:left}
#chuongTrinhMoi .btnGiaiPhap{width:fit-content;display:block;margin:0 auto;padding:12px 24px;border:4px solid #fff;box-shadow:0 0 5px 2px #ccc;color:#fff;background:#ff5f21;border-radius:12px;text-decoration:none;font-size:24px}
#chuongTrinhMoi .btnGiaiPhap:hover{background:#db551f;transition:.2s all}
#loTrinhChuan{padding:24px 0 24px;background:no-repeat url(../img/texture-star.png)}
#loTrinhChuan ul{list-style:none}
#loTrinhChuan .tabs{display:flex;margin-bottom:60px;margin-top:80px}
#loTrinhChuan .tabs li{width:33.33%;position:relative}
#loTrinhChuan .tabs li .content{text-align:center;padding:12px;background:#d7d7d7;color:#343434;clip-path:polygon(95% 0,100% 50%,95% 100%,0 100%,5% 50%,0 0);cursor:pointer;transition:all .2s}
#loTrinhChuan .tabs li .content.active{background:#ff9625;color:#fff}
#loTrinhChuan .tabs li .gd{font-family:UTMAVOBold,sans-serif}
#loTrinhChuan .tabs li .dateTime{position:absolute;top:-115%;z-index:5}
#loTrinhChuan .tabs li .dateTime.thang9{margin-left:-22%}
#loTrinhChuan .tabs li .dateTime.thang22025{margin-left:-22%}
#loTrinhChuan .tabs li .dateTime.thang52025{right:0}
#loTrinhChuan .route{display:flex;column-gap:33px;margin-bottom:60px}
#loTrinhChuan .route .step{width:33.33%;border:1px solid #d7d7d7;border-radius:30px;overflow:hidden;background:#fff}
#loTrinhChuan .route .step h3{font-size:22px;text-align:center;background:#d7d7d7;color:#343434;padding:12px}
#loTrinhChuan .route .step .description{display:flex;flex-direction:column;row-gap:10px;padding:12px}
#loTrinhChuan .route .step .description li .index{text-decoration:underline;margin-bottom:10px}
#loTrinhChuan .route .step.active{transform:scale(1.1);border:1px solid #00489c}
#loTrinhChuan .route .step.active h3{background:#00489c;color:#fff}
#loTrinhChuan .dacQuyencua2k10{display:flex;row-gap:12px;column-gap:12px}
#loTrinhChuan .dacQuyencua2k10 .item{width:20%;box-shadow:0 0 5px 2px #ccc;border-radius:12px;padding:12px;display:flex;align-items:center;flex-direction:column;row-gap:7px;position:relative;background:#fff}
#loTrinhChuan .dacQuyencua2k10 .item img{width:98px;height:98px;background:#fff}
#loTrinhChuan .dacQuyencua2k10 .item::after{content:"";width:200px;height:7px;background:red;border-radius:0 0 5px 5px;position:absolute;bottom:-7px;left:50%;margin-left:-100px}
#loTrinhChuan .dacQuyencua2k10 .item.live::after{background:#c3dd9d}
#loTrinhChuan .dacQuyencua2k10 .item.exam::after{background:#67aac1}
#loTrinhChuan .dacQuyencua2k10 .item.onlineCourse::after{background:#f5d270}
#loTrinhChuan .dacQuyencua2k10 .item.customerService::after{background:#b96f3e}
#loTrinhChuan .dacQuyencua2k10 .item.onlineLearning::after{background:#f5989d}
#loTrinhChuan .groupBtnAction{display:flex;justify-content:center;column-gap:24px}
#loTrinhChuan .groupBtnAction .btn{width:fit-content;display:block;padding:12px 24px;border:4px solid #fff;box-shadow:0 0 5px 2px #ccc;color:#fff;background:#ff5f21;border-radius:12px;text-decoration:none;font-size:24px;margin-top:36px}
#loTrinhChuan .groupBtnAction .btnConsulting{color:#fff;background:#00489c}
#loTrinhChuan .groupBtnAction .btnBuyNow{color:#fff;background:#ff5f21}
#theCompanition{padding:24px 0}
#theCompanition .infoTeacher{max-width:380px}
#theCompanition .avatar{text-align:center}
#theCompanition .desc{list-style:none;display:flex;flex-direction:column;row-gap:13px;border:1px dashed;padding:12px;margin-top:14px;border-radius:20px}
#theCompanition .desc li{background:url(../img/make-up.png) no-repeat;padding-left:31px;font-size:14px}
#theCompanition .tabs_control{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:20px;list-style:none;justify-content:flex-start;margin-bottom:20px;font-size:24px;background:#8dd1e8;overflow:hidden;border-radius:99px}
#theCompanition .tabs_control li{text-align:center;padding:6px 24px;cursor:pointer;width:calc(16.66% - 17px);color:#343434;font-size:15px}
#theCompanition .tabs_control li.active{border:2px solid transparent;background:#e86f2e;color:#fff;border-radius:99px}
#theCompanition .tabs_subject{visibility:hidden;height:0;overflow:hidden}
#theCompanition .tabs_subject.active{visibility:visible;height:max-content;overflow:unset}
#theCompanition .listTeacher::after{content:"";display:block;clear:both}
#theCompanition .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:4;position:absolute;width:100%;top:47%}
#theCompanition .bx-controls-direction a.bx-prev{margin-left:-12px}
#theCompanition .bx-controls-direction a.bx-next{margin-right:-12px}
#theCompanition .bx-wrapper{position:relative;margin:0 auto}
#theCompanition .btnGiaiPhap{width:fit-content;display:block;margin:24PX auto 0;padding:12px 24px;border:4px solid #fff;box-shadow:0 0 5px 2px #ccc;color:#fff;background:#ff5f21;border-radius:12px;text-decoration:none;font-size:24px}
#theCompanition .btnGiaiPhap:hover{background:#db551f;transition:.2s all}
.tabs_control_subject{visibility:hidden;height:0;overflow:hidden}
.tabs_control_subject.active{visibility:visible;height:max-content;overflow:unset}
#viewListCourse{padding:30px 0;overflow:hidden;background:no-repeat url(../img/texture-khoa-hoc.png)}
#viewListCourse .tabSubject{margin:24px 0;display:flex;list-style:none;flex-wrap:wrap;column-gap:12px;row-gap:12px}
#viewListCourse .tabSubject li{flex-grow:1;flex-basis:0}
#viewListCourse .tabSubject li a{padding:8px 0;display:block;text-align:center;text-decoration:none;font-size:18px;color:#fff;background:#66a8bf;border-radius:99px}
#viewListCourse .tabSubject li a:hover{background:#00489c;border-radius:99px;color:#fff}
#viewListCourse .tabSubject li.active a{background:#00489c;border-radius:99px;font-weight:700;color:#fff}
#viewListCourse .scrollTab{margin-bottom:24px}
#viewListCourse .scrollTab .listCourse{display:flex;justify-content:center}
#viewListCourse .scrollTab .listCourse a{min-width:200px;text-align:center;color:#fff;border:2px solid #ffa1c4;margin-left:24px;padding-bottom:12px;font-size:18px;display:block;width:fit-content;background:#ffa1c4}
#viewListCourse .scrollTab .listCourse a:first-child{margin-left:0}
#viewListCourse .scrollTab .listCourse a.active{background:#ec365c;color:#fff;border:2px solid #ec365c;position:relative}
#viewListCourse .scrollTab .listCourse a.active::before{content:"";border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid #ec365c;position:absolute;bottom:-13px;left:50%;display:block;margin-left:-7px}
#viewListCourse .viewCourse .item{column-gap:12px;display:flex;margin-bottom:24px;border-bottom:2px dashed #c2c2c2;padding-bottom:24px}
#viewListCourse .viewCourse .item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
#viewListCourse .viewCourse .item .laptop{width:calc(50% + 26px)}
#viewListCourse .viewCourse .item .laptop .video{border-radius:30px;overflow:hidden;text-align:center}
#viewListCourse .viewCourse .item .laptop .video img{height:280px;object-fit:contain}
#viewListCourse .viewCourse .item .rightContent{width:calc(50% - 12px);display:flex;flex-direction:column;justify-content:space-between}
#viewListCourse .viewCourse .item .rightContent h3{margin-bottom:12px;font-size:18px}
#viewListCourse .viewCourse .item .rightContent ul{list-style:none}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child){padding-left:25px;background:url(../img/star.png) no-repeat left;margin-bottom:12px}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child) a{text-decoration:none;color:#1c7ce7}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child):last-child{margin-bottom:0}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child) span{padding-right:20px}
#viewListCourse .viewCourse .item .rightContent ul li:not(li:first-child) span:last-child{padding-right:0}
#viewListCourse .viewCourse .item .rightContent .groupBtn .frameBtn{font-size:24px;box-shadow:0 0 5px 2px #ccc}
#viewListCourse .viewCourse .item .rightContent .groupBtn .btnStudyFree{border:2px solid #1f41a8;color:#fff;margin-right:24px;background:#00489c;border:1px solid #fff}
#viewListCourse .viewCourse .item .rightContent .groupBtn .watchCourse{background:#ff5f21;color:#fff;border:2px solid #959595;border:1px solid #fff}
#viewListCourse .courseInfo{display:none}
#viewListCourse .courseInfo .viewCourse{display:none}
#viewListCourse .courseInfo .viewCourse.active{display:block}
#viewListCourse .courseInfo.active{display:block}
#viewListCourse .frameBtn{display:inline-block;padding:8px 20px;border-radius:12px;text-decoration:none;font-family:UTMAVO,sans-serif}
#viewListCourse .laptop{width:958px;position:relative;display:flex;align-items:center;justify-content:center}
#viewListCourse .laptop .video{width:94%;position:absolute}
#popupListCourse4{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);z-index:888;display:none;justify-content:center;align-items:center}
#popupListCourse4 .popup{position:relative;width:50%;background:#fff;border-radius:10px}
#popupListCourse4 .popup>a{position:absolute;top:12px;right:12px;z-index:1}
#popupListCourse4 .popup>div{position:relative;height:0;padding-bottom:56.25%}
#popupListCourse4 .popup>div>iframe{position:absolute;width:100%;height:100%;border-radius:10px}
#popupRequestAdvisory{z-index:99}
#popupRequestAdvisory>div h3{background:#add367;color:#fff}
#popupRequestAdvisory>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:#fff59e;background:#00489c;border:2px solid #fff;cursor:pointer}
#popupRequestAdvisory>div>div input{background:rgba(255,255,255,.3);color:#7057a9;border-radius:13px;padding:10px 15px;font-size:15px;border:1px solid #dbcbfd}
#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}
[id^=popupNotify_]>div h3{background:url(../img/texture-vutru.png) 100%/cover,#69b4ff;color:#fff}
.wrapBackground{background:no-repeat url(../img/texture-thanh-tich.png)}
#listCombo{padding:24px 0}
#listCombo ul{list-style:none}
#listCombo .title{margin-bottom:60px}
#listCombo ul.content{display:flex;justify-content:center;flex-wrap:wrap;row-gap:66px;column-gap:45px}
#listCombo ul.content .item{width:100%;max-width:320px;border-radius:15px;padding:24px;text-align:center;position:relative;display:flex;flex-direction:column;justify-content:space-around}
#listCombo ul.content .item .iconSlogan{position:absolute;left:-8px;top:-18%}
#listCombo ul.content .item .titleCombo{font-size:24px;color:#fff}
#listCombo ul.content .item .textSubjects{margin-bottom:10px;color:#fff}
#listCombo ul.content .item .priceDescription{background:#fff;border-radius:0 0 30px 30px;padding:12px 0 46px;position:relative;overflow:hidden;box-shadow:0 0 5px 2px #00000047}
#listCombo ul.content .item .tagSale{position:absolute;background:red;padding:5px 0;font-size:14px;color:#fff;transform:rotate(322deg);left:-28px;top:5px;width:100px}
#listCombo ul.content .item .txtPriceSale{font-size:22px}
#listCombo ul.content .item .priceSale{font-size:40px;line-height:40px}
#listCombo ul.content .item .btnBuyCombo{width:200px;border-radius:17px 17px 0 0;color:#fff;text-decoration:none;font-size:24px;position:absolute;bottom:0;left:50%;margin-left:-100px;padding:7px 0;box-shadow:0 0 5px 2px #00000047}
#listCombo ul.content .item.combo1{background:#3d9def}
#listCombo ul.content .item.combo1 .priceDescription .priceSale,#listCombo ul.content .item.combo1 .priceDescription .txtPriceSale{color:#3d9def}
#listCombo ul.content .item.combo1 .btnBuyCombo{background:#3d9def}
#listCombo ul.content .item.combo2{background:#80bd57}
#listCombo ul.content .item.combo2 .priceDescription .priceSale,#listCombo ul.content .item.combo2 .priceDescription .txtPriceSale{color:#80bd57}
#listCombo ul.content .item.combo2 .btnBuyCombo{background:#80bd57}
#listCombo ul.content .item.combo3{background:#8d78d3}
#listCombo ul.content .item.combo3 .priceDescription .priceSale,#listCombo ul.content .item.combo3 .priceDescription .txtPriceSale{color:#8d78d3}
#listCombo ul.content .item.combo3 .btnBuyCombo{background:#8d78d3}
#listCombo ul.content .item.combo4{background:#fd9525}
#listCombo ul.content .item.combo4 .priceDescription .priceSale,#listCombo ul.content .item.combo4 .priceDescription .txtPriceSale{color:#fd9525}
#listCombo ul.content .item.combo4 .btnBuyCombo{background:#fd9525}
#listCombo ul.content .item.combo5{background:#a186be}
#listCombo ul.content .item.combo5 .priceDescription .priceSale,#listCombo ul.content .item.combo5 .priceDescription .txtPriceSale{color:#a186be}
#listCombo ul.content .item.combo5 .btnBuyCombo{background:#a186be}
#listCombo ul.content .item.combo6{background:#e84e54}
#listCombo ul.content .item.combo6 .priceDescription .priceSale,#listCombo ul.content .item.combo6 .priceDescription .txtPriceSale{color:#e84e54}
#listCombo ul.content .item.combo6 .btnBuyCombo{background:#e84e54}
#thanhTichCuaHocSinh{padding:24px 0}
#thanhTichCuaHocSinh ul{list-style:none}
#thanhTichCuaHocSinh .thanhTich{display:flex;flex-wrap:wrap;row-gap:33px;column-gap:33px}
#thanhTichCuaHocSinh .thanhTich .wrapPC{width:100%;display:flex;flex-wrap:wrap;row-gap:33px;column-gap:33px;padding-bottom:30px;justify-content:center}
#thanhTichCuaHocSinh .thanhTich .item{width:100%;max-width:375px;padding-top:78px}
#thanhTichCuaHocSinh .thanhTich .item div.wrap{position:relative;border:2px solid #00489c;text-align:center;border-radius:20px;box-shadow:5px 5px 0 5px #00489c;padding:88px 12px 24px;background:#fff}
#thanhTichCuaHocSinh .thanhTich .item div.wrap .avatar{position:absolute;left:50%;margin-left:-75px;top:-40%;border-radius:99px}
#thanhTichCuaHocSinh .thanhTich .item div.wrap .name{font-size:22px;color:#00489c}
#thanhTichCuaHocSinh .thanhTich .item div.wrap .point{color:red}
#thanhTichCuaHocSinh .btnXemThanhTich{width:fit-content;display:block;margin:24PX auto 0;padding:12px 24px;border:4px solid #fff;box-shadow:0 0 5px 2px #ccc;color:#fff;background:#ff5f21;border-radius:12px;text-decoration:none;font-size:24px}
.sliderThanhTichPC{display:block}
.sliderThanhTichMobi{display:none}
.sliderThanhTichPC .bx-pager{display:flex;justify-content:center;column-gap:24px;margin-top:24px}
#camNhanCuaHocSinh a.bx-pager-link,#thanhTichCuaHocSinh a.bx-pager-link{width:30px;height:30px;text-align:center;background:#fff;color:#00489c;text-decoration:none;display:block}
#camNhanCuaHocSinh a.bx-pager-link.active,#thanhTichCuaHocSinh a.bx-pager-link.active{background:#00489c;color:#fff}
#camNhanCuaHocSinh{padding:24px 0}
#camNhanCuaHocSinh .listImagePC{list-style:none}
#camNhanCuaHocSinh .listImagePC li{width:calc(25% - 9px)}
#camNhanCuaHocSinh .listImagePC li img{width:100%;border-radius:15px;transition:all .4s}
#camNhanCuaHocSinh .sliderMobi{display:none;list-style:none}
#camNhanCuaHocSinh .sliderPC{margin:0 auto}
#camNhanCuaHocSinh .sliderPC .bx-pager.bx-default-pager{display:flex;justify-content:center;column-gap:24px;margin-top:24px}
#camNhanCuaHocSinh .title h3{color:#168288!important}
#magazine3 .posts .title.pc{width:80%}
#magazine3 .achievement{padding:0 calc((100% - 1224px)/ 2) 12px}
#magazine3 .achievement .title.pc{width:90%}
#magazine3 .wrap{padding:24px calc((100% - 1224px)/ 2)}
#magazine3 .CompanysCooperated{margin-bottom:0}
@media all and (max-width:1024px){
#normalHeader .wrapperBanner .headerForm #imgForm{width:75%;top:-5%;left:50%;margin-left:calc(-75% / 2)}
#theCompanition .infoTeacher{min-height:auto}
#theCompanition .bx-controls-direction a.bx-prev{margin-left:-5px}
#theCompanition .bx-controls-direction a.bx-next{margin-right:-5px}
#listCombo ul.content{justify-content:center}
#thanhTichCuaHocSinh .thanhTich{justify-content:center}
#magazine3 .achievement{padding:12px}
#magazine3 .wrap{padding:12px}
}
@media all and (max-width:768px){
.pc{display:none}
.mobi{display:block}
.title{margin-bottom:24px;font-size:24px;flex-wrap:wrap}
#normalHeader{margin-top:40px;background-size:contain,contain;background-color:#e2f0f3;background-position:top,bottom}
#normalHeader .header{top:-40px}
#normalHeader .wrapperBanner{flex-direction:column;padding:0 0 40px 0}
#normalHeader .wrapperBanner .banner{width:100%}
#normalHeader .wrapperBanner .banner #ufo{top:-13%}
#normalHeader .wrapperBanner .headerForm{background:#fff;border-radius:25px;border:4px solid #003e97;margin-top:45px}
#normalHeader .wrapperBanner .headerForm .formTitle{margin-bottom:0}
#normalHeader .wrapperBanner .headerForm{max-width:343px;width:auto}
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}
#chuongTrinhMoi .tabs{display:flex;justify-content:flex-start;row-gap:12px;column-gap:12px;flex-wrap:wrap}
#chuongTrinhMoi .tabs .subject{width:calc(33.33% - 12px);text-align:center}
#chuongTrinhMoi .description li{flex-direction:column}
#chuongTrinhMoi .description li .index{width:100%;min-height:70px;padding-left:76px;background-size:60px!important}
#chuongTrinhMoi .description li .txt{width:100%;border-top:2px solid #00489c;padding-top:12px;border-left:unset;padding-left:0;margin-left:0}
#chuongTrinhMoi .btnGiaiPhap{font-size:18px}
#loTrinhChuan .tabs{margin-top:0;flex-direction:column;margin-bottom:12px;display:none}
#loTrinhChuan .tabs li{width:100%}
#loTrinhChuan .tabs li .dateTime{display:none}
#loTrinhChuan .tabs li .content.active{display:block}
#loTrinhChuan .tabs li .content{display:none}
#loTrinhChuan .bx-default-pager{display:flex;justify-content:space-between;column-gap:12px;margin-bottom:12px;position:absolute;top:-44px;width:100%}
#loTrinhChuan .bx-default-pager .bx-pager-item{width:calc(33.33% - 12px);text-align:center;padding-bottom:5px}
#loTrinhChuan .bx-default-pager .bx-pager-item a{text-decoration:none;font-family:UTMAVOBold,sans-serif;color:#333}
#loTrinhChuan .bx-default-pager .bx-pager-item a.active{color:#db551f;border-bottom:2px solid #db551f}
#loTrinhChuan .route{display:block}
#loTrinhChuan .sliderMobiRoute{position:relative;margin-bottom:12px;margin-top:60px;max-width:100%!important}
#loTrinhChuan .bx-controls-direction{position:absolute;width:100%;top:50%;z-index:2;display:flex;justify-content:space-between}
#loTrinhChuan .dacQuyencua2k10{flex-wrap:wrap;flex-direction:column}
#loTrinhChuan .dacQuyencua2k10 .item{width:100%;flex-direction:row}
#loTrinhChuan .dacQuyencua2k10 .item .text{padding-left:12px}
#loTrinhChuan .dacQuyencua2k10 .item img{width:80px;height:80px}
#loTrinhChuan .groupBtnAction .btn{font-size:18px;margin-top:31px}
#loTrinhChuan .route .step.active{transform:scale(1);border:none}
#loTrinhChuan .route .step.active .content{background:#ff9625;color:#fff}
#loTrinhChuan .route .step.active .wrap{border:1px solid #00489c}
#loTrinhChuan .route .step{border:none;border-radius:unset;background:0 0}
#loTrinhChuan .route .step h3{font-size:18px}
#loTrinhChuan .route .step .content{text-align:center;padding:12px;background:#d7d7d7;color:#343434;clip-path:polygon(95% 0,100% 50%,95% 100%,0 100%,5% 50%,0 0)}
#loTrinhChuan .route .step .wrap{overflow:hidden;background:#fff;margin-top:12px;border-radius:30px;border:1px solid #555}
#theCompanition{padding:12px 0}
#theCompanition .tabs_control{column-gap:12px;row-gap:12px;background:unset;overflow:visible;border-radius:0}
#theCompanition .tabs_control li{min-width:calc(33.33% - 8px);background:#8dd1e8;border-radius:99px}
#theCompanition .tabs_control li.active{border:none}
#theCompanition .btnGiaiPhap{font-size:18px}
#viewListCourse .tabSubject li{flex-grow:0;flex-basis:calc(33.33% - 8px)}
#viewListCourse .scrollTab .listCourse a{font-size:16px;min-width:100px}
#viewListCourse .viewCourse .item{flex-wrap:wrap;row-gap:12px}
#viewListCourse .viewCourse .item .laptop,#viewListCourse .viewCourse .item .rightContent{width:100%}
#viewListCourse .viewCourse .item .rightContent .groupBtn{text-align:center;padding:16px 0 0}
#viewListCourse .viewCourse .item .laptop .video{height:78%}
#viewListCourse .viewCourse .item .laptop .video .imgDemo{width:100%;height:100%}
#viewListCourse .viewCourse .item .laptop .video .imgDemo img{width:100%;height:100%}
#viewListCourse .viewCourse .item .rightContent h3{font-size:16px}
#viewListCourse .viewCourse .item .rightContent .groupBtn .frameBtn{font-size:16px;padding:7px 12px}
#viewListCourse .viewCourse .item .rightContent .groupBtn .btnStudyFree{margin-right:12px}
#camNhanCuaHocSinh .listImagePC{display:none}
#camNhanCuaHocSinh .sliderMobi{display:block;margin:0 auto;position:relative}
#camNhanCuaHocSinh .sliderPC{display:none}
#camNhanCuaHocSinh .bx-controls.bx-has-controls-direction{position:absolute;width:100%;top:50%}
#camNhanCuaHocSinh .bx-controls-direction{width:100%;display:flex;justify-content:space-between}
#camNhanCuaHocSinh .bx-controls-direction .bx-prev{margin-left:-12px}
#camNhanCuaHocSinh .bx-controls-direction .bx-next{margin-right:-12px}
.sliderThanhTichPC{display:none}
.sliderThanhTichMobi{display:block;position:relative}
#listCombo .sliderComboMobi{position:relative}
#listCombo .sliderComboMobi .bx-viewport{padding-top:150px}
#listCombo .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:4;position:absolute;width:100%;top:50%}
#listCombo ul.content{column-gap:12px;row-gap:0}
#listCombo .title{margin-bottom:12px}
#listCombo .custom-pager{margin-top:20px}
#listCombo .custom-pager a{display:inline-block;width:10px;height:10px;background-color:#ccc;margin:0 5px;border-radius:50%;cursor:pointer}
#listCombo .custom-pager a.active{background-color:#333}
#listCombo .bx-default-pager{position:absolute;top:0;display:flex;flex-wrap:wrap;column-gap:12px;row-gap:12px}
#listCombo .bx-default-pager .bx-pager-item{width:calc(33.33% - 8px)}
#listCombo .bx-pager-link{display:block;text-align:center;color:#787878;text-decoration:none;font-family:UTMAVOBold,sans-serif}
#listCombo .bx-pager-link.active{color:#1c7ce7;border-bottom:3px solid #1c7ce7}
#thanhTichCuaHocSinh .sliderThanhTich{position:relative}
#thanhTichCuaHocSinh .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:4;position:absolute;width:100%;top:50%}
#thanhTichCuaHocSinh .thanhTich .item{padding-bottom:10px}
#thanhTichCuaHocSinh .thanhTich{column-gap:0}
#thanhTichCuaHocSinh .thanhTich .item{width:auto}
#thanhTichCuaHocSinh .btnXemThanhTich{font-size:18px}
}
@media all and (max-width:480px){
body{font-size:14px}
.title{font-size:18px;margin-bottom:12px}
html{font-size:14px}
#normalHeader{margin-top:40px}
#normalHeader .header{top:-40px}
#chuongTrinhMoi{padding:12px 0}
#chuongTrinhMoi .tabs .subject{padding:6px;display:flex;justify-content:center;align-items:center}
#chuongTrinhMoi .description{margin-top:12px;row-gap:12px}
#chuongTrinhMoi .description li .index{min-height:36px;padding-left:40px;background-size:31px!important}
#chuongTrinhMoi .description li .txt{font-size:12px}
#chuongTrinhMoi .btnGiaiPhap{font-size:14px}
#loTrinhChuan{padding:12px 0}
#loTrinhChuan .groupBtnAction .btn{font-size:14px}
#theCompanition .tabs_control{row-gap:12px;column-gap:12px}
#theCompanition .tabs_control li{min-width:calc(33.33% - 8px);font-size:14px;padding:6px 12px;border-radius:5px}
#theCompanition .tabs_control li.active{border-radius:5px}
#theCompanition .desc{display:flex;flex-direction:column;row-gap:5px}
#theCompanition .desc li{background-size:16px}
#theCompanition .avatar img{width:200px}
#theCompanition .bx-controls-direction a.bx-next,#theCompanition .bx-controls-direction a.bx-prev{width:30px}
#theCompanition .btnGiaiPhap{font-size:14px}
#viewListCourse .tabSubject{margin:12px 0}
#viewListCourse .tabSubject li a{font-size:15px;padding:5px 0}
#viewListCourse .scrollTab .listCourse{column-gap:7px}
#viewListCourse .scrollTab .listCourse a{font-size:14px;min-width:100px;padding:5px;margin:0}
#listCombo{padding-bottom:0}
#magazine3 .achievement .title{width:100%}
#magazine3 .title{margin-bottom:12px}
#magazine3 .CompanysCooperated{grid-template-columns:repeat(auto-fit,calc(35.33% - 13px));row-gap:6px;column-gap:6px}
.body-comment{margin-top:0;padding:0 12px!important}
#comment .fb_iframe_widget_fluid_desktop{max-width:100%!important;width:100%!important}
.fb_iframe_widget_fluid_desktop iframe{max-width:100%!important;width:100%!important}
.fb_iframe_widget_fluid_desktop span{max-width:100%!important;width:100%!important}
}