*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:Nunito;src:url(../../../font/Nunito-Regular.ttf)}
@font-face{font-family:NunitoBold;src:url(../../../font/Nunito-Bold.ttf)}
@font-face{font-family:NunitoBlack;src:url(../../../font/Nunito-Black.ttf)}
body{font-family:Nunito!important}
a{color:#262626}
.clear{clear:both}
.bold{font-family:NunitoBold,sans-serif}
.dnone{display:none!important}
.fl{float:left}
.container{width:100%;max-width:1224px;margin:0 auto}
html{scroll-behavior:smooth}
#normalHeader{background-position:top;border-radius:0 0 90px 90px;padding-bottom:40px}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#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{align-items:flex-start}
#normalHeader .wrapperBanner .banner{width:calc(100% - 380px);position:relative}
#normalHeader .wrapperBanner .headerForm{max-width:356px;width:100%;border-radius:20px}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form textarea{background:#f1f1f1;border:none;font-size:16px;position:relative;z-index:1}
#normalHeader .wrapperBanner .headerForm form input::placeholder,#normalHeader .wrapperBanner .headerForm form select::placeholder,#normalHeader .wrapperBanner .headerForm form textarea::placeholder{color:#a6a9ae}
#normalHeader .wrapperBanner .headerForm form textarea{min-height:108px;margin-bottom:12px}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:22px;color:#9d0909}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{font-size:19px;font-family:NunitoBold,sans-serif;background:#143651;color:#fff;padding:7px 36px;margin-top:0}
#normalHeader .header>div>ul a{color:#fff}
.blockPrHeader{margin:0 12px 44px}
.blockPrHeader .wrapFlex{display:flex;justify-content:center;column-gap:122px;padding:21px 12px;margin-top:-6%;background:#FFF;box-shadow:0 0 16px 4px #00000054;border-radius:30px;row-gap:24px;flex-wrap:wrap}
.phuHuynhDauDau{margin-top:88px}
.phuHuynhDauDau .imageCenter{width:fit-content;margin:0 auto 30px;position:relative;text-align: center;}
.phuHuynhDauDau .textDauDau{position:absolute;right:31px;top:-9%;z-index:11;width: 29%;}
.phuHuynhDauDau .anhPhuHuynh{width: 58%;}
.phuHuynhDauDau .blockText{display:flex;justify-content:center;column-gap:12px}
.phuHuynhDauDau .blockText p{display:flex;padding:12px;width:25%;position:relative;justify-content:center;align-items:center;text-align:center;border-radius:7px;color:#fff}
.phuHuynhDauDau .blockText p.center::after{content:"";width:5px;height:155px;background:#b10e0e;top:-145px}
.phuHuynhDauDau .blockText p img,.phuHuynhDauDau .blockText p::after{position:absolute;z-index:-1}
.phuHuynhDauDau .blockText p .lineFirst{right:-164px}
.phuHuynhDauDau .blockText p .lineLast{transform:rotateY(180deg);left:-164px}
.phuHuynhDauDau .blockText p .lineFirst,.phuHuynhDauDau .blockText p .lineLast{top:-170px}
.phuHuynhDauDau .blockText p:nth-child(1){background:#5c96c8}
.phuHuynhDauDau .blockText p:nth-child(2){background:#9f80c1}
.phuHuynhDauDau .blockText p:nth-child(3){background:#f58548}
.phuHuynhDauDau .blockText p:nth-child(4){background:#80ad6b}
.khamPhaNgay{display:block;margin:27px auto;width:fit-content;padding:12px 36px;background:linear-gradient(to right,#c32323,#f35757,#c32323);text-decoration:none;color:#fff;font-size:30px;border-radius:7px}
.hocTrucTuyenTai{background:linear-gradient(to right,#ce2f2f 5%,#f25757 50%,#ce2f2f 100%);padding:24px 12px}
#infoLeftImage .content{align-items:center}
#infoLeftImage .content .wrapperContent ul li{background:#fff;padding:12px;border-radius:7px}
#infoLeftImage .content .wrapperContent ul li:nth-child(1){border-left:3px solid #5c96c8}
#infoLeftImage .content .wrapperContent ul li:nth-child(2){border-left:3px solid #9f80c1}
#infoLeftImage .content .wrapperContent ul li:nth-child(3){border-left:3px solid #f58548}
#infoLeftImage .content .wrapperContent ul li:nth-child(4){border-left:3px solid #80ad6b}
#infoLeftImage .content .wrapperContent ul li:nth-child(5){border-left:3px solid #eedb4a}
#infoLeftImage .title h3{color:#ffea46}
#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}
.avatarSubject .imageTecher{display:none}
.avatarSubject .imageTecher:first-child{display:block}
.avatarSubject{display:none}
.avatarSubject.active{display:block}
#listTeacherOnRoadTrain{padding:40px 0 36px}
#listTeacherOnRoadTrain .title{width:fit-content;margin:0 auto;text-align:center;font-size:32px}
#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:#e74d04;position:relative;font-size:18px}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active{color:#e74d04;font-family:NunitoBold,sans-serif}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active:after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ebebeb;position:absolute;bottom:-21px;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 .rightContent{padding-left:24px}
#listTeacherOnRoadTrain .contentListTeacher .rightContent ul{list-style:none}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{background:#ebebeb;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 1px no-repeat}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li:last-child{margin-bottom:0}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn{text-align:center;display:none}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn .btnStudyFree{font-size:24px;border:2px solid #3b4d65;color:#3b4d65;background:#fff16c}
#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}
#magazine{background:#bd1a1b}
#normalHeader .wrapperBanner .banner .btnTimHieuThem{position:absolute;bottom:6.5%;background:#fff;padding:6px 12px;border-radius:5px;font-weight:700;color:#700114;font-size:1.3em;cursor:pointer;left:49%;border:1px solid #700114}
#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}
.title{text-align:center}
.title h3{background:0 0!important;display:inline-block;color:#153651;font-weight:700;font-family:NunitoBlack,sans-serif;font-size:33px!important;clip-path:polygon(0 0,100% 0,97% 100%,3% 100%)!important;height:auto!important;padding:7px 40px!important}
#formRequestAdvisoryTextLeft>div.content textarea,#formRequestAdvisoryTextLeft>div.content>.colRight input{background:#ebebeb;font-size:16px;border-color:transparent}
#formRequestAdvisoryTextLeft>div.content>.colLeft{width:calc(100% - 613px)}
#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:30px;font-family:NunitoBlack;color:#153651}
#formRequestAdvisoryTextLeft>div.content>.colRight button{background:linear-gradient(to right,#c32323,#f35757,#c32323);padding:10px 36px;color:#fff;font-family:NunitoBold;font-size:22px}
#formRequestAdvisoryTextLeft>div.content select{background:#ebebeb;border-color:#ebebeb;font-size:16px}
.studyDemoVideoBlock{background:#153651;padding:24px 12px}
.studyDemoVideoBlock .content{display:flex;flex-wrap:wrap;align-items:center}
.studyDemoVideoBlock .content .rightContent{width:calc(100% - 514px)}
.studyDemoVideoBlock #videoLeftStyle3 .wrapperVideo{max-width:514px!important;background:url(../img/texturePC.png) no-repeat center/contain;padding-bottom:44px}
.studyDemoVideoBlock .title h3{color:#fff}
.studyDemoVideoBlock .rightContent p{text-align:center;font-size:24px;color:#eedb4a;font-family:NunitoBlack,sans-serif;margin-bottom:24px}
.studyDemoVideoBlock .rightContent .choise{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:24px}
.studyDemoVideoBlock .rightContent .choise .opt{width:50%;text-align:center}
.studyDemoVideoBlock .rightContent .choise .opt label{font-size:21px;color:#fff;font-family:NunitoBold,sans-serif;background:url(../img/noCheck.png) no-repeat left/contain;padding-left:48px}
.studyDemoVideoBlock .rightContent .choise .opt label.active,.studyDemoVideoBlock .rightContent .choise .opt label:hover{color:#eedb4a;background:url(../img/isCheck.png) no-repeat left/contain;cursor:pointer}
.studyDemoVideoBlock .rightContent .choise input{display:none}
.studyDemoVideoBlock .rightContent .btnHocThuNgay{background:linear-gradient(to right,#c32323,#f35757,#c32323);padding:10px 36px;color:#fff;font-family:NunitoBold;font-size:22px;display:block;width:fit-content;margin:24px auto 0;border:1px solid #380606;border-radius:5px;cursor:pointer}
#listSubject{margin:30px 0}
#listSubject .content>div{background:linear-gradient(to right,#ce2f2f 5%,#f25757 50%,#ce2f2f 100%)}
#listSubject .title h3{color:#153651;font-size: 40px !important;}
#listSubject .content>div ul li a:hover{background:#153651;color:#fff;font-family:NunitoBold,sans-serif}
#listSubject .content>div p{color:#ffe222}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{background:#153651;color:#fff;border-color:#fff}
#popupRequestAdvisory>div>div button{background:linear-gradient(to right,#c32323,#f35757,#c32323);padding:7px 25px;color:#fff;font-family:NunitoBold;font-size:22px;display:block;width:fit-content;margin:0 auto;border-radius:5px;cursor:pointer;border:none}
#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 0/contain no-repeat;width:20px;height:20px}
#popupRequestAdvisory>div>a>img{display:none}
#popupRequestAdvisory{z-index:99}
#footer .content{background:#153651}
#footer .copyright{background:#174264}
#camKet .wrapContent{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;border-radius:8px;margin-top:20px;padding:17px}
#camKet .wrapContent .imageLeft{width:291px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
#camKet .wrapContent .rightText{width:calc(100% - 500px);padding-left:40px}
#camKet .wrapContent .rightText p{font-size:30px}
#camKet .wrapContent .rightText .btnCamket{text-decoration:none;color:#ff8f0b;display:inline-block;border-bottom:3px solid #ff8f0b;margin-bottom:12px;padding:0 18px;font-size:26px}
#camKet .wrapContent .rightText p:nth-child(2){color:#008d94}
#camKet .wrapContent .rightText p:nth-child(2) span{padding-left:52px;background:url(../img/mucTieu.png) 0 0/contain no-repeat;margin-bottom:10px;display:inline-block}
#stepRegister .content li{width:33.33%}
#stepRegister .content li img{width:90%}
#stepRegister .title h3{color:#153651}
#stepRegister {padding: 0 calc((100% - 1200px)/2) 50px}
@media all and (max-width:1024px){.title h3{font-size:20px!important}
.phuHuynhDauDau{overflow:hidden}
.phuHuynhDauDau .textDauDau{top:0;width:200px}
#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;margin:0 12px}
#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;font-size:24px}
#magazine ul{margin:0 12px}#camKet .wrapContent .rightText{width:auto}
#stepRegister .content .listStep li{width:33.33%}}
@media all and (max-width:890px){#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader .wrapperBanner{flex-wrap:wrap}
#normalHeader .wrapperBanner .banner{width:100%}
#normalHeader .wrapperBanner .headerForm{max-width:100%;margin:0 auto}
#normalHeader .wrapperBanner .banner .btnTimHieuThem{bottom:-20px;left:unset}
#normalHeader .wrapperBanner .banner{margin-bottom:39px}
.phuHuynhDauDau .textDauDau{right:0}
.phuHuynhDauDau .anhPhuHuynh{width:70%;display:block;margin:0 auto;position:relative;z-index:10}
#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}
#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}
#formRequestAdvisoryTextLeft>div.content{flex-wrap:wrap}
#formRequestAdvisoryTextLeft>div.content>.colLeft{width:100%;padding-right:0}
#formRequestAdvisoryTextLeft>div.content>.colRight{margin:0 auto;width:100%}
#formRequestAdvisoryTextLeft>div.content>.colLeft>.image img{display:block;margin:0 auto}
#infoLeftImage .content img{width:50%}
.studyDemoVideoBlock .content .rightContent,.studyDemoVideoBlock .content .video{width:100%}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li{flex-grow: unset;width: 20%;flex-basis: unset;display: flex;padding: 12px 0;justify-content: center;align-items: center;}
#camKet .wrapContent .rightText{width:100%;text-align:center;padding-left:0}
#camKet .wrapContent .imageLeft{width:100%;margin-bottom:20px}
#camKet .wrapContent .imageLeft img{width:60%}
#camKet .wrapContent{margin-top:0}
#camKet{padding:0 12px}
#camKet .wrapContent .rightText p{font-size:24px}
#stepRegister .content .listStep li{width:100%}
#stepRegister{padding:16px 0 26px!important}
#stepRegister .content .listStep li img {background:#fff;border-radius:100px;width:115px;height:115px}
#stepRegister .content{padding:0 12px}
#stepRegister .content .listStep li{background:#106663}
#stepRegister .content .listStep li div{color:#fff}}
@media all and (max-width:501px){#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{grid-template-columns:auto auto auto auto auto;margin-top:10px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{margin-left:0}
#normalHeader .wrapperBanner .headerForm{padding:12px}
.phuHuynhDauDau{margin-top:40px}
#normalHeader .wrapperBanner{padding:12px}
.phuHuynhDauDau .textDauDau{width:117px;right:6px}
.phuHuynhDauDau .blockText{flex-wrap:wrap;row-gap:12px}
.phuHuynhDauDau .blockText p{width:40%}
.phuHuynhDauDau .blockText p img,.phuHuynhDauDau .blockText p::after{display:none}
.khamPhaNgay{font-size:20px}
#infoLeftImage{padding:0}
.studyDemoVideoBlock #videoLeftStyle3 .wrapperVideo{padding-bottom:32px}
.studyDemoVideoBlock .rightContent .btnHocThuNgay,.studyDemoVideoBlock .rightContent p{font-size:18px}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a{font-size:18px}
#camKet{padding:30px 12px}
#camKet .wrapContent .rightText{text-align:center;padding:0}
#camKet .wrapContent .rightText .btnCamket,#camKet .wrapContent .rightText p:nth-child(2){font-size:16px}
#camKet .wrapContent .rightText p{font-size:24px}
#camKet{padding:0}
#camKet .wrapContent .rightText p:nth-child(2) span{padding-left:26px}
#stepRegister{margin:0 auto;padding:16px 0}
#stepRegister .title h3{clip-path:none;color:#216c70}
#stepRegister .content .listStep li div{width:80%;margin:0 auto;color:#000;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px 20px}
#listSubject .title h3 {color: #153651;font-size: 24px !important}
#stepRegister .content .listStep li div span{color:#f5deb3}}