@media only screen and (max-width: 767px) {


    
    /*START section first children-kidss-video*/
    .children-kids-carousel-section-mobile {
        /*padding-bottom: 36px;*/
        width: 100%;
        overflow: hidden;
        padding-top: 116px;
        height: max-content;
        position: relative;
    }

    .child-name-homeApollo2025-header-mobile {
        color: #000; 
        text-align: center;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.25px;
        margin-bottom: 32px;
        display: block;
        margin: 0;
    }

    .slick-carousel-wrapper-mobile {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 36px;
    }

    .children-kids-slider-mobile {
        display: flex;
        gap: 16px;
        
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; 
        
        padding: 0 16px;
        width: 100%;
        
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow-y: hidden;
    }
    
    
    .children-kids-slider-mobile{
        
    }

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

    .children-kids-item-mobile{
        flex: 0 0 368px;
        width: 368px;
        height: 596px;

        /* Hiệu ứng snap */
        scroll-snap-align: center; /* Khi dừng cuộn, item sẽ nằm giữa màn hình */
        position: relative;
    }

    .hover-floating-title-content {
        display: none;
    }


    .children-kids-item-mobile .card-content-dual-children,
    .children-kids-item-mobile .card-content-single-children,
    .children-kids-item-mobile .card-content-single-large-children {
        width: 100%;
        height: 100%;
    }
    .children-kids-item-mobile .card-content-single-large-children {
        width: 100% !important; 
    }
    
    .card-content-single-large-children-mobile{
        width: 100%;
        height: 100%;
        border-radius: 20px;
        background: #F5F5F7;
    }

    .slider-dots-mobile-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 36px;
        width: 100%;
    }

    .dot-kids-mobile {
        width: 8px;
        height: 8px;
        background: #B3B3B3;
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.3s ease;
        flex-shrink: 0;
    }

    .dot-kids-mobile.active {
        background: #B3B3B3;
        width: 32px; 
        border-radius: 4px;
    }
    
    .overlay-info-homeApollo2025-mobile{
        display: flex;
        padding: 8px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /*gap: 8px;*/
        border-radius: 16px;
        background: rgba(51, 51, 51, 0.40);
        position: absolute;
        z-index: 2;
    }
    
    .child-name-homeApollo2025-mobile{
        color: #fff;
        width: 100%;
        max-width: 100%;
        text-align: start;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: 0.25px;
        margin: 0;
    }
    
    .child-center-homeApollo2025-mobile{
        color: #FFF;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.25px;
        margin: 0;
    }
    
    .overlay-info-single-large-homeApollo2025-mobile{
        display: flex;
        padding: 8px;
        flex-direction: column;
        justify-content: start;
        align-items: flex-start;
        border-radius: 16px;
        background: rgba(51, 51, 51, 0.40);
        position: absolute;
        bottom: 20px;
        left: 20px;
        z-index: 2;
    }
    
    .children-top-avatar-homeApollo2025-single-mobile{
        width: 336px;
        height: auto;
        position: absolute;
        z-index: 2;
        bottom: 0;
        top: 34px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .children-kids-video-close {
        top: 100px;
        right: 15px;
    }

    .children-kids-video-thumb-play {
        width: 84px;
        height: 84px;
    }

    .children-kids-video-thumb-img {
        object-fit: contain;
    }

    /*END section first children-kidss-video*/

    

    /* start section hot-news-slider mobile */
    .hot-news-slider.mobile {
        padding: 48px 16px;
        gap: 10px;
    }

    .hot-news-slider.mobile .header-title-btn-hotnews {
        gap: 10px;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .hot-news-slider.mobile .header-title-btn-hotnews h2 {
        font-family: "Brauer NeueVN";
        font-size: 26px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1px;
        color: #2576B9;
        flex: 1 0 0;
        margin: 0;
    }

    .hot-news-slider.mobile .btn-view-all-hotnews {
        height: 32px;
        width: 110px;
        padding: 12px 48px;
        border: none;
        background: #BFE2FF;
        border-radius: 360px;
        gap: 8px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: flex-start;
        margin-bottom: 10px;
        text-decoration: none;
    }

    .hot-news-slider.mobile .btn-view-all-hotnews span {
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: 0.15px;
        color: #252525;
        white-space: nowrap;
    }

    .hot-news-slider.mobile .slides-wrapper-slider-cards {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 0;
    }

    .hot-news-slider.mobile .allnews-slider-cards {
        display: flex;
        flex-direction: row;
        gap: 0;
        width: 100%;
        transition: transform 0.5s ease;
        align-items: stretch;
    }

    .hot-news-slider.mobile .new-slide-item {
        display: flex;
        flex-direction: column;
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 16px;
        gap: 24px;
        border-radius: 20px;
        background: #F5F6F7;
        box-sizing: border-box;
        overflow: visible;
        white-space: normal;
    }

    .hot-news-slider.mobile .left-content-debaters {
        gap: 12px;
        width: 100%;
        flex: none;
        order: 2; /* Để text xuống dưới ảnh */
        display: flex;
        flex-direction: column;
    }

    .hot-news-slider.mobile .left-content-debaters p {
        font-size: 18px;
        color: #9EA9B3;
        margin: 0;
    }

    .hot-news-slider.mobile .main-conten-debates-text {
        gap: 12px;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex: none;
        height: 90px;
    }

    .hot-news-slider.mobile .main-conten-debates-text h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 130%;
        margin: 0;
    }

    .hot-news-slider.mobile .main-conten-debates-text span {
        font-size: 16px;
        font-weight: 400;
        line-height: 140%;
        color: #252525;
    }

    /* Style cho link bọc h2 trong mobile - giữ nguyên CSS của h2 */
    .hot-news-slider.mobile .main-conten-debates-text .h2-link-debaters {
        text-decoration: none;
        display: block;
    }

    .hot-news-slider.mobile .main-conten-debates-text .h2-link-debaters h2 {
        color: #252525;
        transition: color 0.3s ease;
    }

    .hot-news-slider.mobile .main-conten-debates-text .h2-link-debaters:hover h2 {
        color: #2576B9;
    }

    /* [THÊM VÀO] CSS MỚI CHO WRAPPER CỦA BUTTON */
    .hot-news-slider.mobile .btn-hotnews-wrapper {
        width: 100%;
        margin-top: auto; /* Đẩy xuống dưới cùng nếu cần */
        display: flex;
    }

    /* [THÊM VÀO] CSS CHỈNH SỬA CHO BUTTON THEO ẢNH (Màu vàng, full width) */
    .hot-news-slider.mobile .btn-hotnews-wrapper button,
    .hot-news-slider.mobile .btn-hotnews-wrapper a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 48px; /* Fixed height theo ảnh */
        width: 100%; /* Fill container */
        padding: 12px 24px;
        border: none;
        background: #FFCE1F; /* Màu vàng theo ảnh */
        color: #252525;
        border-radius: 360px; /* Bo tròn pill shape */
        cursor: pointer;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 140%;
        text-decoration: none;
    }

    .hot-news-slider.mobile .right-content-debaters {
        width: 100%;
        height: auto;
        aspect-ratio: 320/173;
        flex: none;
        order: 1; /* Để ảnh lên đầu */
    }

    .hot-news-slider.mobile .right-content-debaters img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }

    .hot-news-slider.mobile .slider-dots-hotnews {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 24px;
    }

    .hot-news-slider.mobile .dot-hotnews {
        width: 8px;
        height: 8px;
        background: #D9D9D9;
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.3s ease;
        flex-shrink: 0;
    }

    .hot-news-slider.mobile .dot-hotnews.active {
        background: #B3B3B3;
        width: 24px;
        border-radius: 4px;
    }
    /* end section hot-news-slider mobile */


    


    /* start section student-list-slider mobile */
    .student-list-slider.mobile {
        position: relative;
        padding: 48px 16px;
        min-height: 600px;
        overflow: hidden;
    }

    .student-list-slider.mobile .student-slider-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .student-list-slider.mobile .student-slider-background img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .student-list-slider.mobile .student-slider-content {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .student-list-slider.mobile .header-title-btn-hotnews {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .student-list-slider.mobile .header-title-btn-hotnews h2 {
        font-family: "Brauer NeueVN";
        font-size: 26px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1px;
        color: #FFCE1F;
        margin: 0;
    }

    .student-list-slider.mobile .header-title-btn-hotnews p {
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0%;
        color: #FFFFFF;
        margin: 0;
    }

    .student-list-slider.mobile .btn-view-all-hotnews {
        height: 48px;
        padding: 12px 48px;
        border: none;
        background: #BFE2FF;
        border-radius: 360px;
        gap: 8px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: flex-start;
        margin-bottom: 10px;
    }

    .student-list-slider.mobile .btn-view-all-hotnews span {
        font-size: 18px;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: 0.15px;
        color: #252525;
        white-space: nowrap;
    }

    .student-list-slider.mobile .student-slider-subtitle {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        line-height: 140%;
        color: #FFFFFF;
        margin: 0;
    }

    .student-list-slider.mobile .slides-wrapper-slider-cards {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 0;
        margin-top: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .student-list-slider.mobile .slider-nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.9);
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 10;
        color: #2576B9;
    }
    /* .student-list-slider.mobile .slider-nav-prev {
        left: 8px;
    }

    .student-list-slider.mobile .slider-nav-next {
        right: 8px;
    } */

    .student-list-slider.mobile .allnews-slider-cards {
        display: flex;
        flex-direction: row;
        gap: 24px;
        width: 100%;
        transition: transform 0.5s ease;
        align-items: center;
        overflow: visible;
    }

    .student-list-slider.mobile .student-card-wrapper {
        display: flex;
        flex-direction: column;
        flex: 0 0 302px;
        width: 302px;
        min-width: 302px;
        max-width: 302px;
        align-items: center;
        gap: 0;
        box-sizing: border-box;
        justify-content: center;
        border-radius: 20px;
        overflow: hidden;
    }

    .student-list-slider.mobile .student-card {
        display: flex;
        flex-direction: column;
        width: 302px;
        height: 400px;
        align-items: center;
        gap: 0;
        padding: 0;
        border-radius: 20px;
        background: #FFFFFF;
        box-sizing: border-box;
    }

    /* start display description */

    .student-card-image {
        position: relative;
        overflow: hidden;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    
    .mobile-overlay-description {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #1C77C3 30.14%, rgba(28, 119, 195, 0.00) 92.82%);
        padding: 24px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 5;
        pointer-events: none;
    }

    .mobile-overlay-description .description-text {
        font-size: 16px; 
        line-height: 1.5;
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        color: #fff;
        margin: 0 0 16px 0;
        white-space: normal; 
        word-wrap: break-word;
    }

    /* .student-badge-icon {
        position: absolute;
        bottom: 15px;
        right: 15px;
        cursor: pointer;
        transition: transform 0.3s ease;
    } */

    .student-card-image.active .mobile-overlay-description {
        opacity: 1;
        visibility: visible;
    }

    .student-card-image.active .student-badge {
        opacity: 0;
    }


    
    /* end display description */

    .student-list-slider.mobile .student-card-image {
        position: relative;
        width: 100%;
        height: 400px;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 10px;
        border-radius: 20px;
        overflow: hidden;
        background: #FFFFFF;
    }

    .student-list-slider.mobile .student-card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .student-badge-wrapper{
        position: absolute;
        bottom: 20px;
        /* padding: 0 16px; */
        width: 250px;
        height: 40px;
        /* margin: 0 auto; */
        left: 50%;
        transform: translateX(-50%);
    }

    .student-list-slider.mobile .student-badge {
        position: absolute;
        background: #FCABD8;
        color: #252525;
        padding: 10px 24px;
        border-radius: 360px;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        line-height: 120%;
        text-align: center;
        white-space: nowrap;
        width: 195px;
        top: 0px;
        
    }

    .student-list-slider.mobile .student-badge-icon {
        position: absolute;
        right: 0px;
        /* bottom: 16px; */
        /* left: calc(10px + 195px + 10px); */
        width: 40px;
        height: 40px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .student-list-slider.mobile .student-badge-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .student-list-slider.mobile .student-card-text {
        display: flex;
        flex-direction: column;
        width: 100%;
        
        box-sizing: border-box;
    }

    .student-list-slider.mobile .student-card-wrapper .student-name {
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 600;
        line-height: 140%;
        color: #FFFFFF;
        margin: 0;
        text-align: left;
        align-self: flex-start;
        width: 100%;
        padding: 16px 16px 4px 0;
        box-sizing: border-box;
    }

    .student-list-slider.mobile .student-card-wrapper .student-school {
        font-family: Montserrat;    
        font-size: 18px;
        font-weight: 400;
        line-height: 140%;
        color: #FFFFFF;
        margin: 0;
        text-align: left;
        align-self: flex-start;
        width: 100%;
        padding: 0 16px 16px 0;
        box-sizing: border-box;
    }

    .student-list-slider.mobile .slider-dots-hotnews {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 24px;
    }

    .student-list-slider.mobile .dot-hotnews {
        width: 8px;
        height: 8px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.3s ease;
        flex-shrink: 0;
    }

    .student-list-slider.mobile .dot-hotnews.active {
        background: #FFFFFF;
        width: 24px;
        border-radius: 4px;
    }
    
/* end student list */




    .English-Courses-forChildrens-section {
        padding: 48px 16px;
        gap: 24px;
    }

    .title-english-courses{
        font-size: 26px;
        color: #2576B9;
        font-family: "Brauer NeueVN";
       
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1px;
        margin: 0;
    }

    .main-content-items {
        flex-direction: column;
        padding-right: 0;
    }

    .category-for-age-item {
        width: 100%;
    }

    .header-title-categoryitem {
        height: max-content;
        gap: 0px;
        padding: 16px 20px 16px 20px;
    }

    .header-title-categoryitem p {
        order: 2;
    }

    .subtitle-categoryitem {
        flex-direction: row;
    }

    .subtitle-categoryitem h2 {
        font-size: 20px;
    }

    .subtitle-categoryitem h3 {
        font-size: 16px;
    }

    .header-title-categoryitem p {
        font-size: 12px;
    }

    .subtitle-categoryitem {
        gap: 20px;
        /*justify-content: space-between;*/
        /*margin-right: 24px;*/
    }
    
    .mobile-gap-ielts{
        gap: 88px;
    }
    
    .group-teacher-quality.mobile{
        background: #FFC62A;
    }

    .overlay-btn-img-categoryitem span {
        color: #252525;
    }

    .overlay-btn-img-categoryitem {
        background: #FFC62A;
    }

    .overlay-btn-img-categoryitem .icon-arrow {
        width: 36px;
        height: 36px;
        padding: 11px 10px; 
        background: rgba(255,255,255,0.6);
        border-radius: 50%;
        color: #252525; 
        box-sizing: border-box;
    }
    /* end section English-Courses-forChildrens-section */

    /* start section center-location-apollo2025 */
    /*.center-location-apollo2025 {*/
    /*    padding: 48px 16px;*/
    /*    flex-direction: column;*/
    /*    gap: 24px;*/
    /*    align-items: stretch;*/
    /*}*/

    .center-location-apollo2025{
        /*padding-bottom: 48px;*/
        /* background-color: #F5F6F7; */
    }
    
    .center-location-apollo2025 h2{
        margin: 0;
        color: #2576B9;
        font-family: "Brauer NeueVN";
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1px;
        padding: 48px 16px 24px 16px;
    }
    

    .allcontent-center-location-apollo2025{
        padding: 0px 16px 48px 16px;
        flex-direction: column;
        gap: 24px;
        align-items: stretch;
        margin-bottom: -48px;
    }

    .main-content-center-loaction {
        gap: 24px;
        width: 100%;
        max-width: 100%;
        order: 2;
    }

    .center-location-apollo2025.map-below .main-content-center-loaction {
        order: 1;
        padding: 32px 0;
    }

    .main-content-center-loaction h2 {
        font-size: 26px;
    }

    .all-btn-center-apollo2025 {
        gap: 12px;
    }

    .two-btn-header-center-apollo2025 {
        display: flex;
        flex-direction: row;
        gap: 12px;
        width: 100%;
    }

    .blue-btn-current-location,
    .btn-find-center-location {
        border: none;
    }

    .blue-btn-current-location,
    .blue-white-search-location {

        height: 44px;
        padding: 10px 20px;
        font-size: 16px;
        flex: 1 1 50%;
        width: calc(50% - 6px);
    }

    .btn-find-center-location {
        height: 44px;
        padding: 10px 20px;
        font-size: 16px;
        width: 100%;
    }

    .img-center-location-apollo2025 {
        width: 100%;
        height: auto;
        aspect-ratio: 343/231;
        order: 1;
    }

    .center-location-apollo2025.map-below .img-center-location-apollo2025 {
        order: 2;
    }

    .img-center-location-apollo2025 img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 20px;
    }

    #center-results-list{
        padding: 0;
        display: grid !important;
        grid-auto-rows: max-content;
        max-height: 400px;
        overflow-y: auto;
        margin-bottom: 48px;
        padding-top: 56px;
        /* Ẩn scrollbar nhưng vẫn giữ khả năng scroll */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE và Edge */
    }

    /* Ẩn scrollbar cho Chrome, Safari và Opera */
    #center-results-list::-webkit-scrollbar {
        display: none;
    }

    /* end section center-location-apollo2025 */

    /* start section why-need-course-apollo2025 */
    .why-need-course-apollo2025 {
        height: auto;
        min-height: auto;
        /* padding: 96px 0 0 0; */
        gap: 80px;
        overflow: visible;
        position: relative;
        max-width: 100vw;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    

    .why-need-course-apollo2025.mobile .content-wrapper-whyneedcourse-apollo2025 {
        padding: 0;
        position: static;
        height: auto;
        gap: 56px;
    }

    .why-need-course-apollo2025.mobile .bg-color-top-why-need-course-apollo2025 { 
        padding-top: 0 !important;
        background: radial-gradient(circle, #ffffff 0%, #f5f5f5 20%, #e9e9e9 45%, #e4e4e4 65%, #cecece 100%);
    }

    .why-need-course-apollo2025.mobile .bg-why-need-course-apollo2025 {
        position: relative;
        /* Từ 2026-08-03 section này nằm DƯỚI khối quiz nên không còn bị header
           che — trả lại padding gốc. Phần chừa chỗ cho header chuyển sang
           .maydo-quiz (section đầu tiên), xem may-do-quiz.css. */
        padding-top: 56px;
    }

    .why-need-course-apollo2025.mobile h2 { 
        font-size: 32px;
        font-weight: 700;
        text-align: center;
        line-height: 120%;
    }

    .why-need-course-apollo2025.mobile .main-title-90percent {
        position: relative;
        right: auto;
        bottom: auto;
        /* gap: 20px; */
        order: 2;
        width: 100%;
        max-width: 343px;
    }

    .why-need-course-apollo2025.mobile .main-pic-why-need-course-apollo2025 {
        position: relative;
        left: 0;
        bottom: -5px;
        padding: 0;
        width: 100vw;
        max-width: 100vw;
        height: auto;
        margin: 0;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        order: 3;
        overflow: visible;
        align-self: stretch;
        padding-top: 96px;
    }

    .why-need-course-apollo2025.mobile .main-pic-why-need-course-apollo2025 img {
        width: 479px;
        height: 333.94px;
        aspect-ratio: 749 / 545;
        object-fit: cover;
        object-position: center;
        border-radius: 0;
        display: block;
    }

    .why-need-course-apollo2025.mobile .head-img-90percent {
        width: 100%;
        max-width: 343px;
        height: auto;
        /* aspect-ratio: 441/200; */
    }

    .why-need-course-apollo2025.mobile .head-img-90percent img {
        width: 100%;
        height: auto;
    }

    .why-need-course-apollo2025.mobile .footer-90percent-content {
        width: 100%;
        max-width: 343px;
        gap: 8px;
        /* padding: 0 16px; */
    }

    .why-need-course-apollo2025.mobile .footer-90percent-content p {
        font-size: 20px;
        font-weight: 700;
    }

    .why-need-course-apollo2025.mobile .footer-90percent-content h2 {
        font-size: 32px;
        font-weight: 700;
    }

    .why-need-course-apollo2025.mobile .icon-play-90percent { 
        width: 80px;
        height: 80px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
    }

    .why-need-course-apollo2025.mobile .icon-play-90percent svg {
        width: 100%;
        height: 100%;
    }
    
    
    
    
    /* start section unique-different-apollo2025 mobile */
    .unique-different-apollo2025.mobile {
        padding: 40px 16px;
        gap: 24px;
        align-items: center;
    }

    .unique-different-apollo2025.mobile .unique-different-apollo2025-background {
        gap: 20px;
    }

    .unique-different-apollo2025.mobile .unique-header-wrapper {
        align-items: flex-start;
        /* text-align: center; */
        gap: 10px;
    }

    .unique-different-apollo2025.mobile h2 {
        width: 100%;
        max-width: 343px;
        font-family: Brauer NeueVN;
        font-weight: 700;
        font-size: 26px;
        line-height: 120%;
        letter-spacing: 1px;
    }

    .unique-different-apollo2025.mobile p {
        margin: 0;
        max-width: 343px;
        color: #252525;
        font-family: Montserrat;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 1px;
    }

    /* Wheel scale (giống ảnh: vòng nhỏ, icon nhỏ, không show label quanh vòng) */
    .unique-different-apollo2025.mobile .unique-wheel {
        height: 420px;
        /* đủ chỗ cho vòng tròn + khoảng thở */
        --innerSize: 250px;
        --outerSize: 350px;
        /* --blurSize: 380px; */

        --track: 50px;
        --orbitOffset: 0px;

        --iconSize: 40px;
        position: relative;
    }
    
    /* Vùng mốc - đặt ở đỉnh vòng tròn (12 giờ) */
    .unique-different-apollo2025.mobile .unique-top-marker {
        position: absolute;
        top: calc(50% - var(--outerSize) / 2 + var(--track) / 2);
        left: 50%;
        transform: translateX(-50%);
        width: 30px;
        height: 30px;
        /* Debug: bỏ comment để thấy vị trí */
        /* background: rgba(255, 0, 0, 0.3); */
        border-radius: 50%;
        z-index: 10;
        pointer-events: none;
    }
    
    /* Vùng hiển thị text */
    .unique-different-apollo2025.mobile .unique-top-title-display {
        position: relative;
        text-align: center;
        width: 100%;
        max-width: 300px;
        min-height: 50px;
        margin: 0 auto;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 58px;
    }
    
    .unique-different-apollo2025.mobile .unique-top-title-display .display-text {
        opacity: 0;
        transition: opacity 0.3s ease, transform 0.3s ease;
        transform: translateY(10px);
        color: #000;
        text-align: center;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
        letter-spacing: 1px;
    }
    
    .unique-different-apollo2025.mobile .unique-top-title-display .display-text.visible {
        opacity: 1;
        transform: translateY(0);
    }
    
    /* Animation xoay orbit liên tục bằng CSS */
    @keyframes rotateOrbit {
        from {
            transform: translate(-50%, -50%) rotate(0deg);
        }
        to {
            transform: translate(-50%, -50%) rotate(360deg);
        }
    }
    
    .unique-different-apollo2025.mobile .unique-wheel-orbit {
        transform-origin: center center;
        /* Xoay liên tục: 30 giây cho 1 vòng (6 items × 5 giây = 30 giây) */
        animation: rotateOrbit 30s linear infinite;
    }

    /* Vòng tròn nền */
    /* .unique-different-apollo2025.mobile .unique-wheel-overlay::before {
        box-shadow: inset 0 0 0 var(--track) #f5f6f7;
    } */
    /* 
    .unique-different-apollo2025.mobile .unique-wheel-overlay::after {
        border-width: 1px;
    } */

    /* .unique-wheel-overlay-mobile {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        pointer-events: none;
        opacity: 0;
        transform: scale(.98);
        transition: opacity .5s ease, transform .5s ease;
    } */

    .unique-wheel-overlay-mobile::before {
        content: "";
        width: var(--outerSize);
        height: var(--outerSize);
        border-radius: 50%;
        background: transparent;
        box-shadow: inset 0 0 0 var(--track) #F5F6F7;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .unique-wheel:not(.is-active) .unique-wheel-overlay-mobile{
        opacity: 0;
    }

    .unique-wheel.is-active .unique-wheel-overlay-mobile {
        opacity: 1;
        transform: scale(1);
    }

    /* Center image (cân lại crop cho mobile) */
    .unique-different-apollo2025.mobile .unique-wheel-center {
        background: #dde1e4;
    }

    .unique-different-apollo2025.mobile .unique-wheel-center-img {
        object-fit: contain;
        transform: scale(1.18) translateX(6px) translateY(16px);
    }

    /* Icon nodes */
    .unique-different-apollo2025.mobile .unique-item-icon {
        box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.95);
        outline-width: 2px;
    }

    .unique-different-apollo2025.mobile .unique-item-icon img {
        width: 22px;
        height: 22px;
    }
    
    /* Animation xoay ngược lại icon-small để giữ nguyên hướng */
    @keyframes rotateIconSmall {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(-360deg);
        }
    }
    
    .unique-different-apollo2025.mobile .unique-item-icon img.icon-small {
        /* Xoay ngược lại với cùng tốc độ như orbit */
        animation: rotateIconSmall 30s linear infinite;
    }

    /* Ẩn label quanh vòng để ra đúng layout như ảnh */
    .unique-different-apollo2025.mobile .unique-item-label {
        display: none !important;
    }

    /* Ẩn panel expand desktop trên mobile (touch không có hover; tránh chồng chéo) */
    .unique-different-apollo2025.mobile .unique-expanded-content-plus {
        display: none !important;
    }

    /* Icon toggle cộng/trừ bằng CSS */
    .unique-different-apollo2025.mobile .icon-toggle-plus {
        position: absolute;
        right: 14px;
        top: 14px;
        width: 16px;
        height: 16px;
        display: block;
        transition: transform 0.3s ease;
    }
    
    /* Dấu cộng: 2 đường thẳng */
    .unique-different-apollo2025.mobile .icon-toggle-plus::before,
    .unique-different-apollo2025.mobile .icon-toggle-plus::after {
        content: '';
        position: absolute;
        background-color: #1C77C3;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    
    .unique-different-apollo2025.mobile .icon-toggle-plus::before {
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        transform: translateY(-50%);
    }
    
    .unique-different-apollo2025.mobile .icon-toggle-plus::after {
        left: 50%;
        top: 0;
        width: 2px;
        height: 100%;
        transform: translateX(-50%);
    }
    
    /* Khi expanded: chuyển thành dấu trừ (ẩn đường dọc) */
    .plcontents-item-expanded.is-expanded .icon-toggle-plus::after {
        transform: translateX(-50%) rotate(90deg);
        opacity: 0;
    }
    
    /* Expanded Cards Section */
    .all-plcontents-items-expanded {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    
    .plcontents-item-expanded {
        border-radius: 20px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        /* gap: 20px; */
        transition: all 0.3s ease;
        overflow: hidden;
        /* Offset 80px khi scroll để tránh header che */
    }
    
    .plcontents-item-expanded.is-expanded {
        max-height: max-content;
    }
    
    /* Màu sắc theo theme */
    .plcontents-item-expanded.theme-blue {
        background: #C7EEFA;
    }

    .plcontents-item-expanded.theme-pink {
        background: #FDCDE8;
    }

    .plcontents-item-expanded.theme-green {
        background: #BAE0A3;
    }

    .plcontents-item-expanded.theme-gray {
        background: #D3D8DD;
    }

    .plcontents-item-expanded.theme-red {
        background: #FEC0C1;
    }
    
    .plcontents-item-expanded.theme-yellow {
        background: #FFE588;
    }
    

    
    .plcontents-item-expanded-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
        position: relative;
    }
    
    .unique-different-apollo2025.mobile .plcontents-item-expanded-title {
        margin: 0;
        flex: 1;
        color: #252525;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    
    .unique-different-apollo2025.mobile .plcontents-item-expanded-header .icon-toggle-plus {
        position: relative;
        right: 0;
        top: 0;
        flex-shrink: 0;
        width: 16px;
        height: 16px;
    }
    
    .plcontents-item-expanded-content {
        display: none;
        flex-direction: column;
        gap: 15px;
    }
    
    .plcontents-item-expanded.is-expanded .plcontents-item-expanded-content {
        display: flex;
    }
    
    .plcontents-item-expanded-content img {
        width: 100%;
        height: auto;
        border-radius: 12px;
        object-fit: contain;
    }
    
    .plcontents-item-expanded-desc {
        font-family: Montserrat, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.6;
        color: #252525;
        margin: 0;
    }
    
    /* end section unique-different-apollo2025 mobile */



    /* start section group-teacher-quality mobile */
    .group-teacher-quality.mobile {
        padding: 0px;
        background: #FFFFFF;
    }

    /* dots  */
    .group-teacher-quality.mobile .slider-dots-teacher-quality {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: -8px;  
        position: relative;
        z-index: 10;
    }

    .group-teacher-quality.mobile .dot-teacher-quality {
        width: 8px;
        height: 8px;
        background: #B3B3B3;
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.3s ease;
        flex-shrink: 0;
    }

    .group-teacher-quality.mobile .dot-teacher-quality.active {
        background: #B3B3B3;
        width: 24px;
        border-radius: 4px;
    }

    /* END dots */
    
    .group-teacher-quality.mobile .logo-ih-teacher-quality {
        width: 56px;
        height: 56px;
        flex-shrink: 0; /* Đảm bảo logo không bị co lại */
    }

    .group-teacher-quality.mobile .header-content-with-logo {
        display: flex;
        flex-direction: row; /* Xếp H2 và Logo ngang hàng */
        gap: 16px; /* Khoảng cách 16px giữa H2 và Logo */
        align-items: center; /* Căn giữa theo chiều dọc */
        width: 100%;
    }

    .group-teacher-quality.mobile .group-teacher-quality-container {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 48px 16px;
    }

    .group-teacher-quality.mobile .header-title-group-teacher-quality {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .group-teacher-quality.mobile .header-title-group-teacher-quality h2 {
        font-family: "Brauer NeueVN";
        font-size: 26px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1px;
        color: #2576B9;
        margin: 0;
        text-align: left;
        padding: 0px;
        flex-grow: 1;
    }

    .group-teacher-quality.mobile .subtitle-and-logoih {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
        align-items: flex-start;
    }

    .group-teacher-quality.mobile .subtitle-and-logoih .logo-ih-teacher-quality {
        order: -1;
        width: 56px;
        height: 56px;
        flex-shrink: 0;
    }

    .group-teacher-quality.mobile .subtitle-and-logoih .logo-ih-teacher-quality img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

    .group-teacher-quality.mobile .subtitle-and-logoih span {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0%;
        color: #252525;
        margin: 0;
        width: 100%;
        text-align: left;
    }

    .group-teacher-quality.mobile .slides-wrapper-teacher-img-cards {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        padding: 0;
        margin: 0 -16px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    /* Hide scrollbar but keep functionality */
    .group-teacher-quality.mobile .slides-wrapper-teacher-img-cards::-webkit-scrollbar {
        /* height: 4px; */
        display: none;
        width: 0;
        height: 0;
    }

    .group-teacher-quality.mobile .slides-wrapper-teacher-img-cards::-webkit-scrollbar-track {
        background: transparent;
    }

    .group-teacher-quality.mobile .slides-wrapper-teacher-img-cards::-webkit-scrollbar-thumb {
        background: rgba(37, 118, 185, 0.3);
        border-radius: 2px;
    }

    .group-teacher-quality.mobile .all-teacher-img-cards {
        display: flex;
        flex-direction: row;
        gap: 16px;
        padding: 0 16px;
        align-items: stretch;
        width: 100%;
        margin: 0;

    }

    .group-teacher-quality.mobile .teacher-img-card-item {
        display: flex;
        flex-direction: column;
        flex: 0 0 calc(100vw - 32px);
        width: calc(100vw - 32px);
        min-width: calc(100vw - 32px);
        max-width: calc(100vw - 32px);
        background: #FFFFFF;
        border-radius: 20px;
        padding: 0;
        gap: 0;
        box-sizing: border-box;
        scroll-snap-align: start;
        overflow: hidden;
        
    }

    .group-teacher-quality.mobile .teacher-img-card-item img {
        width: 100%;
        height: auto;
        aspect-ratio: 302/400;
        object-fit: cover;
        display: block;
        border-radius: 20px;

        background-image: url(/landings/home/assets/images/homePage2025/backgroun-brown.webp);
    }

    .group-teacher-quality.mobile .title-img-content-teacher-quality {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 16px;
    }

    .group-teacher-quality.mobile .title-img-content-teacher-quality h3 {
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: 0%;
        color: #252525;
        margin: 0;
        text-align: left;
    }

    .group-teacher-quality.mobile .title-img-content-teacher-quality span {
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0%;
        color: #252525;
        margin: 0;
        text-align: left;
    }

    .slides-wrapper-teacher-img-cards{

        height: 600px;

    }

    /* end section group-teacher-quality mobile */

    /* start section leadform-homepage-apollo2025 mobile */
    .leadform-homepage-apollo2025.mobile {
        padding-top: 0;
        /*padding: 48px 16px;*/
        background-image: url(/landings/home/assets/images/homePage2025/bg-mobile-leadform-homepage-2-apollo2025.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .leadform-homepage-apollo2025.mobile .leadform-homepage-apollo2025-container {
        display: flex;
        flex-direction: column;
        min-height: auto;
        padding: 48px 16px;
        align-items: flex-start;
        gap: 24px;
        background: none !important;
        position: relative;
        overflow: hidden;
        height: fit-content;
    }

    .leadform-homepage-apollo2025.mobile .main-content-input-btnsubmit {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .leadform-homepage-apollo2025.mobile .main-content-input-btnsubmit h3 {
        font-family: "Brauer NeueVN";
        font-size: 26px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1px;
        color: #2576B9;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .leadform-homepage-apollo2025.mobile .form-input-and-btnsubmit-homepage-apollo2025 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        width: 100%;
    }

    .leadform-homepage-apollo2025.mobile .rework-all-footerinput2025 {
        /* display: flex; */
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        width: 343px;
        text-align: center;
        /* display: block; */
        margin: 0 auto;
    }

    /* Trước đây là `343%` — gần như chắc chắn gõ nhầm từ `343px`, khiến khung
       trường nhập rộng gấp 3.4 lần khung cha. */
    .leadform-homepage-apollo2025.mobile .reworkinput-field-apollo2025 {
        width: 100%;
    }

    /* Cao 48px thay cho 32px: 32px thấp hơn nhiều so với ngưỡng vùng chạm
       44px, và lệch hẳn với modal đặt hẹn cùng trang (ô nhập 52px). */
    .leadform-homepage-apollo2025.mobile .reworkinput-input-style-apollo2025 {
        width: 343px;
        max-width: 100%;
        height: 48px;
        padding: 10px 14px;
        border-radius: 8px;
        background: #FFFFFF;
        border: 1px solid #D6D6D6;
        color: #252525;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0%;
        box-sizing: border-box;
    }

    .leadform-homepage-apollo2025.mobile .reworkinput-input-style-apollo2025::placeholder {
        color: #999999;
    }

    .leadform-homepage-apollo2025.mobile .rework-submit-btn-apollo2025 {
        width: 220px;
        max-width: 100%;
        /* 32px -> 52px, bằng nút xác nhận trong modal đặt hẹn */
        height: 52px;
        padding: 12px 24px;
        border-radius: 360px;
        background: #FFCE1F;
        border: none;
        color: #252525;
        text-align: center;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.15px;
        cursor: pointer;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        margin-top: 12px;
    }

    .leadform-homepage-apollo2025.mobile .bg-leadform-footer-apollo2025 {
        width: 100%;
        height: auto;
        max-height: 150px;
        position: absolute;
        right: 0;
        bottom: 0;
        object-fit: cover;
        z-index: 0;
        opacity: 0.5;
    }

    .leadform-homepage-apollo2025.mobile .left-child-leadform-footer-apollo2025 {
        width: auto;
        height: 100px;
        max-width: 30%;
        position: absolute;
        left: 0;
        bottom: 0;
        object-fit: contain;
        z-index: 1;
    }

    .leadform-homepage-apollo2025.mobile .right-child-leadform-footer-apollo2025 {
        width: auto;
        height: 100px;
        max-width: 30%;
        position: absolute;
        right: 0;
        bottom: 0;
        object-fit: contain;
        z-index: 1;
    }


    .left-child-leadform-footer-apollo2025-mobile {
        width: 177px;
        height: 340px;
        position: relative;
        left: -16px;
        bottom: -48px;
        z-index: 4;
    }

    .right-child-leadform-footer-apollo2025-mobile {
        width: 267px;
        position: absolute;
        right: -16px;
        bottom: -60px;
        z-index: 3;
    }


    .left-child-leadform-footer-apollo2025 {
        width: 283px;
        height: 545px;
        position: relative;
        left: -16px;
        bottom: -48px;
        z-index: 4;
    }

    .right-child-leadform-footer-apollo2025 {
        width: 367px;
        height: 594.793px;
        position: absolute;
        right: -16px;
        bottom: -48px;
        z-index: 3;
    }
    /* 8px là cỡ chữ không đọc được trên điện thoại; đây lại là dòng thông báo
       về chính sách dữ liệu cá nhân nên càng cần đọc được. */
    .message-information-apollo2025 p {
        font-size: 12px;
        line-height: 1.45;
        font-family: "Montserrat";
        margin: 0 auto;
    }

    /* end section leadform-homepage-apollo2025 mobile */


    /* start section ninetypercent-guarantee-maxscore-apllo2025 */

    .maincontent-ninetypercent-guarantee-maxscore {
        display: flex;
        padding: 96px 120px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 56px;
        align-self: stretch;
        background-image: url(/landings/home/assets/images/rewrap-2024/bg-student.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 885px;
    }

    .main-title-ninetypercent-guarantee-maxscore {
        display: flex;
        align-items: flex-start;
        gap: 56px;
        align-self: stretch;
    }

    .main-text-title-ninetypercent-guarantee-maxscore {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
    }

    .main-text-title-ninetypercent-guarantee-maxscore h2 {
        color: #FFCE1F;
        font-family: "Brauer NeueVN";
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1px;
        margin: 0;
    }

    .main-text-title-ninetypercent-guarantee-maxscore span {
        margin: 0;
        color: #FFF;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .arrow-wrapper-ninetypercent-guarantee-maxscore {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .arrow-btn-ninetypercent-guarantee {
        width: 48px;
        height: 48px;
        background: rgba(35, 118, 188, 0.5);
        /* #2376BC opacity 0.5 */
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
    }

    .arrow-btn-ninetypercent-guarantee::before {
        content: "";
        width: 12px;
        height: 12px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        display: block;
    }

    .left-arrow::before {
        transform: rotate(-135deg);
    }


    .slides-wrapper-children-img-cards {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .all-children-img-cards {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-self: stretch;
        transition: transform .5s ease;
        gap: 24px;
    }

    .children-img-card-item {
        display: flex;
        width: 302px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .children-img-card-item img {
        border-radius: 20px;
        background: #FFF;
        height: 400px;
    }

    .title-img-content-ninetypercent-guarantee-maxscore {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }

    .title-img-content-ninetypercent-guarantee-maxscore h3 {
        margin: 0;
        color: #FFF;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .title-img-content-ninetypercent-guarantee-maxscore span {
        margin: 0;
        color: #FFF;
        font-family: Montserrat;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    /* DOTS */
    .slider-dots-ninetypercent {
        display: flex;
        gap: 8px;
    }

    .dot-ninetypercent {
        width: 10px;
        height: 10px;
        background: #ccc;
        border-radius: 50%;
        cursor: pointer;
        transition: background 0.3s;
    }

    .dot-ninetypercent.active {
        background: #2576B9;
    }

    /* end section ninetypercent-guarantee-maxscore-apllo2025 */
    /* start section children-kids-carousel-section mobile */
    .children-kids-carousel-section {
        padding: 0;
        margin-top: 150px;
    }

    .child-name-homeApollo2025 {
        color: #fff;
        width: 100%;
        max-width: 100%;
        text-align: center;
        font-family: Montserrat;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: 0.25px;
        margin: 0;
    }

    .children-kids-video-overlay {
        top: 0 !important;
        height: 100% !important;
    }

    /*START button next and pre in video */
    #next-first-kids-section{
        right:60px;
    }

    #prev-first-kids-section{
        left:60px;
    }

    .children-kids-video-nav{
        width: 35px; 
        height: 35px;
    }
    /*END button next and pre in video */



    
    /* end section children-kids-carousel-section mobile */


    .facilities.facilities-section.prevSlide,
    .facilities.facilities-section.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;
    }

    /* video display why-need-course-apollo2025  */
    .close-video-btn {
        /* top: 300px; */
        right: 16px;
        background: rgba(207, 216, 220, 0.4);
    }
    /*END video display why-need-course-apollo2025 */



    /* section.facilities.facilities-section.mobile */

    /* section.facilities.facilities-section.mobile */

    .facilities_container {
        padding-bottom: 0px;
    }

    /* 1. Xử lý Tiêu đề: Cần padding để chữ không dính lề */
    .facilities_container-title {
        padding: 0px 16px 28px 16px; /* Giữ 16px trái phải */
        width: 100%;
        box-sizing: border-box;
    }

    .facilities_container-title h3 {
        color: var(--primary-primary-800, #2576B9);
        font-size: 26px;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 1px;
        text-transform: none;
        margin: 0;
        text-align: left;
        align-self: flex-start;
        font-family: Brauer NeueVN;
        font-weight: 700;
        font-size: 26px;
        line-height: 120%;
        letter-spacing: 1px;
    }

    /* 2. Xử lý Section chính: Bỏ padding để Ảnh tràn viền */
    .facilities.facilities-section.mobile {
        /* padding: 48px 0 !important;    */
    }

    .facilities.facilities-section.mobile .facilities_container {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    /* 3. Phần Khung Carousel: Giới hạn 375px và Cắt phần thừa */
    .facilities.mobile .facilities_carousel {
        max-width: 100% !important;
        margin: 0 auto; /* Căn giữa màn hình */
        width: 100%;
        position: relative;
        overflow: hidden; /* Cắt bỏ ảnh thừa bị ló ra */
    }

    .facilities.facilities-section.mobile .facilities_carousel-slides {
        display: flex;
        flex-direction: row;
        width: 100%;
        /* Transition để JS xử lý việc trượt mượt mà */
        transition: transform 0.5s ease;
    }

    /* 4. Phần Slide: QUAN TRỌNG NHẤT để hiện 1 ảnh duy nhất */
    .facilities.facilities-section.mobile .facilities_carousel-slide {
        display: block;
        
        /* Ép slide chiếm trọn 100% khung, không co giãn */
        width: 100%;
        flex: 0 0 100%; 
        min-width: 100%;

        /* Xóa sạch khoảng cách */
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
        
        box-sizing: border-box;
    }

    /* 5. Phần Ảnh: Full 100% của Slide */
    .facilities.facilities-section.mobile .facilities_carousel-slide img {
        width: 100% !important;
        max-width: 100%;
        height: 210px; /* Chiều cao cố định */
        display: block;
        object-fit: cover;
    }

    /* Phần Indicators (Dấu chấm) */
    .facilities.facilities-section.mobile .facilities_carousel-indicators {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 16px;
    }

    .facilities.facilities-section.mobile .facilities_carousel-indicators .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #D9D9D9;
        cursor: pointer;
        transition: all 0.3s ease;
        flex-shrink: 0;
    }

    .facilities.facilities-section.mobile .facilities_carousel-indicators .dot.active {
        background: #B3B3B3;
        width: 24px;
        border-radius: 4px;
    }


/* end section.facilities.facilities-section.mobile */




    

     
    /* mobile gg map */
    /* Popup InfoWindow Google Maps — thu gọn thanh đóng (không chỉnh padding trái .gm-style-iw-d / .gm-style-iw-ch) */
    .center-location-apollo2025 .gm-style-iw-chr {
        min-height: 0 !important;
        height: auto !important;
        padding: 0 2px 0 0 !important;
        box-sizing: border-box;
    }

    .center-location-apollo2025 .gm-style-iw-chr .gm-ui-hover-effect {
        width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        top: 2px !important;
        right: 2px !important;
    }

    .center-location-apollo2025 .gm-style-iw-chr .gm-ui-hover-effect > span {
        width: 14px !important;
        height: 14px !important;
        margin: 7px !important;
    }

    .center-result-item {
        margin-bottom: 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-left: 16px;
        margin-right: 16px;
        background: #f5f6f7;
        padding: 0px;
    }
    
    /* Card 1: Tên chi nhánh */
    .center-result-item .center-name-link {
        width: 100%;
        min-width: auto;
        color: #252525;

        font-family: Montserrat;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        
        text-decoration: none;
        display: block;
        font-family: Montserrat;
        padding: 0px;
        background: #f5f6f7;
        /*border: 1px solid #E5E5E5;*/
        border-radius: 12px;
    }
    
    /* Card 2: Địa chỉ, Số điện thoại, Button */
    .center-result-item-content {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        padding-top: 12px;
        background: #f5f6f7;
    }
    
    .center-address {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        font-size: 14px;
        color: #000;
        line-height: 150%;
        letter-spacing: 0.25px;
        font-family: Montserrat;
        font-weight: 400;
        margin-bottom: 0;
    }
    
    .center-icon-wrap {
        display: flex;
        align-items: flex-start;
        flex-shrink: 0;
        margin-top: 2px;
    }
    
    .center-icon-wrap img {
        width: 18px;
        height: 18px;
        margin-right: 0;
    }
    
    .phone-contact {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        width: 100%;
        margin-top: 0;
        justify-content: flex-start;
    }
    
    .phone-contact .center-icon-wrap {
        display: none; /* Ẩn icon trong phone-contact vì mỗi button sẽ có icon riêng */
    }
    
    .phone-contact a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding-bottom: 12px;
        background: #f5f6f7;
        color: #000;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
        font-family: Montserrat;
        line-height: 150%;
        letter-spacing: 0.25px;
        white-space: nowrap;
        position: relative;
    }
    
     .phone-contact a::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/landings/home/assets/images/homePage2025/section5-7.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        flex-shrink: 0;
    }
    
    .phone-contact a b {
        font-weight: 400;
    }
    
    .btn-find-on-map {
        width: 100%;
        background: #2576B9;
        color: #FFFFFF;
        border: none;
        padding: 12px 20px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 600;
        font-family: Montserrat;
        line-height: 150%;
        letter-spacing: 0.25px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        transition: background 0.3s;
        margin-top: 0;
        white-space: nowrap;
        display: none;
    }
    
    .btn-find-on-map:hover {
        background: #1a5a8a;
    }
    
     .btn-find-on-map i {
        font-size: 16px;
    }
    
    .center-results-empty {
        padding: 20px;
        text-align: center;
        color: #666;
        font-size: 14px;
    }
/* end mobile gg map */
    
  
    /* start section authentic-images-note mobile */
    .authentic-images-note-mobile-2025 {
        background-color: #FFF;
        padding: 16px 20px;
        text-align: center;
    }




    .authentic-images-note-mobile-2025 .authentic-images-note-container-mobile-2025 p {
        font-family: "Montserrat", sans-serif;
        font-size: 13px;
        font-style: italic;
        font-weight: 400;
        color: #475569;
        margin: 0px;
        line-height: 1.55;
  
    }
    /* end section authentic-images-note mobile */
}



/* mobile gg map */

@media only screen and (max-width: 380px) {
    .children-kids-item-mobile {
        transform: scale(0.9); /* Thu nhỏ 90% */
        transform-origin: center top;
        margin-right: -20px; /* Bù lại khoảng trống do scale */
    }
}