.honeIntro__title_mobile {
    display: none;
}

.homeIntro__bg-wrapper {
    position: absolute;
    top: -90px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.homeIntro__textLight {
    opacity: 0.2;
    transition: opacity 0.3s ease-in-out;
}

.homeIntro__title, .homeIntro__text {
    z-index: 9 !important;
}

.container.d-flex.flex-column {
    min-height: 300px; /* Đảm bảo không bị shift khi AOS áp dụng */
}

/* Tránh transform gây shift */
[data-aos] {
    transform: none !important;
    will-change: opacity;
}


@media (max-width: 991px) {
    .homeIntro {
        padding-top: 130px !important;
        padding-bottom: 0px !important;
        overflow: hidden;

        &:after {
            height: 60px !important;
        }
        h1.honeIntro__title_mobile {
            display: block !important;
            color: #FFF;
            text-align: center;
            text-shadow: 0px 0px 26.667px #1A61ED, 0px 0px 16px #1A61ED;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: 3.2px;
            z-index: 9;
        }

        h2.homeIntro__title {
            z-index: 9;
            text-shadow: 0px 0px 24px #1A61ED;
            font-size: 18px !important;
            line-height: 34px; /* 188.889% */
            margin: 20px;
        }

        a.homeIntro__btn span {
            font-size: 12px !important;
            font-weight: 500 !important;
            padding: 0px;
            min-height: 40px;
            align-items: center;
            display: flex;
        }

        .homeIntro__btns {
            flex-wrap: nowrap !important;
            padding: 0px !important;
            column-gap: 15px !important;
            row-gap: 0px !important;
            display: inline-flex !important;
            margin-top: 10px;
            margin-bottom: 0px;
        }

        a.homeIntro__btn {
            padding: 5px 0px;
        }

        h3.homeIntro__text {
            padding: 0px 30px !important;
            text-shadow: 0px 4px 100px #000;
            font-size: 16px !important;
            font-weight: 600;
            line-height: 34px; /* 212.5% */
            text-transform: uppercase;
            margin-top: 0px;
            z-index: 9;
        }

        .homeIntro__textLight_component.d-flex.justify-content-center.flex-wrap {
            margin-top: 70px;
            gap: 10px;
        }

        h4.homeIntro__textLight {
            color: #E8CCFF;
            text-shadow: 0px 0px 42.667px #9D41E6, 0px 0px 26.667px #9D41E6, 0px 0px 16px #9D41E6;
            font-size: 15px;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            letter-spacing: 0.64px;
            margin-left: 15px;
            text-transform: uppercase;
        }
    }

    .homeBlock2 {
        padding: 0px !important;
        margin: 0px !important;

        h2.homeBlock2__title {
            font-size: 18px !important;
            line-height: 34px; /* 188.889% */
        }

        p.homeBlock2__textBg {
            display: inline-flex;
            padding: 8px 15px;
            gap: 3.75px;
            font-size: 13px;
            letter-spacing: -0.65px;
            border-radius: 8px !important;
        }

        p.homeBlock2__textBg {
            display: inline-flex;
            padding: 8px 15px;
            gap: 3.75px;
            font-size: 13px;
            letter-spacing: -0.65px;
            border-radius: 8px !important;
        }

        p.homeBlock2__text {
            text-align: center;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: -0.7px;
        }

        .homeBlock2__box {
            width: 100%;
            /* max-width: 400px; */
        }

        h3.title {
            font-size: 22.749px;
        }

        .content p, li {
            text-align: justify;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: -0.75px;
        }

        .homeBlock2__boxs {
            gap: 15px !important;
            margin-bottom: 30px !important;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
        }

        .homeBlock2__tabs {
            display: none !important;
        }

        .col-12.text-center.no-sell-website__header {
            text-align: center;
            font-size: 18px;
            font-weight: 900;
            line-height: 34px;
        }

        .col-12.text-center.no-sell-website__header {
            text-align: center;
            font-size: 18px;
            font-weight: 900;
            line-height: 34px;
        }
    }

    .ecosystem-solutions__section {
        overflow: hidden;
        background: url(/storage/images/backgroud-ecosystem-solutions-mobile.webp) no-repeat !important;
        background-size: cover !important;
        background-position: top center !important;
        padding-bottom: 40px !important;
        z-index: 0;

        .ecosystem-solutions__card {
            .wrap-icon-earth:before, .wrap-icon-chart:before {
                margin-top: 65px !important;
                width: 170px !important;
                height: 177px !important;
                margin-left: 10px;
            }

            .wrap-icon-earth:after {
                width: 170px !important;
                margin-left: 10px !important;
            }

            .wrap-icon-chart:after {
                width: 95px !important;
                margin-left: 5px !important;
                height: 165px !important;
                margin-top: 30px !important;
            }

            .w-60.wrap-content {
                padding: 55px 15px 30px 15px;
            }
        }

        .container {
            padding: 0px !important;
        }

        .col-lg-12.text-center.no-sell-website__header {
            font-size: 18px;
            font-weight: 900;
            line-height: 34px; /* 188.889% */
        }

        .col-lg-12.text-center.no-sell-website__header {
            font-size: 18px;
            font-weight: 900;
            line-height: 34px; /* 188.889% */
        }

        .ecosystem-solutions__card {
            width: 100% !important;
            display: flex !important;
        }

        .wrap-icon-earth, .wrap-icon-chart {
            width: 214px !important;
        }


        p.ecosystem-solutions-card__header {
            font-size: 16px !important;
        }

        p.ecosystem-solutions-card__subHeader.mb-40 {
            color: #FFF;
            font-size: 12px !important;
        }

        p.ecosystem-solutions-card__content {
            color: #FFF;
            font-size: 14px !important;
            font-weight: 400;
            line-height: 136%; /* 19.04px */
            letter-spacing: -0.7px;
        }

        .no-sell-web-right-wrap {
            justify-content: center;
            text-align: center;

            .img-wrap {
                margin: 0px !Important;
                justify-content: center !important;
                width: 100% !important;

                img {
                    width: 50% !important;
                    height: auto !important;
                }
            }

            button.card {
                display: flex;
                width: auto !important;
                padding: 5px 10px !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 10px !important;
                color: #FFF;
                text-align: center;
                font-size: 14px !important;
                font-weight: 500;
            }

            .design_mobile_app {
                top: 0px !important;
                right: 0px !important;
            }

            button.position-absolute.slide_from_left.card.design_mobile_app.seo_website {
                top: 28% !important;

                left: 72% !important;
                right: 1% !important;
            }

            button.position-absolute.slide_from_left.card.design_mobile_app.facebook_ads {
                top: 90% !important;
                left: 64% !important;
                right: 8% !important;
            }

            button.position-absolute.slide_from_left.card.design_mobile_app.google_ads {
                top: 58% !important;
                right: 1% !important;
                left: 72% !IMPORTANT;
            }

            button.position-absolute.slide_from_left.card.design_mobile_app {
                top: -5% !important;
                left: 63% !important;
                right: 1% !important;
            }

            button.position-absolute.slide_from_left.card.design_web {
                left: 1% !important;
                top: -4% !important;
                right: 63%;
            }

            button.position-absolute.slide_from_left.card.cloud_server {
                top: 27% !important;
                left: 1% !important;
                right: 72% !important;
            }

            button.position-absolute.slide_from_left.card.hosting {
                right: 72% !important;
                top: 57% !important;
                left: 1% !important;
            }

            button.position-absolute.slide_from_left.card.dormain {
                top: 90% !important;
                left: 8% !important;
                right: 64% !important;
            }
        }


    }

    .highlight-experience__section {
        &:after {
            content: '';
            border-radius: 693.5px;
            background: #0A0C2A;
            filter: blur(12.5px);
            width: 150%;
            height: 158.5px;
            bottom: 0;
            left: 0;
            position: absolute;
            z-index: 0 !important;
        }

        overflow: hidden;
        padding-top: 0px !important;
        background: url(/storage/images/backgroud-highlight-experience-mobile.webp) !important;

        .container {
            padding: 0px !important;
        }

        img.five-people-img {
            width: 100% !important;
        }

        section.highlight-experience__section {
            background: url(/storage/images/backgroud-highlight-experience-mobile.webp) !important;
        }

        p.highlight-text__content.text-center {
            font-size: 18px;
            font-weight: 900;
            line-height: 34px; /* 188.889% */
            padding-top: 0px !important;
        }

        p.experience-summary__title.text-center {
            font-size: 21.375px;
            font-weight: 500;
        }

        span.experience-highlight__number {
            font-size: 36px !important;
            font-weight: 700;
        }

        p.business-solution__description.text-center {
            font-size: 14px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: -0.7px;
            padding: 10px 50px;
        }

        .col-12.justify-content-center.fadeInTop {
            padding: 0px 5px !important;
        }

        .wrap-bottom-customer {
            background-size: contain !important;
            height: 179px !important;
            background: url(/storage/images/experience-border-mobile.png) no-repeat !important;
        }

        p.percent-100.text-center {
            font-size: 32px !important;
            font-weight: 700;
            line-height: normal;
            padding-top: 30px !important;
        }

        img.rocket-icon {
            width: 15px !important;
        }

        p.customer-satisfaction__text {
            font-size: 12px !important;
            font-style: normal;
            margin-bottom: 10px !important;
        }

        img.star-icon {
            width: 64px !important;
            height: 10px !important;
        }

        span.rating__score {
            font-size: 10px !important;
            font-weight: 500;
        }

        .rocket-animate {
            margin-left: 33% !important;
            animation: fly-mobile 5s infinite forwards !important;
        }

    }

    .customer-partnership__section {
        overflow: hidden;
        padding-top: 0px !important;
        margin-top: -35px !important;
        z-index: 9;
        background: none !important;
        padding-bottom: 0% !important;

        &:after {
            width: 100% !important;
            height: 46.5px !important;
            bottom: -5% !important;
        }

        p.intro__customer-stats {
            text-shadow: 0px 0px 13.333px #1A61ED, 0px 0px 8px #1A61ED !important;
            font-size: 19px !important;
            margin-bottom: 30px !important;
        }

        span.customer-stats__number {
            font-size: 32px !important;
        }

        .item .image img {
            width: 135px !important;
            margin: 0px 10px !important;
            height: auto;
        }

        p.problem-solution__description.text-center {
            font-size: 18px !important;
            line-height: 34px !important; /* 188.889% */
            margin-bottom: 5px !important;
        }

        p.solution-offer__message.text-center {
            font-size: 14px !important;
            line-height: 24px !important; /* 171.429% */
            margin-bottom: 0px !important;
        }

        span.because {
            font-size: 32.114px !important;
            font-style: normal;
        }

        p.team-effort__highlight.text-center {
            font-size: 12.043px !important;
            padding: 0px 85px;
        }

        span.team-effort__number {
            color: #00D1FF !important;
            font-size: 32.114px !important;
        }

        img.customer-partnership-people-image {
            height: 37% !important;
            bottom: 0% !important;
        }

        .homepage-slick {
            overflow: hidden;
            padding-top: 0px !important;
            background: url(/storage/images/backgroud-highlight-experience-mobile.webp) !important;
        }

        .all-resolve-component {
            background: url(/storage/images/backgroud-customer-partnership-mobile.png) no-repeat !important;
            background-position: top center;
            background-size: cover !important;
            padding-bottom: 155px;
        }

        .web360-text-small {
            text-shadow: 0px 0px 11.935px #1A61ED, 0px 0px 7.161px #1A61ED !important;
            font-size: 10.742px !important;
            letter-spacing: 5.371px !important;
        }

        .web360-text-big {
            font-size: 13.5px !important;
            letter-spacing: 6.75px !important;
        }

        section.contact-call-to-action__section {
            padding-top: 30px !important;
        }

        .web360-slick-right.mb-80.web360-slick.slick-initialized.slick-slider {
            margin-top: -115px !important;
            margin-bottom: 55px;
        }

    }

    .news-info__section {
        .news-info__item {
            position: relative;

            &:after {
                position: absolute;
                bottom: 0%;
                left: 0%;
                content: '';
                width: 98%;
                height: 1px;
                background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50.5%, rgba(255, 255, 255, 0.00) 100%);

            }

            h2.news-info__item__title {
                padding: 0px 15px !important;
                padding-bottom: 20px !important;
            }

            p.news-info-time {
                font-size: 15.289px !important;
                line-height: 30.578px !important;
                margin-bottom: 0px !important;
                padding: 0px 15px;
            }
        }

        .news-info__item-bottom {
            display: flex;
            width: 100% !important;
            border-radius: 5px;
            background: var(--l1, linear-gradient(113deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 0.01%, rgba(58, 59, 65, 0.15) 37.77%, rgba(58, 57, 62, 0.10) 58.98%, rgba(237, 237, 237, 0.25) 99.33%));
            backdrop-filter: blur(9.910890579223633px);
            margin: 30px 0px;

            .news-info-time {
                display: none !important;
            }

            img.news-info__item__img {
                height: 100%;
                width: 127px !important;
                border-radius: 8px 0px 0px 8px;

                object-fit: cover;
            }

            h2.news-info__item__title {
                color: #FFF;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                max-width: 205px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin: 12px 15px;
            }

            p.news-summary {
                color: #FFF;
                text-align: justify;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 1rem;
                padding: 0px 15px !important;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

        }

        .item-bottom {
            padding: 0px 15px !important;
        }

        p.news-info__header.text-center {
            font-size: 18px !important;
            line-height: 34px !important;
            margin-top: 15px;
        }

    }

}


@media screen and (max-width: 390px) {
    .homeIntro {
        padding-bottom: 0px !important;

        &:after {
            height: 30px !important;
        }

        .homeIntro__btns {
            column-gap: 0px !important;
        }

        a.homeIntro__btn {
            padding: 5px 10px !important;
            span {
                font-size: 11px !important;
                padding: 0px 5px !important;
            }
        }

        h3.homeIntro__text {
            padding: 0px 10px !IMPORTANT;
        }

        section.homeIntro {
            padding-top: 135px !important;
        }

        h2.homeBlock2__title.text-center.mb-0 {
            font-size: 16px !important;
            line-height: 29px !important;
        }

        h4.homeIntro__textLight {
            font-size: 14px !important;
        }

    }

    .homeBlock2 {
        p.homeBlock2__textBg {
            font-size: 11px !important;
            letter-spacing: -0.55px !important;
        }

        p.homeBlock2__text {
            font-size: 12px !important;
            letter-spacing: -0.6px !important;
        }

        .homeBlock2__head {
            margin-bottom: 15px ! IMPORTANT;
        }

        h3.title {
            font-size: 20px !important;
        }

        .content p, li {
            font-size: 13px !important;
        }
    }

    .ecosystem-solutions__section {
        padding-bottom: 0px !important;
        .col-lg-12.text-center.no-sell-website__header {
            font-size: 16px !important;
            line-height: 29px !important;
        }

        .no-sell-web-right-wrap {
            button.card {
                font-size: 12px !important;
            }
        }

        .wrap-icon-earth, .wrap-icon-chart {
            width: 175px !important;
        }

        .ecosystem-solutions__card {
            .wrap-icon-earth:before, .wrap-icon-chart:before {
                margin-top: 50px !important;
                width: 130px !important;
                height: 137px !important;
                margin-left: 0px;
            }

            .wrap-icon-earth:after {
                width: 130px !important;
                margin-top: 85px !important;
                margin-left: 0px !important;
            }

            .wrap-icon-chart:after {
                width: 75px !important;
                height: 140px !important;
                margin-top: 10px !important;
            }
            p.ecosystem-solutions-card__header {
                font-size: 15px !important;
            }
            p.ecosystem-solutions-card__header {
                font-size: 15px !important;
            }

            p.ecosystem-solutions-card__subHeader.mb-40 {
                font-size: 12px !important;
                margin-bottom: 20px !important;
            }
            .w-60.wrap-content {
                padding: 40px 10px 25px 0px;
            }
        }
    }

    .highlight-experience__section {
        padding-top: 0px !important;
        p.highlight-text__content.text-center {
            font-size: 16px !important;
        }

        p.experience-summary__title.text-center {
            font-size: 18px !important;
        }

        span.experience-highlight__number {
            font-size: 30px !important;
        }

        p.business-solution__description.text-center {
            font-size: 12px;
        }
    }

    .customer-partnership__section {
        p.percent-100.text-center {
            font-size: 28px !important;
        }

        p.intro__customer-stats {
            font-size: 16px !important;
        }

        span.customer-stats__number {
            font-size: 28px !important;
        }
        .item .image img {
            width: 117px !important;
            margin: 0px 15px !important;
        }

        p.problem-solution__description.text-center {
            font-size: 16px !important;
            line-height: 28px !important;
        }

        p.solution-offer__message.text-center {
            font-size: 12px !important;
            line-height: 20px !important;
        }

        span.because {
            font-size: 28px !important;
        }

        p.team-effort__highlight.text-center {
            font-size: 12px !important;
            padding: 0px 70px !important;
        }

        span.team-effort__number {
            font-size: 28px !important;
        }

        .homepage-slick.slick-initialized.slick-slider {
            margin-bottom: 40px !important;
        }

        .web360-slick-right.mb-80.web360-slick.slick-initialized.slick-slider {
            margin-top: -100px !important;
        }

        .all-resolve-component {
            padding-bottom: 145px !important;
        }
    }

    .contact-call-to-action__section {
        .contact-call-to-action__container {
            p.contact-call-to-action__header.text-center {
                font-size: 16px !important;
            }
            .contact-call-to-action-border {
                p {
                    font-size: 12px !important;
                    line-height: 17px !important;
                }
                .contact-promo__text {
                    font-size: 12px !important;
                }
                button#saveContact {
                    font-size: 12px !important;
                    padding: 15px 20px !important;
                }
            }
        }
    }

    .news-info__section {
        .container {
            padding: 5px !important;
        }
        .list-new {
            .news-info__item {


                p.news-info-time {
                    font-size: 12px !important;
                    line-height: 26px !important;
                    padding: 0px 20px !important;
                }

                h2.news-info__item__title {
                    font-size: 16px !important;
                    line-height: 26px !important;
                    padding: 0px 20px !important;
                    padding-bottom: 20px !important;
                }
            }
            .news-info__item-bottom {
                h2.news-info__item__title {
                    font-size: 12px !important;
                    line-height: normal !important;
                    padding: 0px!important;
                    padding-bottom: 10px !important;
                    max-width: 170px !important;
                    margin: 10px 15px !important;
                }

                p.news-summary {
                    font-size: 11px !important;
                }
            }

        }
    }

}