*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
@font-face{font-family:Montserrat;src:url(../../../font/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}
@font-face{font-family:Montserrat;src:url(../../../font/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}
body,html{font-family:Montserrat,sans-serif;font-size:17px;width:100%;height:100%;color:#424242}
.container{width:100%;max-width:1224px;padding:0 15px;margin:0 auto}
h3.title{margin-bottom:1em;font-size:36px;text-align:center;font-weight:700;color:#7355db}
.group-block h3.title{color:#fff}
#baoChiNoiGi,#intro,.course-section,.group-block{padding:40px 0}
#demoLesson{padding-top:40px;padding-bottom:40px}
#normalHeader .header{background:#fff}
#normalHeader.png{background-image:url(../img/background_pc.png)}
#normalHeader.webp{background-image:url(../img/background_pc.webp)}
#normalHeader .header>div>ul .hotline a{background:url(../img/hot_line.png) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background:url(../img/icon_user.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{padding:0;max-width:1224px;gap:24px}
#normalHeader .wrapperBanner .headerForm{background:0 0;padding:0;width:394px}
#normalHeader .wrapperBanner .headerForm form{height:90%;background:#fff;padding:40px 20px;clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:24px;font-weight:700;color:#7058d4}
#normalHeader .wrapperBanner .banner{width:calc(100% - 394px)}
#normalHeader .wrapperBanner .banner .btnTimHieuThem{position:absolute;bottom:7%;right:0;background:#f8c700;padding:9px 27px;border-radius:11px;color:#4a3ab7;font-size:1.6em;cursor:pointer;border:2px solid #fffde6;font-family:MontserratBold,sans-serif}
#normalHeader .wrapperBanner .txtWarning{font-size:16px;text-align:center;margin-bottom:24px}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select,#normalHeader .wrapperBanner .headerForm form textarea{padding:12px;margin-bottom:20px;width:100%;border-radius:7px;outline:0;background:#f1f1f1;color:#a6a9b4}
#normalHeader .hotline a,#normalHeader .login>a{color:#7058d4!important}
#normalHeader .wrapperBanner .headerForm{border-radius:0;filter:drop-shadow(0 7px 7px #0000002e)}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{border-radius:99px;background:#7156db;color:#fff;border-color:#4e36a8;font-size:20px;width:200px;transition:all .3s}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit:hover{transform:scale(1.04);cursor:pointer}
#normalHeader .htmlBottomForm{font-size:16px;padding:12px 0}
.pc{display:block!important}
.mobile{display:none!important}
#intro .intro-body{display:grid;grid-template-columns:1fr 1fr 1fr}
.intro-body__left-content{position:relative}
.intro-body__left-content,.intro-body__right-content{display:grid;gap:35px}
.intro-body__left-content .intro-body__card{border-radius:15px 15px 0 15px}
.intro-body__card .intro-body__card-text{text-align:justify}
.intro-body__right-content .intro-body__card{border-radius:15px 15px 15px 0}
.intro-body__card{max-width:784px;width:100%;border:2px solid #7058d4;background:no-repeat 10px 15px url(../img/icon-x.png);background-size:15px;padding:12px 12px 12px 34px}
.intro-body__wrap-img{height:100%;display:flex;align-items:center}
.intro-body__img{width:100%;max-width:442px}
.intro-body__card-title{margin-bottom:12px;display:block}
.intro-button{padding:12px 24px;font-size:22px;color:#fff;border-radius:15px;border:5px solid #d02c2c;background:#f14545;width:83%;margin-top:24px;text-align:center;text-decoration:none;font-weight:700;margin:24px auto 0;transition:all .4s}
.intro-button:hover{transform:scale(1.05)}
.group-block{background:url(../img/texture-group-block.png);background-size:cover}
.group-block__content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.group-block__card{border-radius:15px;overflow:hidden;box-shadow:rgba(0,0,0,.1) 0 4px 12px;background:#fff;transition:all .3s ease}
.group-block__card-title{display:block;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);padding:24px 0 36px;color:#fff;text-align:center;font-weight:700;font-size:24px}
.group-block__card .title-1{background:linear-gradient(to bottom,#ffb84e,#ffd84e)}
.group-block__card .title-2{background:linear-gradient(to bottom,#01732e,#5ca943)}
.group-block__card .title-3{background:linear-gradient(to bottom,#c6145d,#fc6099)}
.group-block__card-content{list-style:none;padding:15px;display:grid;gap:15px}
.group-block__card-content li{padding-left:30px;background:no-repeat 0 0 url(../img/icon-tick.png);background-size:24px}
.group-block__card-text{margin-top:12px;display:inline-block;}
.group-button{display:flex;gap:36px;align-items:center;justify-content:center;margin-top:36px}
.buy-course-btn,.study-course-btn{padding:12px 24px;font-size:24px;font-weight:700;border-radius:15px;text-decoration:none;display:block;transition:all .4s}
.study-course-btn{background:#fff;color:#7355db;border:5px solid #e4e4e4}
.buy-course-btn{background:#ffda4e;color:#7355db;border:5px solid #e2b205}
.buy-course-btn:hover,.study-course-btn:hover{transform:scale(1.05)}
#demoLesson .title h3{margin-bottom:10px!important;font-size:36px!important;font-weight:700;color:#7355db!important}
#demoLesson .content{background:#91e7fd;margin-top:0}
#demoLesson .title>div>a{background:#7355db}
#demoLesson .title>div ul{background:#fff;border:1px solid #7355db}
#demoLesson .title>div ul li a.active,#demoLesson .title>div ul li a:hover{background:#7355db;color:#fff}
#demoLesson .title>div ul li a{color:#7355db}
#demoLesson .title>div{display:none!important}
.course-section{background:url(../img/texture-course.png);background-size:contain}
.course-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.course-item{background:#fff;border-radius:8px;padding:15px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:all .3s}
.course-item:hover{transform:scale(1.05)}
.teacher-img{position:relative}
.teacher-img img{width:100%;border-radius:6px}
.course-desc{margin:15px 0;font-size:14px;font-weight:500}
.btn-detail{display:inline-block;background:#6a5cff;color:#fff;padding:8px 15px;border-radius:5px;text-decoration:none;font-weight:700;transition:.3s}
.btn-detail:hover{background:#4a36d6}
#demoLesson .content .video.disable::after{content:"";width:100%;height:100%;display:block;background:0 0;position:absolute;top:0;left:0;cursor:pointer}
#demoLesson .content .video.disable{position:relative}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{background:#7355db;color:#fff;border-color:#fff}
#popupRequestAdvisory>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:#fff;background:#f14545;border-bottom:4px solid #7057a9;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>div select{border:1px solid #dbcbfd;border-radius:13px}
#popupRequestAdvisory{z-index:99}
@media (min-width:1200px){
.group-block__content:hover .group-block__card{filter:brightness(.5)}
.group-block__card:hover{filter:brightness(1)!important;transform:scale(1.05)}
}
@media (max-width:768px){
body{font-size:14px}
.course-list{grid-template-columns:1fr}
#normalHeader.png{background-image:url(../img/background_mobile.png)}
#normalHeader.webp{background-image:url(../img/background_mobile.webp)}
#normalHeader{background-size:contain;background-color:#fed958}
#normalHeader .wrapperBanner{flex-wrap:wrap}
#normalHeader .wrapperBanner .banner{width:100%}
#normalHeader .wrapperBanner .headerForm{max-width:100%;margin:0 auto;border-radius:0 0 60px 60px;padding-bottom:12px}
#normalHeader .header>div>ul .loginGroup .login a:first-child{color:transparent!important}
.pc{display:none!important}
.mobile{display:block!important}
.intro-body__img{margin:0 auto;width:70%}
#intro .intro-body{grid-template-columns:1fr}
.intro-body__left-content,.intro-body__right-content{gap:12px}
.intro-body__left-content{margin-bottom:12px}
h3.title{font-size:20px}
.course-list,.group-block__content{display:block}
.bx-viewport,.bx-wrapper{box-shadow:unset;border:unset;background:0 0;padding-bottom:12px}
#normalHeader .wrapperBanner .headerForm form{padding-top:20px}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:20px}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{font-size:18px;width:175px}
.intro-button{width:70%;font-size:18px}
.group-button{gap:12px;margin-top:12px}
.buy-course-btn,.study-course-btn{font-size:16px;padding:12px;text-align:center}
#demoLesson .title h3{font-size:20px!important}
#baoChiNoiGi,#intro,.course-section,.group-block{padding:20px 0}
.intro-body__wrap-img{display:none}
.group-block__card-title{font-size:18px!important}
}