/*section first children-kidss*/
.children-kids-carousel-section{
    display: flex;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-top:80px;

    flex-direction: column;
    align-items: flex-start;
    gap: 96px;
    position: relative;
    overflow: hidden;

}

.slick-carousel-wrapper{
    display: flex;
    justify-content: center;
    align-self: stretch;
    position: relative;
    overflow: hidden;
}

.children-kids-slider{
    display: flex;
    height: 596px;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    /*animation: scrollLoop 30s linear infinite;*/

    overflow-x: auto;
    scroll-behavior: smooth;
    width: 100%;

    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
    overflow-y: hidden;
}

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

.slides-wrapper-children-img-cards:active,
.children-img-card-item:active {
    cursor: grabbing;
}


.children-kids-slider.active-dragging * {
    cursor: grabbing !important;
    user-select: none;
}

/*@keyframes scrollLoop {*/
/*    from {*/
/*        transform: translateX(0);*/
/*    }*/
/*    to {*/
/*        transform: translateX(calc(-1 * var(--scroll-width)));*/
/*    }*/
/*}*/

/*.children-kids-slider:hover {*/
/*    animation-play-state: paused;*/
/*}*/

/*.card-kid-item-hover:hover{*/
/*    filter: brightness(0.92);*/
/*}*/



/* Tạo lớp phủ màu xanh bằng pseudo-element ::after */
.card-kid-item-hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(12, 112, 195, 0.95) 0%, rgba(12, 112, 195, 0) 60%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
    border-radius: 20px;
}

.children-kids-item{
    position: relative;
    width: 100%;
    height: 100%;
}

.card-content-single-large-children:hover{
    background: linear-gradient(to top, rgba(12, 112, 195, 0.95) 0%, rgba(12, 112, 195, 0) 60%);
}



    /* Khi hover thì hiện lớp phủ */
.card-kid-item-hover:hover::after {
    opacity: 1;
}


.card-content-dual-children{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.children-info-homeApollo2025{
    display: flex;
    width: 368px;
    padding: 16px;
    align-items: flex-end;
    gap: 10px;
    /* flex: 1 0 0;
    aspect-ratio: 23/18; */
    border-radius: 20px;
    background: #F5F5F7;
    height: 288px;
    position: relative;
    z-index: 1;
}

.children-kids-slider{
  -webkit-overflow-scrolling: touch;
}


.children-info-homeApollo2025,
.children-info-homeApollo2025-nonebg{
  flex: 0 0 auto;
  aspect-ratio: auto;
}

.children-info-homeApollo2025:hover{
    background: none;
}

.children-info-homeApollo2025-nonebg{
    display: flex;
    width: 368px;
    padding: 16px;
    align-items: flex-end;
    gap: 10px;
    flex: 1 0 0;
    aspect-ratio: 23/18;
    border-radius: 20px;
    height: 288px;
    position: relative;
    z-index: 1;
}


.children-top-avatar-homeApollo2025{
    width: 336px;
    height: auto;
    position: absolute;
    z-index: 2;
    bottom: 0;
}

.top-finger-padding{
    bottom: 16px;
}

.overlay-info-homeApollo2025{
    display: flex;
    padding: 16px 24px;
    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{
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    letter-spacing: 0.25px;
    margin: 0;
}

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

.child-center-homeApollo2025{
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.25px;
    margin: 0;
}

.bottom-children-info-homeApollo2025{
    display: flex;
    width: 368px;
    padding: 16px;
    align-items: flex-end;
    gap: 10px;
    flex: 1 0 0;
    aspect-ratio: 23/18;
    border-radius: 20px;
    background: #F5F5F7;
}

.card-content-single-children{
    display: flex;
    width: 368px;
    padding: 16px;
    align-items: flex-end;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    background: #F5F5F7;
    height: 600px;
    position: relative;
    z-index: 1;
}

.card-content-single-children:hover{
    background: none;
}

.all-title-content-single-large-children{
    width: 636px;
    height: 600px;
    /*border-radius: 20px;*/
    /*background: #F5F5F7;*/
    position: relative;
}

.all-title-content-single-large-children.bg-large-card{
    border-radius: 20px;
    background: #F5F5F7;
}

.card-content-single-large-children{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    z-index: 1;
    width: 636px;
    height: 480px;
    border-radius: 20px;
    background: #F5F5F7;
    position: absolute;
    bottom: 0px;
}

.hover-floating-title-content{
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background-color: #fff;
    color: #2576B9;
    padding: 8px 16px;
    border-radius: 8px;
    /*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);*/
     white-space: nowrap;
     /*opacity: 0; */
     /*visibility: hidden; */
    transition: all 0.3s
    ease;
    z-index: 2;
    width: 100%;
}

.main-header-subitem-children{
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.25px;
    margin: 0;
    align-self: stretch;
}

/*.children-kids-item:hover .hover-floating-title-content {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    transform: translateX(-50%) translateY(0);*/
/*}*/

.main-content-ava{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 2;
    padding: 16px 0px;
}

.main-content-ava p{
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.25px;
    margin: 0;
    align-self: stretch;
}

.hover-floating-title-content p{
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.25px;
    margin: 0;
    align-self: stretch;
}

.overlay-info-single-large-homeApollo2025{
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    gap: 8px;
    border-radius: 16px;
    background: rgba(51, 51, 51, 0.40);
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;

    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 1;
    visibility: visible;
}

/*hover vào thẻ cha tác động vào thẻ con */
.children-kids-item:hover .overlay-info-single-large-homeApollo2025 {
    opacity: 0;
    visibility: hidden;
}

.card-kid-item-hover:hover .overlay-info-homeApollo2025{
    opacity: 0;
    visibility: hidden;
}

.btn-learn-more-kid {
    /* Đặt vị trí tuyệt đối (giả sử bạn muốn nó hiện đúng chỗ nút cũ) */
    position: absolute;
    bottom: 24px; /* Canh chỉnh theo ý bạn */
    left: 24px;

    /* QUAN TRỌNG: z-index phải cao hơn lớp gradient (lúc nãy là 1) để bấm được */
    z-index: 5;

    /* Mặc định ẩn */
    opacity: 0;
    visibility: hidden;

    /* Hiệu ứng chuyển động */
    transform: translateY(10px); /* Đẩy xuống một chút để khi hiện lên sẽ trồi lên đẹp mắt */
    transition: all 0.4s ease;

    display: flex;
    height: 48px;
    padding: 8px 8px 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 360px;
    background:  #FFC62A;
}

/* Logic: Khi hover vào cha -> tác động vào con mới */
.card-content-single-large-children:hover .btn-learn-more-kid {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* Trở về vị trí gốc */
}

.card-kid-item-hover:hover .btn-learn-more-kid {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* Trở về vị trí gốc */
}

.btn-learn-more-kid p{
    color: #252525;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-learn-more-kid img{
    display: flex;
    width: 36px;
    height: 36px;
    padding: 11px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 360px;
    background: rgba(255, 255, 255, 0.60);
}


/*end section first children-kidss*/


/*English-Courses-forChildrens-section*/
.English-Courses-forChildrens-section{
    display: flex;
    padding: 96px 120px;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
    width: 100%;
    position: relative;
    max-width: 1440px;
    left: 50%;
    transform: translateX(-50%);
}


.course-finder-wrapper {
    width: 100%;
    margin-bottom: 56px;
}

.course-finder-container {
    /* background: #1366B2;
    background: linear-gradient(174deg, rgba(19, 102, 178, 1) 0%, rgba(38, 127, 194, 1) 50%, rgba(116, 177, 224, 1) 100%); */

    /* background: #0060A9;
    background: linear-gradient(90deg,rgba(0, 96, 169, 1) 0%, rgba(96, 175, 228, 1) 100%);  */

    /* background: #0061A8;
    background: linear-gradient(45deg,rgba(0, 97, 168, 1) 0%, rgba(82, 157, 219, 1) 73%, rgba(141, 200, 242, 1) 100%); */

    background-image: url(/landings/home/assets/images/homePage2025/bg-gradient-blue.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    padding: 96px 80px;
    width: 1280px;
    max-width: 100%;
    height: 181px;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 20px 48px;
    box-shadow: 0 4px 20px rgba(12, 112, 195, 0.15);
    overflow: visible;
}

.course-finder-title {
    color: #FFCE1F ;
    font-family: "Brauer NeueVN";
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.5px;
    margin: 0 0 24px 0;
}

.course-finder-form {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.form-group-inline {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: nowrap;
}

.custom-select-wrapper {
    flex: 1;
    min-width: 200px;
    position: relative;
}

.location-select.dropdown-expanded {
    /* Hiện không dùng mở rộng listbox, giữ nguyên để tránh ảnh hưởng */
}

.custom-select {
    width: 100%;
    padding: 14px 40px 14px 20px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    background-color: #FFF;
    border: 2px solid transparent;
    border-radius: 12px;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
}

.custom-select:hover {
    border-color: #FFD700;
}

.custom-select:focus {
    border-color: #FFD700;
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
}

.custom-select option {
    padding: 12px;
    font-size: 16px;
}

.show-more-option {
    color: #2576B9;
    font-weight: 600;
    text-align: left;
}

.btn-search-course {
    height: 48px;
    padding: 10px 32px;
    background: #FFCE1F;
    color: #252525;
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 400;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
    line-height: 1.5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-search-course:hover {
    background: linear-gradient(135deg, #FFC700 0%, #FFB700 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(255, 215, 0, 0.4);
}

.btn-search-course:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
}

/* End Course Finder Styles */



.main-content-english-courses{

}

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

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

.main-content-items{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    /*margin: 0 auto;*/
    /*align-self: stretch;*/
    overflow-x: auto;
    scroll-behavior: smooth;
    min-height: 1px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;

    padding-top: 30px;
    margin-top: -30px;

    overflow-x: hidden;
    scroll-behavior: smooth;
    padding-right: 30px;

}



.main-content-items::-webkit-scrollbar {
    display: none;
}


.main-content-items.active-dragging {
    cursor: grabbing;
}

.category-for-age-item{
    display: flex;
    /*height: 472px;*/
    flex-direction: column;
    align-items: flex-start;
    /*tính chính xác lại kích thước 4 phần tử con 1/4 cha - gap 16px giữa chúng */
    flex: 0 0 calc((100% - 3*16px)/4);
    /*flex: 0 0 450px;*/
    /*flex: 1;*/
    width: auto;
    /*aspect-ratio: 288.00/472;*/
    border-radius: 20px;
    background: #F5F6F7;
    transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease;
    position: relative;
    cursor: pointer;

}

.category-for-age-item > a{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

/* EFFECT hover item  */
/*.category-for-age-item:hover {*/
/*    filter: brightness(0.92);*/
/*    transform: translateY(-6px);*/
/*    box-shadow: 0 8px 30px rgba(0,0,0,0.15);*/
/*}*/


/*.category-for-age-item img {*/
/*    transition: filter 0.25s ease;*/
/*}*/

/*.category-for-age-item:hover img {*/
/*    filter: brightness(0.7);*/
/*}*/
/*end EFFECT hover item  */

/* Khi item mở rộng */
.category-for-age-item.expanded {
    flex: 0 0 calc(50% - 16px);   /* mở rộng đúng 50% width cha */
}

.category-for-age-item.shrink {
    /*flex: 0 0 calc((100% - 3*16px)/4);*/
    /*flex: 0 0 183px;*/
    opacity: 0.6;
}

/* 3. Đổi màu chữ trong thẻ expanded */
.category-for-age-item.expanded .subtitle-categoryitem h2,
.category-for-age-item.expanded .subtitle-categoryitem h3 {
    color: #FFF;
    z-index: 2;
}

.category-for-age-item.expanded .overlay-btn-img-categoryitem {
    background: #FFC62A; /* Màu nền nút */
}

.category-for-age-item.expanded .overlay-btn-img-categoryitem span{
    color: #000;
}

.category-for-age-item.expanded .ava-kindergarten-categoryitem {
    opacity: 0;
}

.header-title-categoryitem{
    display: flex;
    height: 183.789px;
    padding: 16px 20px 40px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 20px;
}

.header-title-categoryitem p{
    display: flex;
    height: 36px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 360px;
    background: #FFF;

    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 1px;
    margin: 0;
}

.subtitle-categoryitem{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.subtitle-categoryitem h2{
    color: #252525;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 1px;
    margin: 0;
}

.subtitle-categoryitem h3{
    color: #252525;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 1px;
    margin: 0;
}

.btn-img-categoryitem{
    display: flex;
    height: 288px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
    aspect-ratio: 1/1;
    position: relative;
    z-index: 1;
}

/*.btn-img-categoryitem a{*/
/*    width: 100%;*/
/*}*/

.ava-kindergarten-categoryitem {
    display: flex;
    height: 304px;
    padding: 24px 0 0 0;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    z-index: 2;
    /*flex: 1 0 0;*/
}

.overlay-btn-img-categoryitem{
    display: flex;
    height: 48px;
    padding: 8px 8px 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 360px;
    background: rgba(51, 51, 51, 0.50);
    width: fit-content;
    position: absolute;
    z-index: 3;
    bottom: 24px;
    left: 24px;
}

.overlay-btn-img-categoryitem span{
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.btn-arrow-right-categoryitem{
    display: flex;
    width: 36px;
    height: 36px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}


.category-for-age-item.hidden-item {
    flex: 0 0 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}


.category-for-age-item.expanded {

    flex: 0 0 calc(50% - 16px) !important;
}

/*end English-Courses-forChildrens-section*/


/*section center-location-apollo2025*/
.center-location-apollo2025 {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}

.allcontent-center-location-apollo2025{
    display: flex;
    padding: 96px 120px 56px 120px;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
    max-width: 1440px;
    justify-content: space-between;
    margin: 0 auto;
    /* background-color: #F5F6F7; */
    width: 100%;
}

.main-content-center-loaction {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    flex: 1 0 0;
    max-width: 516px;
}

.main-content-center-loaction h2 {
    margin: 0;
    color: #2576B9;
    font-family: "Brauer NeueVN";
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 1px;
}

.all-btn-center-apollo2025 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.two-btn-header-center-apollo2025 {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.blue-btn-current-location {
    display: flex;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    border-radius: 360px;
    background: #2576B9;
    border: none; /* Thêm border: none */
    cursor: pointer; /* Thêm cursor: pointer */
    white-space: nowrap;
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.15px;
}

.blue-white-search-location {
    white-space: nowrap;
    display: flex;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;

    border-radius: 360px;
    border: 1px solid #2576B9;
    background-color: #FFF;
    color: #2576B9;

    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.15px;
    cursor: pointer;

}

.blue-white-search-location:hover {
    background-color: #2576B9;
    color: #FFFFFF;
    border-color: #2576B9;
    box-shadow: 0 4px 10px rgba(37, 118, 185, 0.3);
}

.blue-white-search-location.active {
    background-color: #2576B9;
    color: #FFF;
}

/* KHU VỰC CẦN ẨN BAN ĐẦU */
#search-form-container {
    display: none; /* <--- KHÔI PHỤC TRẠNG THÁI ẨN BAN ĐẦU */
    width: 100%;
}

#btn-submit-search {
    display: block;
}

.btn-find-center-location {
    display: flex;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 360px;
    background: #FFCE1F;
    border: none; /* Thêm border: none */
    cursor: pointer; /* Thêm cursor: pointer */

    color: #252525;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.15px;
}

.btn-back-center-location {
    margin-top: 10px;
    border: none;
    cursor: pointer;
    display: flex;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 360px;
    background: #2576B9;
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.15px;
    /* Đã xóa "underline;" không hợp lệ */
}

.img-center-location-apollo2025 {
    display: flex;
    width: 628px;
    height: 423px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    aspect-ratio: 628/423;
    position: relative; /* Thêm position: relative */
}

/* Styles cho hình ảnh bản đồ tĩnh */
.img-center-location-apollo2025 #static-map-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

/* Styles cho Google Map Container */
#google-map-container {
    display: none; /* Cần ẩn map container ban đầu */
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: absolute; /* Thêm position: absolute */
    top: 0;
    left: 0;
}

#home-map {
    width: 100%;
    height: 100%;
}


/* Style cho Dropdown */
.select-group-apollo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.apollo-select {
    width: 100%;
    height: 48px;
    padding: 0 24px;
    border-radius: 8px;
    border: 1px solid #999;
    background: #FFF;
    color: #2576B9;
    font-family: Montserrat;
    font-size: 16px;
    appearance: none;
    background-image: url(/landings/home/assets/images/homePage2025/dropdown-icon.webp);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

/* Highlight màu đỏ khi chưa chọn quận/huyện (desktop) */
.center-location-apollo2025 .apollo-select.error-highlight {
    border-color: #FF0000;
    border-width: 2px;
}

/* Style cho kết quả tìm kiếm nhỏ bên dưới */
#center-results-list {
    display: none;
    max-height: 255px;
    overflow-y: auto;
    width: 100%;
    max-width: 1440px;
    padding: 0px 120px;
    margin: 0 auto;
    /* background-color: #F5F6F7; */
    /* Ẩ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;
}

/* CSS cho .center-result-item đã được di chuyển xuống dòng 3073 */
/* CSS cho .center-result-item đã được di chuyển xuống dòng 3073 */

/*.btn-disabled-apollo2025 {*/
/*    opacity: 0.5;*/
/*    cursor: not-allowed;*/
/*    pointer-events: none;*/
/*}*/

/* end section center-location-apollo2025*/


/*secion why-need-course-apollo2025*/
.why-need-course-apollo2025{
    width: 100%;
    max-width: 100%;
    position: relative;
}

.bg-color-top-why-need-course-apollo2025{
    /* background-color: #F5F6F7; */
    padding-top: 0 !important;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.bg-why-need-course-apollo2025d-desktop{
    /* Thumbnail video — đổi 2026-08-19 sang banner_video.webp
       (trước: video-banner.webp, trước nữa: homePage2025/bg-90.webp) */
    background-image: url(/landings/home/assets/banner_video.webp);
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 720px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.content-wrapper-whyneedcourse-apollo2025{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 96px 120px;
    height: 720px;
    gap: 80px;
    max-width: 1440px;
    position: relative;
}


.why-need-course-apollo2025 h2{
    margin: 0;
    color: #2576B9;
    text-align: center;
    font-family: "Brauer NeueVN";
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 1px;
}

.main-pic-why-need-course-apollo2025{
    display: flex;
    padding: 0 6.84px 4.98px 0;
    align-items: center;
    position: absolute;
    left: 120px;
    bottom: -43.231px;
}

.main-pic-why-need-course-apollo2025 img{
    width: 749.16px;
    height: 545.04px;
}

.main-title-90percent{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 25px; */
    position: absolute;
    right: 40px;
    bottom: 189.879px;
}

.head-img-90percent{
    width: 500px;
    height: 199.91px;
}

.footer-90percent-content{
    display: flex;
    width: 490px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 600px;
}

.footer-90percent-content p{
    margin: 0;
    color:  #2576B9;
    text-align: center;
    font-family: "Brauer NeueVN";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 1px;
    align-self: stretch;
}

.footer-90percent-content h2{
    color:  #2576B9;
    text-align: center;
    font-family: "Brauer NeueVN";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 1px;
}
.icon-play-90percent{
    width: 160px;
    height: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

/* video display */
.video-overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10;
    display: none;
    justify-content: center;
    align-items: center;
}

.video-overlay-container.active {
    display: flex;
    animation: fadeIn 0.3s ease-in-out;
}

.video-overlay-container video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.close-video-btn {
    position: absolute;
    top: 16px;
    right: 30px;
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: all 0.3s ease;
}

.close-video-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.video-toggle-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    border: none;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
    opacity: 0;
    pointer-events: none;
}

.video-toggle-btn svg {
    width: 36px;
    height: 36px;
    fill: #fff;
    pointer-events: none;
}

.video-toggle-btn:hover {
    background: rgba(0, 0, 0, 0.6);
    transform: translate(-50%, -50%) scale(1.05);
}

.video-overlay-container:hover .video-toggle-btn,
.video-overlay-container.show-toggle .video-toggle-btn {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
/*END video display */
/* end secion why-need-course-apollo2025*/





/*section unique-different-apollo2025*/
.unique-different-apollo2025 {
    display: flex;
    padding: 96px 120px;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
    background: #FFFFFF;
    position: relative;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.unique-different-apollo2025-background {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    gap: 56px;
    flex-direction: column;
}

.unique-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
}

.icon-vector{
    width: 16px;
    height: 16px;
    position: absolute;
    right: 18px;
    top: 18px;
}
.icon-vector-wrapper{
    height: 100%;
}

.unique-different-apollo2025 h2 {
    color: #1C77C3;
    font-family: "Brauer NeueVN";
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 1px;
    margin: 0;
    width: 1200px;
}

.unique-different-apollo2025-description{
    color: #252525;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 33.6px */
    letter-spacing: 1px;
}

/* =========================
   UNIQUE WHEEL (DESKTOP SCALE)
   ========================= */
.unique-wheel {
    position: relative;
    width: 100%;
    height: 810px;
    display: grid;
    place-items: center;
    --innerSize: 460.32px;
    --outerSize: 652.32px;
    --blurSize: 810px;

    --track: 96px;
    --orbitOffset: 0px;
    --orbitRadius: calc(var(--innerSize) / 2 + var(--track) / 2 + var(--orbitOffset));

    --iconSize: 80px;
    --labelW: 320px;
    --labelH: 88px;
    --labelR: 20px;
    --labelPad: 20px;
    --labelGap: 10px;
    --labelOffset: 20px;
}

.unique-wheel-overlay {
    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::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-overlay::after {
    content: "";
    position: absolute;
    width: var(--blurSize);
    height: var(--blurSize);
    border-radius: 50%;
    background: transparent;
    border: 1.88px solid #F5F6F7;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.unique-wheel-center {
    position: absolute;
    width: var(--innerSize);
    height: var(--innerSize);
    border-radius: 50%;
    overflow: hidden;
    background: #DDE1E4;
    opacity: 0;
    transition: opacity 0.9s ease-out, transform 3s cubic-bezier(.22, .61, .36, 1);
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.85);
}

.unique-wheel-center-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* display: block; */
    /* object-position: 50% 68%;  */
    transform: scale(1.25) translateX(10px) translateY(20px);
}

.unique-wheel-orbit {
    position: absolute;
    width: var(--outerSize);
    height: var(--outerSize);
    border-radius: 50%;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

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

.unique-wheel.is-active .unique-wheel-center {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.unique-orbit-item {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    opacity: 0;

    --ix: 0px;
    --iy: 0px;
    --ax: 0px;
    --ay: 0px;

    --pillBg: #fff;
    --pillText: #252525;
    --iconBg: rgba(28, 119, 195, .12);
    --iconRing: rgba(28, 119, 195, .35);
    --shadow: 0 10px 28px rgba(0, 0, 0, .10);
    --labelShiftY: 0px;

    will-change: transform, opacity;
    backface-visibility: hidden;
}

.unique-wheel:not(.is-active) .unique-wheel-overlay,
.unique-wheel:not(.is-active) .unique-wheel-center {
  opacity: 0;
}

.unique-orbit-item.theme-blue {
    --pillBg: #C7EEFA;
    --iconBg: #C7EEFA;
    --iconRing: #C7EEFA;
}

.unique-orbit-item.theme-green {
    --pillBg: #BAE0A3;
    --iconBg: #BAE0A3;
    --iconRing: #BAE0A3;
}

.unique-orbit-item.theme-pink {
    --pillBg: #FDCDE8;
    --iconBg: #FDCDE8;
    --iconRing: #FDCDE8;
}

.unique-orbit-item.theme-yellow {
    --pillBg: #FFE588;
    --iconBg: #FFE588;
    --iconRing: #FFE588;
    --labelH: 123px;
}

.unique-orbit-item.theme-red {
    --pillBg: #FEC0C1;
    --iconBg: #FEC0C1;
    --iconRing: #FEC0C1;
}

.unique-orbit-item.theme-gray {
    --pillBg: #D3D8DD;
    --iconBg: #D3D8DD;
    --iconRing: #D3D8DD;
}

.unique-item-node {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    cursor: pointer;
    will-change: transform;
    backface-visibility: hidden;
}

.unique-item-icon {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: translate(-50%, -50%) translate(var(--ix), var(--iy)) scale(.2);
    transform-origin: center;
    width: var(--iconSize);
    height: var(--iconSize);
    border-radius: 999px;
    background: var(--iconBg);
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .95);
    outline: 2px solid var(--iconRing);
    display: grid;
    place-items: center;
    z-index: 3;
    will-change: transform;
    backface-visibility: hidden;
    transform-style: preserve-3d;


    transition:
    transform 1000ms cubic-bezier(.22, .61, .36, 1),
    opacity 260ms ease;
}

.unique-wheel.instant-move .unique-item-icon{
    transition: opacity 260ms ease, transform 0ms linear;
  }

.unique-item-icon img {
    width: 44px;
    height: 44px;
}

.unique-item-icon img.icon-small {
    /* Transform sẽ được set từ JavaScript để xoay ngược lại */
    transition: transform 0.8s ease-in-out;
}

.unique-orbit-item.is-icon-in .unique-item-icon{
    opacity: 1;
    transform: translate(-50%, -50%) translate(var(--ix), var(--iy)) scale(1);
  }

.unique-item-label {
    position: absolute;
    left: 50%;
    top: 50%;
    width: var(--labelW);
    /* height: var(--labelH); */
    padding: var(--labelPad);
    border-radius: var(--labelR);
    background: var(--pillBg);
    box-shadow: var(--shadow);
    display: flex;
    align-items: center;
    gap: var(--labelGap);
    z-index: 2;

    opacity: 0;
    transition: opacity .28s ease, transform .28s ease;
}

/* .unique-orbit-item.theme-yellow .unique-item-label.width-only-left-orbiticonlabel {
    width: 280px;
}

.unique-orbit-item.theme-green .unique-item-label.width-only-right-orbiticonlabel {
    width: 280px;
} */

.unique-orbit-item[data-side="right"] .unique-item-label {
    transform:
        translate(var(--ax), var(--ay)) translateY(-50%) translateX(calc(var(--iconSize) / 2 + var(--labelOffset))) translateY(var(--labelShiftY));
}

.unique-orbit-item[data-side="left"] .unique-item-label {
    transform:
        translate(var(--ax), var(--ay)) translateY(-50%) translateX(calc(-1 * (var(--iconSize) / 2 + var(--labelOffset)))) translateX(-100%) translateY(var(--labelShiftY));
}

.unique-orbit-item.show-title .unique-item-label {
    opacity: 1;
}

.first-wrapper-label-unique-wheel{
    height: max-content !important;
}

.unique-short-text {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: 0;
    color: var(--pillText);
    white-space: normal;
}

.unique-expanded-content-plus {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    background: var(--pillBg);
    box-shadow: var(--shadow);
    border-radius: 20px;
    padding: 20px;
    width: 334px;
    z-index: 4;
}

.unique-orbit-item[data-side="right"] .unique-expanded-content-plus {
    transform:
        translate(var(--ax), var(--ay)) translateY(-50%) translateX(calc(var(--iconSize) / 2 + var(--labelOffset))) translateY(var(--labelShiftY));
}

.unique-orbit-item[data-side="left"] .unique-expanded-content-plus {
    transform:
        translate(var(--ax), var(--ay)) translateY(-50%) translateX(calc(-1 * (var(--iconSize) / 2 + var(--labelOffset)))) translateX(-100%) translateY(var(--labelShiftY));
}

.unique-wheel .unique-orbit-item.is-expanded .unique-expanded-content-plus {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.unique-orbit-item.is-expanded .unique-item-label {
    display: none;
}


.unique-expanded-content-plus .unique-long-title {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    letter-spacing: 1px;
    color: #252525;
}

.unique-expanded-content-plus .icon-large {
    width: 294px;
    height: 214px;
    border-radius: 20px;
    object-fit: contain;
    display: block;
}

.unique-expanded-content-plus .unique-long-desc {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #252525;
}

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


/*end section unique-different-apollo2025*/







/*section hot-news-slider*/
.hot-news-slider{
   width: 100%;
}

.content-wrapper-hot-news-slider{
    display: flex;
    padding: 96px 120px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 62px;
    align-self: stretch;
    max-width: 1440px;
    margin: 0 auto;
}

.header-title-btn-hotnews{
    display: flex;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
}

.header-title-btn-hotnews h2{
    margin: 0;
    color: #2576B9;
    font-family: "Brauer NeueVN";
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 52.8px */
    letter-spacing: 1px;
    flex: 1 0 0;
}

.btn-view-all-hotnews{
    display: flex;
    height: 48px;
    padding: 12px 48px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 360px;
    background: #BFE2FF;
    text-decoration: none;
}

.btn-view-all-hotnews span{
    color: #252525;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.15px;
}

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

.allnews-slider-cards{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*gap: 24px;*/
    align-self: stretch;
    /*width: max-content;*/
    transition: transform .5s ease;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.allnews-slider-cards:active {
    cursor: grabbing;
}

.new-slide-item{
    display: flex;
    /*width: 1200px;*/
    width: 100%;
    flex-shrink: 0;
    padding: 32px;
    align-items: flex-start;
    gap: 80px;
    /* overflow-x: hidden; */
    white-space: normal;
    background: #F5F6F7;
    border-radius: 20px;
}

.left-content-debaters{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    flex: 1 0 0;
    align-self: stretch;
}

.left-content-debaters p{
    align-self: stretch;
    color: #9EA9B3;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}



.right-content-debaters{
    display: flex;
    /*height: 286.286px;*/
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    /* aspect-ratio: 528.00/286.29; */
}

.main-conten-debates-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
}

.main-conten-debates-text h2 {
    color: #252525;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    align-self: stretch;
    margin: 0;
}

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

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

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

.main-conten-debates-text span{
    color: #252525;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


/* CSS cho div wrapper thay vì thẻ a */
.hot-news-slider.desktop .left-content-debaters .btn-wrapper-debaters {
    display: flex;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 360px;
    background: #FFCE1F;
    cursor: pointer;
}

/* CSS cho thẻ a bên trong div - chỉ style text */
.hot-news-slider.desktop .left-content-debaters .btn-wrapper-debaters a {
    color: #252525;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.15px;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right-content-debaters img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

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

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

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


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

.ninetypercent-guarantee-maxscore-apllo2025.desktop {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.maincontent-ninetypercent-guarantee-maxscore-background {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background-image: url(/landings/home/assets/images/rewrap-2024/bg-student.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.maincontent-ninetypercent-guarantee-maxscore {
    display: flex;
    padding: 96px 40px;
    max-width: 1440px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 62px;
    align-self: stretch;
    height: max-content;
    width: 100%;
    margin: 0 auto;
}

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

.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: 24px;
    position: absolute;
    bottom: 0;
    right: 0;
}

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

.arrow-btn-ninetypercent-guarantee:hover{
    background: rgba(35, 118, 188, 0.5);
    opacity: 0.8;
}

.arrow-btn-ninetypercent-guarantee.disabled{
    /* cursor: not-allowed; */
    background: rgba(35, 118, 188, 0.5);
    opacity: 0.5;
}

.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;
    /* padding-top: 20px;
    margin-top: -30px; */
    cursor: grab;
}

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

.children-img-card-item{
    display: flex;
    width: calc((100% - (3 * 20px)) / 4);
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    cursor: grab;
    user-select: none;
}

.all-children-img-cards.grabbing {
    cursor: grabbing;
    transition: none !important
}

.children-img-card-item.active-card {
    /* filter: brightness(0.92); */
    /* transform: translateY(-6px); */
    /* box-shadow: 0 8px 30px rgba(0,0,0,0.15); */
}

.children-img-card-item.active-card img {
    /* filter: brightness(0.7); */
}

.image-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.children-img-card-item img{
    border-radius: 20px;
    background: #FFF;
    height: 400px;
    transition: filter 0.3s ease;
    width: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

.children-img-card-item:hover {
    /* transform: translateY(-6px); */
    box-shadow: 0 10px 35px rgba(0,0,0,0.1);
    /* cursor: pointer; */
}

.overlay-description {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
    z-index: 5;
}

.image-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(0deg, #1C77C3 30.14%,
     rgba(28, 119, 195, 0.00) 92.82%);
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 5;
}

.children-img-card-item:hover .overlay-description,
.children-img-card-item:hover .image-wrapper::before {
    opacity: 1;
}

.description-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
}

.badge-mover {
    background-color: #f7a0b3;
    color: #111;
    padding: 4px 12px;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 14px;
    align-self: flex-start;
    font-family: Montserrat, sans-serif;
}

.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;
}

.student-badge-desktop{
    position: absolute;
    bottom: 16px;
    background: #FCABD8;
    color: #252525;
    padding: 10px 20px;
    border-radius: 360px;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    text-align: center;
    white-space: nowrap;
    height: 40px;
    width: 195px;
    justify-content: center;
    align-items: center;

}


/*start DOTS section ninetypercent*/
.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;
}
/*start DOTS section ninetypercent*/



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


/*section group-teacher-quality*/

/*section group-teacher-quality */
.group-teacher-quality-container{
    display: flex;
    padding: 96px 120px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 56px;
    align-self: stretch;
    max-width: 1440px;
    margin: 0 auto;
}

.header-title-group-teacher-quality{
    display: flex;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
}

.header-title-group-teacher-quality h2{
    margin: 0;
    color: #2576B9;
    font-family: "Brauer NeueVN";
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 1px;
}

.subtitle-and-logoih{
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}

.subtitle-and-logoih span{
    margin: 0;
    color: #252525;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 1px;
    width: 476px;
}

.subtitle-and-logoih img{
    width: 88px;
    height: 88px;
}

/* CSS chỉ áp dụng cho desktop */
.group-teacher-quality.desktop .header-title-group-teacher-quality{
    display: flex;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
}

.group-teacher-quality.desktop .header-content-with-logo{
    display: flex;
    align-items: flex-start;
    gap: 56px;
    flex: 1 0 0;
}

.group-teacher-quality.desktop .header-title-group-teacher-quality h2{
    width: 612px;
    height: 106px;
}

.group-teacher-quality.desktop .logo-ih-teacher-quality{
    width: 88px;
    height: 88px;
    flex-shrink: 0;
}

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

.group-teacher-quality.desktop .subtitle-and-logoih{
    justify-content: flex-end;
}

.slides-wrapper-teacher-img-cards{
    width: 1200px; /* Width để hiển thị 4 cards: 4*267 + 3*20 = 1128px */
    height: 510px;
    position: relative;
    margin: 0 auto;
    overflow: hidden; /* Owl Carousel sẽ xử lý overflow */
    padding-left: 5px;
}

/* Owl Carousel sẽ override display, nhưng giữ lại các style khác */
.all-teacher-img-cards.owl-carousel {
    height: 100%;
    left: 16px;
}

.all-teacher-img-cards.owl-carousel .owl-stage-outer {
    height: 100%;
    overflow: hidden;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.all-teacher-img-cards.owl-carousel .owl-stage-outer.active {
    cursor: grabbing;
}

.all-teacher-img-cards.owl-carousel .owl-stage {
    display: flex;
    height: 100%;
    align-items: flex-start;
}

.all-teacher-img-cards.owl-carousel .owl-item {
    display: flex;
    align-items: flex-start;
    height: 100%;
}

.teacher-img-card-item{
    display: flex;
    width: 281px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.teacher-img-card-item img{
    border-radius: 20px;
    width: 100%;
    height: auto;
    display: block;
    background-image: url(/landings/home/assets/images/homePage2025/backgroun-brown.webp);
    border-radius: 20px;
}

.title-img-content-teacher-quality{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    position: relative;
    z-index: 1;
}

.title-img-content-teacher-quality h3{
    margin: 0;
    color: #252525;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.title-img-content-teacher-quality span{
    margin: 0;
    color: #252525;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Dots styling for desktop teacher quality */
.group-teacher-quality.desktop .slider-dots-teacher-quality {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: -40px;
}

.group-teacher-quality.desktop .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.desktop .dot-teacher-quality.active {
    background: #2576B9;
    width: 24px;
    border-radius: 4px;
}

.group-teacher-quality.desktop .dot-teacher-quality:hover {
    background: #2576B9;
    opacity: 0.7;
}


/*end section group-teacher-quality*/



/*section rework facilities facilities-section*/

/* Facilities carousel styles for desktop */
.facilities-section.desktop .facilities_carousel {
    width: 1200px; /* Width theo Figma */
    position: relative;
    overflow: hidden; /* Ngăn slide tràn sang trái/phải */
    margin: 0 auto;
    height: 496px;
}

.facilities-section.desktop .facilities_carousel-slides {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
}

.facilities-section.desktop .facilities_carousel-slide {
    flex-shrink: 0;
    box-sizing: border-box;
    /*width: 100%; !* Mỗi slide chiếm 100% width của carousel *!*/
    height: 496px;
    width: 948px;
    padding-right: 40px;
}

.facilities-section.desktop .facilities_carousel-slide img {
    width: 100%;
    display: block;
    height: 496px;
    object-fit: cover; /* Đảm bảo ảnh fill đầy không bị méo */
    border-radius: 20px;
}

.facilities {
    background-color: #FFF;
}

.facilities_container {
    background-color: #FFF;
    padding-bottom: 196px;
    max-width: 1440px;
    margin: 0 auto;
}


/*start section facilities facilities-section desktop*/
/*reuse form old css*/

.facilities_container-title h3 {
    color: var(--primary-primary-800, #2576B9);
    font-size: 44px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: 1px;
    text-transform: none;
}

.facilities_container-title-and-arrow {
    width: 100%;
}

.facilities_container-title {
    padding: 96px 120px 56px 0px;
    display: flex;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.arrow-new-apollo2025-facilities_container{
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
}

.arrow-btn-new-apollo2025-facilities{
    width: 48px;
    height: 48px;
    background: #d1eaff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*position: relative;*/
    cursor: pointer;
    transform: rotate(45deg);
    left: auto;
    transition: background 0.3s ease;
}

.arrow-btn-new-apollo2025-facilities:hover{
    background: #A3D5FF;
}

.arrow-btn-new-apollo2025-facilities::before{
    content:"";
    width: 12px;
    height: 12px;
    border-top: 2px solid #1C77C3;
    border-right: 2px solid #1C77C3;
    /*transform:rotate(45deg);*/
    display: block;
}

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


/*end section facilities facilities-section desktop*/



/*section leadform-homepage-apollo2025*/

.leadform-homepage-apollo2025{
    /*padding-top: 80px;*/
}

.leadform-homepage-apollo2025-container{
    display: flex;
    height: 584px;
    padding: 96px 120px;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
    background: #EBEDF3;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
}

.main-content-input-btnsubmit{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    align-self: stretch;
}

.main-content-input-btnsubmit h3{
    color:  #2576B9;
    font-family: "Brauer NeueVN";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 52.8px */
    letter-spacing: 1px;
    margin: 0;
}

.form-input-and-btnsubmit-homepage-apollo2025{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.rework-all-footerinput2025{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.reworkinput-field-apollo2025{

}

/* Style cho thông báo lỗi màu đỏ - chỉ cho desktop */
.leadform-homepage-apollo2025:not(.mobile) .reworkinput-field-apollo2025 small {
    color: #FF0000;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-top: 4px;
}

.reworkinput-input-style-apollo2025{

    display: flex;
    width: 411px;
    height: 48px;
    padding: 10px 12px;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #FFF;
    border: 1px solid #D6D6D6;

    color: #999;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.rework-submit-btn-apollo2025{
    display: flex;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 360px;
    background: #FFCE1F;

    color: #252525;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.15px;
    border: none;
    width: 411px;
}

.privacy-policy-par{
    font-family: "Montserrat";
    color: #000000;
    font-size: 12px;
    width: 411px;
}

.bg-leadform-footer-apollo2025{
    width: 1047px;
    height: 584px;
    aspect-ratio: 1047/584;
    position: absolute;
    right: 0;
    top: -0.074px;
}

.left-child-leadform-footer-apollo2025{
    width: 373px;
    height: 719px;
    position: absolute;
    right: 433px;
    top: -135.074px;
}

.right-child-leadform-footer-apollo2025{
    width: 461px;
    height: 747.138px;
    position: absolute;
    right: 37px;
    top: -120.074px;
}



/*end section leadform-homepage-apollo2025*/






/*div footer-rewarm_new_form_link reworkfooter2025*/
.reworkfooter2025{
    width: 100%;
    padding: 48px 120px;
    max-width: 1440px;
    margin: 0 auto;
}




/*END div footer-rewarm_new_form_link reworkfooter2025*/



/*section first children-kidss-video*/
.children-kids-video-overlay {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    bottom: 0;
    height: auto;
    z-index: 8;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.children-kids-video-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}

.children-kids-video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    padding: 0;
    margin: 0;
    border: none;
}
.children-kids-video-wrap.is-thumb .children-kids-video-toggle {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, -50%) scale(0.9);
}

.children-kids-video-wrap video,
.children-kids-video-wrap iframe,
.children-kids-video-wrap object,
.children-kids-video-wrap embed {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/*.children-kids-video-close {*/
/*    position: absolute;*/
/*    top: 16px; */
/*    right: 30px;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*    background: rgba(0, 0, 0, 0.5);*/
/*    color: #fff;*/
/*    border: 1px solid rgba(255,255,255,0.3);*/
/*    border-radius: 50%;*/
/*    cursor: pointer;*/
/*    z-index: 10;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 24px;*/
/*    transition: all 0.3s ease;*/
/*}*/

/* Style khung nút bấm */
.children-kids-video-close {
    position: absolute;
    top: 16px;
    right: 30px;
    background: transparent; /* Nền trong suốt */
    border: none;
    cursor: pointer;
    z-index: 10;

    /* Dùng Flexbox để xếp Chữ và Ảnh nằm ngang */
    display: flex;
    align-items: center; /* Căn giữa theo chiều dọc */
    gap: 8px; /* Khoảng cách giữa chữ ĐÓNG và dấu X */
    padding: 5px;
    transition: opacity 0.3s;
}

/* Style cho phần chữ "ĐÓNG" */
.children-kids-video-close .close-text-video-apollo2025 {
    color: #888888; /* Màu xám như trong hình mẫu 1 của bạn */
    font-family: 'Montserrat', sans-serif; /* Font chữ */
    font-size: 14px;
    font-weight: 600; /* Độ đậm chữ */
    text-transform: uppercase; /* Tự động viết hoa chữ ĐÓNG */
    letter-spacing: 1px;
}

/* Style cho phần ảnh dấu X */
.children-kids-video-close .close-icon-video-apollo2025{
    width: 20px; /* Độ rộng icon X - bạn chỉnh số này to nhỏ tùy ý */
    height: 20px;
    object-fit: contain;
    display: block;
}



/* Tùy chỉnh responsive trên mobile nếu cần */

/*END Style cho phần chữ "ĐÓNG" */

[data-video]{
    cursor: pointer;
}

.children-kids-video {
    /*background-color: #f0f0f0;*/
    object-fit: contain;
}


.children-kids-video-toggle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.95);
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    border: none;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 0.18s ease, transform 0.18s ease, background 0.18s ease;
    opacity: 0;
    pointer-events: none;
}

.children-kids-video-wrap:hover .children-kids-video-toggle,
.children-kids-video-wrap:focus-within .children-kids-video-toggle,
.children-kids-video-wrap.show-toggle .children-kids-video-toggle {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}

.children-kids-video-toggle:hover {
    background: rgba(0, 0, 0, 0.6);
}

.children-kids-video-toggle svg {
    width: 36px;
    height: 36px;
    fill: #fff;
    pointer-events: none;
}
/*START nút next and prev video */

.children-kids-video-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: none;

    background-color: #1C77C3;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: relative;
    overflow: hidden;
    width: 100%; */

    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
}

.children-kids-video-nav svg {
    width: 28px;
    height: 28px;
    fill: #FFFFFF;
    display: block;
}

.children-kids-video-nav:hover {
    background-color: #1665a6;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}

/* Lớp phủ thumbnail */
.children-kids-video-thumb {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: radial-gradient(129.67% 132.94% at 50.12% 50.17%, #FFF 0%, #E6E6E6 68%);
}

.children-kids-video-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Nút play trên thumbnail */
.children-kids-video-thumb-play {
    position: absolute;
    border: none;
    background: transparent;
    cursor: pointer;
    width: 160px;
    height: 160px;
    padding: 0;
}

.children-kids-video-thumb-play svg circle {
    fill: rgba(0, 0, 0, 0.6);
}

.children-kids-video-thumb-play svg {
    width: 100%;
    height: 100%;
}

/* Ẩn thumbnail khi đã play */
.children-kids-video-thumb.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
}

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

#prev-first-kids-section svg {
    margin-right: 2px;
}

#next-first-kids-section {
    right: 120px;
}

#next-first-kids-section svg {
    margin-left: 2px;
}

/*END nút next and prev video */
/*END section first children-kidss-video*/




/* start section gg map */

/* CSS cho Center Result Item - Extracted from testCanvas2025.blade.php */
/* CSS đơn giản để căn chỉnh icon */
.center-result-item {
    /*margin-bottom: 15px;*/
    border-bottom: 1px solid #CCCCCC;
    /*border-radius: 10px;*/
    padding: 15px;
    background: #fff;
    display: flex;
    /* GIỮ NGUYÊN: Căn đều 4 cột TỔNG THỂ (Content Group và Button) */
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    /*margin: 0 10px;*/
}

/* 2. Phần tử chứa Tên, Địa chỉ, SĐT */
.center-result-item-content {
    display: flex;
    flex-grow: 1; /* Cho phép nó mở rộng tối đa */
    /* QUAN TRỌNG: SỬ DỤNG GAP để tạo khoảng cách cố định giữa 3 cột Tên, Địa chỉ, SĐT */
    gap: 150px; /* Giảm gap để các cột gần nhau hơn */
    align-items: center;
    font-size: 14px;
    color: #2576B9;
}

/* Tên trung tâm (Cột 1) */
.center-result-item-content .center-name-link {
    flex-shrink: 0;
    /* Giảm width để tên chiếm ít không gian hơn, phù hợp với ảnh mẫu */
    width: 20%;
    min-width: 120px;
    font-weight: bold;
    text-decoration: none;
    color: #2576B9;
    font-size: 22px;
    font-weight: 600;
}

/* Địa chỉ (Cột 2) */
.center-address {
    flex-grow: 1;
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    gap: 10px;
    cursor: pointer;
    color: #252525;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #252525;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.center-address:hover {
    color: #2576B9;
}

/* ============================================================
   CSS CHO SỐ ĐIỆN THOẠI TRONG DANH SÁCH CHI NHÁNH (DESKTOP)
   ============================================================ */

/* Container số điện thoại (Cột 3) - Desktop only */
#center-results-list .center-result-item.desktop .phone-contact {
}
/* ============================================================
   CSS CHO SỐ ĐIỆN THOẠI TRONG DANH SÁCH CHI NHÁNH (DESKTOP)
   ============================================================ */

/* Container số điện thoại (Cột 3) - Desktop only */
#center-results-list .center-result-item.desktop .phone-contact {
    flex-shrink: 0;
    width: auto;
    min-width: 140px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    font-size: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: normal;
    color: #2576B9;
}


#center-results-list .center-result-item.desktop .phone-contact .center-icon-wrap {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    flex-shrink: 0;
}

#center-results-list .center-result-item.desktop .phone-contact .center-icon-wrap img {
    width: 20px;
}

#center-results-list .center-result-item.desktop .phone-contact .center-icon-wrap img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    object-fit: contain;
}


#center-results-list .center-result-item.desktop .phone-contact a {
    color: #252525;
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
    font-family: Montserrat, sans-serif;
    line-height: normal;
    white-space: nowrap;
    transition: color 0.3s ease;
}

#center-results-list .center-result-item.desktop .phone-contact a:hover {
    color: #2576B9;
}


#center-results-list .center-result-item.desktop .phone-contact a b {
    font-weight: 400 !important;
    color: inherit;
}


#center-results-list .center-result-item.desktop .center-icon-wrap {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

#center-results-list .center-result-item.desktop .center-icon-wrap img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-right: 8px;
    object-fit: contain;
}

.btn-find-on-map {
    flex-shrink: 0;
    background: #2576B9;
    color: #fff;
    border: none;
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: 0.3s;
    white-space: nowrap;
    justify-content: flex-end;
}

.btn-find-on-map:hover {
    background: #1a5a8a;
}

#initial-actions {
    width: 100%;
}


.center-results-empty {
    padding: 10px;
    text-align: center;
}
/*end section gg map */




.course-finder-wrapper {
    overflow: visible !important;
}

.form-group-inline {
    overflow: visible !important;
    display: flex;
    gap: 20px;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
}


.simple-select-wrapper {
    position: relative;
    flex: 1;
    min-width: 200px;
}


.simple-select-trigger {
    width: 100%;
    height: 48px;
    padding: 10px 40px 10px 12px;
    line-height: 1.5;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    background-color: #FFFFFF;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

.simple-select-trigger:hover {

}

.simple-select-wrapper.open .simple-select-trigger {

    border-color: #E0E0E0;

}

.simple-select-text {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999999;
}

.simple-select-icon {
    width: 12px;
    height: 12px;
    background-image: url(/landings/home/assets/images/homePage2025/Vector-icon.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.simple-select-wrapper.open .simple-select-icon {
    transform: rotate(180deg);
}


.simple-select-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 5px;



    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    z-index: 9999;


    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.simple-select-wrapper.open .simple-select-list {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* 4. ITEM - Từng option */
.simple-select-item {
    padding: 12px 20px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.simple-select-item:hover {
    background-color: #BFE2FE;
    color: #000;
}

.simple-select-item.selected {
    background-color: #BFE2FE;
    color: #333;
    font-weight: 600;
}

.simple-select-item.show-more-item {
    text-align: left;
    font-weight: 600;
    color: #000;
    cursor: pointer;
}

.simple-select-item.show-more-item:hover {
    background-color: #BFE2FE;
}

.simple-select-item.hidden-province {
    display: none;
}

/* start section authentic-images-note */
.facilities_container_desktop_2025 {
    padding-bottom: 56px;
}

.authentic-images-note-desktop-2025 {
    background-color: #FFF;
    padding-bottom:160px;
    text-align: center;
}

.authentic-images-note-container-desktop-2025 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

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