* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
:root {
  --clpurpleBlue: #7339dd;
  --clorange: #f26522;
  --clred:#c3455b;
  --clyellow: #fed001;
  --clgreenBlue: #11c1d0;
  --clWhite: #ffffff;
}
@font-face{font-family:Montserrat;src:url(../../../font/Montserrat-Regular.eot);src:url(../../../font/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(../../../font/Montserrat-Regular.svg) format("svg"),url(../../../font/Montserrat-Regular.ttf) format("truetype"),url(../../../font/Montserrat-Regular.woff) format("woff"),url(../../../font/Montserrat-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:MontserratBold;src:url(../../../font/Montserrat-Bold.eot);src:url(../../../font/Montserrat-Bold.eot?#iefix) format("embedded-opentype"),url(../../../font/Montserrat-Bold.svg) format("svg"),url(../../../font/Montserrat-Bold.ttf) format("truetype"),url(../../../font/Montserrat-Bold.woff) format("woff"),url(../../../font/Montserrat-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:MontserratExtraBold;src:url(../../../font/Montserrat-ExtraBold.eot);src:url(../../../font/Montserrat-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../../../font/Montserrat-ExtraBold.svg) format("svg"),url(../../../font/Montserrat-ExtraBold.ttf) format("truetype"),url(../../../font/Montserrat-ExtraBold.woff) format("woff"),url(../../../font/Montserrat-ExtraBold.woff2) format("woff2");font-display:swap}
body{font-family:Montserrat,sans-serif!important}
a{color:#333}
.clear{clear:both}
.bold{font-family:MontserratBold,sans-serif}
.dnone{display:none!important}
.container{width:100%;max-width:1224px;padding:0 12px;margin:0 auto}
.title{text-align:center}
.title h3:not(#listTeacherOnRoadTrain .title h3,.threeItem .title h3){font-size:36px;color:var(--clpurpleBlue);font-family:MontserratExtraBold;text-transform:uppercase}
#listTeacherOnRoadTrain .title h3,.threeItem .title h3{font-size:36px;color:var(--clWhite);font-family:MontserratExtraBold;text-transform:uppercase}
.avatarSubject .imageTecher .teacherName{display:none}
#infoBottomImageStyle1 .title h3{background:unset;clip-path:unset;font-size:36px;color:var(--clpurpleBlue);font-family:MontserratExtraBold}
@keyframes fadeIn{0%{transform:translateX(-12px);opacity:0}
100%{transform:translateX(0);opacity:1}}
@keyframes zoomIn{0%{transform:scale(0.4)}
80%{transform:scale(1.03)}
100%{transform:scale(1)}}
@keyframes rotateInfi{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
#normalHeader {background-image:url(../img/backgroundPC.png)}
#normalHeader .header>div>ul .hotline a{background:url(../img/hotline.png) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background-image:url(../img/icon-user.png);background-size:17px}
#normalHeader .header>div>ul .loginGroup .login a:first-child::after{width:2px;background:#eee}
#normalHeader .wrapperBanner .headerForm .formTitle{color:var(--clpurpleBlue);font-family:MontserratBold;font-size:24px}
#normalHeader .wrapperBanner .headerForm{width:398px;padding:0 0 0 12px;background:0 0;display:flex;justify-content:center;align-items:center}
#normalHeader .wrapperBanner .headerForm>form{background:#fff;padding:37px 20px 20px 20px;border-radius:5px;height:100%}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{padding:12px 40px;text-transform: initial;background:var(--clyellow);border-color:var(--clorange);color:var(--clred);font-size:24px;font-family:MontserratBold,sans-serif;cursor:pointer}
#normalHeader .header>div>ul a{text-decoration:none;color:var(--clorange);font-family:MontserratBold}
#normalHeader{background-position:bottom}
#normalHeader .wrapperBanner .bannerPC{line-height:0}
#normalHeader .header{background:#fff}
#normalHeader .wrapperBanner{padding: 75px 0 105px}
#normalHeader .wrapperBanner .banner{justify-content: flex-start;width:calc(100% - 398px)}
#normalHeader .wrapperBanner .headerForm form input, #normalHeader .wrapperBanner .headerForm form textarea, #normalHeader .wrapperBanner .headerForm form select{
  background:#ebebeb;
}
#normalHeader .wrapperBanner .headerForm form input::placeholder, #normalHeader .wrapperBanner .headerForm form textarea::placeholder, #normalHeader .wrapperBanner .headerForm form select::placeholder{
  font-family: Montserrat,sans-serif;
  font-size:16px;
}
#normalHeader .wrapperBanner .headerForm{position: relative;}
#normalHeader .wrapperBanner .headerForm::after{
  content:"";
  width: 25px;
  height: 50px;
  background: no-repeat url(../img/ghim.png);
  position: absolute;
  z-index: 1;
  top:-17px;
  right:30px
}
#infoBottomImageStyle1{padding:34px calc((100% - 1200px) / 2);text-align:center}
#infoBottomImageStyle1 .content img{display:none}
#infoBottomImageStyle1 .content div{border:6px groove}
#infoBottomImageStyle1 .content div.item1{border-color:#1c8d79}
#infoBottomImageStyle1 .content div span strong{color:#fff;font-family:MontserratExtraBold}
#infoBottomImageStyle1 .content div.item1 span{border:2px dotted #1c8d79}
#infoBottomImageStyle1 .content div:hover span{animation:rotateInfi 1s infinite linear}
#infoBottomImageStyle1 .content div:hover p{letter-spacing:3px}
#infoBottomImageStyle1 .content div.item1 span strong{background:#1c8d79;color:#fff;font-family:MontserratExtraBold}
#infoBottomImageStyle1 .content div p{transition:all .4s}
#infoBottomImageStyle1 .content div.item1 p{color:#1c8d79}
#infoBottomImageStyle1 .content div.item2{border-color:#5f5182}
#infoBottomImageStyle1 .content div.item2 span{border:2px dotted #5f5182}
#infoBottomImageStyle1 .content div.item2 span strong{background:#5f5182}
#infoBottomImageStyle1 .content div.item2 p{color:#5f5182}
#infoBottomImageStyle1 .content div p{font-family:MontserratExtraBold}
#infoBottomImageStyle1 .content div ul{font-size:16px}
#infoBottomImageStyle1 .content div ul li{line-height: 27px;}
#infoBottomImageStyle1 .content div ul li:last-child{margin-bottom:0}
#infoBottomImageStyle1 .content div.item3{border-color:#2f69b3}
#infoBottomImageStyle1 .content div.item3 span{border:2px dotted #2f69b3}
#infoBottomImageStyle1 .content div.item3 span strong{background:#2f69b3}
#infoBottomImageStyle1 .content div.item3 p{color:#2f69b3}
#infoBottomImageStyle1 .content div.item1 ul li:before{border-left-color:#1c8d79}
#infoBottomImageStyle1 .content div.item2 ul li:before{border-left-color:#5f5182}
#infoBottomImageStyle1 .content div.item3 ul li:before{border-left-color:#2f69b3}
.wrapBtnStudyFree{display:flex;justify-content:center;align-items:center;min-height:80px;font-size:24px;margin-bottom:30px}
.wrapBtnStudyFree a{background:var(--clyellow);border-color:var(--clorange);color:var(--clorange)}
#listTeacherOnRoadTrain{background:var(--clpurpleBlue);padding:34px 0}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a{color:#f3edb5}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{background:#f3edb5}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active:after{border-bottom:10px solid #f3edb5}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li{background:url(../img/iconCheck.png) left 4px no-repeat;color:#262626;background-size:16px}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active{color:var(--clyellow);font-family:MontserratExtraBold,sans-serif}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li.active a:after{background:url(../img/dauTichXanh.png) center/contain no-repeat}
#listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn .btnStudyFree{background:var(--clyellow);border-color:var(--clorange);color:var(--clorange)}
#listTeacherOnRoadTrain .contentListTeacher .leftContent img,#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{background:0 0}
#listTeacherOnRoadTrain .contentListTeacher .leftContent img{animation:zoomIn .4s;width:100px}
#danhSachKhoaHoc{padding:34px calc((100% - 1200px) / 2);background:var(--clWhite)}
#danhSachKhoaHoc .tabs{text-align:center;padding:24px 0}
#danhSachKhoaHoc .tabs p{display:inline-block;padding:5px;background:#11c1d0;border-radius:5px}
#danhSachKhoaHoc .tabs p span{padding:10px 15px;text-transform:uppercase;border-radius:5px;display:inline-block;font-family:MontserratBold;color:var(--clyellow);cursor:pointer;transition:all .4s}
#danhSachKhoaHoc .tabs p span.active{background:var(--clyellow);color:#fff}
#danhSachKhoaHoc .listCourse{list-style:none;background:#fff;animation:fadeIn .4s forwards}
#danhSachKhoaHoc li{display:flex;background:#fff;margin-bottom:24px}
#danhSachKhoaHoc li:last-child{margin-bottom:0}
#danhSachKhoaHoc li .imgCourse{width:214px;height:214px;display:block}
#danhSachKhoaHoc li .descContent{width:calc(100% - 214px);padding-left:23px}
#danhSachKhoaHoc li .descContent .titleCourse{font-size:26px;text-transform:uppercase;font-family:MontserratBold;margin-bottom:17px;color:#262626;text-decoration:none}
#danhSachKhoaHoc li .descContent p{padding:12px 0}
#danhSachKhoaHoc li .descContent p.gift{padding:12px 0 12px 35px;background:url(../img/gift3.png) left 16px no-repeat}
#danhSachKhoaHoc li .descContent p.gift.notGift{padding:12px 0;background:0 0}
#danhSachKhoaHoc li .descContent p.gift.notGift a{margin-left:0}
#danhSachKhoaHoc li .descContent p:nth-child(2) span{margin-right:24px}
#danhSachKhoaHoc li .descContent p span b{color:var(--clpurpleBlue);font-family:MontserratBold}
#danhSachKhoaHoc li .descContent p span del{margin-left:38px}
#danhSachKhoaHoc li .descContent p .frameBtnAction{padding:8px 24px;border-radius:6px;font-family:MontserratBold;margin-left:40px;text-decoration:none;display:inline-block}
#danhSachKhoaHoc li .descContent p .btnHocThu{color:var(--clgreenBlue);border:1px solid var(--clgreenBlue)}
#danhSachKhoaHoc li .descContent p .btnDatMua{background:var(--clorange);color:var(--clWhite)}
#videoLeftStyle2>div{padding:0;display:flex;align-items:center;border:none}
#videoLeftStyle2>div .wrapperVideo{border:1px solid #e1e1e1;padding:12px}
#videoLeftStyle2>div .wrapperContent{padding-left:12px}
#videoLeftStyle2>div .wrapperContent ul li{margin-bottom:12px;padding:0 0 0 12px;border:none;border-radius:unset;width:100%;text-align:justify;border-left:5px solid}
#videoLeftStyle2>div .wrapperContent ul li span{display:block;width:fit-content;font-family:MontserratBold;text-decoration:underline}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(odd){margin:0 0 12px}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(1){border-color:#f79646}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(1) span{color:#f79646}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(2){border-color:#9bbb59}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(2) span{color:#9bbb59}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(3){border-color:#19c2b1}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(3) span{color:#19c2b1}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(4){border-color:#aa6ada}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(4) span{color:#aa6ada}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(5){border-color:#a92238}
#videoLeftStyle2>div .wrapperContent ul li:nth-child(5) span{color:#a92238}
#videoLeft>div{border:none;background:#ebebeb;border-radius:6px}
#videoLeft>div .wrapperContent h3{color:#4a468d;font-family:MontserratExtraBold,sans-serif}
#videoLeft>div .wrapperContent ul li{font-size:18px;padding-left:34px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAdpJREFUeNqk1U+IT1EUwPHP7/00o8EwzEpmYTLJQmPmNxZTJikpSpnwSxrFRkSWrGysWCiFhaVYIPlRSmPDRFioGdGUwkKWM/5kQTKxOa9er/f7w7y63fvOO+f7zrn3nHNL05UhdZ4B7McIetCNGXzEM1zGhyLDBQWyXlzEjoJvK2PM4FM9b/LQnbiOTvzG3Rhv8RkdWId7+JWzXYHZPHQraijjOQ4FLP+8KZDtwlVUMZ6EcDVuB/AWttQBqgO8GdHtyXp6CUvxAgcKQmsGbIttOwIJ+uNQ5nB4HsCDwZBgLJTu4/V8gSl0JNa1jFEHKv8DTKE9sX4Z8yI8wGNs+ldgelDdsf4e8xx+YHHAt+NpC8BOHE09nQ3hkph/BmA8Az7dgoercBankqhlyDaBPPhMs5CxMeb3CZ7Ey2hOKQvWBJi1nyhNV4b6MRXKAwVptRDHcKEBcD0moyIHE7yKfSvjSoSZ9/h8A2Bb2JWDM5nW/nF8wzCuob3FImgP/eHInhPp6Ytmuze8qeIR+poA+0KvGnZjeAelXOffhhvoyvTTWqafLsfaOMDRyPMv2IeHKaRUcJ304hx2o9TA0z+4g5P5a6XoOkm3YkOEtBlrsAxfI8SJSLGpor/9HQD4Kn/9nG0ipwAAAABJRU5ErkJggg==) left 4px no-repeat}
#videoLeft>div .wrapperContent ul li b{font-family:MontserratBold}
#videoLeft .wrapperContent{background:#ffc600;border-radius:30px 0;margin-left:20px;padding:16px 20px}
#videoLeft .wrapperContent .formTuVan{margin-bottom:0}
#videoLeft .wrapperContent .formTuVan li{background:0 0;padding:0}
.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}
[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;color:#531bbd;font-family:MontserratBold;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%}
.threeItem{background:var(--clorange);padding:24px 0 63px}
.threeItem .container ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;column-gap:43px;row-gap:80px;margin-top:30px}
.threeItem .container ul li{display:block}
.threeItem .container ul li .blockHead{height:100%}
.threeItem .container ul li,.threeItem .container ul li .blockHead{position:relative}
.threeItem .container ul li .blockHead .content{height:100%;width:100%;text-align:center;background:#fff;border-radius:17px;position:relative;padding:8px}
.threeItem .container ul li .blockHead .content .tagSale{position:absolute;top:-7px;left:-7px}
.threeItem .container ul li .blockHead .content .tagPR{position:absolute;top:-39px;right:-39px}
.threeItem .container ul li .blockHead .content::before{content:"";width:80%;height:10px;border-radius:0 0 10px 10px;background:#000;position:absolute;top:0;left:10%}
.threeItem .container ul li .blockHead .content>div{border-radius:17px;padding:30px 0 12px}
.threeItem .container ul li .blockHead .content .headTitle p:nth-child(1){font-size:25px;margin-bottom:12px;font-family:MontserratBold,sans-serif}
.threeItem .container ul li .blockHead .content .headTitle p:nth-child(2){padding:0 30px}
.threeItem .container ul li:nth-child(1) .blockHead .content .headTitle p:nth-child(3){color:#46aeaf}
.threeItem .container ul li:nth-child(2) .blockHead .content .headTitle p:nth-child(3){color:#991b50}
.threeItem .container ul li .btnMuaNgay{text-decoration:none;padding:8px 0;width:194px;position:absolute;bottom:-22px;left:50%;margin-left:-97px;text-align:center;border-radius:8px;font-size:24px;color:#fff}
.threeItem .container ul li .priceOriganal{color:#575757;margin-bottom:12px}
.threeItem .container ul li .titleBottom{width:60%;margin:0 auto}
.threeItem .container ul li .priceCombo{font-size:24px;margin-bottom:40px;color:#474747}
.threeItem .container ul li .styleEvent2{font-size:40px;margin-bottom:40px}
.threeItem .container ul li:nth-child(1) .styleEvent2{color:#4420ce}
.threeItem .container ul li:nth-child(2) .styleEvent2{color:var(--clorange)}
.threeItem .container ul li:nth-child(3) .styleEvent2{color:#c12638}
.threeItem .container ul li:nth-child(1) .titleBottom{color:#46aeaf}
.threeItem .container ul li:nth-child(2) .titleBottom{color:#6340f6}
.threeItem .container ul li:nth-child(3) .titleBottom{color:#ed3c5a}
.threeItem .container ul li:nth-child(1) .blockHead .content::before,.threeItem .container ul li:nth-child(1) .btnMuaNgay{background:#46aeaf}
.threeItem .container ul li:nth-child(2) .blockHead .content::before,.threeItem .container ul li:nth-child(2) .btnMuaNgay{background:#8560a8}
.threeItem .container ul li:nth-child(3) .blockHead .content::before,.threeItem .container ul li:nth-child(3) .btnMuaNgay{background:#0054a6}
.threeItem .container ul li:nth-child(1) .content{border:4px solid #46aeaf}
.threeItem .container ul li:nth-child(2) .content{border:4px solid #8560a8}
.threeItem .container ul li:nth-child(3) .content{border:4px solid #0054a6}
.threeItem .container ul li .txtSale{margin-bottom:20px;position:absolute}
.threeItem .container ul li .listPR{text-align:left;padding:12px;border-radius:5px;font-style:italic}
.threeItem .container ul li .headTitle{margin-bottom:13px}
.threeItem ul li .boxSale img{height:85px;margin:12px 0}
.threeItem ul li .boxSale{border:1px dashed;border-radius:7px;padding:12px;width:85%;margin:27px auto 18px}
.threeItem ul li:nth-child(1) .boxSale{border-color:#46aeaf}
.threeItem ul li:nth-child(2) .boxSale{border-color:#6340f6}
.threeItem .container ul li .saleTo{display:block;margin:12px 0 0}
.threeItem .container ul li .boxSale .saleTo{font-size:25px;background:#fff;width:fit-content;display:block;margin:-30px auto 7px}
.threeItem .container ul li{width:368px}
.threeItem .container ul li p>img{margin-left:12px;width:65px;height:65px;object-fit:contain;padding:5px;border-radius:5px}
.threeItem .container ul li:nth-child(1) p>img{background:#6340f6;border:2px dashed #ffdc00}
.threeItem .container ul li:nth-child(2) p>img{background:#ffdc00;border:2px dashed #6340f6}
.threeItem .container ul li .listPR p{font-size:14px;font-style:italic;margin-bottom:5px;padding-left:12px;background:url(../img/dottedBlack.png) no-repeat left}
.threeItem .luuY{background:#ff0;border-radius:10px;border:1px dashed #262626;padding:12px;display:block;margin-top:57px}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{background:var(--clpurpleBlue);color:#fff;border-color:#fff}
#popupRequestAdvisory>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:var(--clred);background:var(--clyellow);border-bottom:4px solid var(--clorange);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 0/contain no-repeat;width:20px;height:20px}
#popupRequestAdvisory>div>a>img{display:none}
#popupRequestAdvisory{z-index:99}
@media all and (max-width:1023px){.title h3{font-size:16px!important}
.laptop{width:calc(100% - 24px)}
#videoLeftStyle2>div .wrapperContent{padding-right:12px}}
@media all and (max-width:768px){#normalHeader .wrapperBanner{padding:0 0 12px}
#normalHeader{background-image:url(../img/backgroundMobi.png)}
#normalHeader{background-size:cover}
#normalHeader .header{background:#fff}
#normalHeader .wrapperBanner .banner{width:100%}
#normalHeader .wrapperBanner .headerForm{padding-left:0;max-width:100%;width:100%}
#normalHeader .wrapperBanner .headerForm>form{width:100%;margin: 0 15px;padding:26px 15px}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:18px}
div#showPrice .wrapPrice .boxPrice,div#showPrice .wrapPrice .boxPrice .inPrice .textPrice>a{transform:skew(0deg)}
#videoLeft{padding:12px}
#videoLeft>div{padding:15px}
#videoLeft>div .wrapperContent{padding:12px;margin:12px 0 0}
#infoBottomImageStyle1{margin:0 12px}
#khoaTuyetPham .wrapContent .dowloadBlock,#khoaTuyetPham .wrapContent .rightContent{width:100%}
#khoaTuyetPham .wrapContent .rightContent{margin-right:0}
#danhSachKhoaHoc li .descContent .titleCourse{font-size:16px}
#danhSachKhoaHoc li .imgCourse{width:30%;height:30%}
#danhSachKhoaHoc li .descContent{width:70%;padding-left:12px}
#danhSachKhoaHoc .listCourse{padding:12px}
#danhSachKhoaHoc li .descContent p{padding:10px 0;font-size:14px}
#danhSachKhoaHoc li .descContent p .btnDatMua{display:inline-block}
#danhSachKhoaHoc li .descContent p.gift>span{display:block}
#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}
#danhSachHstrungQua .titleTable,#khoaTuyetPham .wrapContent .rightContent li p.desc{font-size:16px}
#khoaTuyetPham .wrapContent .rightContent li p.desc::before{width:24px;height:24px;left:-12px;margin-top:-12px}
#khoaTuyetPham{margin:22px auto}
#danhSachKhoaHoc .tabs p span{font-size:14px;padding:6px 7px}
#danhSachHstrungQua .titleTable{padding:12px}
#khoaTuyetPham .wrapContent .dowloadBlock img{object-fit:contain}
#videoLeftStyle2>div .wrapperContent{padding:20px 0 0}
.threeItem .container ul li .blockHead .content .tagPR{right:-16px}
.threeItem .container ul li .blockHead .content>div{padding:45px 0 30px}
.threeItem .container ul{row-gap:40px}
.threeItem .title{margin:0 auto 15px}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li{
  width: 25%;
  flex-grow: unset;
  flex-basis: unset;
  font-size: 16px;
  padding:7px 0
}
#listTeacherOnRoadTrain .contentListTeacher .tabSubject li a.active:after{display:none}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{width:auto;height:auto}
}
@media all and (max-width:480px){#danhSachHstrungQua table tr td,#danhSachHstrungQua table tr th{padding:5px}
#videoLeft>div{padding:0;background:0 0}
#videoLeft .wrapperContent{border-radius:18px 0}
#infoBottomImageStyle1 .content div ul{font-size: 14px}
#infoBottomImageStyle1 .content div ul li {line-height:20px;margin-bottom:12px}
#khoaTuyetPham .wrapContent .dowloadBlock{height:300px}
#danhSachKhoaHoc li .descContent p:nth-child(2) span{display:block}
#danhSachKhoaHoc li .descContent p span del{margin-left:0;display:block}
#danhSachKhoaHoc li .descContent p{padding:10px 0 0}
#danhSachKhoaHoc li .descContent p .btnDatMua{padding:5px 20px}
#formRequestAdvisory>div.content textarea,#videoLeft .wrapperContent .formTuVan li input{font-size:14px}
#videoLeftStyle2>div .wrapperContent{padding:20px 12px 0}
.threeItem .container ul{grid-template-columns:unset}
.threeItem .container ul li .blockHead .content .tagPR{width:70px}
.threeItem .title{width:90%}
#infoBottomImageStyle1 .title h3{padding:0}
.threeItem .container ul li .styleEvent2{
  font-size: 33px;
}
.threeItem .container ul li .blockHead .content>div {
  padding: 27px 0 12px;
}
.threeItem .container ul li .blockHead .content .headTitle p:nth-child(1) {
  font-size: 18px
}
#danhSachKhoaHoc li .descContent .titleCourse{
  font-size: 14px;
}
#danhSachKhoaHoc li .descContent p.gift.notGift a {
  margin-bottom: 7px;
}
}