.footer-info .footer-info-content .footer-button{
    display: none!important;
}
.footer-info .footer-info-content .info-group {
    padding-top: 20px;
}
.premium-top{
    background: #000761;
}
.premium-top .premium-item-bg{
    position: absolute;
    z-index: 0;
    width: 100%;
    max-width: 1480px;
    left: 50%;
    transform: translate(-50%);
}
.premium-top .premium-top-content{
    max-width: 1190px;
    margin: 0 auto;
    padding: 70px 20px 60px;
}
.premium-top h1{
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-family: 'balootammaextrabold';
}
.premium-top .premium-tab{
    max-width: 290px;
    margin: 40px auto 0;
}
.premium-top .premium-tab .premium-tab-items{
    height: 54px;
    border: 3px solid #84D8FF;
    border-radius: 27px;
    padding: 4px;
}
.premium-top .premium-tab li{
    width: 33.33%;
    height: 40px;
    float: left;
    display: block;
    background: transparent;
    border-radius: 20px;
    text-align: center;
    line-height: 42px;
}
.premium-top .premium-tab li.active{
    background: #0142AA;
}
.premium-top .premium-tab li a{
    display: block;
    color: #fff;
    font-size: 18px;
    font-family: 'balootammabold';
    text-decoration: none;
}
.premium-tab-content .tab-content{
    max-width: 1150px;
    margin: 30px auto 0;
    display: none;
    position: relative;
    z-index: 1;
}
.premium-tab-content .tab-content.active{
    display: block;
}
.premium-tab-content .tab-content-item{
    width: calc(100% + 36px);
    margin-left: -18px;
}
.premium-tab-content .premium-item{
    width: calc(32% - 36px);
    float: left;
    margin: 30px 18px;
    border: 6px solid #CD7900;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #00000036;
}
.premium-tab-content .premium-item.item-6{
    border: 6px solid #58CC02;
}
.premium-tab-content .premium-item.item-12{
    border: 6px solid #CE82FF;
    width: calc(33.33% - 36px);
}
.premium-tab-content .premium-item.item-24{
    border: 6px solid #1CB0F6;
    width: calc(33.33% - 36px);
}
.premium-tab-content .premium-item.item-36{
    border: 6px solid #FF9600;
    width: calc(33.33% - 36px);
}

.premium-tab-content .tab-content-full .premium-item.item-24,
.premium-tab-content .tab-content-full .premium-item.item-12,
.premium-tab-content .tab-content-full .premium-item.item-36{
    width: calc(33.33% - 36px);
}

.premium-tab-content .premium-item a{
    text-decoration: none;
    display: block;
    position: relative;
}
.premium-tab-content .premium-item a .tag{
    background: #FF4B4B;
    width: calc(100% + 12px);
    margin-left: -6px;
    margin-top: -26px;
    height: 41px;
    color: #FFFFFF;
    font-size: 13px;
    text-align: center;
    padding-top: 14px;
}
.premium-tab-content .premium-item a .tag strong{
    font-family: balootammabold;
}
.premium-tab-content .premium-item a .svg-choose{
    position: absolute;
    right: -21px;
    top: 35px;
    display: none;
}
.premium-tab-content .premium-item.active a .svg-choose{
    display: block;
}
.premium-tab-content .premium-item .item-header{
    background: #fff;
    background-image: url("../images/premium/premium-header-bg-2.svg");
    border-radius: 22px 22px 0 0;
    height: 130px;
    text-align: center;
    padding: 20px 15px 0;
}
.premium-tab-content .premium-item.item-12 .item-header{
    background: #CE82FF;
}
.premium-tab-content .premium-item.item-24 .item-header{
    background: #1CB0F6;
}
.premium-tab-content .premium-item.item-36 .item-header{
    background: #FF9600;
}
.premium-tab-content .premium-item.item-plus .item-header{
    height: 160px;
}
.premium-tab-content .premium-item h3{
    margin: 0;
    color: #CD7900;
    font-size: 18px;
    font-family: balootammabold;
    text-transform: uppercase;
    text-align: center;
}
.premium-tab-content .premium-item.item-6 h3{
    color: #58CC02;
}
.premium-tab-content .premium-item.item-12 h3{
    color: #FFFFFF;
}
.premium-tab-content .premium-item.item-24 h3{
    color: #FFFFFF;
}
.premium-tab-content .premium-item.item-36 h3{
    color: #FFFFFF;
}
.premium-tab-content .premium-item h3 svg{
    margin-right: 5px;
    margin-top: -6px;
}
.premium-tab-content .premium-item h3 .save{
    background: hsl(0deg 0% 24% / 38%);
    width: 80px;
    height: 20px;
    float: right;
    font-size: 10px;
    font-family: balootammamedium;
    text-align: center;
    line-height: 20px;
    border-radius: 20px;
    margin-top: -3px;
}
.premium-tab-content .premium-item .learning-time{
    color: #CD7900;
    font-size: 50px;
    font-family: 'balootammabold';
    margin-top: 10px;
    text-transform: uppercase;
}
.premium-tab-content .premium-item.item-6 .learning-time{
    color: #58CC02;
}
.premium-tab-content .premium-item.item-12 .learning-time{
    color: #FFFFFF;
}
.premium-tab-content .premium-item.item-24 .learning-time{
    color: #FFFFFF;
}
.premium-tab-content .premium-item.item-36 .learning-time{
    color: #FFFFFF;
}
.premium-tab-content .premium-item .price-month{
    color: #AFAFAF;
    text-align: center;
    font-size: 20px;
    font-family: 'balootammamedium';
    margin-top: 0px;
}
.premium-tab-content .premium-item .price-month strong{
    font-weight: 100;
    font-family: 'balootammabold';
    font-size: 25px;
}
.premium-tab-content .premium-item .price-month i{
    font-style: normal;
    color: #CE82FF;
    background: #fff;
    display: inline-block;
    font-size: 10px;
    font-family: 'balootammamedium';
    height: 18px;
    line-height: 21px;
    border-radius: 10px;
    padding: 0px 10px;
    margin-left: 3px;
}
.premium-tab-content .premium-item.item-36 .price-month i{
    color: #1CB0F6;
}
.premium-tab-content .premium-item .description{
    color: #4B4B4B;
    text-align: center;
    font-size: 15px;
    font-family: 'balootammamedium';
    margin-top: 30px;
}
.premium-tab-content .premium-item .promotion-text{
    background: rgb(0 0 0);
    border-radius: 7px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 7px 5px 1px;
    margin-top: 6px;
}
.premium-tab-content .premium-item .promotion-text strong{
    font-family: 'balootammabold';
}
.premium-tab-content .premium-item h6{
    color: #fff;
    font-size: 15px;
    margin: 5px auto 0;
    line-height: 21px;
    max-width: 290px;
}
.premium-tab-content .premium-item.item-plus h6{
    margin-top: 0px;
}
.premium-tab-content .premium-item h6 strong{
    font-weight: 400;
    font-family: balootammabold;
}
.premium-tab-content .premium-item .price-content{
    background: #CBF0FF;
    height: 120px;
    padding-top: 10px;
}
.premium-tab-content .premium-item.item-plus .price-content{
    background: #FF4B4B;
}
.premium-tab-content .premium-item .price{
    color: #3D3D3D;
    font-size: 50px;
    font-family: 'balootammabold';
    text-align: center;
    line-height: 50px;
    margin-top: 5px;
}
.premium-tab-content .premium-item .price span{
    font-size: 15px;
    text-decoration: line-through;
}

.premium-tab-content .premium-item .price-store{
    color: #AFAFAF;
    font-size: 30px;
    font-family: 'balootamma';
    text-decoration: line-through;
    margin-top: 0px;
    text-align: center;
    margin-bottom: -10px;
}
.premium-tab-content .premium-item .price-save{
    color: #58CC02;
    font-size: 18px;
    font-family: 'balootammamedium';
    text-align: center;
}
/*.premium-tab-content .premium-item.item-6 .price-save{*/
/*    color: #58CC02;*/
/*}*/
/*.premium-tab-content .premium-item.item-12 .price-save{*/
/*    color: #CE82FF;*/
/*}*/
/*.premium-tab-content .premium-item.item-24 .price-save{*/
/*    color: #1CB0F6;*/
/*}*/
/*.premium-tab-content .premium-item.item-36 .price-save{*/
/*    color: #FF9600;*/
/*}*/
.premium-tab-content .premium-item .price-save strong{
    font-weight: 400;
    font-family: 'balootammabold';
}
.premium-tab-content .premium-item .item-body{
    background: #FFFFFF;
    padding: 1px 17px 25px;
    border-radius: 0px 0px 24px 24px;
    border-radius: 0px;
}
.premium-tab-content .premium-item.item-12 .item-body{
    padding-top: 22px;
}
.premium-tab-content .premium-item.item-24 .item-body{
    padding-top: 22px;
}
.premium-tab-content .premium-item.item-36 .item-body{
    padding-top: 22px;
}
.premium-tab-content .premium-item .benefit-content h4{
    margin: 0;
    color: #1CB0F6;
    font-size: 13px;
    font-family: balootammabold;
}
.premium-tab-content .premium-item.item-12 .benefit-content h4{
    color: #CE82FF;
}
.premium-tab-content .premium-item.item-24 .benefit-content h4{
    color: #1CB0F6;
}
.premium-tab-content .premium-item.item-36 .benefit-content h4{
    color: #FF9600;
}
.premium-tab-content .premium-item .benefit-item-left{
    
}
.premium-tab-content .premium-item .benefit-item-right{
    width: 40px;
    float: left;
    text-align: right;
    padding-top: 3px;
    height: 30px;
}
.premium-tab-content .premium-item .benefit-items.active .benefit-item-right svg{
    transform: rotate(180deg);

}
.premium-tab-content .premium-item .benefit-items p{
    margin: 0px 0 15px;
    position: relative;
    color: #39464F;
    font-size: 15px;
    padding-left: 26px;
    display: block;
    font-family: 'balootammamedium';
}
.premium-tab-content .premium-item .benefit-items.active p{
    display: block;
}
.premium-tab-content .premium-item .benefit-items p:first-child{
    display: block;
}
.premium-tab-content .premium-item .benefit-items p strong{
    font-weight: 100;
    color: #CD7900;
    font-family: balootammabold;
}
.premium-tab-content .premium-item.item-6 .benefit-items p strong{
    color: #58CC02;
}
.premium-tab-content .premium-item.item-12 .benefit-items p strong{
    color: #CE82FF;
}
.premium-tab-content .premium-item.item-24 .benefit-items p strong{
    color: #1CB0F6;
}
.premium-tab-content .premium-item.item-36 .benefit-items p strong{
    color: #FF9600;
}
.premium-tab-content .premium-item .benefit-items p svg{
    position: absolute;
    left: 0;
    top: 0px;
}
.premium-tab-content .premium-item .item-body .item-bottom{
    border-top: 2px solid rgb(28 176 246 / 20%);
    width: calc(100% + 34px);
    margin-left: -17px;
    margin-top: 20px;
}
.premium-tab-content .premium-item.item-12 .item-body .item-bottom{
    border-top: 2px solid rgb(206 130 255 / 20%);
}
.premium-tab-content .premium-item.item-36 .item-body .item-bottom{
    border-top: 2px solid rgb(255 177 0 / 20%);
}
.premium-tab-content .premium-item .item-body .choose{
    width: 235px;
    height: 51px;
    border: 2px solid #1CB0F6;
    border-radius: 11px;
    margin: 27px auto 0;
    display: block;
    text-align: center;
    color: #1CB0F6;
    line-height: 51px;
    font-size: 15px;
    font-family: balootammabold;
    border-bottom: 6px solid #1CB0F6;
}
.premium-tab-content .premium-item.item-12 .item-body .choose{
    border-color: #CE82FF;
    color: #CE82FF;
}
.premium-tab-content .premium-item.item-36 .item-body .choose{
    border-color: #FF9600;
    color: #FF9600;
}
.premium-tab-content .premium-item.active .item-body .choose{
    color: #fff;
    background: #1CB0F6;
    border: 0;
    border-bottom: 4px solid #1CB0F6;
}
.premium-tab-content .premium-item.active.item-12 .item-body .choose{
    color: #fff;
    background: #CE82FF;
    border: 0;
    border-bottom: 4px solid #9069CD;
}
.premium-tab-content .premium-item.active.item-36 .item-body .choose{
    color: #fff;
    background: #FF9600;
    border: 0;
    border-bottom: 4px solid #FF9600;
}
.premium-tab-content .premium-item .item-bottom{
    background: #fff;
    border-radius: 0 0 22px 22px;
    border-top: 2px solid rgb(205 121 0 / 20%);
    padding: 30px 15px;
}
.premium-tab-content .premium-item.item-6 .item-bottom{
    border-top: 2px solid rgb(88 204 2 / 20%);
}
.premium-tab-content .premium-item.item-12 .item-bottom{
    border-top: 2px solid rgb(206 130 255 / 20%);
}
.premium-tab-content .premium-item.item-24 .item-bottom{
    border-top: 2px solid rgb(28 176 246 / 20%);
}
.premium-tab-content .premium-item.item-36 .item-bottom{
    border-top: 2px solid rgb(255 150 0 / 20%);
}
.premium-tab-content .premium-item .item-bottom .choose{
    display: block;
    border: 2px solid #CD7900;
    height: 51px;
    max-width: 215px;
    margin: 0 auto;
    border-bottom: 6px solid #CD7900;
    border-radius: 11px;
    text-align: center;
    line-height: 49px;
    color: #CD7900;
    font-size: 15px;
    font-family: 'balootammabold';
    text-transform: uppercase;
}
.premium-tab-content .premium-item.item-6 .item-bottom .choose{
    border: 2px solid #58CC02;
    border-bottom: 6px solid #58CC02;
    color: #58CC02;
}
.premium-tab-content .premium-item.item-12 .item-bottom .choose{
    border: 2px solid #CE82FF;
    border-bottom: 6px solid #CE82FF;
    color: #CE82FF;
}
.premium-tab-content .premium-item.item-24 .item-bottom .choose{
    border: 2px solid #1CB0F6;
    border-bottom: 6px solid #1CB0F6;
    color: #1CB0F6;
}
.premium-tab-content .premium-item.item-36 .item-bottom .choose{
    border: 2px solid #FF9600;
    border-bottom: 6px solid #FF9600;
    color: #FF9600;
}

.premium-tab-content .premium-item.active .item-bottom .choose{
    color: #fff;
    background: #CD7900;
    border: 0;
    border-bottom: 4px solid #a36001;
}
.premium-tab-content .premium-item.active.item-6 .item-bottom .choose{
    color: #fff;
    background: #58CC02;
    border: 0;
    border-bottom: 4px solid #47a303;
}
.premium-tab-content .premium-item.active.item-12 .item-bottom .choose{
    color: #fff;
    background: #CE82FF;
    border: 0;
    border-bottom: 4px solid #9069CD;
}
.premium-tab-content .premium-item.active.item-24 .item-bottom .choose{
    color: #fff;
    background: #1CB0F6;
    border: 0;
    border-bottom: 4px solid #1493cf;
}
.premium-tab-content .premium-item.active.item-36 .item-bottom .choose{
    color: #fff;
    background: #FF9600;
    border: 0;
    border-bottom: 4px solid #db8509;
}
.premium-tab-content .btn-show-premium-more{
    display: block;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #1CB0F6;
    font-size: 18px;
    font-family: 'balootammabold';
    margin-top: 25px;
}
.premium-tab-content .btn-show-premium-more svg{
    margin-left: 5px;
}
.premium-tab-content.active .btn-show-premium-more svg{
    transform: rotate(180deg);
}

.premium-item .promo-time{
    max-width: 285px;
    margin: -3px auto 0px;
}
.premium-item .promo-time .time-left{
    color: #1CB0F6;
    font-size: 12px;
    text-transform: uppercase;
    width: 100px;
    float: left;
    margin-top: 10px;
}
.premium-item.item-plus .promo-time .time-left{
    color: #FFFFFF;
}
.premium-item .promo-time .time-right{
    width: calc(100% - 100px);
    float: left;
}
.premium-item .promo-time .time-right .time-item{
    width: 40px;
    height: 40px;
    background: #fff;
    margin-left: 6px;
    text-align: center;
    border-radius: 9px;
    padding-top: 3px;
    float: left;
}
.premium-item .promo-time .time-right .time-item strong{
    font-size: 15px;
    font-weight: 400;
    font-family: 'balootammamedium';
    color: #1CB0F6;
    display: block;
}
.premium-item.item-plus .promo-time .time-right .time-item strong{
    color: #FF4B4B;
}
.premium-item .promo-time .time-right .time-item span{
    font-size: 12px;
    font-family: 'balootammamedium';
    color: #1CB0F6;
    margin-top: -5px;
    display: block;
}
.premium-item.item-plus .promo-time .time-right .time-item span{
    color: #FF4B4B;
}


.premium-register .premium-register-content{
    max-width: 670px;
    margin: 0 auto;
    padding: 70px 20px 0px;
}
.premium-register .register-left{
    width: 100%;
}
.premium-register .register-left h2{
    margin: 0;
    font-size: 40px;
    font-family: 'balootammabold';
    max-width: 540px;
    line-height: 45px;
    color: #FFFFFF;
}
.premium-register .register-left .register-step{
    margin-top: 15px;
}
.premium-register .register-left .step-item{
    border-bottom: 2px solid rgb(229 229 229 / 35%);
    max-width: 550px;
}
.premium-register .register-left .step-item:last-child{
    border: 0;
}
.premium-register .step-item .step-title{
    padding: 15px 0px;
    position: relative;
    font-size: 20px;
    font-family: 'balootammabold';
    color: #fff;
}
.premium-register .step-item .step-title:hover{
    cursor: pointer;
}
.premium-register .step-item .step-title svg{
    position: absolute;
    right: 0;
    top: 25px;
}
.premium-register .step-item.active .step-title svg{
    transform: rotate(180deg);
}
.premium-register .step-item .step-description{
    font-size: 16px;
    display: none;
    color: #fff;
}
.premium-register .step-item.active .step-description{
    display: block;
}
.premium-register .register-left .note{
    max-width: 496px;
    font-size: 16px;
    margin-top: 30px;
}
.premium-register .register-right{
    width: 100%;
}
.premium-register .register-right h3{
    margin: 0 0 40px;
    font-size: 40px;
    font-family: 'balootammaextrabold';
    line-height: 40px;
    color: #fff;
    text-align: center;
}
.premium-register .register-right h4{
    color: #fff;
    font-size: 23px;
    font-family: 'balootammabold';
    margin: 30px 0 20px;
}
.premium-register .register-right input[type="text"],
.premium-register .register-right input[type="email"],
.premium-register .register-right select{
    display: block;
    width: 100%;
    margin-top: 17px;
    height: 54px;
    border: 2px solid transparent;
    font-size: 16px;
    padding-left: 15px;
    border-radius: 11px;
    color: #fff;
    background: rgb(255 255 255 / 25%);
}
.premium-register .register-right input[type="text"]:focus,
.premium-register .register-right input[type="email"]:focus,
.premium-register .register-right select:focus{
    border: 2px solid transparent;
    outline: none;
}
.premium-register .register-right input[type="text"]::placeholder,
.premium-register .register-right input[type="email"]::placeholder,
.premium-register .register-right select::placeholder{
    color: #ddd;
}
.premium-register .register-right .slt-product{
    display: none;
}
.premium-register .register-right .slt-product.active{
    display: block;
}
.premium-register .register-right .course-choose{
    border: 1px solid rgb(255 255 255 / 62%);
    min-height: 62px;
    border-radius: 16px;
    color: #fff;
    font-size: 20px;
    font-family: 'balootammasemibold';
    padding: 17px 0px 0px 17px;
}
.premium-register .register-right .course-choose.disabled{
    border-color: #f00;
}
.premium-register .register-right .course-choose i{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border-radius: 6px;
    margin-right: 3px;
}
.premium-register .register-right label{
    font-size: 20px;
    margin: 25px 0 0;
    font-weight: 400;
}
.premium-register .register-right label input{
    display: none;
}
.premium-register .register-right label i{
    display: inline-block;
    width: 29px;
    height: 29px;
    background: url("../images/premium/check.svg?n=1");
    float: left;
}
.premium-register .register-right label input:checked + i{
    background: url("../images/premium/checked.svg?n=1");
}
.premium-register .register-right label span{
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-left: 7px;
    color: #fff;
}
.premium-register .register-right .input-phone{
    position: relative;
    height: 54px;
    border: 2px solid transparent;
    margin-top: 10px;
    border-radius: 6px;
}
.premium-register .register-right .input-phone span{
    display: block;
    position: absolute;
    width: 100px;
    left: 0px;
    height: 50px;
    top: 0px;
    text-align: center;
    line-height: 54px;
    font-size: 16px;
    border-right: 2px solid #e5e5e5;
    color: #0064D6;
}
.premium-register .register-right .input-phone input{
    margin: 0;
    border: 0;
    height: 50px;
    padding-left: 110px;
    padding-top: 5px;
}
.premium-register .register-right .input-phone input:focus{
    border: 0;
}
.premium-register .register-right button{
    height: 52px;
    background: #58CC02;
    width: 100%;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-family: 'balootammabold';
    margin-top: 30px;
    border-radius: 13px;
    text-transform: uppercase;
    border-bottom: 4px solid #38B000;
    padding-top: 5px;
    max-width: 385px;
    margin: 30px auto 0;
    display: block;
}
.premium-register .register-right .plan{
    margin-top: 25px;
    margin-bottom: 10px;
}
.premium-register .register-right .choose-plan{
    color: #FFFFFF;
    font-size: 16px;
    float: left;
    width: 110px;
}
.premium-register .register-right .plan-items{
    float: left;
}
.premium-register .register-right .plan-items label{
    margin-top: 0px;
    float: left;
    margin-left: 20px;
}
.premium-register .register-right .plan-items label i{
    width: 16px;
    height: 16px;
    background: url(../images/premium/plan-check.svg);
    float: left;
}
.premium-register .register-right .plan-items label input:checked + i{
    background: url(../images/premium/plan-checked.svg);
}
.premium-register .register-right .plan-items label span{
    margin-top: 0px;
}
.premium-register .register-left .btn-message{
    display: inline-block;
    height: 47px;
    border: 2px solid #FFFFFF;
    border-radius: 11px;
    width: 193px;
    text-align: center;
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'balootammabold';
    text-transform: uppercase;
    line-height: 47px;
    margin-top: 25px;
    text-decoration: none;
}
.premium-register .register-left .btn-call{
    display: inline-block;
    height: 47px;
    border: 2px solid #FFFFFF;
    border-radius: 11px;
    width: 193px;
    text-align: center;
    color: #0142AA;
    font-size: 15px;
    font-family: 'balootammabold';
    text-transform: uppercase;
    line-height: 47px;
    margin-top: 25px;
    margin-left: 15px;
    background: #fff;
}




.home-target{
    max-width: 1040px;
    margin: 70px auto 0px;
    padding: 0px 24px;
}
.home-target h2{
    margin: 0 auto;
    text-align: center;
    color: #4B4B4B;
    font-size: 24px;
    font-family: 'balootammabold';
    max-width: 620px;
    line-height: 35px;
}
.home-target h2 span{
    font-size: 35px;
}
.home-target .target-content{
    margin-top: 35px;
}
.home-target .target-content .left{
    width: 260px;
    float: left;
}
.home-target .target-content .left img{
    width: 100%;
}
.home-target .target-content .right{
    width: calc(100% - 260px);
    padding-left: 55px;
    float: left;
}
.home-target .target-content .right-content{
    position: relative;
    background: #1CB0F6;
    border-radius: 26px;
    padding: 43px 27px 35px 35px;
}
.home-target .target-content .right-content .content{
    color: #fff;
    font-size: 18px;
    line-height: 25px;
}
.home-target .target-content .right-content::before{
    content: '';
    display: inline-block;
    width: 101px;
    height: 161px;
    background-image: url(../images/home/home-kite-1.svg);
    position: absolute;
    left: -30px;
    top: -25px;
}
.home-target .target-content .right-content::after{
    content: '';
    display: inline-block;
    width: 204px;
    height: 80px;
    background-image: url(../images/home/home-kite-2.svg);
    position: absolute;
    right: 45px;
    bottom: -20px;
}





.home-student{
    padding-top: 80px;
}
.home-student h2{
    max-width: 805px;
    margin: 0 auto;
    font-size: 45px;
    text-align: center;
    font-family: 'balootammaextrabold';
}
.home-student h2 span{
    color: #1CB0F6;
}
.home-student .home-student-content{
    margin-top: 80px;
    position: relative;
}
.home-student .home-student-content::before{
    content: '';
    display: block;
    height: 336;
    background: #F0FAFF;
    background-image: url(../images/home/student-bg.svg);
    position: absolute;
    left: 0;
    right: 0;
    top: 130px;
}
.home-student .student-content{
    max-width: 1343px;
    margin: 0px auto;
    position: relative;
    z-index: 1;
}
.home-student .student-item{
    height: 422px;
    width: 309px;
    position: relative;
    border: 6px solid transparent;
    border-radius: 36px;
}

.home-student .student-item.ms-anh.active{
    border-color: #CE82FF;
}
.home-student .student-item.ms-nhung.active{
    border-color: #1CB0F6;
}
.home-student .student-item.mr-hong.active{
    border-color: #FFB100;
}
.home-student .student-item.mr-phuong.active{
    border-color: #58CC02;
}
.home-student .student-item.mr-hop.active{
    border-color: #0064D6;
}
.home-student .student-item.ms-hai.active{
    border-color: #FF4B4B;
}
.home-student .student-item.ms-ngan.active{
    border-color: #CD7900;
}

.home-student .student-item:hover{
    cursor: pointer;
}
.home-student .student-item .image{
    border: 6px solid #F1DBFF;
    border-radius: 28px;
    height: 410px;
}
.home-student .student-item.ms-nhung .image{
    border-color: #92D8FA;
}
.home-student .student-item.mr-hong .image{
    border-color: #FFE6AE;
}
.home-student .student-item.mr-phuong .image{
    border-color: #CFFFAC;
}
.home-student .student-item.mr-hop .image{
    border-color: #92C5FF;
}
.home-student .student-item.ms-hai .image{
    border-color: #FFB9B9;
}
.home-student .student-item.ms-ngan .image{
    border-color: #FFE1B5;
}

.home-student .student-item.ms-anh.active .image{
    border-color: #CE82FF;
}
.home-student .student-item.ms-nhung.active .image{
    border-color: #1CB0F6;
}
.home-student .student-item.mr-hong.active .image{
    border-color: #FFB100;
}
.home-student .student-item.mr-phuong.active .image{
    border-color: #58CC02;
}
.home-student .student-item.mr-hop.active .image{
    border-color: #0064D6;
}
.home-student .student-item.ms-hai.active .image{
    border-color: #FF4B4B;
}
.home-student .student-item.ms-ngan.active .image{
    border-color: #CD7900;
}


.home-student .student-item .image img{
    width: 100%;
    height: 100%;
}
.home-student .student-item .content{
    position: absolute;
    bottom: 6px;
    width: calc(100% - 12px);
    left: 6px;
    padding-right: 11px;
    z-index: 1;
}
.home-student .student-item .content .name{
    width: calc(100% - 55px);
    float: left;
    background: #CE82FF;
    margin-right: 10px;
    border-radius: 0 25px 0 20px;
    padding: 10px 10px 10px;
}
.home-student .student-item.ms-nhung .content .name{
    background: #1CB0F6;
}
.home-student .student-item.mr-hong .content .name{
    background: #FFB100;
}
.home-student .student-item.mr-phuong .content .name{
    background: #58CC02;
}
.home-student .student-item.mr-hop .content .name{
    background: #0064D6;
}
.home-student .student-item.ms-hai .content .name{
    background: #FF4B4B;
}
.home-student .student-item.ms-ngan .content .name{
    background: #CD7900;
}
.home-student .student-item .content h4{
    margin: 0;
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'balootammabold';
}
.home-student .student-item .content p{
    margin: 3px 0 0;
    color: #FFFFFF;
    font-size: 10px;
}
.home-student .student-item .content .action{
    width: 45px;
    float: left;
}
.home-student .btn-student-prev{
    position: absolute;
    left: -40px;
    top: 40%;
    z-index: 2;
}
.home-student .btn-student-next{
    position: absolute;
    right: -40px;
    top: 40%;
    z-index: 2;
}

.home-student-feedback{
    max-width: 1015px;
    margin: 0 auto 0;
    padding: 110px 20px 0;
}
.home-student-feedback .feedback-left{
    width: 46%;
    float: left;
}
.home-student-feedback .feedback-left h3{
    font-size: 35px;
    font-family: 'balootammabold';
    max-width: 255px;
    margin: 0;
}
.home-student-feedback .feedback-left a{
    display: block;
    max-width: 255px;
    height: 49px;
    margin-top: 20px;
    background: #0064D6;
    border-radius: 11px;
    text-align: center;
    line-height: 49px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 4px solid #1453A3;
    font-size: 15px;
    font-family: 'balootammabold';
}
.home-student-feedback .feedback-right{
    width: 54%;
    float: left;
}
.home-student-feedback .feedback-right .feedback-item{
    display: none;
}
.home-student-feedback .feedback-right .feedback-item.active{
    display: block;
}
.home-student-feedback .feedback-right .item-content{
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 100px;
}
.home-student-feedback .feedback-right a{
    display: inline-block;
    color: #1CB0F6;
    font-size: 15px;
    margin-top: 10px;
}
.home-student-feedback .feedback-right .name{
    color: #4c4c4c;
    font-size: 15px;
    font-family: 'balootammabold';
    margin-top: 10px;
}





.home-mission{
    margin: 70px auto 0;
    padding: 0px 15px 0px;
    background: #F0FAFF;
}
.home-mission .mission-content{
    background: url(../images/home/mission-bg.svg);
    max-width: 1113px;
    margin: 0px auto;
}
.home-mission .mission-content .left{
    width: 62%;
    float: left;
    padding: 80px 50px 0px;
}
.home-mission .mission-content .left h6{
    max-width: 590px;
    margin: 0;
    text-align: center;
    color: #1CB0F6;
    font-size: 30px;
    font-family: balootammabold;
    line-height: 38px;
}
.home-mission .mission-content .left p{
    font-size: 19px;
    text-align: center;
    margin-top: 10px;
}
.home-mission .mission-content .left a{
    display: block;
    max-width: 170px;
    text-align: center;
    margin: 15px auto 0pc;
    color: #1CB0F6;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'balootammabold';
}
.home-mission .mission-content .left a span{
    margin-right: 3px;
}
.home-mission .mission-content .right{
    width: 38%;
    float: left;
    margin-top: -50px;
}
.home-mission .mission-content .right img{
    width: 100%;
}





.premium-video-content{
    max-width: 1260px;
    margin: 0px auto;
    padding: 100px 20px 0px;
    /*margin-top: 100px;*/
    /*border-top: 2px solid #e5e5e5;*/
}
.premium-video h2{
    margin: 0px auto;
    max-width: 780px;
    text-align: center;
    color: #4B4B4B;
    font-size: 40px;
    font-family: 'balootammaextrabold';
    line-height: 48px;
}
.premium-video h2 span{
    color: #1CB0F6;
}
.premium-video video{
    max-width: 1260px;
    margin: 50px auto 0px;
    display: block;
    border-radius: 24px;
    width: 100%;
}

.home-newspaper .newspaper-content{
    max-width: 1213px;
    margin: 0 auto;
    padding: 70px 20px 50px;
}
.home-newspaper h2{
    margin: 0;
    text-align: center;
    color: #4B4B4B;
    font-size: 40px;
    font-family: 'balootammaextrabold';
}
.home-newspaper .newspaper-content-item{
    margin-top: 50px;
}
.home-newspaper .newspaper-item{
    width: 700px;
}
.home-newspaper .newspaper-item a{
    background: #fff;
    border: 2px solid #E5E5E5;
    min-height: 311px;
    border-radius: 24px;
    padding: 35px 25px 10px;
    text-align: center;
    display: block;
    text-decoration: none;
}
.home-newspaper .newspaper-item img{
    max-width: 300px;
    margin: 0 auto;
}
.home-newspaper .newspaper-item .title{
    max-width: 615px;
    margin: 15px auto 0px;
    color: #707070;
    font-size: 22px;
    font-family: 'balootammasemibold';
}
.home-newspaper .newspaper-item .name{
    color: #B4B4B4;
    font-size: 15px;
    font-family: 'balootammamedium';
    margin-top: 10px;
}
.home-newspaper .newspaper-item .view{
    color: #1CB0F6;
    text-transform: uppercase;
    font-family: 'balootammabold';
    width: 96px;
    margin: 12px auto 0px;
}
.home-newspaper .newspaper-item .view span{
    margin-right: 3px;
    float: left;
    margin-top: -4px;
}

.promo-tag{
    width: 129px;
    height: 62px;
    display: block;
    background: url("../images/premium/promo-tag.svg");
    position: absolute;
    top: -30px;
    left: -35px;
    text-align: center;
    color: #fff;
}
.promo-tag.promo-tag-1{
    width: 130px;
    height: 75px;
    display: block;
    background: url("../images/premium/promo-tag-1.svg");
    position: absolute;
    text-align: center;
}
.promo-tag.promo-tag-2{
    width: 130px;
    height: 75px;
    display: block;
    background: url("../images/premium/promo-tag-2.svg");
    position: absolute;
    text-align: center;
}
.promo-tag.promo-tag-3{
    width: 130px;
    height: 75px;
    display: block;
    background: url("../images/premium/promo-tag-3.svg");
    position: absolute;
    text-align: center;
}

.promo-tag.promo-tag-4{
    width: 130px;
    height: 75px;
    display: block;
    background: url("../images/premium/promo-tag-4.svg");
    position: absolute;
    text-align: center;
}
.promo-tag.promo-tag-5{
    width: 130px;
    height: 75px;
    display: block;
    background: url("../images/premium/promo-tag-5.svg");
    position: absolute;
    text-align: center;
}
.promo-tag.promo-tag-6{
    width: 130px;
    height: 75px;
    display: block;
    background: url("../images/premium/promo-tag-6.svg");
    position: absolute;
    text-align: center;
}
.promo-tag.promo-tag-7{
    width: 130px;
    height: 75px;
    display: block;
    background: url("../images/premium/promo-tag-7.svg");
    position: absolute;
    text-align: center;
}
.promo-tag em{
    font-size: 14px;
    font-family: 'balootammasemibold';
    margin-top: -10px;
    display: block;
    font-style: normal;
}

/*.package-item.months6 .promo-tag,*/
/*.package-item.months24 .promo-tag,*/
/*.package-item.months12 .promo-tag{*/
/*    background: url("../images/premium/promo-tag-1.svg");*/
/*}*/
.promo-tag span{
    display: block;
    background: #fff;
    width: 90px;
    height: 30px;
    border: 2px solid #FFB100;
    border-radius: 4px;
    margin-top: -12px;
    color: #FFB100;
    line-height: 30px;
    font-size: 14px;
    font-family: 'balootammamedium';
    margin-left: 16px;
}
.promo-tag.promo-tag-3 span{
    border: 2px solid #FF4B4B;
    color: #FF4B4B;
}
.promo-tag.promo-tag-4 span{
    border: 2px solid #011111;
    color: #011111;
}
.promo-tag.promo-tag-5 span{
    border: 2px solid #cb0316;
    color: #cb0316;
}
.promo-tag.promo-tag-6 span{
    border: 2px solid #1f5f47;
    color: #1f5f47;
}
.promo-tag.promo-tag-7 span{
    border: 2px solid #b90119;
    color: #b90119;
}
/*.package-item.months6 .promo-tag span,*/
/*.package-item.months24 .promo-tag span,*/
/*.package-item.months12 .promo-tag span{*/
/*    color: #FF4B4B;*/
/*    border: 2px solid #FF4B4B;*/
/*}*/
.promo-tag strong{
    font-size: 20px;
    font-family: balootammabold;
    margin-top: -6px;
    display: block;
    font-weight: 400;
}
.promo-tag i{
    display: block;
    font-style: normal;
    font-size: 13px;
    font-family: 'promtmedium';
    margin-top: 1px;
}

.premium-skills{
    background: #191F70;
}
.premium-skills .premium-skills-content{
    max-width: 1120px;
    margin: 0 auto;
    padding: 27px 20px 22px;
}
.premium-skills .skills-left{
    width: 40%;
    float: left;
}
.premium-skills .skills-left img{
    width: 100%;
}
.premium-skills .skills-right{
    width: 60%;
    float: left;
    padding-left: 75px;
}
.premium-skills .skills-right p{
    color: #fff;
    max-width: 560px;
    font-size: 30px;
    font-family: 'balootammaextrabold';
    line-height: 40px;
    margin: 110px 0 0;
}
.premium-skills .skills-right a{
    color: #1CB0F6;
    font-size: 15px;
    font-family: 'balootammabold';
    display: inline-block;
    margin-top: 25px;
}
.premium-skills .skills-right a span{
    float: left;
    margin-top: -3px;
    margin-right: 5px;
}


.method-trial .method-trial-content{
    max-width: 1038px;
    margin: 20px auto 60px;
    background: #FFB100;
    border-radius: 22px;
    padding: 40px 50px 25px 60px;
}
.method-trial .right{
    width: 33%;
    float: right;
}
.method-trial .right img{
    width: 100%;
}
.method-trial .left{
    width: 67%;
    float: left;
    padding-right: 40px;
    padding-top: 20px;
}
.method-trial .left h2{
    margin: 0;
    max-width: 570px;
    color: #fff;
    font-size: 45px;
    font-family: 'balootammaextrabold';
}
.method-trial .left h6{
    color: #fff;
    max-width: 480px;
    font-size: 17px;
    font-family: balootammamedium;
    line-height: 23px;
    margin: 10px 0px 0px;
}
.method-trial .left .btn-upgrade-premium{
    display: block;
    height: 49px;
    max-width: 240px;
    background: #fff;
    margin-top: 22px;
    text-align: center;
    line-height: 49px;
    color: #FFB100;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'balootammabold';
    border-radius: 8px;
    border-bottom: 4px solid #DDF4FF;
    text-decoration: none;
}
.method-trial .left .btn-upgrade-premium span{
    margin-right: 3px;
}
.method-trial .left .btn-learning{
    display: block;
    height: 35px;
    max-width: 240px;
    margin-top: 15px;
    text-align: center;
    line-height: 37px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'balootammabold';
    text-decoration: none;
}



@media(max-width: 1280px){
    .premium-register .home-register-content {
        max-width: 1040px;
    }
    .premium-register .register-left h2{
        font-size: 35px;
        line-height: 40px;
        max-width: 500px;
    }
    .home-student h2{
        font-size: 35px;
        max-width: 600px;
        line-height: 43px;
    }
    .home-student .student-content{
        max-width: 998px;
    }
    .premium-video-content{
        max-width: 1040px;
    }
    .home-newspaper .newspaper-content{
        max-width: 1040px;
    }
    .premium-video-content{
        padding-top: 70px;
        margin-top: 20px;
    }
    .premium-video h2{
        font-size: 35px;
        max-width: 720px;
        line-height: 43px;
    }
    .home-student .home-student-content{
        margin-top: 45px;
    }
    
}

@media(max-width: 1200px){
    .premium-tab-content .premium-item .promotion-text{
        font-size: 12px;
    }
    .premium-top .premium-top-content {
        max-width: 1180px;
    }
    .premium-tab-content .tab-content{
        max-width: 1060px;
    }
    .premium-tab-content .premium-item .item-header{
        height: 110px;
    }
    .premium-tab-content .premium-item h3{
        font-size: 15px;
    }
    .premium-tab-content .premium-item .learning-time{
        font-size: 40px;
    }
    .premium-tab-content .premium-item .price{
        font-size: 40px;
    }
    .premium-tab-content .premium-item .price-month{
        font-size: 18px;
    }
}



@media(max-width: 991px){
    

    .home-target{
        margin-top: 25px;
        padding: 0px 15px;
    }
    .home-target h2{
        font-size: 20px;
        max-width: 340px;
        line-height: 28px;
    }
    .home-target h2 span{
        display: block;
        font-size: 30px;
        line-height: 44px;
    }
    .home-target .target-content {
        margin-top: 25px;
    }
    .home-target .target-content .left{
        float: none;
        margin: auto;
    }
    .home-target .target-content .right{
        width: 100%;
        padding: 0;
        float: none;
        margin-top: 45px;
    }

    
    .home-mission {
        margin: 40px auto 0;
    }
    
    .home-mission .mission-content .right{
        width: 100%;
        float: none;
        max-width: 320px;
        margin: 0 auto;
    }
    .home-mission .mission-content .left {
        width: 100%;
        float: none;
        padding: 35px 15px 0px;
    }
    .home-mission .mission-content .left h6{
        font-size: 23px;
        line-height: 31px;
        max-width: 475px;
        margin: 0 auto 0px;
    }

    
    .home-video{
        padding: 45px 15px 0px;
        max-width: unset;
    }
    .home-video h2{
        font-size: 33px;
        line-height: 43px;
        max-width: 475px;
        margin: 0px auto;
    }
    .home-video .video{
        margin-top: 30px;
        border-radius: 20px;
    }

    .home-newspaper .newspaper-content-item {
        width: calc(100% + 15px);
        margin-top: 30px;
    }

    .home-newspaper .newspaper-content{
        padding: 50px 15px 60px;
    }
    
    .home-newspaper .newspaper-item {
        width: 320px;
    }
    .home-newspaper .newspaper-item a{
        min-height: 376px;
        padding: 20px 25px 10px;
    }
    .home-newspaper .newspaper-item .title{
        max-width: 245px;
    }


    .home-student {
        padding-top: 40px;
    }
    .home-student h2{
        font-size: 28px;
        line-height: 35px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-student .home-student-content {
        margin-top: 35px;
        padding-left: 20px;
    }
    .home-student-feedback .feedback-left{
        display: none;
    }
    .home-student-feedback{
        padding: 80px 20px 0 0;
    }
    .home-student-feedback .feedback-right{
        width: 100%;
        float: none;
    }
    .home-student .btn-student-prev,
    .home-student .btn-student-next{
        display: none;
    }
    .premium-skills .skills-right{
        padding-left: 50px;
    }
    .premium-register .home-register-content{
        width: 100%;
        padding: 28px 20px;
    }
    .premium-register .register-left{
        float: none;
        width: 100%;
        padding-top: 45px;
        max-width: 500px;
        margin: 0 auto;
    }
    .premium-register .register-right{
        float: none;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    .premium-register .register-left h2{
        font-size: 32px;
        line-height: 38px;
    }
    .premium-top h1{
        font-size: 35px;
    }
    .premium-top .premium-top-content{
        padding: 50px 20px 50px;
    }
    .premium-tab-content .tab-content.tab-content-summary{
        display: none;
    }
    .premium-tab-content .tab-content.tab-content-full{
        display: block;
    }
    .premium-tab-content .btn-show-premium-more{
        display: none;
    }
    .premium-tab-content .tab-content-item{
        width: 1100px;
    }
    .premium-tab-content .tab-content-full .tab-content-item{
        width: 1700px;
    }
    .premium-tab-content .tab-content-item {
        margin-left: -10px;
    }
    .premium-tab-content .premium-item{
        width: calc(33.33% - 20px);
        margin: 25px 10px;
    }
    .premium-tab-content .tab-content-full .premium-item{
        width: calc(18.5% - 20px);
    }
    .premium-tab-content .tab-content-full .premium-item.item-24,
    .premium-tab-content .tab-content-full .premium-item.item-12,
    .premium-tab-content .tab-content-full .premium-item.item-36{
        width: calc(21% - 20px);
    }
    .premium-register {
        margin-top: 20px;
    }
    .premium-register .premium-register-content {
        padding: 50px 20px;
    }
    .promo-tag{
        left: -15px;
    }
    .method-trial .method-trial-content{
        margin: 0 15px 45px;
        padding: 10px 20px 20px;
        border-radius: 20px;
    }
    .method-trial .right{
        width: 100%;
        float: none;
        max-width: 270px;
        margin: 20px auto 0px;
    }
    .method-trial .left{
        width: 100%;
        float: none;
        padding: 30px 0px 0px;
    }
    .method-trial .left h2{
        font-size: 40px;
        text-align: center;
    }
    .method-trial .left h6{
        text-align: center;
        margin: 15px auto 0px;
    }
    .method-trial .left .btn-learning{
        max-width: unset;
    }
    .method-trial .left .btn-premium{
        max-width: unset;
    }
    .method-trial .left h2{
        margin: 0 auto;
    }
    .method-trial .left .btn-upgrade-premium{
        margin: 22px auto 0px;
    }
    .premium-skills .skills-right p{
        margin-top: 35px;
        font-size: 25px;
        line-height: 35px;
    }
    .premium-tab-content .tab-content{
        overflow: hidden;
        overflow-x: auto;
        padding-top: 20px;
    }
    .premium-tab-content .tab-content::-webkit-scrollbar{
        display: none;
    }
    .premium-register .register-right h3{
        font-size: 35px;
    }
}

@media(max-width: 776px){
    
    .home-video h2{
        max-width: unset;
        margin: 0px auto;
    }
    

    

    .premium-video-content{
        padding-top: 40px;
        /*margin-top: 40px;*/
    }
    .premium-video h2{
        font-size: 25px;
        line-height: 35px;
    }
    .premium-video video{
        border-radius: 20px;
        margin-top: 30px;
    }
    .home-newspaper h2{
        font-size: 30px;
    }
    
    .home-student {
        padding-top: 40px;
    }
    .home-student .btn-student-prev,
    .home-student .btn-student-next{
        display: none;
    }
    .home-student h2{
        font-size: 28px;
        line-height: 35px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-student .home-student-content {
        margin-top: 35px;
        padding-left: 20px;
    }
    .home-student-feedback .feedback-left{
        display: none;
    }
    .home-student-feedback{
        padding: 80px 20px 0 0;
    }
    .home-student-feedback .feedback-right{
        width: 100%;
        float: none;
    }

    .premium-register .register-left .btn-call{
        display: block;
        margin-top: 15px;
    }
    .premium-register .register-left .btn-call{
        display: block;
        margin-top: 15px;
        margin-left: 0;
    }
    .premium-top .premium-top-content {
        padding: 40px 20px 40px;
    }
    .premium-top h1 {
        font-size: 30px;
        margin: 0 auto;
    }
    
    
    .premium-register {
        margin-top: 20px;
    }
    .premium-register .premium-register-content {
        padding: 40px 0px 0;
    }
    .premium-tab-content .premium-item.item-plus h3{
        font-size: 35px;
    }
    .premium-tab-content .premium-item.item-plus h3 span{
        margin-top: 0px;
    }
    .premium-register .register-right h3{
        font-size: 30px;
    }
    .premium-register .register-right label{
        font-size: 16px;
    }
    .premium-register .register-right h4{
        font-size: 20px;
    }
    .premium-skills .skills-left{
        width: 100%;
        float: none;
        max-width: 350px;
        margin: 0 auto;
    }
    .premium-skills .skills-right{
        width: 100%;
        float: none;
        padding: 0px 0 0px;
        text-align: center;
    }
}