*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
@font-face{font-family:InterTight;src:url(../../../font/InterTight-VariableFont_wght.ttf)}
@font-face{font-family:InterItalic;src:url(../../../font/InterTight-Italic-VariableFont_wght.ttf)}
.pc{display:block!important}
.mobile{display:none!important}
body,html{font-family:InterTight,sans-serif;font-size:16px;width:100%;height:100%;color:#262626;font-weight:400}
#comment .title,#demoLessonContainer .title,#familyFeelToTs247 h3.title,#goAlongSon h3.title,#listSubject .title h3,#magazine3 .title{margin-bottom:24px;text-align:center;text-transform:uppercase;position:relative;color:#1355c4;font-size:40px;font-family:InterItalic;font-weight:900}
.container{max-width:1224px;margin:0 auto;padding:0 12px}
#listTeacherOnRoadTrain,.achievement-sun,.ecosystem,.threeImage{padding:30px 0}
.stepRegister{padding:70px 0}
#normalHeader{background-position:top}
#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:center;padding:0 0 24px 0;position:relative}
#normalHeader .wrapperBanner .banner{width:calc(100% - 330px);position:relative}
#normalHeader .wrapperBanner .headerForm{max-width:356px;width:calc(100% - 24px);background:#0044c9;border-radius:0}
#normalHeader .wrapperBanner .headerForm .titleBottomForm{color:#fff;margin-bottom:15px}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select,#normalHeader .wrapperBanner .headerForm form textarea{margin-bottom:17px;background:#f1f1f1;border:none;font-size:16px;position:relative;z-index:1;border-radius:0}
#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:18px;color:#fff}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{font-size:19px;font-family:OpenSansBold,sans-serif;background:#fd2e38;color:#fff;padding:9px 40px;margin-top:0;border:none;border-radius:0}
.titleHeaderForm p{text-align:left;color:#fff;margin-bottom:10px}
.titleHeaderForm img{width:100%;margin-bottom:10px}
#normalHeader .header>div>ul a{color:#1369de}
.stepRegister{background:100%/contain url(../img/nen-cac-buoc.png)}
.ecosystem{background:100%/cover url(../img/nen-he-sinh-thai.png)}
#listSubject{padding-top:30px;padding-bottom:30px}
#listSubject .description{text-align:center;margin-top:10px}
#listSubject,.threeImage{background:#f3f4f7}
#listSubject .content>div{background:#fff}
#listSubject .content>div ul li a{background:linear-gradient(90deg,#1c76ee,#1354cb);color:#fff;border-bottom:3px solid #8a8a8a;font-weight:700}
#listSubject .content>div ul li a:hover{background:linear-gradient(90deg,#1354cb,#1c76ee);color:#ff0}
#listSubject .content>div p{color:#1354cb}
#listSubject .title h3{clip-path:unset;background:unset;font-family:InterItalic;font-weight:900;height:auto}
.achievement-sun .achievement-sun__body{display:flex}
.achievement-sun .achievement-sun__body .feedback{width:30%}
.achievement-sun .achievement-sun__body .feedback .bxsliderVideo>div{display:flex;justify-content:center}
.achievement-sun .achievement-sun__body .feedback img{width:90%}
.achievement-sun .achievement-sun__body .tab-video{width:70%}
.achievement-sun .achievement-sun__body .tab-video .wrapperVideo{width:750px;margin:auto;padding:10px;background:#000;border-radius:15px}
.achievement-sun .title{font-size:40px;text-align:center;font-family:InterItalic,sans-serif;font-weight:900;color:#1354cb;margin-bottom:12px}
.achievement-sun .achievement-sun__body .tab-video .tabs{display:flex;gap:12px;margin-top:24px;justify-content:space-around;cursor:pointer}
.achievement-sun .achievement-sun__body .tab-video .tabs img{filter:brightness(.5)}
.achievement-sun .achievement-sun__body .tab-video .tabs img:hover{filter:brightness(1)}
.achievement-sun .achievement-sun__body .tab-video .tabs img.active{filter:brightness(1)}
.achievement-sun .video{position:relative;padding-bottom:56.25%;overflow:hidden}
.achievement-sun .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:7.5px}
.baoChiNoiGi{padding:30px 0}
#magazine3 .achievement,#magazine3 .wrap{padding:30px 0}
.bx-controls .bx-controls-direction{display:flex;justify-content:center;align-items:center;gap:20px}
.bx-controls .bx-controls-direction a{text-decoration:none;font-size:30px;color:#3a406c}
.bx-controls .bx-controls-direction a:hover{color:#ef652d}
#goAlongSon .title{margin-bottom:24px}
#goAlongSon .infoTeacher{min-height:600px;background:#fff;border:2px solid #0072bc;border-radius:10px;padding:12px;width:100%;max-width:380px;border-bottom:8px solid #8781bd}
#goAlongSon .avatar{text-align:center}
#goAlongSon .teacherName{font-size:24px;color:#255bc5;font-family:NunitoBold;display:block;margin:12px 0;text-align:center}
#goAlongSon .desc{list-style:none;display:flex;flex-direction:column;row-gap:13px}
#goAlongSon .desc li{background:no-repeat 0 0 url(../img/makup.png);padding-left:31px;font-size:14px;background-size:17px}
#goAlongSon .tabs_control,.tabs_subject_name{display:flex;column-gap:20px;row-gap:20px;list-style:none;justify-content:center;margin-bottom:12px;font-size:24px}
#goAlongSon .tabs_subject_name{text-transform:uppercase}
#goAlongSon .tabs_control li,.tabs_subject_name li{text-align:center;padding:5px 15px;border-radius:5px;cursor:pointer;background:#fff}
#goAlongSon .tabs_control li{border:2px solid #e86f2e;color:#e86f2e}
#goAlongSon .tabs_subject_name li{border:2px solid #959595;color:#959595}
#goAlongSon .tabs_control li.active{border:2px solid transparent;background:#e86f2e;color:#fff}
#goAlongSon .tabs_subject_name li.active{border:2px solid transparent;background:#959595;color:#fff}
#goAlongSon .tabs_subject,.tabs_control_subject{visibility:hidden;height:0;overflow:hidden}
#goAlongSon .tabs_subject.active,.tabs_control_subject.active{visibility:visible;height:max-content;overflow:unset}
#goAlongSon .listTeacher::after{content:"";display:block;clear:both}
#goAlongSon .bx-wrapper{position:relative;margin:0 auto}
#goAlongSon .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%}
#goAlongSon .bx-controls-direction a.bx-prev{margin-left:-55px}
#goAlongSon .bx-controls-direction a.bx-next{margin-right:-55px}
#familyFeelToTs247{padding-top:30px;padding-bottom:30px}
#familyFeelToTs247 ul{list-style:none;z-index:3}
#familyFeelToTs247 #videoLeftStyle3 .wrapperVideo{background:#0072bc}
#familyFeelToTs247 .wrapSlider{display:flex;justify-content:center;column-gap:108px;row-gap:12px}
#familyFeelToTs247 .wrapSlider .listMsg{max-width:208px;width:100%}
#familyFeelToTs247 .wrapSlider .listFeelVideo{max-width:795px;width:100%}
#familyFeelToTs247 #videoLeftStyle3{padding:0}
#familyFeelToTs247 .listFeelVideo .bx-wrapper{position:relative}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:0;position:absolute;width:100%;margin-top:-32%}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-prev{margin-left:-55px}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-next{margin-right:-55px}
#familyFeelToTs247 .listMsg .bx-controls-direction{display:flex;justify-content:center;column-gap:24px;margin-top:12px}
#familyFeelToTs247 .listMsg .bx-controls-direction a{border-radius:99px;display:flex;width:25px;height:25px;justify-content:center;align-items:center}
#familyFeelToTs247 .listMsg .bx-controls-direction a.bx-next:hover,#familyFeelToTs247 .listMsg .bx-controls-direction a.bx-prev:hover{background:#fff}
#familyFeelToTs247{background:100%/contain url(../img/background-sky.png)}
#familyFeelToTs247 .wrapperVideo{width:750px;margin:auto;padding:10px;background:#000;border-radius:15px}
#familyFeelToTs247 .wrapperVideo .video{position:relative;padding-bottom:56.25%;overflow:hidden}
#familyFeelToTs247 .wrapperVideo .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:7.5px}
img{vertical-align:middle;max-width:100%;height:100%}
#demoLessonContainer{padding:50px 0;background:100%/contain url(../img/background-sky.png)}
#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:#c3e8fd}
#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:16px;background:#fff;border:2px solid #1f5ca3;color:#0769c3;padding:12px 24px;border-radius:10px;font-family:Nunito}
#demoLessonContainer #demoLesson .title>div ul li a.active,#demoLessonContainer #demoLesson .title>div ul li a:hover{background:#fff4a8;color:#0769c3}
#demoLessonContainer #demoLesson .title>div{position:relative;top:0;width:100%}
.problem{background:url(../img/bg-intro-pc.png) no-repeat bottom right /contain, #f3f4f7}
@media all and (max-width:1026px){
.achievement-sun .achievement-sun__body .tab-video .wrapperVideo{width:100%}
.achievement-sun .achievement-sun__body{flex-direction:column-reverse;gap:24px}
.achievement-sun .achievement-sun__body .feedback,.achievement-sun .achievement-sun__body .tab-video{width:100%}
.achievement-sun .achievement-sun__body .feedback .wrapperVideo,.achievement-sun .achievement-sun__body .tab-video .wrapperVideo{margin:0 auto}
#goAlongSon .infoTeacher{min-height:auto}
#goAlongSon .bx-controls-direction a.bx-prev{margin-left:-5px}
#goAlongSon .bx-controls-direction a.bx-next{margin-right:-5px}
#familyFeelToTs247 .wrapSlider{flex-direction:column}
#familyFeelToTs247 .wrapSlider .listFeelVideo,#familyFeelToTs247 .wrapSlider .listMsg{margin:0 auto}
}
@media all and (max-width:955px){
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}
#normalHeader .wrapperBanner{flex-wrap:wrap}
#normalHeader .wrapperBanner .banner{width:100%}
#normalHeader .wrapperBanner .headerForm{max-width:100%;margin:15px auto 0}
#normalHeader .wrapperBanner .banner .btnTimHieuThem{bottom:-20px;right:unset}
.pc{display:none!important}
.mobile{display:block!important}
}
@media all and (max-width:768px){
#normalHeader{background-position:center 40px}
#normalHeader .wrapperBanner .headerForm{padding:12px}
.achievement-sun .achievement-sun__body .tab-video .tabs{flex-wrap:wrap}
.achievement-sun .achievement-sun__body .tab-video .tabs img{width:20%}
.pc{display:none!important}
.mobile{display:block!important}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction{z-index:6}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-prev{margin-left:0}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-next{margin-right:0}
#familyFeelToTs247{padding:20px}
#familyFeelToTs247 .wrapperVideo{max-width:750px;width:auto;padding:10px;border-radius:10px}
#familyFeelToTs247 .wrapperVideo .video iframe{border-radius:5px}
#goAlongSon .tabs_control li,.tabs_subject_name li{min-width:29.33%;font-size:15px;padding:6px}
#goAlongSon .desc{display:flex;flex-direction:column;row-gap:5px}
#goAlongSon .desc li{background-size:16px}
#goAlongSon .tabs_control,.tabs_subject_name{flex-wrap:wrap;justify-content:center;row-gap:12px}
.problem{
    background:url(../img/bg-intro-mobile.png) no-repeat bottom right /contain, #f3f4f7;
}
}
@media all and (max-width:480px){
#normalHeader {
    background-size: contain;
    background-color: #83c3fb;
}

#comment .title,#demoLessonContainer .title,#familyFeelToTs247 h3.title,#goAlongSon h3.title,#listSubject .title h3,#magazine3 .title{font-size:22px}
#goAlongSon .avatar img{width:110px}
#familyFeelToTs247 .wrapSlider .listMsg{max-width:75%}
#familyFeelToTs247 .listMsg .bx-controls-direction a{width:16px;height:16px;background:#fff}
#familyFeelToTs247 .listMsg .bx-controls-direction a img{width:5px}
#familyFeelToTs247{padding:24px 0}
#familyFeelToTs247 .listMsg .bx-controls-direction{position:static}
#demoLessonContainer #demoLesson .title>div ul{column-gap:5px;padding:0}
#demoLessonContainer #demoLesson .title>div ul li a{padding:6px 10px;font-size:14px}
#demoLessonContainer,#goAlongSon,#listCourseBuy,#studyWithBestTeacher{padding:24px 0}
.stepRegister{padding:24px 0 40px 0}
}