/* home page revamp */
/* section 2 */
.representative-container{
    position: relative;
    width: 100%;
    height: max-content;
    background-image: url(/landings/home/assets/images/rewrap-2024/bg-student.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 11;
}
.representative-container_title{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 54px;
    line-height: 74.52px;
    letter-spacing: 1px;
    color: #FFD85C;
}
.representative-container_content{
    width: 100%;
    height: 475px;
    display: flex;
    justify-content: space-between;
}
.representative-container_content_img{
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    text-align: center;
}
.representative-container_content_img img{
    width: 324px;
    height: 390px;
}
.representative-container_content_info{
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: auto;
}
.representative-container_content_info h3{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    letter-spacing: .15px;
    color: #FFD85C;
    margin-bottom: 0;
}
.representative-container_content_info span{
    margin: 0;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .15px;
    color: #FFD85C;
}
.representative-container_content_info p{
    text-align: start;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: .15px;
    color: #FFFFFF;
}
.representative-container_slide{
    width: 900px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}
@media only screen and (max-width: 1500px){
    .representative-container_slide{
        width: 1100px;
    }
}
.carousel-track-container{
    overflow: hidden;
    width: 80%;
    margin-left: 100px;
    position: relative;
}
.carousel-track{
    display: flex;
    transition: transform 0.5s ease;
    margin-left: -10px;
    justify-content: center;
}
@media only screen and (max-width: 1500px){
    .carousel-track-container{
        width: 75%;
        margin-left: 130px;
    }
    .carousel-track{
        margin-left: 125px;
    }
}
.carousel-slide{
    list-style: none;
    margin: 0 10px;
    flex: 0 0 100px;
}
.carousel-slide img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
}
.carousel-prev{
    background-color: transparent;
    border: none;
    font-size: 2rem; 
    font-weight: 100; 
    cursor: pointer;
    position: absolute;
    color: #2376BC;
    outline: none;
}
.carousel-next {
    background-color: transparent;
    border: none;
    font-size: 2rem;
    font-weight: 100; 
    outline: none;
    cursor: pointer;
    color: #2376BC;
}
.representative-container_wave{
    position: relative;
    top: 15px;
    width: 100%;
}
/* mobile */
.representative-mobile-container{
    position: relative;
    width: 100%;
    height: 1000px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-image: url(/landings/home/assets/images/rewrap-2024/bg-student-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.representative-mobile-container h3{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #FFD85C;
    margin: 100px 30px 0 30px;
}
.representative-mobile-content{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.representative-mobile-content_items{
    display: flex;
    transition: transform 0.3s ease;
    width: 100%;
}
.representative-mobile-content_item{
    min-width: 100%;
    box-sizing: border-box;
    z-index: 2;
}
.representative-mobile-content_item img{
    width: 302px;
    height: 362px;
}
.representative-mobile-content_item h3{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .15px;
    color: #FFD85C;
    margin: 30px 0 0 0;
}
.representative-mobile-content_item p,
.representative-mobile-content_item h4{
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: .15px;
    color: #FFD85C;
    margin: 5px 0 0 0;
}
.representative-mobile-content_item p{
    color: #FFFFFF;
    margin: 20px 30px 0 30px;
}
.prev-button{
    position: absolute;
    left: 0;
    margin-top: 155px;
    margin-left: 5px;
    border-radius: 50%;
    font-size: 20px;
    background-color: transparent;
    border: none;
    z-index: 3;
}
.next-button{
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 155px;
    margin-right: 5px;
    border-radius: 50%;
    font-size: 20px;
    background-color: transparent;
    border: none;
    z-index: 3;
}
.next-button img,
.prev-button img{
    width: 40px;
    height: 40px;
}
/* end mobile */
/* end section 2 */


/* section 3 */
.needus-section_container{
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 800px;
    background: url(/landings/home/assets/images/whyneedus/reason-content-2025.webp) no-repeat center center;
    background-size: cover;
    background-position: center;
}
.needus-section_container_top_wave{
    position: relative;
    top: -1px;
}
@media only screen and (max-width: 1300px){
    .needus-section_container{
        background-size: contain;
    }
    .needus-section_container_top_wave{
        top: 30px;
    }
}
.needus-section_container_bottom-wave-reason{
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: -10px;
}
@media only screen and (max-width: 1600px){
    .bottom-wave-reason{
        margin-bottom: 50px;
    }
}
.needus-section_content{
    margin-left: 170px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.needus-section_content h3{
    font-family: "Brauer NeueVN";
    margin: 0;
    font-weight: 700;
    font-size: 54px;
    line-height: 64.8px;
    letter-spacing: 1px;
    color: #2576B9;
    text-transform: uppercase;
}
.needus-section_content_paragrh{
    width: 376px;
    height: auto;
}
.needus-section_content_paragrh p{
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 16px;
    line-height: 23.68px;
    letter-spacing: .15px;
    color: #000000;
}
.needus-section_content_title.go{
    position: relative;
    animation: trans_text_down 0.8s forwards;
    opacity: 0; 
}
.needus-paragrh_des.go {
    position: relative;
    animation: slideInFromLeft 1s forwards; 
    opacity: 0; 
}
@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%); 
        opacity: 0; 
    }
    100% {
        transform: translateX(0); 
        opacity: 1;
    }
}
/* mobile */
.needus-section{
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 1000px;
    background-image: url(/landings/home/assets/images/whyneedus/reason-content.png);
    background-repeat: no-repeat;
    background-size: 100% 810px;
    background-position: center center;

}

.needus-container{
    display: flex;
    width: 86%;
    margin: 0 auto;}

.needus-content{
    width: 64%;
    padding-top: 220px;
    padding-left: 66px;
}

.needus-content .needus-title{
    margin: 0;
    font-weight: 700;
    font-size: 54px;
    line-height: 64.8px;
    letter-spacing: 1px;
    color: #2576B9;
    font-family: "Brauer NeueVN";
    height: auto;
}

.needus-content .needus-paragraph{
    font-weight: 300;
    font-size: 16px;
    line-height: 23.68px;
    width: 65%;
    font-family: 'Montserrat';
    height: auto;
}

.top-wave-reason{
    position: absolute;
    top: 52px;
    width: 100%;
    z-index: 1;
    height: auto;
}

.bottom-wave-reason{
    position: absolute;
    bottom: 0%;
    width: 100%;
    z-index: 1;
    height: auto;
}

.needus-section-en {
    padding-top: 45px !important;
}

.needus-content-en {
    padding: 0px 8px !important;
}

.needus-title-en {
    font-size: 28px !important;
    padding: 0;
}

.needus-title-en-small {
    font-size: 26px !important;
}

.needus-paragraph-en {
    font-size: 16px !important;
}

.needus-paragraph-en-small {
    font-size: 14px !important;
}

@media only screen and (min-width: 1921px) {
    .needus-content{
        width: 64%;
        padding-top: 220px;
        padding-left: 79px;
    }
    .needus-content .needus-title{
        font-size: 60px;
        line-height: 64.8px;

    }
    .needus-content .needus-paragraph{
        font-size: 20px;
        line-height: 30px;
        padding-top: 10px;
        width: 53%;
    }
    .bottom-wave-reason{
        bottom: 0%;
    }
    .top-wave-reason{
        top: 52px;
    } 
}

@media only screen and (max-width: 1921px) {
    
    .needus-section {
        background-size: 100% 850px; 
        background-position: center top; 
    }
    .needus-content{
        width: 60%;
        padding-top: 150px;
        padding-left: 70px;
    }
    .needus-content .needus-title{
        font-size: 60px;
        line-height: 70px;

    }
    .needus-content .needus-paragraph{
        font-size: 20px;
        line-height: 27.68px;
        padding-top: 10px;
        width: 52%;
    }

    .bottom-wave-reason{
        bottom: 10%;
    }
    .top-wave-reason{
        top: -5px;
    }
}

@media only screen and (max-width: 1700px) {
    .needus-section {
        background-size: 100% 830px; 
    }
}

@media only screen and (max-width: 1650px) {
    .needus-content .needus-paragraph{
        width: 57%;
    }
}

@media only screen and (max-width: 1600px) {
    .needus-content .needus-paragraph{
        width: 60%;
    }
    .needus-content{
        padding-top: 128px;
    }
    .needus-section {
        background-size: 100% 770px; 
    }
    .bottom-wave-reason{
        bottom: 18%;
    }
    .top-wave-reason{
        top: -18px;
    }
}

@media only screen and (max-width: 1500px) {
    .needus-section{
        background-size: 1440px 740px;
        width: 100vw;
        height: 800px;
        background-position-y: 50px;
    }
    .bottom-wave-reason{
        bottom: -1%;
    }
    .top-wave-reason{
        top: 16px;
    }
    .needus-content .needus-paragraph{
        width: 60%;
        font-size: 16px;
        line-height: 23.68px;
    }
    .needus-content .needus-title{
        font-size: 54px;
    }
    .needus-content{
        padding-top: 130px;
        padding-left: 66px;
    }
}

@media only screen and (max-width: 1441px){
    .needus-content .needus-title{
        font-size: 54px;
        line-height: 64.8px;
        letter-spacing: 1px;
        font-weight: 700;

    }
    .needus-content .needus-paragraph{
        font-size: 16px;
        line-height: 23.68px;
        font-weight: 300;
        padding-top: 10px;
        width: 56%;
        letter-spacing: 0.15px;
    }
    .needus-content{
        padding-top: 130px;
        padding-left: 66px;
    }
    .needus-section{
        background-size: 1440px 750px;
        width: 100vw;
        height: 800px;
        background-position-y: 26px;
    }

    .bottom-wave-reason{
        bottom: -1%;
    }
}

@media only screen and (max-width: 1400px){
    .needus-section{
        background-position-x: calc(100%);
    }
}

@media only screen and (max-width: 1370px) {
    .needus-content{
        padding-left: 50px;
        padding-top: 135px;
    }
    .needus-container{
        width: 90%;
    }
    .top-wave-reason{
        top: 16px;
    }
    .needus-section{
        background-size: 1440px 750px;
        width: 100vw;
        height: 800px;
        background-position-y: 50px;
        background-position-x: -71px;
    }
    .bottom-wave-reason{
        bottom: -4%;
    }
}

@media only screen and (max-width: 1350px){
    .needus-section{
        background-position-x: calc(100%);
    }
}

@media only screen and (max-width: 1300px) {
    .needus-content{
        padding-left:28px;
    }
    .bottom-wave-reason{
        bottom: -5%;
    }

}

@media only screen and (max-width: 1250px) {
    .needus-container{
        width: 90%;
    }
    .needus-content{
        padding-left:0px;
        padding-top: 110px;
    }
    .bottom-wave-reason{
        bottom: -2%;
    }
}


@media only screen and (max-width: 1150px) {
    .bottom-wave-reason{
        bottom: -5%;
    }
    .needus-container{
        width: 94%;
    }
    
}

@media only screen and (max-width: 1100px) {
    .needus-content{
        padding-top: 92px;
    }
    .needus-container{
        width: 95%;
    }
    .needus-content .needus-title{
        font-size: 50px;
        line-height: 57.8px;
    }
    .needus-content .needus-paragraph{
        font-size: 14px;
        line-height: 23.68px;
    }
    .needus-section{
        height: 600px;
        background-size: cover;
        background-position-y: 26px;
        background-size: 1200px 600px;
    }
    .bottom-wave-reason{
        bottom: -4%;
    }
}

    
@media only screen and (max-width: 1024px) {
    .needus-content{
        width: 64%;
        padding-top: 90px;
        padding-left: 50px;
    }
    .bottom-wave-reason{
        bottom: -5%;
    }
    .needus-content .needus-title{
        font-size: 40px;
        line-height: 45px;
    }
}

@media only screen and (max-width: 950px) {
    .bottom-wave-reason{
        bottom: -2%;
    }
    .needus-content .needus-title{
        font-size: 36px;
        line-height: 42px;
        letter-spacing: 0.75px;
    }
    .needus-content .needus-paragraph{
        font-size: 12px;
        line-height: 14px;
    }
    .needus-content{
        width: 50%;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 875px) {
    .bottom-wave-reason{
        bottom: -8%;
    }
    .needus-content .needus-title{
        font-size: 32px;
    }
}



@media only screen and (max-width: 767px) {
    .needus-section{
        height: 785px;
    }
    .needus-container{
        background-image: linear-gradient(to bottom, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0)), 
                          url(/landings/home/assets/images/whyneedus/reason-content-mobile.png);
        height: 50%;
        margin-top: -2px;
        height: 780px;
        width: 100%;
        background-size: 1000px 1000px;
        background-position: top;
        position: static;
    }
    .needus-content{
        width: 100%;
        padding: 60px 10px 0;
    }
    .needus-content .needus-title{
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0.75px;
        color: #1E5796;
        text-align: center;
    }
    .needus-content .needus-paragraph{
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin: 0;
    }
    .bottom-wave-reason{
        bottom: -3%;
    }
    .top-wave-reason{
        top: -10px;
    }
}

@media only screen and (max-width: 575px) {
    .needus-container{
        background-position: 48% top;
        width: 100vw;
        height: 708px;
        background-size: 800px auto;
    }
    
    .needus-section{
        height: 760px;
    }
    .needus-section-space{
        background: linear-gradient(to bottom, rgba(30, 30, 30, 0.4), rgba(30, 30, 30, 0.35));
        height: 70px;
    }
    .needus-content{
        position: absolute;
        top: 0;
        margin-top: -10px;
    }
    .needus-content .needus-title{
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0.75px;
        color: #1E5796;
        text-align: center;
    }
    .needus-content .needus-paragraph{
        width: 98%;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        text-align: center;
    }
    .bottom-wave-reason{
        bottom: -2%;
    }
}

@media only screen and (max-width: 476px) {
    .needus-section{
        height: 800px;
    }
    .needus-section-space{
        height: 100px;
    }
    .needus-content .needus-title{
        font-size: 30px;
        line-height: 36px;
        letter-spacing: 0.75px;
        color: #1E5796;
        text-align: center;
    }
    .needus-content .needus-paragraph{
        width: 99%;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        text-align: center;
    }
    .bottom-wave-reason{
        bottom: -1%;
    }
    .top-wave-reason{
        top: -1px;
    }
}

@media only screen and (max-width: 333px) {
    .needus-content .needus-title{
        font-size: 24px;
        line-height: 30px;
    }
    .needus-content .needus-paragraph{
        font-size: 14px;
    }
}

@media only screen and (max-width: 400px) {
    .needus-content{
        margin-top: -26px;
    }
    .needus-content .needus-title{
        font-size: 30px;
        line-height: 36px;
        letter-spacing: 0.75px;
        color: #1E5796;
        text-align: center;
    }
    .needus-content .needus-paragraph{
        width: 99%;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        text-align: center;
    }
    .bottom-wave-reason{
        bottom: -1%;
    }
}

@media only screen and (max-width: 376px) {
    .needus-content .needus-title{
        font-size: 26px;
        line-height: 30px;
    }
    .needus-content .needus-paragraph{
        font-size: 15px;
    }
    .top-wave-reason{
        top: -1px;
    }
}

/* end mobile */
 /* END SECTION 3 */
 /* SECTION 4 */
/* add new learning-roadmap-2025 2025*/
.learning-roadmap-2025{
    width: 100%;
    aspect-ratio: 2 / 1;
    top: -8px;
    position: relative;
}


@media only screen and (max-width: 1440px){
    .learning-roadmap-2025{
        height: 780px;
    }
    .section-road-step-details-2025 {
        margin-top: -80px;
    }
}

.learning-roadmap-2025 .desktop {
    position: relative; 
    height: 100%;
    background-image: url(/landings/home/assets/images/rewrap-2025/bg-children-2025-2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media only screen and (max-width: 1440px) {
    .learning-roadmap-2025 .desktop {
        height: 690px;
    }
}



.road-steps-teaching-methods{
    position: absolute;
    bottom: -70px;
    z-index: 2;
}

.steps-container{
    position: absolute;
    top: -16px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    padding: 0 230px;              /* cắt 2 đầu 230px */
    display: flex;
    justify-content: space-between;
    align-items: center;      
    gap: 24px;                     
}

.step{
    flex: 1 1;              
    display: flex;
}

.step-icon{
    width: 48px;                  
    height: auto;
}

.section-road-step-details-2025{
    background-color: #f8feff;
    width: 100%;
    height: 800px; 
    padding-top: 80px;          
    padding-bottom: 24px;
    position: relative;
    margin-bottom: -100px;
}

.steps-details-2025{
    display: flex;
    justify-content: flex-start;
    gap: 24px;
    padding: 0 230px;
    align-items: start;
    max-height: 300px;
    z-index: 3;
    position: relative;
}

.step-col-2025{
    flex: 1 0 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;     
    gap: 12px;     
    position: relative;
}

.step-head-2025{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.step-index-2025{
    color: #EA9FC5;
    font-family: "Brauer NeueVN";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; 
    letter-spacing: 0.15px;
    min-width: 176px;
}

.step-head-2025 h4{
    color:#2576B9;
    font-family: "Brauer NeueVN";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.15px;
    min-width: 176px;
}

.step-toggle-2025{
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid; 
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    line-height: 0;
    outline: none;
    color: #3f87c5;
}

.step-toggle-2025::before,
.step-toggle-2025::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #3f87c5;
    border-radius: 1px;
    transition: transform .15s ease, opacity .15s ease;
}

.step-toggle-2025::before{
    width: 12px;
    height: 2px;
    transform: translate(-50%, -50%);
}

.step-toggle-2025::after{
    width: 2px;
    height: 12px;
    transform: translate(-50%, -50%);
}

.step-toggle-2025[aria-expanded="true"]::after{
    opacity: 0;
}

.is-hidden { display: none !important; }

.step-content-2025{
    width: 176px;
}

.step-desc-2025{
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 148%; 
    letter-spacing: 0.15px;
}

.img-all-icons{
    width: 900px;
    height: 377px;
    position: absolute;
    left: 400px;
    bottom: 100px;
}
@media only screen and (max-width: 1440px){
    .img-all-icons{
        left: 300px;
    }
}

@media only screen and (max-width: 1024px) {
    .learning-roadmap-2025 .desktop {
        height: 610px;
    }
    .steps-container{
        padding: 0 40px;
        top: -36px;
    }
    .steps-details-2025{
        padding: 0 40px;
    }
    .img-all-icons {
        left: 100px;
        width: 800px;
    }
    .section-road-step-details-2025 {
        margin-top: -140px;
    }
}

.learning-roadmap-2025_wave{
    position: relative;
    margin-top: -60px;
    width: 100%;
}

@media only screen and (max-width: 1300px){
    .learning-roadmap-2025_wave{
        margin-top: -100px;
    }
}

@media only screen and (max-width: 1024px) {
    .learning-roadmap-2025_wave {
        margin-top: -140px;
    }
    .road-steps-teaching-methods {
        bottom: -40px;
    }
}

/*mobile */
@media only screen and (max-width: 767px) {
    .learning-roadmap-2025 {
        height: auto;
    }
}

.learning-roadmap-2025-mobile-container{
    position: relative;
    width: 100%;
    background-image: url(/landings/home/assets/images/rewrap-2025/bg-learning-roadmap-2025-mobile-2.webp);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 609px;
}

.learning-roadmap-2025-top-wave{
    position: absolute;
    z-index: 4;
    margin-top: -30px;
}

.learning-roadmap-2025-mobile-container-title{
    width: calc(100% - 50px);
    margin: 30px 0;
    margin-top: 60px;
}
.learning-roadmap-2025-mobile-container-title h3{
    text-transform: uppercase;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    color: #2576B9;
    margin: 0;
    padding: 0;
}


@media only screen and (max-width: 767px){
    .section-road-step-details-2025{
         height: auto; 
         padding-top: 0px; 
        padding-bottom: 0px;
        margin-bottom: 0px;
        top: -6px;
        }
    }

.img-road-step-2025{
    position: relative;
}

.step-mobile-2025{
    left: 16.9px;
    position: absolute;
    width: 29px;
    height: 44px;
}

/*wrapper roll - x*/
.steps-slider-mobile{
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    gap: 0;
    margin: 0 16px;
}

.steps-slider-mobile::-webkit-scrollbar{ display: none; }

.steps-slider-mobile > .steps-details-mobile-2025{
    flex: 0 0 100%;                  
    scroll-snap-align: start;
    box-sizing: border-box;          
}
/*end wrapper roll - x*/

.steps-details-mobile-2025{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.step-head-mobile-2025{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.step-index-mobile-2025{
    color: #EA9FC5;
    font-family: "Brauer NeueVN";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; 
    letter-spacing: 0.15px;
}

.step-head-mobile-2025 h4{
    color: #2576B9;
    font-family: "Brauer NeueVN";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; 
    letter-spacing: 0.15px;
}

.step-content-mobile-2025{
    width: 100%;
}


.step-desc-mobile-2025{
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 148%;
    letter-spacing: 0.15px;
}
    /*end add new learning-roadmap-2025 2025*/

.diff_in_teaching_methods_at_apo_container{
    max-width: 1200px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}
.diff_in_teaching_methods_at_apo_wave{
    position: relative;
    margin-top: -60px;
    width: 100%;
}
@media only screen and (max-width: 1300px){
    .diff_in_teaching_methods_at_apo_wave{
        margin-top: -100px;
    }
}

.diff_in_teaching_methods_at_apo_title{
    margin: 20px 0 0 0;
}
.diff_in_teaching_methods_at_apo_title h3{
    text-align: center;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 3.375rem;
    line-height: 64.8px;
    letter-spacing: .15px;
    color: #2576B9;
    margin: 0;
    text-transform: uppercase;
}
.diff_in_teaching_methods_at_apo_content{
    margin: 20px 0 0 0;
    height: 425px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}
.diff_in_teaching_methods_at_apo_item{
    background-color: #FFD95C;
    flex: 1;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
    min-height: 450px;
}
.diff_in_teaching_methods_at_apo_item:first-child {
    margin-left: 0;
}
.diff_in_teaching_methods_at_apo_item:last-child {
    margin-right: 0;
}
.diff_in_teaching_methods_at_apo_item_img{
    width: calc(100% - 25px);
    border-radius: 20px;
    margin: 10px 10px 0 10px;
    overflow: hidden;
}
.diff_in_teaching_methods_at_apo_item_img img{
    border-radius: 20px;
}
.diff_in_teaching_methods_at_apo_item_title{
    width: calc(100% - 25px);
    margin: 10px;
}
.diff_in_teaching_methods_at_apo_item_title h4{
    margin: 0;
    padding: 0;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 24px;
    line-height: 33.6px;
    letter-spacing: .15px;
    color: #2576B9;
}
.diff_in_teaching_methods_at_apo_item_des{
    width: calc(100% - 25px);
    margin: 5px 10px 10px 10px;
    min-height: 150px;
}
.diff_in_teaching_methods_at_apo_item_des p{
    margin: 0;
    padding: 0;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 1px;
    color: #000000;
}
/* mobile */
.diff_in_teaching_methods_at_apo_mobile_container{
    position: relative;
    width: 100%;
    height: max-content;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 100px;
}
.subtract-wave{
    position: absolute;
    z-index: 4;
    margin-top: -30px;
}
.diff_in_teaching_methods_at_apo_mobile_container_title{
    width: calc(100% - 50px);
    margin: 30px 0;
}
.diff_in_teaching_methods_at_apo_mobile_container_title h3{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    color: #2576B9;
    margin: 0;
    padding: 0;
}
.diff_in_teaching_methods_at_apo_mobile_container_item{
    width: calc(100% - 50px);
    margin: 10px 0;
    background-color: #FFD95C;
    border-radius: 24px;
    padding: 16px;
    display: flex;
    flex-direction: column;
}
.diff_in_teaching_methods_at_apo_mobile_container_item:last-child{
    margin: 10px 0 20px 0;
}
.diff_in_teaching_methods_at_apo_mobile_container_item img{
    border-radius: 16px;
}
.diff_in_teaching_methods_at_apo_mobile_container_item-title{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.diff_in_teaching_methods_at_apo_mobile_container_item-title h4{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .15px;
    color: #2576B9;
    margin: 0;
    padding: 0;
}
.diff_in_teaching_methods_at_apo_mobile_container_item-title img{
    width: 25px;
    height: 25px;
}
.diff_in_teaching_methods_at_apo_mobile_container_item-expaned {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease; 
}
.diff_in_teaching_methods_at_apo_mobile_container_item.active .diff_in_teaching_methods_at_apo_mobile_container_item-expaned {
    max-height: 200px; 
}
.diff_in_teaching_methods_at_apo_mobile_container_item-expaned p{
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 1px;
    color: #000000;
}
.footer-rewarm_wave{
    width: 100%;
}
/* end mobile */
/* END SECTION 4 */

/* section 5 */
.team-teacher_container{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #D4EDFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 3px;
}
.team-teacher_container_bg_icon{
    position: absolute;
    width: 100%;
    max-width: 1500px;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

@media only screen and (max-width: 1500px){
    .team-teacher_container_bg_icon{
        max-width: 1400px;
    }
}
.team-teacher_container_bg_icon img{
    height: 1450px;
}
.team-teacher_container-title{
    width: calc(100% - 400px);
    margin: 30px 0 0 0;
    text-align: center;
}
.team-teacher_container-title h3{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 54px;
    line-height: 75.6px;
    letter-spacing: .15px;
    color: #2576B9;
    margin: 0;
    padding: 0;
}
.team-teacher_container-content{
    width: calc(100% - 400px);
    margin: 30px 0;
    display: grid;
    grid-template-columns: repeat(3, 300px); 
    grid-gap: 35px;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.team-teacher_item {
    width: max-content;
    height: 100%;
    display: flex;
    border-radius: 16px;
    flex-direction: column;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
.team-teacher_item img {
    border-radius: 16px;
    transition: opacity 0.6s;
    cursor: pointer;
}
.team-teacher_item.flip {
    transform: rotateY(180deg);
}

.team-teacher_item.flip img {
    opacity: 0;
}
.team-teacher_item .back-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 312px;
    height: 402px;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    padding: 20px;
}
.team-teacher_item .back-content p {
    color: #000000;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .15px;
    width: 100%;
    font-style: italic;
}
.team-teacher_item h4{
    margin: 5px 0 0 0;
    color: #2576B9;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 23px;
    line-height: 33.6px;
    letter-spacing: .15px;
}
.team-teacher_item p.rotate,
.team-teacher_item h4.rotate{
    transform: rotateY(180deg);
}
.team-teacher_item p.unRotate
.team-teacher_item h4.unRotate{
    transform: rotateY(0deg);
}
.team-teacher_item p{
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: .15px;
    color: #607D8B;
    margin: 0;
    width: 315px;
    min-height: 50px;
}
.team-teacher_container-content-see-more{
    width: 180px;
    height: 50px;
    background-color: #FFD95C;
    border-radius: 61px;
    padding: 4px 0px 0px 0px;
    margin-bottom: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
}
.team-teacher_container-content-see-more p{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 24px;
    line-height: 33.6px;
    letter-spacing: .15px;
    color: #2576B9;
    margin: 5px;
}
.team-teacher_hidden {
    display: none; 
}
/* mobile */
.team-teacher_mobile_container{
    position: relative;
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #D4EDFF;
}
.team-teacher_mobile_container img{
    margin-top: -2px;
}
.team-teacher_mobile_container_title{
    width: calc(100% - 100px);
    margin-top: 30px;
    text-align: center;
}
.team-teacher_mobile_container_title h3{
    margin: 0;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #2576B9;
}
.team-teacher_mobile_container_content_item{
    width: calc(100% - 30px);
    height: 452px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.team-teacher_mobile_container_content_icon{
    position: absolute; 
    width: 100%;
    display: flex;
    justify-content: space-between; 
    z-index: 2;
}
.team-teacher_mobile_container_content_icon img{
    width: 32px;
    height: 32px;
}
.carousel-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    width: 100%; 
}
.wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #D4EDFF;
}
.carousel {
    display: flex;
    transition: transform 0.5s ease; 
    width: calc(100% - 70px);
    box-sizing: border-box;
}
.carousel-item {
    flex: 0 0 100%;
    box-sizing: border-box;
    margin: 20px 0;
}
.prev-btn, .next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    border: none;
}
.prev-btn {
    left: 10px;
}

.next-btn {
    right: 10px;
}
.prev-btn img,
.next-btn img{
    width: 40px;
    height: 40px;
}
.carousel-item_container{
    display: flex;
    flex-direction: column;
    margin: 0 15px 0 15px;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
.carousel-item_container img{
    border-radius: 16px;
}
.carousel-item_container h4{
    margin: 10px 0 0 0;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 24px;
    line-height: 33.6px;
    letter-spacing: .15px;
    color: #2576B9;
}
.carousel-item_container p{
    margin: 0;
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 17px;
    line-height: 22.4px;
    letter-spacing: .15px;
    color: #607D8B;
}
.carousel-item_container h4.rotate,
.carousel-item_container p.rotate{
    transform: rotateY(180deg);
}
.carousel-item_container h4.unRotate,
.carousel-item_container p.unRotate{
    transform: rotateY(0deg);
}
.carousel-item_container.flip-mobile{
    transform: rotateY(180deg);
}
.carousel-item_container.flip-mobile img{
    opacity: 0;
}
.carousel-item_container .card-back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 283px;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    padding: 20px;
}
/* end mobile */
/* end section 5 */
/* section co-so-vat-chat */
.facilities{
    position: relative;
    width: 100%;
    background-color: #D4EDFF;
    display: flex;
    flex-direction: column;
}
.facilities_container{
    width: 100%;
    background-color: #F8FEFF;
    margin: -10px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.facilities_container-title{
    text-align: center;
}
.facilities_container-title h3{
    margin: 0;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 54px;
    line-height: 75.6px;
    letter-spacing: .15px;
    color: #2576B9;
    text-transform: uppercase;
}
/* carousel */
.facilities_carousel{
    width: 50%;
    position: relative;
}
.facilities_carousel-slides{
    display: flex;
    transition: transform 0.5s ease;
}
.facilities_carousel-slide{
    min-width: 100%;
    margin-right: 30px;
    transition: opacity 0.5s ease;
}
.facilities_carousel-slide img{
    width: 100%;
    display: block;
    cursor: pointer;
}
.prevSlide, .nextSlide{
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transform: translateY(-50%);
    background-color: #FFFFFF;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #2376BC;
}
.prevSlide{
    left: -40px;
}
.nextSlide{
    right: -105px;
}
@media only screen and (max-width: 767px){
    .facilities_carousel {
        width: 75%;
    }
    .facilities_carousel-slide{
        margin-right: 5px;
    }
    .facilities_container-title h3{
        font-size: 30px;
    }
    .prevSlide{
        left: -20px;
    }
    .nextSlide{
        right: -30px;
    }
}
.prevSlide.active, .nextSlide.active {
    background-color: #2376BC;
    color: #FFFFFF;
}
.facilities_carousel-indicators{
    display: flex;
    justify-content: center;
    padding: 10px 0;
    margin-bottom: 50px;
}
.dot{
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #E6E6E6;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.3s ease;
}
.dot.active{
    background-color: #2376BC;
}
/* end carousel */
/* end section co-so-vat-chat */
/* section year of trust */
.year-of-trust{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 846px;
    background-image: url(/landings/home/assets/images/rewrap-2024/icon-trust-foooter.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.year-of-trust_container{
    position: absolute;
    bottom: 0;
    width: 1200px;
    min-height: 640px;
    z-index: 2;
}
@media only screen and (max-width: 1500px){
    .year-of-trust_container{
        width: calc(100% - 400px);
    }
}
@media only screen and (max-width: 767px){
    .year-of-trust{
        height: max-content;
        background: none;
    }
}
.year-of-trust_container_item_teaching_methods{
    position: absolute;
    top: 0;
    left: 0;
    width: 215px;
    height: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.year-of-trust_container_item_teaching_methods img{
    width: 90px;
    height: 90px;
}
.year-of-trust_container_des{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .15px;
    color: #1E5796;
    position: relative; 
    opacity: 0;
}

.year-of-trust_container_des.go{
    animation: trans_text_down 0.6s forwards;
}

@keyframes trans_text_down {
    from {
        top: -50px; 
        opacity: 0; 
    }
    to {
        top: 0; 
        opacity: 1;
    }
}
.year-of-trust_container_item_foreign_teachers{
    position: absolute;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 250px;
    bottom: 0;
    margin-bottom: 100px;
}
.year-of-trust_container_item_foreign_teachers img{
    width: 90px;
    height: 90px;
}
.year-of-trust_container_item_british_edu{
    position: absolute;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 210px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: -50px;
}
.year-of-trust_container_item_british_edu img{
    width: 90px;
    height: 90px;
}
.year-of-trust_container_item_mane_sys{
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 260px;
    bottom: 0;
    margin-bottom: 100px;
}
.year-of-trust_container_item_mane_sys img{
    width: 90px;
    height: 90px;
}
.year-of-trust_container_item_curriculum{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 247px;
}
.year-of-trust_container_item_curriculum img{
    width: 90px;
    height: 90px;
}
.year-of-trust-mobile_container{
    width: 100%;
}
.year-of-trust-mobile_container_bg{
    position: relative;
    height: 500px;
    margin-bottom: 25px;
}
.year-of-trust-mobile_content{
    position: absolute;
    top: 0;
    width: 100%;
    height: max-content;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.year-of-trust-mobile_item{
    width: calc(100% - 15px);
    display: flex;
    justify-content: space-between;
}
.year-of-trust-mobile_item_left{
    display: flex;
    flex-direction: column;
    width: 25%;
    align-items: center;
}
.year-of-trust-mobile_item_center{
    display: flex;
    flex-direction: column;
    width: 25%;
    align-items: center;
    text-align: center;
    margin-top: 50px;
}
.year-of-trust-mobile_item_right{
    display: flex;
    flex-direction: column;
    width: 25%;
    align-items: center;
}
.year-of-trust-mobile_des{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: .15px;
    color: #1E5796;
    text-align: center;
}
.year-of-trust-mobile_des.go{
    animation: text_bottom_in_top 0.8s ease-in-out;
}
@keyframes text_bottom_in_top{
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.year-of-trust-mobile_icon{
    width: 40px;
    height: 40px;
}
.year-of-trust-mobile_icon.go{
    animation: animationTop 0.6s ease-in-out;
}
@keyframes animationTop {
    0% {
      transform: translateY(-100%);
    }
    60% {
      transform: translateY(0%);
    }
    80% {
      transform: translateY(-20%);
    }
    100% {
      transform: translateY(0%);
    }
}
.year-of-trust-mobile_container_item_teaching_methods{
    position: absolute;
    top: 0;
    width: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
}
.year-of-trust-mobile_container_item_teaching_methods img{
    width: 40px;
    height: 40px;
}
.year-of-trust-mobile_container_des{
    font-family: 'Brauer NeueVN';
    font-weight: 700;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: .15px;
    color: #1E5796;
}
.year-of-trust-mobile_container_item_foreign_teachers{
    position: absolute;
    bottom: 0;
    width: 78px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
}
.year-of-trust-mobile_container_item_foreign_teachers img{
    width: 40px;
    height: 40px;
}
.year-of-trust-mobile_container_item_british_edu{
    position: absolute;
    bottom: 0;
    width: 95px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.year-of-trust-mobile_container_item_british_edu img{
    width: 40px;
    height: 40px;
}
.year-of-trust-mobile_container_item_mane_sys{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 78px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: start;
    margin-bottom: 20px;
}
.year-of-trust-mobile_container_item_mane_sys img{
    width: 40px;
    height: 40px;
}
.year-of-trust-mobile_container_item_curriculum{
    position: absolute;
    top: 0;
    right: 0;
    width: 78px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: start;
}
.year-of-trust-mobile_container_item_curriculum img{
    width: 40px;
    height: 40px;
}
/* end section year of trust */
.homepage_icon{
    position: relative;
    width: calc(100% - 400px);
    height: 100px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}
@media only screen and (max-width: 1500px){
    .homepage_icon{
        width: calc(100% - 300px);
    }
}
@media only screen and (max-width: 767px){
    .homepage_icon{
        width: 100%;
        margin: 10px 0 140px 0;
        height: 60px;
    }
}
.homepage_icon-search{
    width: 37.19px;
    height: 37.2px;
    position: absolute;
    bottom: 0;
}
.homepage_icon-vector{
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    margin-left: 100px;
}
.homepage_icon-earth{
    width: 81px;
    height: 70px;
    position: absolute;
    top: 0;
    margin-left: 130px;
}
.homepage_icon-pen{
    width: 82px;
    height: 45px;
    position: absolute;
    top: 0;
    margin-left: 300px;
    margin-top: 20px;
}
.homepage_icon-bird{
    width: 27px;
    height: 46px;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 400px;
}
.homepage_icon-star{
    width: 105px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 100px;
}
@media only screen and (max-width: 767px) {
    .homepage_icon-earth{
        width: 36px;
        height: 31px;
        margin-left: 0;
    }
    .homepage_icon-bird{
        width: 14px;
        height: 20px;
        margin-right: 120px;
        margin-top: 20px;
    }
    .homepage_icon-pen{
        width: 37px;
        height: 20px;
        margin-left: 100px;
    }
    .homepage_icon-star{
        width: 48px;
        height: 30px;
        margin-right: 0;
    }
}
/* end home page revamp */

/* course page revamp */
.section-become-better{
    position: relative;
    width: 100%;
    height: 1100px;
    background-image: url(/landings/home/assets/images/apollo-active-2024/bg-course.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section-become-better-wave{
    margin-top: -74px;
    width: 100%;
    height: 200px;
}
.section-become-better-wave-learning{
    margin-top: -74px;
    width: 100%;
    height: 200px;
}

@media only screen and (max-width: 1440px){
    .section-become-better-wave{
        margin-top: -60px;
    }
    .section-become-better-wave-learning{
        margin-top: -60px;
    }
}
@media only screen and (max-width: 950px){
    .section-become-better-wave{
        margin-top: -45px;
    }
    .section-become-better-wave-learning{
        margin-top: -45px;
    }
}
@media only screen and (max-width: 767px){
    .section-become-better{
        height: max-content;
    }
    .section-become-better-wave{
        margin-top: -25px;
        height: 0;
    }
    .section-become-better-wave-learning{
        margin-top: -25px;
        height: 0;
    }
    .learn-eng-better{
        margin-bottom: 150px;
    }
}
@media only screen and (max-width: 476px){
    .section-become-better-wave-learning{
        width: calc(100% + 30px);
    }
}
@media only screen and (max-width: 451px){
    .section-become-better-wave-learning{
        width: calc(100% + 60px);
    }
}
@media only screen and (max-width: 411px){
    .section-become-better-wave{
        margin-top: -16px;
    }
    .section-become-better-wave-learning{
        width: calc(100% + 76px);
    }
}
@media only screen and (max-width: 400px){
    .section-become-better-wave{
        width: calc(100% + 20px);
    }
    .section-become-better-wave-learning{
        width: calc(100% + 113px);
    }
}
.section-become-better .container{
    height: 800px;
    background-image: url(/landings/home/assets/images/rewrap-2024/course/bg-circle-2025.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}
@media only screen and (max-width: 767px){
    .section-become-better .container{
        height: 500px;
        margin-bottom: 200px;
        margin-top: 30px;
    }
}
.section-become-better_content{
    width: calc(100% - 100px);
    flex-shrink: 0;
    margin-top: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media only screen and (max-width: 767px){
    .section-become-better_content{
        width: 100%;
        margin-top: 130px;
    }
}
.section-become-better_bg_icon{
    width: 60vw;
    position: absolute;
}
@media only screen and (max-width: 1500px){
    .section-become-better_bg_icon{
        width: 80vw;
    }
}
.section-become-better_content_item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}
.section-become-better_content_center,
.section-become-better_content_left,
.section-become-better_content_right{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 23%;
}
.section-become-better_content_center img,
.section-become-better_content_right img,
.section-become-better_content_left img{
    width: 90px;
    height: 90px;
}
.section-become-better_content_center{
    margin-top: -15px;
}
.section-become-better_content_des{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .15px;
    color: #FFFFFF;
    text-align: center;
}
@media only screen and (max-width: 767px){
    .section-become-better_content_center img,
    .section-become-better_content_right img,
    .section-become-better_content_left img{
        width: 40px;
        height: 40px;
    }
    .section-become-better_content_des{
        font-size: 12px;
        line-height: 16.8px;
    }
    .section-become-better_content_center{
        margin-top: -105px;
    }
}
.english-by-ages-revamp_container{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #D4EDFF;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.english-by-ages-revamp_wave{
    width: 100%;
    margin-top: -50px;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_wave{
        margin-top: -20px;
    }
    .english-by-ages-revamp_leadform{
        margin-top: -220px;
    }
}
.english-by-ages-revamp_container .container{
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
}
.english-by-ages-revamp_title{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 48px;
    line-height: 54px;
    color: #2576B9;
    margin: 0;
    text-transform: uppercase;
}
.english-by-ages-revamp_subtitle{
    width: calc(100% - 300px);
    font-family: "Montserrat";
    font-weight: 400;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .15px;
    color: #000000;
}

@media only screen and (max-width: 767px){
    .english-by-ages-revamp_title{
        font-size: 29px;
        margin-top: 50px;
        margin-top: 10px;
    }
    .english-by-ages-revamp_subtitle{
        font-size: 14px;
        line-height: 24px;
        width: 100%;
    }
    .english-by-ages-revamp_container .learn-eng-container{
        margin-top: 100px;
    }
    .english-by-ages-revamp_container .container {
        margin-bottom: 50px;
    }
}
.english-by-ages-revamp_content{
    position: relative;
    width: 100%;
    margin: 200px;
    margin-top: 100px;
}
html[lang='vi'] .english-by-ages-revamp_content {
    margin-bottom: 48px !important;
}
.english-by-ages-revamp_content_box_title{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_content_box_title {
        display: block;
        margin-top: 10px;
    }
    .english-by-ages-revamp_content{
        margin-bottom: 0px;
    }
}
.english-by-ages-revamp_content_text{
    display: flex;
    flex-direction: column;
    text-align: left;
    position: absolute;
    margin-top: 60px;
    left: 0;
}
.english-by-ages-revamp_content_text h4{
    margin: 0;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: .15px;
    color: #2576B9;
    text-transform: uppercase;
}
.english-by-ages-revamp_content_text p{
    margin: 0;
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: .15px;
    color: #198BE1;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_content_text{
        margin-top: 0;
        position: relative;
        text-align: center;
        width: 250px;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 50px;
    }
    .english-by-ages-revamp_content_text h4{
        font-size: 24px;
        line-height: 28.8px;
        margin-bottom: 15px;
    }
    .english-by-ages-revamp_content_text p{
        font-size: 14px;
        line-height: 19.6px;
    }
}
.english-by-ages-revamp_content_icon{
    width: 5%;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_content_icon{
        width: 72px;
        height: 72px;
    }
}
.english-by-ages-revamp_content_box{
    width: 100%;
    height: 600px;
    position: relative;
}
.english-by-ages-revamp_content_box_tab{
    width: 100%;
    height: 523px;
    position: relative;
}
.english-by-ages-icon-cup{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 62px;
    margin: 0 0 180px 20px;
}
@media only screen and (max-width: 767px){
    .english-by-ages-icon-cup{
        bottom: auto;
        left: auto;
        right: 0;
        margin-right: 65px;
    }
}
.english-by-ages-icon-star{
    position: absolute;
    width: 76px;
    height: 49px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 120px;
    margin-left: -65px;
}
.english-by-ages-red-star-icon{
    position: absolute;
    width: 38px;
    height: 36px;
    right: 0;
    top: 0;
    margin-top: 285px;
    margin-right: 245px;
}
.english-by-ages-revamp_image_logo,
.english-by-ages-revamp_image_girl{
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
}
.english-by-ages-revamp_image_logo{
    margin-right: 235px;
    margin-bottom: 50px;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_image_logo{
        margin-bottom: -45px;
        margin-right: 0;
    }
}
.english-by-ages-revamp_image_logo img{
    width: 174px;
    height: 74px;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_image_logo img{
        width: 164px;
        height: 70px;
    }
}
.img-girl{
    width: 230px;
    height: 360px;
}
.english-by-ages-revamp_content_box_tab_eng_starter{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 155px;
    width: 226px;
    background-color: #FFFFFF;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    cursor: pointer;
}
.english-by-ages-revamp_content_box_tab_eng_kindergarten{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 235px;
    width: 226px;
    height: 155px;
    background-color: #FFFFFF;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-bottom: 90px;
    cursor: pointer;
}
.english-by-ages-revamp_content_box_tab_eng_children{
    position: absolute;
    bottom: 0;
    width: 226px;
    height: 155px;
    background-color: #FFFFFF;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 177px;
    cursor: pointer;
}
.english-by-ages-revamp_content_box_tab_eng_teenagers{
    position: absolute;
    top: 0;
    right: 0;
    width: 226px;
    height: 155px;
    background-color: #FFFFFF;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-right: 235px;
    margin-top: 95px;
    cursor: pointer;
}
.english-by-ages-revamp_content_box_tab_eng_ielts{
    position: absolute;
    top: 0;
    right: 0;
    width: 226px;
    height: 155px;
    background-color: #FFFFFF;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    cursor: pointer;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_content_box_tab_eng_starter{
        width: 168px;
        height: 130px;
        bottom: auto;
        top: 0;
        margin-top: 30px;
    }
    .english-by-ages-revamp_content_box_tab_eng_kindergarten{
        width: 168px;
        height: 130px;
        left: auto;
        right: 0;
        bottom: auto;
        margin-top: 100px;
    }
    .english-by-ages-revamp_content_box_tab_eng_children{
        width: 168px;
        height: 130px;
        left: 0;
        transform: translateX(0);
    }
    .english-by-ages-revamp_content_box_tab_eng_teenagers{
        width: 168px;
        height: 130px;
        margin-right: 0;
        margin-top: 290px;
    }
    .english-by-ages-revamp_content_box_tab_eng_ielts{
        left: 0;
        width: 168px;
        height: 130px;
        top: auto;
        bottom: 0;
    }
}
.english-by-ages-revamp_content_box_tab_title_ielts,
.english-by-ages-revamp_content_box_tab_title_teenagers,
.english-by-ages-revamp_content_box_tab_title_children,
.english-by-ages-revamp_content_box_tab_title_kindergarten,
.english-by-ages-revamp_content_box_tab_title_starter{
    width: 200px;
    height: 94px;
    background-color: #FFD85C;
    margin: 10px 10px 0 10px;
    border-radius: 8px;
    text-decoration: none;
}
.english-by-ages-revamp_content_box_tab_title_kindergarten{
    background-color: #EA9FC5;
}
.english-by-ages-revamp_content_box_tab_title_children{
    background-color: #2476BC;
}
.english-by-ages-revamp_content_box_tab_title_teenagers{
    background-color: #EB4754;
}
.english-by-ages-revamp_content_box_tab_title_ielts{
    background-color: #90A4AE;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_content_box_tab_title_starter,
    .english-by-ages-revamp_content_box_tab_title_kindergarten,
    .english-by-ages-revamp_content_box_tab_title_children,
    .english-by-ages-revamp_content_box_tab_title_teenagers,
    .english-by-ages-revamp_content_box_tab_title_ielts{
        width: 145.5px;
        height: 80px;
    }
}
.english-by-ages-revamp_content_box_tab_title{
    font-family: "Brauer NeueVN";
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 15px;
}
.english-by-ages-revamp_content_box_tab_title > a{
    text-decoration: none;
    color: #FFFFFF;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_content_box_tab_title{
        font-size: 16px;
        line-height: 22.4px;
    }
}
.title-starter{
    color: #2576B9;
}
.english-by-ages-revamp_content_box_tab_sub_title{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: .5px;
    color: #000000;
    margin: 15px 0 0 10px;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_content_box_tab_sub_title{
        margin: 5px 0 0 10px;
    }
}
.english-by-ages-revamp_according{
    max-width: 100%;
 
}
.english-by-ages-revamp_according .english-by-ages-revamp_according_content .english-by-ages-revamp_tab{
    position: relative;
    width: 100%;
    height: 66px;
    background-color: #EA9FC5;
    border-radius: 16px;
    cursor: pointer;
    margin-bottom: 50px;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_according .english-by-ages-revamp_according_content .english-by-ages-revamp_tab{
        border-radius: 8px;
    }
}
.english-by-ages-revamp_according .english-by-ages-revamp_according_content .tab_children{
    background-color: #2376BC;
}
.english-by-ages-revamp_according .english-by-ages-revamp_according_content .tab_teen{
    background-color: #EB4754;
}
.english-by-ages-revamp_according .english-by-ages-revamp_according_content .tab_ielts{
    background-color: #FFD85C;
}
.english-by-ages-revamp_according .english-by-ages-revamp_according_content .english-by-ages-revamp_tab_content{
    position: relative;
    height: 0; 
    overflow: hidden; 
    transition: height 0.8s ease;
    margin: -25px 0 10px 0;
}
#ielts{
    margin: 0 0 160px 0;
}
@media only screen and (max-width: 767px){
    #ielts{
        margin: 0 0 50px 0;
    }
}
.english-by-ages-revamp_according .english-by-ages-revamp_according_content.active .english-by-ages-revamp_tab_content{
    display: block;
}
.english-by-ages-revamp_tab .english-by-ages-revamp_tab-title{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}
.title-tab{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 36px;
    line-height: 64px;
    color: #FFFFFF;
    margin: 0;
    text-transform: uppercase;
    padding-top: 3px;
}
.icon-tab{
    width: 30px;
    height: 30px;
}
@media only screen and (max-width: 767px){
    .english-by-ages-revamp_according .english-by-ages-revamp_according_content .english-by-ages-revamp_tab{
        height: 40px;
    }
    .english-by-ages-revamp_tab .english-by-ages-revamp_tab-title{
        height: 40px;
    }
    .title-tab{
        font-size: 20px;
    }
    .icon-tab{
        width: 14px;
        height: 8px;
    }
}
.content_wrap_commit{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.learn-more-link-Kindy {
    display: inline-block;
    position: relative;
    margin: 12px 0px;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: .15px;
    color: #FFFFFF; 
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 16px;
    background-color: #EA9FC5;
    padding: 10px 20px;
    top: -40px;
}

.learn-more-link-Kindy-mobile{
    display: block;
    position: relative;
    margin: 12px auto;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .15px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border-radius: 16px;
    background-color: #EA9FC5;
    width: max-content;
    padding: 4px 10px;
    top: -30px;
}
.button-section-children{
    background-color: #2376BC;
}
.button-section-teen{
    background-color: #EB4754;
}
.button-section-ielts{
    background-color: #FFD85C;
}



.english-by-ages-mobile_content{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
}
.content_mobile_title{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .15px;
    color: #EA9FC5;
    margin: 10px 0 10px 0;
    text-transform: uppercase;
}
.content_img img{
    width: 400px;
    height: 466px;
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 52px;
}
@media only screen and (max-width: 767px){
    .content_img{
        display: flex;
        margin: 0 auto;
    }
    .content_img_ielts{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .content_img img{
        width: 264px;
        height: 308px;
    }
}
.content_left, .content_right {
    display: flex;
    flex-direction: column;
    text-align: left;
}
.content_left, .content_img, .content_right {
    flex: 1;
}
.content_img{
    margin-top: 24px;
}
.content_title_tab_children,
.content_title{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: .15px;
    color: #EA9FC5;
}
.content_title_tab_children{
    color: #2576B9;
}
.content_des{
    display: flex;
    width: calc(100% - 10px);
    margin: 5px 0;
}
.content_des_mobile{
    margin: 25px 0;
}
.content_des img{
    width: 48px;
    height: 48px;
    margin: 0 10px;
}
.content_des p{
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin: 0;
}
@media only screen and (max-width: 767px){
    .content_des {
        margin: 25px 0;
    }
    .content_des img{
        width: 32px;
        height: 32px;
    }
    .content_des p{
        font-size: 14px;
        line-height: 20px;
    }
    .content_img{
        margin-top: 0px;
    }
}
.line{
    width: 100%;
    height: 5px;
    background-color: #FFFFFF;
    clip-path: polygon(0% 50%, 20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%);
}
.line_container{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.content_syllabus{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.content_syllabus_leadform_text{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.content_syllabus_text{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: #EA9FC5;
    margin-bottom: 20px;
    width: 50%;
    text-align: left;
}
.content_syllabus_leadform_text > .content_syllabus_text{
    width: max-content;
}
.content_syllabus_leadform{
    width: 400px;
    height: 400px;
}
.content_leadform{
    margin: 20px 0;
}
.content-ielts-route_leadform{
    margin-top: 20px;
}
.section-become-better_leadform{
    width: 390px;
    position: absolute;
    top: -350px;
    right: 0;
    margin-left: -45px;
}
.content_syllabus_text_children{
    color: #2576B9;
}
.content_syllabus_img{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 35%;
}
.content_syllabus_img img{
    width: 127px;
    height: 169px;
}
.content_syllabus_img > * {
    flex: 0 0 calc(33.33% - 10px); 
}
@media only screen and (max-width: 767px){
    .content_syllabus{
        display: block;
        text-align: center;
    }
    .content_syllabus_text{
        font-size: 24px;
        line-height: 28.8px;
        width: 100%;
    }
    .content_syllabus_img{
        display: flex;
        gap: 15px;
        width: 100%;
        flex-wrap: wrap;
    }
    .content_syllabus_img img{
        width: calc((100% / 3) - 10px);
        height: 138px;
    }
    .content_syllabus_text p{
        font-family: "Montserrat";
        font-weight: 400;
        font-size: 14px;
        line-height: 19.6px;
        letter-spacing: .25px;
        text-align: center;
        color: #000000;
    }
    .english-by-ages-red-star-icon{
        display: none;
    }
}
.title-tab-ielts{
    width: 100%;
    text-align: left;
}
.title-tab-ielts h3{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
    color: #2576B9;
    margin-top: 10px;
}
.content-itelts{
    width: 100%;
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
}
.content-itelts-right,
.content-itelts-left {
    display: flex;
    flex-direction: column;
}
.content-itelts-left {
    width: 46%;
}
.content-itelts-right{
    width: 46%;
}
.content-itelts-des{
    display: flex;
    margin: 15px 0;
}
.content-itelts-des img{
    width: 48px;
    height: 48px;
    margin: 0 10px 0 0;
}
.content-itelts-des p{
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin: 0;
    text-align: left;
}
@media only screen and (max-width: 767px){
    .content-itelts-des img{
        width: 32px;
        height: 32px;
    }
    .content-itelts-des p{
        font-size: 14px;
        line-height: 28px;
        letter-spacing: .15px;
    }
}
.content-ielts-route{
    position: relative;
    width: 100%;
    height: 510px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}
.content-ielts-route_first{
    width: 100%;
    height: 60%;
    display: flex;
    margin-top: 20px;
}
.content-ielts-route_second{
    width: 100%;
    background-color: #FFF4CE;
    border-radius: 16px;
    display: flex;
    padding: 10px;
    z-index: 1;
}
.content-ielts-route_img{
    position: relative;
    z-index: 2;
    width: 388px;
    height: 481px;
    margin: 0 50px;
}
.content-ielts-route_first_left,
.content-ielts-route_second_left{
    width: 52%;
}
.content-ielts-route_first_right,
.content-ielts-route_second_right{
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 0 42px 18px 42px;
}
.content-ielts-route_first_right h3,
.content-ielts-route_second_right h3{
    font-family: "Brauer NeueVN";
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 5px;
}
.content-ielts-route_first_right p {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.05px;
    color: #000000;
    margin: 5px 0 0 0;
    padding: 0;
}
.ielts-pathway{
    color: #2276BB;
}
.ielts-access{
    color: #F08020;
}
.content-ielts-route_second_right p{
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.05px;
    color: #000000;
    margin: 5px 0 0 0;
    padding: 0;
}
.content-ielts-route_first_right_des{
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.05px;
    color: #000000;
    margin: 5px 0 0 0;
    padding: 0;
    width: 300px;
}
.title_mobile_children{
    color: #2576B9;
    text-transform: uppercase;
}
.title_tab_teen{
    color: #EB4754;
}
.content-itelts-access{
    width: 100%;
    border-radius: 16px;
    background-color: #FFF4CE;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.content-itelts-access h3{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .15px;
    margin: 10px 0;
    color: #F08020;
    text-transform: uppercase;
}
.content-itelts-access p{
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: .25px;
    color: #000000;
    width: 300px;
    margin: 0;
    margin-bottom: 8px;
}
.wave-footer{
    margin-top: -50px; 
}
.feedback-learn-english .container{
    height: 700px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
@media only screen and (max-width: 767px){
    .feedback-learn-english .container{
        height: max-content;
        margin-bottom: 0;
    }
}
.feedback-learn-english_title{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 54px;
    line-height: 64px;
    color: #2576B9;
}
.feedback-learn-english_content{
    width: 80%;
    height: 300px;
    display: flex;
}
.feedback-learn-english_content_img{
    width: 30%;
    height: 100%;
}
.feedback-learn-english_content_description{
    width: 63%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
.feedback-learn-english_content_description h3{
    margin: 10px 0 0 10px;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: .15px;
    color: #2576B9;
    text-transform: uppercase;
}
.feedback-learn-english_content_description p{
    margin: 10px 0 10px 10px;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: .25px;
    color: #000000;
}
.feedback-learn-english_content_description .role{
    margin: 10px 0 10px 10px;
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .25px;
    color: #2576B9;
}
.feedback-learn-english_content_carousel{
    display: flex;
    width: 100%;
    margin-top: 50px;
    justify-content: space-between;
    align-items: center;
}
.carousel_icon_left,
.carousel_icon_right{
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.carousel_icon_left img,
.carousel_icon_right img{
    width: 56px;
    height: 56px;
}
.carousel_content_img_container{
    width: 61%;
    display: flex;
    overflow: hidden;
    position: relative;
}
.carousel_content_track{
    display: flex;
    transition: transform 0.5s ease;
    justify-content: center;
}
.carousel_content_slide{
    list-style: none;
    margin: 0 10px;
    flex: 0 0 100px;
    cursor: pointer;
}
.carousel_content_img img{
    width: 134px;
    height: 134px;
    margin: 0 11px;
}
.feedback-learn-english-mobile_title{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #2576B9;
}
.feedback-learn-english-mobile_content{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.feedback-learn-english-mobile_items{
    display: flex;
    transition: transform 0.2s ease;
    width: 100%;
}
.feedback-learn-english-mobile_item{
    min-width: 100%;
    box-sizing: border-box;
    z-index: 2;
}
.feedback_avatar{
    width: 185px;
    height: 185px;
}
.btnIconLeft{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 3;
    left: 0;
}
.btnIconRight{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 3;
    right: 0;
}

.feedback_name{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: #2576B9;
    margin: 10px 0 0 0;
    text-transform: uppercase;
}
.feedback_parents{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .25px;
    color: #2576B9;
    margin: 10px 0 0 0;
}
.feedback_mobile_icon{
    width: 35px;
    height: 27px;
    left: 0;
    margin: 10px 0 20px 0;
}
.feedback_description{
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: .25px;
    color: #000000;
}
.special-program{
    position: relative;
    display: flex;
    flex-direction: column;
}
.special-program_container{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.special-program .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1100px;
}
@media only screen and (max-width: 767px){
    .special-program .container{
        height: max-content;
    }
}
.special-program_title{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 54px;
    line-height: 64px;
    text-align: center;
    color: #2576B9;
    margin: 0 0 30px 0;
}
.spe-line{
    width: 400px;
    margin-left: 100px;
}
.special-program_content{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 650px;
}
.special-program_carousel{
    display: flex;
    transition: transform 0.6s ease;
    width: 100%;
}
.special-program_carousel_item{
    min-width: 100%;
    display: flex;
    z-index: 2;
}
.icon-left{
    position: absolute;
    top: 45%;
    width: 56px;
    height: 56px;
    cursor: pointer;
    z-index: 3;
}
.icon-right{
    position: absolute;
    top: 45%;
    right: 0;
    width: 56px;
    height: 56px;
    cursor: pointer;
    z-index: 3;
}

.special-program_content_text {
    height: 100%;
    width: 50%;
}
.special-program_content_text_box{
    width: 90%;
    margin: 50px 0 0 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
.special-program_link{
    width: 232px;
    height: 48px;
    background-color: #FFD95C;
    border-radius: 100px;
    padding: 12px 32px 45px 32px;;
    font-family: "Brauer NeueVN";
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    color: #2576B9;
    font-size: 30px;
    text-transform: uppercase;
    margin: 20px 0;
}
.special-program_content_text_box h3{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: .25px;
    color: #EB9CC3;
    margin: 0 0 20px 0;
}
.special-program_content_text_box p{
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    text-align: justify;
    margin: 0;
}
.special-program_content_img{
    margin-right: 15px;
}
.special-program_content_img img{
    width: 546px;
    height: 546px;
    border-radius: 20px;
}
.special-program_wave{
    /* margin-top: -50px; */
    margin-top: -175px;
    height: 100px;
}
@media only screen and (max-width: 767px) {
    .special-program_wave {
        height: 50px;
        margin-top: -77px;

    }
}

@media only screen and (min-width: 320px) and (max-width: 371px) {
    .special-program_wave {
        margin-top: -70px;
    }
}

.special-program-mobile_title{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #2576B9;
    text-align: center;
}
.special-program-mobile_box_content{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.special-program-mobile_items{
    display: flex;
    transition: transform 0.3s ease;
    width: 100%;
}
.special-program-mobile_item{
    min-width: 100%;
    box-sizing: border-box;
    z-index: 2;
}
.special-program-mobile_content_title{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: .15px;
    color: #EB9CC3;
    margin: 10px 0;
}
.special-program-mobile_content_des{
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    letter-spacing: 0.5px;
    color: #000000;
}
.special-program-mobile_content_img{
    width: 240px;
    height: 240px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 16px;
}
.special-program-mobile_content_link{
    width: 100%;
    height: 48px;
    background-color: #FFD95C;
    border-radius: 100px;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.special-program-mobile_content_link a{
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 24px;
    color: #2576B9;
    text-decoration: none;
    text-transform: uppercase;
}
.special-program-mobile_box_icon_left{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 200px;
    z-index: 3;
}
.special-program-mobile_box_icon_right{
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 200px;
    z-index: 3;
}
.speIcon{
    width: 32px;
    height: 32px;
}
.spe_leadform{
    width: 393px;
    height: 393px;
    position: absolute;
    z-index: 3;
    bottom: 0;
    margin-bottom: -150px;
}
@media only screen and (max-width: 1001px){
    .spe_leadform{
        margin-bottom: -300px;
    }
}
.vision-leadform{
    display: flex;
}
#vision-section_course{
    background-color: white;
    margin-bottom: 100px;
}
#vision-section_course.thank-you-page .background-line .i-bg-white{
    background-color: white;
}
#vision-section_course .background-line .i-bg-white{
    height: 200px;
}
#course-landing-page .vision-section .background-line{
    left: 435px;
}
@media only screen and (max-width: 1500px){
    #course-landing-page .vision-section .background-line{
        left: 180px;
    }
}
#course-landing-page .background-line .i-rocket{
    top: 30%;
    right: 93%;
    transform: rotate(-115deg);
}
.butterfly{
    width: 49px;
    height: 44px;
}
.ball{
    width: 57px;
    height: 53px;
    margin-top: 45px;
}
.star{
    margin-left: 170px;
}
@media only screen and (max-width: 1500px){
    .ball{
        margin-left: -200px;
    }
    .star{
        margin-left: -100px;
    }
    #course-landing-page .background-line .i-rocket{
        top: 25%;
    }
}
@media only screen and (max-width: 767px){
    #vision-section_course .background-line .i-bg-white{
        height: 100px;
    }
    #course-landing-page .vision-section .background-line{
        left: 50%;
        transform: translateX(-130%);
    }
    .ball{
        margin-left: -70px;
        margin-top: 20px;
    }
    #course-landing-page .background-line .i-rocket{
        top: -15%;
        right: 92%;
    }
    #vision-section_course{
        margin-bottom: 80px;
    }
}
#vision-section_course .background-line .i-rocket.go {
    animation: a_butterfly 2s linear;
    opacity: 1;
    transition: all 0.5s;
}

@keyframes a_butterfly{
    0% {
        top: 77%;
        right: -120px;
        transform: rotate(19deg);
    }
    13% {
        top: 2%;
        right: 10%;
        transform: rotate(-5deg);
    }
    18% {
        top: -8%;
        right: 15%;
        transform: rotate(-13deg);
    }
    23% {
        top: -14%;
        right: 20%;
        transform: rotate(-19deg);
    }
    28% {
        top: -18%;
        right: 25%;
        transform: rotate(-25deg);
    }
    33% {
        top: -21%;
        right: 30%;
        transform: rotate(-30deg);
    }
    43% {
        top: -18%;
        right: 40%;
        transform: rotate(-39deg);
    }
    53% {
        top: -10%;
        right: 50%;
        transform: rotate(-48deg);
    }
    62% {
        top: 2%;
        right: 60%;
        transform: rotate(-48deg);
    }
    72% {
        top: 12%;
        right: 70%;
        transform: rotate(-41deg);
    }
    82% {
        top: 14%;
        right: 80%;
        transform: rotate(-27deg);
    }
}
/* end course page revamp */

/* section 90% */
.ninety-percent{
    position: relative;
}

.ninety-percent-container{
    position: relative;
    margin: 0 auto;
    height: 1100px;
    background: url(/landings/home/assets/images/ninety-percent/ninetybg-2025.webp);
    background-size: cover;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
}

.ninety-percent-grid{
    display: flex;
    width: 1200px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    padding-top: 170px;
}

.ninety-percent-grid-space{
    width: 65%;
}

.ninety-percent-top-wave{
    position: absolute;
    top: -1px;
    z-index: 1;
}

.ninety-percent-content{
    text-align: center;
    margin-bottom: 12px;
}

.ninety-percent-container-content{
    width: 50%;
    margin-bottom: 24px;
    text-align: center;
}

.ninety-percent-content-percentage{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ninety-percent-content-data{
    margin: 0 14px;
    line-height: 105px;
    font-size: 110px;
    color: #2576B9;
    font-family: "Brauer NeueVN";
}

.ninety-percent-content-title{
    margin: 0;
    font-size: 16px;
    color: #2376BC;
    font-family: "Brauer NeueVN";
}

.ninety-percent-video-container{
    width: 536px;
    height: 300px;
    position: relative;
}

.ninety-percent-video{
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background-color: #000;
    object-fit: cover;
}

.ninety-percent-content-subtitle{
    margin: 0;
    font-size: 18px;
    color: #2576B9;
    margin-top: 20px;
    font-family: "Brauer NeueVN";
    text-transform: uppercase;
}

.ninety-percent-content-img{
    width: 34px;
    height: auto;
}

.ninety-percent-content-right-vector, .ninety-percent-content-left-vector{
    margin-top: -14px;
}

.ninety-percent-video-control{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #49474E;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ninety-percent-video-playicon{
    width: 32px;
    height: 32px;
    margin-left: 8px;
}

.ninety-percent-video-playicon-popup{
    width: 32px;
    height: 32px;
    margin-left: 8px;
}

.ninety-percent-video-popup{
    height: 100%;
    width: 100%;
    margin: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ninety-percent-video-container-popup{
    width: 925px;
    height: 504px;
    background-color: #000;
    border-radius: 15px;
    position: relative;
}

.ninety-percent-video-container-popup > iframe{
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.ninety-percent-video-container-popup video{
    width: 100%;
    height: 100%;
}

.ninety-percent-video-background-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 12;
    display: none;
    &.open{
        transform:scaleY(.01) scaleX(0);
        animation:videoIn 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
        .ninety-percent-video-popup{
            .ninety-percent-video-container-popup{
                transform: scale(0);
                animation: zoomVideoIn .5s .8s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
            }
        }
        &.close{
        transform:scale(1);
        animation:videoOut 1s .3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
        .ninety-percent-video-popup{
            .ninety-percent-video-container-popup{
                animation: zoomVideoOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
            }
        }
    }
    }
}

@keyframes videoIn {
  0% {
    transform:scaleY(.005) scaleX(0);
  }
  50% {
    transform:scaleY(.005) scaleX(1);
  }
  100% {
    transform:scaleY(1) scaleX(1);
  }
}

@keyframes videoOut {
    0%{
        transform: scaleY(1) scaleX(1);
    }
    50%{
        transform: scaleY(0.005) scaleX(1);
    }
    100%{
        transform: scaleY(0.005) scaleX(0);
    }
}

@keyframes zoomVideoIn{
    0%{
        transform: scale(0);
    }
    100%{
        transform: scale(1);
    }
}

@keyframes zoomVideoOut{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(0);
    }
}

.ninety-percent-video-background-popup.open{
    display: block;
}

.ninety-percent-video-close-button{
    position: absolute;
    font-size: 20PX;
    right: -15px;
    top: -17px;
    z-index: 20;
    background: none;
    color: white;
    font-weight: 700;
    border: none;
    border-radius: 50%;
}

@media only screen and (max-width: 1440px){
    .ninety-percent-video-container{
        width: 100%;
        height: 270px;
    }
    .ninety-percent-video{
        width: 481px;
    }
    .ninety-percent-container {
        height: 745px;
    }
}

@media only screen and (max-width: 1200px){
    .ninety-percent-grid{
        width: 1100px;
        padding-top: 207px;
    }

    .ninety-percent-content-title{
        font-size: 14px;
    }
    .ninety-percent-container-content{
        margin-top: -80px;
        width: 46%;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ninety-percent-video-container{
        height: 250px;
    }
    .ninety-percent-video{
        width: 415px;
    }
    .ninety-percent-content-data{
        font-size: 83px;
        line-height: 80px;
    }
    .ninety-percent-content-img{
        width: 26px;
    }
    .ninety-percent-content-subtitle{
        margin-top: 12px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 1000px){
    .ninety-percent-grid{
        width: 900px;
    }
}

@media only screen and (max-width: 900px){
    .ninety-percent-container{
        height: 550px;
    }
    .ninety-percent-grid{
        padding-top: 60px;
        width: 800px;
        margin: 0 auto;
    }
    .ninety-percent-grid-space{
        width: 50%;
    }
    .ninety-percent-container-content{
        margin-top: 35px;
    }
    .ninety-percent-content-img{
        width: 27px;
    }
    .ninety-percent-content-data{
        font-size: 80px;
    }
    .ninety-percent-content-title{
        font-size: 16px;
    }
    .ninety-percent-video-container{
        height: 200px;
    }
    .ninety-percent-video{
        width: 350px;
    }
    .ninety-percent-content-subtitle{
        font-size: 16px;
    }
}

@media only screen and (max-width: 800px){
    .ninety-percent-container{
        height: 500px;
    }
    .ninety-percent-grid{
        padding-top: 28px;
        width: 800px;
        margin: 0 auto;
    }
    .ninety-percent-grid-space{
        width: 50%;
    }

}

@media only screen and (max-width: 767px){
    .ninety-percent{
        height: 1100px;
        display: flex;
        flex-direction: column;
    }
    .ninety-percent-grid{
        margin: 0;
        width: 100%;
    }
    .ninety-percent-container{
        background-image: url(/landings/home/assets/images/whyneedus/reason-content-mobile.png);
        height: 50%;
        margin-top: -2px;
         height: 780px;
        width: 100%;
        background-size: 1000px 1000px;
        background-position: top;
        position: static;
    }
    .ninety-percent-space{
        height: 30%;
        background: linear-gradient(90deg, #D5D5D5 0%, #DADADA 100%);
    }

    .ninety-percent-container-content{
        height: 600px;
        position: absolute;
        top: 0;
        width: 100%;
        padding: 0 16px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .ninety-percent-video{
        width: 100%;
        height: 400px;
    }
    .ninety-percent-video-container{
        width: 100%;
        height: auto;
    }
    .ninety-percent-video-container-popup{
        margin: 0 10px;
        width: 100%;
        height: 200px;
    }
}

@media only screen and (max-width: 575px){
    .ninety-percent{
        height: 1000px;
    }
    .ninety-percent-container{
            background-position: 48% top;
            width: 100vw;
            height: 708px;
            background-size: 800px auto;
    }
    .ninety-percent-content-subtitle{
        font-size: 14px;
    }
    .ninety-percent-video{
        height: 250px;
    }
    .ninety-percent-content-img{
        width: 33px;
    }
    .ninety-percent-content-data{
        font-size: 100px;
    }
    .ninety-percent-content-title{
        font-size: 15px;
    }
    .ninety-percent-video-control{
        width: 77px;
        height: 72px;
    }
    .ninety-percent-video-playicon{
        width: 21px;
        height: 21px;
    }
    .ninety-percent-space{
        height: 27%;
    }
    .ninety-percent-container-content{
        top: -50px;
    }
}

@media only screen and (max-width: 431px){
    .ninety-percent-container-content{
        top: -86px;
    }
    .ninety-percent{
        height: 900px;
    }
    .ninety-percent-video{
        height: 200px;
        object-fit: cover;
    }
    .ninety-percent-space{
        height: 22%;
    }
}

/* end section 90% */

/* section ung dung hoc tap */

/*wave bottom*/
.special-program_wave-2025 {
    margin-top: -193px;
    height: 100px;
}

.special-program_wave-2025-mobile {
    margin-top: -80px;
}

.application-learning-wave-top{
    position: relative;
    width: 100%;
    height: 120px;
    top: -59px;
}

.application-learning-wave-top-2025{
    position: relative;
    width: 100%;
    height: 120px;
    top: -108px;
}

.application-learning-container {
    position: relative;
    width: 100%;    height: 820px;
    background : #d4edff;
    top: -125px;
    
}

.application-learning-container-2025 {
    position: relative;
    width: 100%;    height: 820px;
    background: #FDEDEE;
    top: -125px;
}

.application-learning-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
}

.application-learning-content-2025 {
    display: flex;
    max-width: 1980px;
    margin: 0 auto;
}

.application-learning-Image,
.application-learning-Image-2025,
.application-learning-Text,
.application-learning-Text-2025
{
    flex: 1;
}

.application-learning-Image{
    position: relative;
    width: 532px;
    height: 751px;
    margin-top: 118px;
    display: flex;
}

.application-learning-Image-2025 {
    position: relative;
    width: 532px;
    height: 751px;
    display: flex;
    margin-left: 100px;
}

@media screen and (max-width: 1440px) {
    .application-learning-Image-2025  {
        margin-left: 0px;
        flex: 0 0 70%;
    }
    .application-learning-Text-2025 {
        margin-left: -120px;
    }
    .application-learning-Text-all{
        left: 0px;
    }
}

.application-learning-phone-img{
    position: absolute;
    width: 481px;
    height: 637px;
}

.application-learning-phone-img-2025{
    position: absolute;
    height: 637px;
    margin-top: -80px;
    margin-left: 28px;
}

.application-learning-student-img{
    position: absolute;
    width: 457px;
    height: 565px;
    top: 133px;
    left: 75px;
}

.application-learning-student-img-2025 {
    position: absolute;
    width: 979px;
    height: 653px;
    top: 153px;
    left: 75px;
}

.application-learning-application-comet2025-icon-img{
    position: absolute;
    width: 103px;
    height: 62px;
    left: 126px;
    top: 120px;
}

.application-learning-star-icon-img{
    position: absolute;
    width: 31px;
    height: 31px;
    top: 559px;
    left: 111px;
}

.application-learning-bulb-icon-img{
    position: absolute;
    width: 77px;
    height: 79px;
    left: 317px;
    top: 64px
}

.application-learning-Text{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    font-family:  "Brauer NeueVN";
    margin-top: 118px;
}

.application-learning-Text-all{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    font-family:  "Brauer NeueVN";
    right: -90px;
    position: relative;
    width: 420px;
}

@media screen and (max-width: 1440px) {
    .application-learning-Text-all{
        width: 400px;
    }
}

@media screen and (max-width: 980px) {
    .application-learning-Text-all {
        right: 0px;
    }
}

.application-learning-Text-2025{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    font-family:  "Brauer NeueVN";
    margin-top: 40px;
}

.application-learning-Text .title {
    font-family: 'Brauer NeueVN', sans-serif;
    font-weight: 700;
    font-size: 54px;
    line-height: 64.8px;
    letter-spacing: 0.15px;
    text-align: center;
    color: #2576B9;
    margin: 0px;
}

.application-learning-Text-2025 .title {
    font-family: 'Brauer NeueVN', sans-serif;
    font-weight: 700;
    font-size: 54px;
    line-height: 64.8px;
    letter-spacing: 0.15px;
    text-align: center;
    color: #2576B9;
    margin: 0px;
}

.application-learning-Text .subtitle{
    font-family: 'Brauer NeueVN', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: 0.15px;
    color: #2576B9;
}

.application-learning-Text-2025 .subtitle{
    font-family: 'Brauer NeueVN', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: 0.15px;
    color: #2576B9;
}

.feature-item {
    display: flex;
    align-items: flex-start; 
    margin-bottom: 12px;
}

.feature-item img.icon-hoathi {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 3px;
}

.feature-item img.icon-hoathi-2025 {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 3px;
}

.feature-item li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    list-style: none; 
    margin: 0; 
    padding: 0;
}

.application-learning-wave-bottom{
    position: relative;
    width: 100%;
    height: 120px;
    bottom: -120px;
}

/*mobile*/
.application-learning-mobile-container{
    position: relative;
    width: 100%;
    height: max-content;
    background: #d4edff;
    top: -65px;
}

.application-learning-mobile-container-2025{
    position: relative;
    width: 100%;
    height: max-content;
    background: #FDEDEE;
    top: -65px;
}

@media only screen and (min-width: 320px) and (max-width: 371px){
    .application-learning-mobile-container{
        height: 929px;
    }
}

.application-learning-mobile-content {
    display: flex;
    width: calc(100% - 50px);
    margin: 0 auto;
    flex-direction: column;
}

.application-learning-mobile-content .title{
    font-family: 'Brauer NeueVN';
    font-weight: 700;
    font-size: 30px;
    line-height: 28.8px;
    letter-spacing: 0.15px;
    text-align: center;
    color: #2576B9;
    margin-bottom: 12px;

}

.application-learning-mobile-content .subtitle {
    font-family: "Brauer NeueVN";
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #2576B9;
    margin-top: 0px;
}


.application-learning-mobile-wave-top {
    position: relative;
    width: 100%;
    height: 39.15px;
    top: -38px;
}

.feature-item-mobile {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

.feature-item-mobile img.icon-hoathi {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-top: 3px;
}

.feature-item-mobile img.icon-hoathi-2025 {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-top: 3px;
}

.feature-item-mobile li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.25px;
    color: #000000;
    list-style: none;
    width: 315px;
}

.application-learning-mobile-Image {
    position: relative;
    width: 343px;
    height: 461px;
    left: 16px;
}

.application-learning-mobile-Image-2025 {
    position: relative;
    width: 617.986px;
    height: 411.991px;
}

.application-learning-phone-img-mobile {
    position: absolute;
    width: 298px;
    height: 380px;
    left: 15px;
    top: 15px;
}

.application-learning-phone-img-mobile-2025 {
    position: absolute;
    width: 617.986px;
    height: 411.991px;
    right: 100px;
    top: -48px;
}

.application-learning-student-img-mobile {
    position: absolute;
    width: 280px;
    height: 317px;
    bottom: 0px;
    left: 49px;
}

.application-learning-student-img-mobile-2025 {
    position: absolute;
    width: 524.105px;
    height: 349.671px;
    aspect-ratio: 524.11 / 349.67;
    bottom: 0px;
    left: 49px;
}

.application-learning-star-icon-img-mobile {
    position: absolute;
    width: 21px;
    height: 21px;
    top: 340.25px;
    left: 87px;
}

.application-learning-bulb-icon-img-mobile {
    position: absolute;
    width: 50px;
    height: 51px;
    left: 203px;
    top: 44.25px;
}

.application-learning-comet-icon-img-mobile{
    position: absolute;
    left: 21px;
    width: 55px;
    height: 34px;
    top: 44.25px;
}
/* end section ung dung hoc tap */