/* Trang thai idle */

footer .cta-container > *,

footer .cta-container > * {

    filter: brightness(0.8);

    opacity: 0.6;

    transition: filter 0.4s ease-out, opacity 0.4s ease-out; /* Nút Xem thêm: tắt sáng nhanh hơn, quay lai trang thai idle */

}

footer .cta-container:hover > * {

    filter: brightness(2);

    cursor: pointer;

}

/* Khi hover: tăng độ sáng, nhưng chỉ với transition chậm */

footer .cta-container:hover > *,

footer .cta-container:hover > * {

    filter: brightness(2);

    opacity: 1.3;

    transition: filter 1.6s ease-in-out, opacity 1.6s ease-in-out; /* sáng chậm */

}

            
.hr {
    border: none;
    border-top: 1px solid white;
    width: 100%;
    margin: 0;
    opacity: 1 !important;
}


/* footer mouse */

.second-mouse span::before,

.second-mouse span::after {

    transform: translateY(-15px) translateX(-4px) rotate(135deg) !important;

}

.second-mouse {

    margin: 30px 0;

    filter: brightness(1) !important;

    opacity: 1 !important;

    margin-bottom: 5%;

}

/* <!-- NHỚ TÁCH MODULE FOOTER RA --> */

    /* FOOTER MỚI */



.hr {

    border: none;

    border-top: 1px solid white; 

    width: 100%;                 

    margin: 0;

}



footer.footer {

    display: inline-block;
    background-image: url(https://learningchain.vn/wp-content/uploads/2025/12/footer_lc_new.webp);
    background-position: 0 -48px;
    background-repeat: no-repeat;
}

    

.footer .cta-container {

    justify-content: center;

    left: 0;

    margin-top: 0 !important;

}

.footer .cta-button {

    margin-left: 0 !important;

    left: 0 !important;

}

.footer .cta-button::before {

    /*left: -112px;*/

    left: -90px;

}

.footer .cta-button::after {

    /*right: -118px;*/

    right: -90px;

}

.footer .text-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: unset;
}




.footer .cta-container {

    margin-bottom: 24px;

}



.footer .footer-branding-container {
    margin: 0;
    width: 100%;
    justify-content: center;
    background-color: #000;
    padding: 10px 0;
}

img.dmca-logo {

    margin-right: 19px;

}

.footer-branding-container {

    display: flex;

    padding: 0;

    justify-content: center;

}

footer.footer {

    padding-bottom: 0 !important;

}

/* iPhone SE */

@media (max-width: 375px) {

        /* <!-- NHỚ TÁCH MODULE FOOTER RA --> */

    footer.footer p.footer-title {

        font-size: 30px !important;

    }

    footer.footer .container .cta-container {

        left: -8px !important;

    }

}

@media (max-width: 600px) {

    /* <!-- NHỚ TÁCH MODULE FOOTER RA --> */

    .footer .all-right-reserved {

        font-size: 14px;

    }

}

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

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 32px !important;

        font-weight: 700 !important;

        margin: 0;

        /* padding-bottom: 10px; */

        padding: 0 5% 10px 5% !important;

    }

    p.footer-subtitle {

        color: white;

        font-size: 16px !important;

        margin: 0;

        padding: 0 5% !important;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        /* justify-content: space-between; */

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1; 

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

    .footer .cta-button::before {

        /*left: -64px;*/

        left: -30px !important;

    }

    .footer .cta-button::after {

        /*right: -64px;*/

        right: -30px !important;

    }

    .all-right-reserved {

        font-size: 14px;

    }

}

@media (min-width: 400px) and (max-width: 767px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 32px !important;

        font-weight: 700 !important;

        margin: 0;

        /* padding-bottom: 10px; */

        padding: 0 5% 10px 5% !important;

    }

    p.footer-subtitle {

        color: white;

        font-size: 16px !important;

        margin: 0;

        padding: 0 5% !important;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        /* justify-content: space-between; */

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

    .footer .cta-button::before {

        /*left: -70px;*/

        left: -50px !important;

    }

    .footer .cta-button::after {

        /*right: -70px;*/

        right: -50px !important;

    }

}

@media (min-width: 768px) and (max-width: 819px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    .footer-title.title {

        font-weight: 700 !important;

    }

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 40px;

        margin: 0;

        /* padding-bottom: 10px; */

        padding: 0 5% 10px 5%;

        font-weight: 700 !important;

    }

    p.footer-subtitle {

        color: white;

        font-size: 17px;

        margin: 0;

        padding: 0 27%;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

/* SPECIAL ipad mini Landscape (width 1024 and height 768) */

@media (min-width: 1000px) and (max-width: 1050px) and (height: 768px) {

    /* <!-- NHỚ TÁCH MODULE FOOTER RA --> */



    .footer p.footer-title {

        font-size: 40px;

    }

    .footer p.footer-subtitle {

        font-size: 16px;

    }

    .footer .all-right-reserved {

        font-size: 14px;

    }

}

/* SPECIAL ipad pro vertical (width 1024 and height 1366) */

@media (min-width: 1000px) and (max-width: 1050px) and (height: 1366px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer module */

    .all-right-reserved, p.footer-subtitle {

        font-size: 18px !important;

    }

}

/* ipad Air Vertical (air dọc) */

/* theo side tablet dọc của design - Copy đoạn (min-width: 768px) and (max-width: 819px) */

@media (min-width: 820px) and (max-width: 1023px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 40px;

        margin: 0;

        /* padding-bottom: 10px; */

        padding: 0 5% 10px 5%;

        font-weight: 700 !important;

    }

    p.footer-subtitle {

        color: white;

        font-size: 17px;

        margin: 0;

        padding: 0 27%;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

/* ipad mini landscape + ipad pro vertical */

@media (min-width: 1024px) and (max-width: 1179px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    .info-ft p, .info-ft span{
        font-size: 16px;
    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 40px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 17px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

/* ipad air 1180 Landscape */

@media (min-width: 1180px) and (max-width: 1365px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 40px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 17px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

    /*  ipad pro 1366 Landscaped */

@media (min-width: 1366px) and (max-width: 1439px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 15px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 57px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

    .footer .cta-container .cta-button {

        /*width: 123px;*/

        width: 242px;

    }

}

/* PC / laptop */

@media (min-width: 1440px) and (max-width: 1559px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 15px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

    @media (min-width: 1560px) and (max-width: 1799px) {

        /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 15px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

    }

@media (min-width: 1800px) and (max-width: 1911px) {

        /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 15px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

    }

@media (min-width: 1912px) and (max-width: 1919px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 20px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    } 

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

@media (min-width: 1920px) and (max-width: 2559px) {

        /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 20px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

@media (min-width: 2560px) and (max-width: 3439px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 20px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

@media (min-width: 3440px) and (max-width: 3839px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 90px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 28px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 20px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

@media (min-width: 3840px) {

    /* NHỚ TÁCH MODULE FOOTER RA */

    /* footer */

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 90px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 28px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 20px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}



@media (max-width: 767px) {

    footer.footer {

        padding: 15% 0 5% 0;

    }

}

@media (min-width: 1024px) and (max-width: 1179px) {

    .second-mouse {

        margin: 30px 0;

        filter: brightness(1) !important;

        opacity: 1 !important;

        margin-bottom: 0 !important;

    }

}



/* footer */

img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 20px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;
        width: 100%;
        justify-content: space-between;
        transform: unset;
        opacity: 1;

    }

    .footer-branding-container .footer-grid .col-right{
        display: flex;
        justify-content: space-between;
        gap: 50px;
        align-items: center;
    }

    .footer-branding-container .footer-grid .col-right p{
        margin: 0;
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 1.5;
    }

    .footer-branding-container .footer-grid .col-right a{
        color: #FFF;
        font-size: 14px;
        font-style: italic;
        font-weight: 300;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        line-height: 1.5;
    }

    img.dmca-logo {

        width: 57px;

    }

    .mountain-img-container {

        margin: 25px 0 15px;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }



@media (min-width: 1440px) and (max-width: 1469px) {

img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 15px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0 15px;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

@media (min-width: 1470px) and (max-width: 1599px) {

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 15px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0 15px;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

@media (min-width: 1920px) and (max-width: 2559px) {

    img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 20px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    .mountain-img-container {

        margin: 25px 0 15px;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}



@media (min-width: 2560px) and (max-width: 3439px) {

img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 20px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        height: 30px;

    }

    .mountain-img-container {

        margin: 25px 0 15px;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}



@media (min-width: 3440px) and (max-width: 3839px) {

img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

        padding: 5% 0;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 20px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;
        margin: 0;
        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;
        width: 100%;
        justify-content: space-between;

    }

    .footer-branding-container .footer-grid .col-right{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 50px;
        color: #fff;
    }

    .footer-branding-container .footer-grid .col-right a{
        color: #fff;
    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0 15px;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}



@media (min-width: 3840px) {

img.mountain-img {

        width: 100%;

    }

    footer.footer {

        width: 100%;

    }

    .footer .text-content {

        text-align: center;

    }

    p.footer-title {

        color: white;

        font-family: 'SVN-Gilroy XBold', sans-serif;

        font-size: 50px;

        margin: 0;

        padding-bottom: 10px;

    }

    p.footer-subtitle {

        color: white;

        font-size: 20px;

        margin: 0;

    }

    .social-icon-container {

        display: flex;

        justify-content: center;

        gap: 25px;

        margin-top: 20px;

    }

    .social-icon-img {

        width: 50px;

        height: 50px;

    }

    .all-right-reserved {

        font-size: 16px;

        font-weight: 300;

    } 

    .footer-branding-container .footer-grid {

        display: flex;

        justify-content: space-between;

    }

    img.dmca-logo {

        width: 90px;

    }

    .mountain-img-container {

        margin: 25px 0;

    }

    .social-icon-img {

        filter: brightness(1);

        scale: 1;

        transition: filter 0.3s ease-out, scale 0.3s ease-out;

    }

    .social-icon-img:hover {

        cursor: pointer;

        filter: brightness(1.3);

        scale: 1.15;

        transition: filter 0.6s ease-in-out, scale 0.6s ease-in-out;

    }

}

@media (min-width: 1024px) and (max-width: 1179px) {

    .footer .cta-container .cta-button {

        /*width: 120px;*/

        width: 225px;

    }

}

section[class^="section-"] > .container ,

#section-1 .container, .footer .container {

    max-width: unset !important;

}





.footer .cta-container {

    position: relative;

    display: flex;

    justify-content: center;

    left: 0;

    margin-top: 0 !important;

    margin-bottom: 24px;

}

.footer .cta-button {

    margin-left: 0 !important;

    left: 0 !important;

    text-transform: uppercase;

    font-size: 30px;

    color: #696969;

    text-decoration: none;

    font-weight: 800;

    letter-spacing: 1px;

    /*margin-left: 35px;*/

    position: relative;

}

.footer .cta-button::before {

    content: "";

    background: url(https://learningchain.vn/wp-content/uploads/glow/left-cta-glow.png);

    position: absolute;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    width: 110px;

    aspect-ratio: 91 / 76;

    top: -24px;

    left: -90px;

}

.footer .cta-button::after {

    content: "";

    background: url(https://learningchain.vn/wp-content/uploads/glow/right-cta-glow.png);

    position: absolute;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    width: 110px;

    aspect-ratio: 91 / 76;

    top: -24px;

    right: -90px;

}

.block-text { display: block; }

.info-ft{
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-top: 30px;
}

.info-ft p{
    margin: 0;
    font-size: 20px;
    color: #fff;
}

.info-ft p span:first-child{
    color: #696969;
    text-transform: uppercase;
}

p.footer-title{
    margin-top: 100px;
    line-height: 58px;
    padding: 0;
}

.btn-join{
    padding: 6px 109px;
    color: #696969;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    transition: all ease 0.8s;
}

.btn-join:hover{
    color: white;
}

.group-btn-join{
    margin-top: 30px;
    margin-bottom: 200px;
}

.footer .btn-join::before, .footer .btn-join::after{
    content: "";
    background: url(https://learningchain.vn/wp-content/uploads/glow/left-cta-glow.png);
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 110px;
    aspect-ratio: 91 / 76;
    transition: all ease 0.8s;
}

.footer .btn-join::after{
    background: url(https://learningchain.vn/wp-content/uploads/glow/right-cta-glow.png);
    left: unset;
    right: 0;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.footer .btn-join:hover::before, .footer .btn-join:hover::after{
    filter: brightness(2);
    opacity: 1.3;
}

#wp-admin-bar-root-default{
    display: none;
}

.filter-container{
    position: relative;
}

.hotline-number a, .email-text a{
    color: #fff;
    text-decoration: none;
}

@media (max-width: 1024px) or (width: 1024px) {

    .info-ft{
        display: none;
    }
    p.footer-title{
        margin-top: 60px;
        font-size: 44px;
    }
    p.footer-title > span{
        display: block;
    }
}

@media (max-width: 767px) {

    p.footer-title{
        margin-top: 126px;
        font-size: 30px;
        line-height: 42px;
    }

    img.dmca-logo{
        width: 57px;
        margin-right: 19px;
    }
}