body {
        width: 100%;
        height: 100%;
        margin: 0px;
        overflow-x: hidden;
        background-color: white;
}

input {
        font-family: 'Roboto', sans-serif;
}

input::placeholder {
        color: #555;
        /* đảm bảo có độ tương phản tốt */
        font-family: 'Roboto', sans-serif;
}

input:focus {
        outline: none;
        box-shadow: none;
        border: 0px
}

.popup-input input::placeholder {
        color: white;
}

header {
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        background-color: #2D3A4B;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
}

button {
        cursor: pointer;
}

.floating-buttons {
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        z-index: 999;
}

.btn {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        text-decoration: none;
}

.zalo-btn {
        background-color: #ffffff;
}

.btn img {
        width: 50px;
        height: 54px;
        pointer-events: none;
}

@media (max-width: 428px) {

        /* header */
        .header-menu {
                overflow-x: hidden;
                box-sizing: border-box;
                padding: 0px 16px;
                background-color: #2D3A4B;
                width: 100vw;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;

                .logo-mobile {
                        width: 90px;
                        height: 90px;
                }

                .logo-tablet {
                        display: none;
                }

                .button-schedule-mobile {
                        border-radius: calc(infinity * 1px);
                        border-color: rgba(249, 222, 163, 0.3);
                        padding: 4px;
                        background-color: rgba(255, 255, 255, 0);
                        animation: scale-animation 1s infinite;

                        .schedule {
                                margin: 0px;
                                font-size: 24px;
                                font-weight: bold;
                                line-height: 1.6;
                                color: black;
                                text-align: center;
                                background-image: linear-gradient(rgb(253, 234, 198), rgb(250, 202, 104));
                                padding: 8px 40px;
                                border-radius: calc(infinity * 1px);
                        }
                }

                .button-menu {
                        width: 30px;
                        height: 30px;
                        display: flex;
                        align-items: center;
                        overflow: hidden;

                        .icons-menu {
                                width: 30px;
                                height: 30px;
                                position: absolute;
                        }
                }

                .table-menu {
                        text-align: right;
                        margin-top: 94px;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        background: #333;
                        color: white;
                        opacity: 0;
                        transform: translateY(-20px);
                        pointer-events: none;
                        transition: opacity 0.3s ease, transform 0.3s ease;
                }

                .table-menu.show {
                        opacity: 1;
                        transform: translateY(0);
                        pointer-events: auto;

                        .box-menu {
                                padding-top: 16px;
                                padding-bottom: 16px;
                                padding-right: 32px;

                                a {
                                        pointer-events: auto;
                                        font-size: 18px;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: white;
                                        text-align: center;
                                        text-decoration: none;
                                }
                        }
                }

                .menu {
                        display: none;
                }

                .button-schedule {
                        display: none;
                }

        }

        .popup {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: none;
                background-color: rgba(0, 0, 0, 0.5);
                justify-content: center;
                align-items: center;
                z-index: 9999;

                .popup-content {
                        background: white;
                        width: 100%;
                        max-width: 70%;
                        border-radius: 10px;
                        overflow: hidden;
                        position: relative;
                        display: flex;
                        flex-direction: column;

                        .close-btn {
                                z-index: 2;
                                position: absolute;
                                top: 10px;
                                right: 15px;
                                background: none;
                                border: none;
                                font-size: 20px;
                                cursor: pointer;
                        }

                        .popup-left {
                                padding: 10px 20px;
                                display: flex;
                                flex-direction: column;
                                justify-items: center;

                                img {
                                        width: 200px;
                                        display: block;
                                        margin: 0 auto 0px;
                                }

                                h3 {
                                        font-size: 16px;
                                        margin: 0px;
                                }

                                p {
                                        margin: 0px;
                                        color: red;
                                        font-weight: bold;
                                        font-size: 26px;
                                }
                        }

                        .popup-right {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                padding: 20px;
                                box-sizing: border-box;
                                width: 100%;
                                row-gap: 12px;
                                background-color: #34495E;


                                .popup-input {
                                        padding: 8px;
                                        border: 1px solid white;
                                        border-radius: 5px;
                                        background-color: white;

                                        input {

                                                width: 100%;
                                                border: 0px;
                                        }

                                        input::placeholder {
                                                color: black;
                                        }
                                }

                                .submit-btn {
                                        width: 100%;
                                        padding: 12px;
                                        background-color: #A0522D;
                                        color: white;
                                        font-weight: bold;
                                        border: none;
                                        border-radius: 5px;
                                        font-size: 16px;
                                        cursor: pointer;
                                        margin-top: 5px;
                                }

                                .note {
                                        text-align: center;
                                        color: white;
                                        font-weight: bold;
                                        font-size: 16px;
                                        margin: 0px;
                                }
                        }

                }
        }

        /* body */
        #gioi-thieu {
                width: 100vw;
                height: 100vh;
                overflow: hidden;
                position: relative;

                .gioi-thieu {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                        padding-top: 118px;

                        .gioi-thieu1 {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: 24px;

                                .GT {
                                        background: linear-gradient(135deg, #fdfdfd 0%, #f7f1e1 100%);
                                        /* Nền trắng - beige nhẹ */
                                        border: 2px solid #d4af37;
                                        /* Gold: tạo cảm giác sang trọng */
                                        border-radius: 10px;
                                        padding: 20px 30px;
                                        text-align: center;
                                        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
                                        max-width: 700px;
                                        margin: 0px auto;

                                        h2 {
                                                font-family: 'Playfair Display', serif;
                                                /* Font sang trọng */
                                                font-size: 18px;
                                                margin: 0;
                                                letter-spacing: 2px;
                                                text-transform: uppercase;

                                                /* Gradient chữ từ đỏ burgundy sang đỏ ấm */
                                                background: linear-gradient(90deg, #8B0000, #C0392B);
                                                -webkit-background-clip: text;
                                                -webkit-text-fill-color: transparent;

                                                /* Nếu cần một chút viền để tăng độ phân cách (bạn có thể điều chỉnh hoặc bỏ) */
                                                -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.3);
                                        }
                                }

                                div {
                                        display: flex;
                                        flex-direction: column;
                                        align-items: center;
                                        ;

                                        .slogan {
                                                margin: 0;
                                                font-family: 'Montserrat Alternates', sans-serif;
                                                font-size: 32px;
                                                font-weight: 700;
                                                text-align: center;

                                                max-width: 100%;
                                                line-height: 1.2;
                                                letter-spacing: 1px;

                                                /* Gradient chuyển từ màu cam ấm sang vàng rực */
                                                background: linear-gradient(90deg, #F39C12, #F1C40F);
                                                -webkit-background-clip: text;
                                                -webkit-text-fill-color: transparent;

                                                /* Một chút stroke giúp viền chữ rõ nét hơn */
                                                -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.3);
                                        }
                                }
                        }

                        .gioi-thieu2 {
                                z-index: 2;
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: 40px;

                                h3 {
                                        margin: 0px;
                                        background-color: white;
                                        border: 1px solid #d3d3d3;
                                        padding: 0px 48px;
                                        display: inline-block;
                                        transform: skewX(-26deg);
                                        border-radius: 4px;
                                        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
                                        font-size: 18px;
                                        font-weight: bold;
                                        font-style: italic;
                                        line-height: 1.6;
                                        color: rgb(224, 41, 41);
                                }

                                div {
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        align-items: center;

                                        .promo-banner {
                                                max-width: 100%;
                                                width: 100%;
                                                text-align: center;
                                                font-family: Arial, sans-serif;
                                                border-radius: 10px;
                                                overflow: hidden;
                                                display: flex;
                                                flex-direction: column;
                                                align-items: center;
                                                overflow: hidden;

                                                .top-section {
                                                        z-index: 1;
                                                        background-color: #7b5e3e;
                                                        padding: 0px 10px;
                                                        display: flex;
                                                        flex-direction: row;
                                                        align-items: center;
                                                        justify-content: center;
                                                        gap: 24px;
                                                        border-radius: 10px;

                                                        .section {
                                                                align-items: flex-start;
                                                                display: flex;
                                                                flex-direction: row;
                                                                gap: 26px;

                                                                p {
                                                                        margin: 0px;
                                                                        font-weight: bold;
                                                                        color: rgb(255, 255, 255);
                                                                }

                                                                .section-1 {
                                                                        font-size: 30px;
                                                                        padding-top: 20px;
                                                                }

                                                                .section-2 {
                                                                        font-size: 99px;
                                                                }

                                                                .section-3 {
                                                                        font-size: 50px;
                                                                        padding-top: 18px;
                                                                }
                                                        }

                                                        div {
                                                                display: flex;
                                                                flex-direction: row;
                                                                align-items: center;

                                                                div {
                                                                        height: 74px;
                                                                        transform: rotate(20deg);
                                                                        padding: 0px 8px;
                                                                        border-left: 2px solid rgb(255, 255, 255);
                                                                }

                                                                p {
                                                                        margin: 0px;
                                                                        font-size: 54px;
                                                                        font-weight: bold;
                                                                        line-height: 1;
                                                                        color: rgb(255, 226, 8);
                                                                }

                                                        }
                                                }

                                                .bottom-section {
                                                        margin-top: 112px;
                                                        position: absolute;
                                                        width: fit-content;
                                                        display: flex;
                                                        flex-direction: row;
                                                        align-items: center;
                                                        font-size: 18px;
                                                        font-style: italic;
                                                        line-height: 1.6;
                                                        color: white;
                                                        background-color: black;
                                                        border-radius: 14px;
                                                        padding: 15px 16px;
                                                        padding-bottom: 0px;

                                                        .iconsCar {
                                                                width: 40px;
                                                                height: 38px;
                                                        }

                                                        .discount {
                                                                margin: 0px;
                                                        }
                                                }
                                        }

                                        .Hotline {
                                                width: fit-content;
                                                margin-top: 58px;
                                                font-size: 24px;
                                                font-weight: bold;
                                                line-height: 1.6;
                                                color: rgb(255, 255, 255);
                                                background-color: #A52A2A;
                                                border: 0px;
                                                padding: 10px 20px;
                                                border-radius: 50px;
                                                animation: scale-animation 1s infinite;
                                        }
                                }
                        }
                }

                .banner {
                        z-index: -1;
                        overflow: hidden;
                        position: absolute;
                        min-width: 100vw;
                        min-height: 100vh;
                        background-size: cover;
                        background-position: center;
                        top: 0px;

                        .img-banner {
                                width: 100vw;
                                height: 100%;
                                z-index: -2;
                                position: absolute;

                        }

                        .blur-background {
                                z-index: -1;
                                position: absolute;
                                width: 100vw;
                                height: 100%;
                                background: rgba(255, 255, 255, 0.1);
                                backdrop-filter: blur(5px);
                        }
                }
        }

        #content {
                padding: 20px;
                display: flex;
                flex-direction: column;
                gap: 20px;

                .content {
                        display: flex;
                        flex-direction: column;
                        gap: 16px;

                        .content1 {
                                p {
                                        text-align: center;
                                        margin: 0px;
                                        font-size: 15px;
                                        font-family: "Roboto Slab", serif;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(35, 35, 35);
                                }
                        }

                        .content2 {
                                display: flex;
                                flex-direction: column;
                                gap: 16px;

                                .box-content {
                                        background-color: white;
                                        border-radius: 10px;
                                        overflow: hidden;
                                        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
                                        transition: transform 0.3s ease, box-shadow 0.3s ease;

                                        .img {
                                                border-top-left-radius: 10px;
                                                border-top-right-radius: 10px;
                                                width: 100%;
                                                height: 298px;
                                                overflow: hidden;
                                                position: relative;

                                                img {
                                                        width: 100%;
                                                        height: 100%;
                                                        position: absolute;
                                                }
                                        }

                                        .content {
                                                padding: 16px 20px;
                                                display: flex;
                                                justify-content: center;
                                                flex-direction: column;
                                                gap: 4px;

                                                h3 {
                                                        margin: 0px;
                                                        font-family: Montserrat, sans-serif;
                                                        font-size: 18px;
                                                        font-weight: bold;
                                                        line-height: 1.2;
                                                        color: rgb(36, 35, 35);
                                                        text-align: center;
                                                }

                                                p {
                                                        margin: 0px;
                                                        font-family: "Roboto Slab", serif;
                                                        font-size: 15px;
                                                        line-height: 1.4;
                                                        color: rgb(66, 66, 66);
                                                        text-align: center;
                                                }
                                        }
                                }
                        }
                }


        }

        #DichVu {
                overflow: hidden;
                position: relative;
                padding: 24px 20px;


                .banner-DichVu {
                        top: 0px;
                        left: 0;
                        z-index: -1;
                        overflow: hidden;
                        position: absolute;
                        min-width: 100vw;
                        min-height: 100vh;
                        background-size: cover;

                        .banner-Mobile {
                                width: 100vw;
                                height: 100%;
                                z-index: -2;
                                position: absolute;
                        }

                        .banner-Desk {
                                display: none;
                        }

                }

                .DichVu {
                        display: flex;
                        flex-direction: column;
                        gap: 36px;

                        .img-DichVu {
                                width: 100%;
                                height: 100%;
                                max-height: 250px;
                                overflow: hidden;

                                .car-img-DichVu {
                                        width: 100%;
                                        height: 100%;
                                }
                        }

                        .body-DichVu {
                                display: flex;
                                flex-direction: column;
                                gap: 20px;

                                .Content-DichVu {
                                        .Content1 {
                                                margin: 0px;
                                                font-size: 22px;
                                                line-height: 1.4;
                                                color: rgb(155, 108, 69);
                                                text-transform: uppercase;
                                                text-align: left;
                                                -webkit-text-stroke: 0px rgb(255, 255, 255);
                                        }

                                        .Content2 {
                                                width: fit-content;
                                                border-bottom: 2px solid white;
                                                margin: 0px;
                                                font-size: 22px;
                                                font-family: "Roboto Slab", serif;
                                                line-height: 1.4;
                                                color: rgb(234, 103, 6);
                                                text-transform: uppercase;
                                                text-align: left;
                                                -webkit-text-stroke: 0px rgb(224, 41, 41);
                                        }
                                }

                                .box-DichVu {
                                        display: flex;
                                        flex-direction: column;
                                        gap: 4px;

                                        .box-DichVu1 {
                                                display: flex;
                                                flex-direction: column;
                                                gap: 4px;

                                                .box-content {
                                                        background-color: white;
                                                        padding: 6px 32px;
                                                        display: flex;
                                                        align-items: center;
                                                        gap: 16px;
                                                        border-radius: 5px;

                                                        .checked {
                                                                width: 17px;
                                                                height: 17px;
                                                        }

                                                        p {
                                                                margin: 0px;
                                                                font-size: 18px;
                                                                font-weight: bold;
                                                                line-height: 1.6;
                                                                color: rgb(0, 0, 0);
                                                        }
                                                }
                                        }

                                        .box-DichVu2 {
                                                display: flex;
                                                flex-direction: column;
                                                gap: 4px;

                                                .box-content {
                                                        background-color: white;
                                                        padding: 6px 32px;
                                                        display: flex;
                                                        align-items: center;
                                                        gap: 16px;
                                                        border-radius: 5px;

                                                        .checked {
                                                                width: 17px;
                                                                height: 17px;
                                                        }

                                                        p {
                                                                margin: 0px;
                                                                font-size: 18px;
                                                                font-weight: bold;
                                                                line-height: 1.6;
                                                                color: rgb(0, 0, 0);
                                                        }
                                                }
                                        }
                                }
                        }

                }


        }

        #CamKet {
                overflow: hidden;
                position: relative;

                .CamKet-div1 {
                        z-index: -1;
                        position: absolute;
                        left: -54.215px;
                        top: 0;
                        width: 107.215px;
                        height: 362px;
                        transform: rotate(213deg);
                        background-image: linear-gradient(rgb(221, 221, 221), rgb(250, 250, 250));
                }

                .CamKet-div2 {
                        display: none;
                }

                .CamKet {
                        display: flex;
                        flex-direction: column;
                        gap: 22px;
                        padding: 20px;

                        .title-CamKet {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: 10px;

                                h2 {
                                        margin: 0px;
                                        font-size: 26px;
                                        font-weight: bold;
                                        font-style: italic;
                                        line-height: 1.6;
                                        color: rgb(225, 99, 7);
                                        text-align: center;
                                        text-shadow: rgb(232, 223, 208) 3px 1px 1px;
                                }

                                h3 {
                                        margin: 0px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        line-height: 1.4;
                                        color: rgb(50, 50, 50);
                                        text-align: center;
                                }

                                .CamKet-border {
                                        width: 93px;
                                        height: 2px;
                                        background-color: darkgray;
                                }
                        }

                        .CamKet-all {
                                display: flex;
                                flex-direction: column;
                                gap: 24px;

                                .box-CamKet {
                                        border-radius: 5px;
                                        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
                                        padding: 20px 40px;
                                        background-color: white;
                                        display: flex;
                                        flex-direction: column;
                                        align-items: center;
                                        gap: 16px;

                                        .border-icons {
                                                width: fit-content;
                                                border-width: 1px;
                                                border-radius: 1000px;
                                                border-style: solid;
                                                border-color: rgb(232, 185, 150);
                                                padding: 4px;

                                                .icon-CamKet {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;
                                                        border-radius: 1000px;
                                                        width: 71px;
                                                        height: 71px;
                                                        background-image: linear-gradient(rgb(255, 213, 72), rgb(232, 144, 48));

                                                        .icons {
                                                                position: absolute;
                                                                width: 51px;
                                                                height: 51px;
                                                        }

                                                }
                                        }

                                        h2 {
                                                margin: 0;
                                                font-size: 18px;
                                                font-weight: bold;
                                                line-height: 1.6;
                                                color: rgb(36, 36, 36);
                                                text-align: center;
                                        }

                                        p {
                                                margin: 0;
                                                font-size: 14px;
                                                line-height: 1.4;
                                                color: rgb(0, 0, 0);
                                                text-align: center;
                                        }
                                }
                        }
                }

                .LuuY-Hoyline {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                        padding-bottom: 50px;

                        .Hotline {
                                margin: 0px 6px;
                                border-radius: 100px;
                                padding: 8px 20px;
                                background-color: #34495E;
                                font-size: 17px;
                                font-family: Montserrat, sans-serif;
                                font-weight: bold;
                                line-height: 1.4;
                                color: white;
                                text-align: center;
                        }

                        .content-LuuY {
                                padding: 0px 24px;

                                p {
                                        margin: 0px;
                                        font-size: 17px;
                                        font-family: "Roboto Slab", serif;
                                        line-height: 1.6;
                                        color: rgb(0, 0, 0);
                                        text-align: justify;
                                }
                        }

                        .LuuY {
                                padding: 0px 24px;
                                font-size: 17px;
                                font-family: "Roboto Slab", serif;
                                line-height: 1.6;
                                color: rgb(0, 0, 0);
                                text-align: justify;

                                p {
                                        margin: 0px;
                                }
                        }
                }

        }

        #ThongTin {
                overflow: hidden;
                position: relative;
                padding: 30px 0px;

                .banner-ThongTin {
                        z-index: -1;
                        overflow: hidden;
                        position: absolute;
                        min-width: 100vw;
                        min-height: 100vh;
                        background-size: cover;
                        background-position: center;
                        top: 0px;
                        filter: brightness(50%);
                        opacity: 0.25;

                        img {
                                width: 100vw;
                                height: 100%;
                                z-index: -2;
                                position: absolute;
                        }
                }

                .ThongTin {
                        .title-ThongTin {
                                padding: 20px 36px;
                                padding-top: 0px;
                                display: flex;
                                flex-direction: column;
                                gap: 16px;
                                h2 {
                                        margin: 0px;
                                        line-height: 1.2;
                                        font-size: 32px;
                                        font-weight: bold;
                                        color: rgb(35, 35, 35);
                                        text-align: left;
                                }

                                .title1-div {
                                        height: fit-content;
                                        width: fit-content;

                                        p {
                                                margin: 0px;
                                                font-size: 38px;
                                                font-weight: bold;
                                                line-height: 0.7;
                                                color: rgb(234, 104, 7);
                                                text-align: left;
                                        }

                                        .title1-div2 {
                                                border-top-left-radius: 15px;
                                                border-bottom-right-radius: 15px;
                                                background-color: black;
                                                display: flex;
                                                align-items: center;
                                                padding: 8px 10px;
                                                width: fit-content;

                                                .icons-img {
                                                        width: 23px;
                                                        height: 22px;
                                                }

                                                p {
                                                        font-size: 13px;
                                                        line-height: 1.2;
                                                        font-style: italic;
                                                        color: rgb(255, 255, 255);
                                                        text-align: left;
                                                }
                                        }
                                }

                                /* .title1 {
                                        display: flex;
                                        padding-top: 8px;
                                        align-items: center;
                                        gap: 8px;

                                        p {
                                                margin: 0px;
                                                margin: 0px;
                                                font-size: 100px;
                                                font-weight: bold;
                                                line-height: 1;
                                                color: rgb(234, 104, 7);
                                                text-align: left;
                                        }


                                } */
                        }

                        .title2 {
                                margin: 0px 6px;
                                background-color: #34495E;
                                border-radius: 8px;
                                padding: 30px 40px;
                                display: flex;
                                flex-direction: column;
                                gap: 18px;

                                h2 {
                                        margin: 0px;
                                        font-size: 30px;
                                        text-align: center;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(255, 255, 255);
                                }

                                .form-ThongTin {
                                        display: flex;
                                        flex-direction: column;
                                        gap: 10px;

                                        .popup-input {
                                                padding: 10px 8px;
                                                border: 1px solid white;
                                                border-radius: 5px;
                                                background-color: white;

                                                input {
                                                        width: 100%;
                                                        border: 0px;
                                                        background: transparent;
                                                }

                                                input::placeholder {
                                                        font-size: 18px;
                                                        color: black;
                                                        opacity: 0.8;
                                                }
                                        }
                                }

                                button {
                                        border-color: transparent;
                                        background-color: rgb(168, 54, 32);
                                        border-radius: 5px;
                                        font-size: 24px;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(241, 243, 244);
                                        text-align: center;
                                }
                        }
                }
        }

        #AnhBaiXe {
                .AnhBaiXe {
                        position: relative;
                        overflow: hidden;
                        display: flex;
                        flex-direction: column;
                        align-items: center;

                        .banner-AnhBaiXe {
                                z-index: -1;
                                overflow: hidden;
                                position: absolute;
                                min-width: 100vw;
                                min-height: 100vh;

                                top: 0px;
                                filter: brightness(35%);
                                opacity: 0.75;

                                img {
                                        width: 100vw;
                                        height: 100%;
                                        z-index: -2;
                                        position: absolute;
                                }
                        }

                        .title-BaiXe {

                                padding: 0 30px;
                                padding-top: 50px;
                                padding-bottom: 30px;

                                h3 {
                                        margin: 0px;
                                        font-size: 30px;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(255, 255, 255);
                                        text-shadow: rgb(0, 0, 0) 1px 2px 3px;
                                }

                                p {
                                        padding-top: 20px;
                                        margin: 0px;
                                        font-size: 16px;
                                        line-height: 1.6;
                                        color: rgb(255, 255, 255);
                                }

                                .button-desk {
                                        display: none;
                                }
                        }

                        .slider-container {
                                width: 100%;
                                max-width: 1280px;
                                aspect-ratio: 4 / 3;
                                overflow: hidden;
                                margin: auto;
                                position: relative;

                                .slider-track {
                                        display: flex;
                                        transition: transform 1s ease-in-out;
                                        will-change: transform;

                                        .slide {
                                                flex-shrink: 0;
                                                width: 100%;
                                                height: 100%;

                                                img {
                                                        width: 100%;
                                                        height: 100%;
                                                        object-fit: cover;
                                                        display: block;
                                                }
                                        }
                                }
                        }

                        .button-mobile {
                                width: fit-content;
                                font-size: 20px;
                                font-weight: bold;
                                line-height: 1.6;
                                color: rgb(255, 255, 255);
                                border: transparent;
                                border-radius: 100px;
                                background-color: rgb(168, 54, 32);
                                padding: 10px 40px;
                                margin-top: 30px;
                                margin-bottom: 50px;
                        }
                }
        }

        .footer {
                background-color: #2D3A4B;
                padding: 20px 30px;
                display: flex;
                flex-direction: column;
                gap: 20px;

                h2 {
                        margin: 0px;
                        font-size: 18px;
                        font-weight: bold;
                        line-height: 1.4;
                        color: rgb(255, 255, 255);
                        text-align: left;
                }

                .home {
                        display: flex;
                        align-items: center;
                        gap: 8px;

                        .img-home {
                                width: 20px;
                                height: 22px;

                                path {
                                        fill: rgb(255, 255, 255);
                                }
                        }

                        p {
                                margin: 0px;
                                font-size: 14px;
                                line-height: 1.4;
                                color: rgb(255, 255, 255);
                                text-align: left;
                        }
                }

                .hotline {
                        display: flex;
                        align-items: center;
                        gap: 8px;

                        .img-hotline {
                                width: 20px;
                                height: 22px;

                                path {
                                        fill: rgb(255, 255, 255);
                                }
                        }

                        p {
                                margin: 0px;
                                font-size: 14px;
                                line-height: 1.4;
                                color: rgb(255, 255, 255);
                                text-align: left;
                        }
                }

                .Website {
                        display: flex;
                        align-items: center;
                        gap: 8px;

                        .img-Website {
                                width: 20px;
                                height: 22px;

                                path {
                                        fill: rgb(255, 255, 255);
                                }
                        }

                        p {
                                margin: 0px;
                                font-size: 14px;
                                line-height: 1.4;
                                color: rgb(255, 255, 255);
                                text-align: left;
                        }
                }
        }
}

@media (min-width: 429px) and (max-width: 884px) {

        /* header */
        .header-menu {
                overflow-x: hidden;
                box-sizing: border-box;
                padding: 0px 24px;
                background-color: #2D3A4B;
                width: 100vw;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;

                .logo-mobile {
                        width: 70px;
                        height: 70px;
                }

                .logo-mobile {
                        display: none;
                }

                .logo-tablet {
                        display: block;
                        width: 110px;
                        height: 110px;
                }

                .button-schedule-mobile {
                        border-radius: calc(infinity * 1px);
                        border-color: rgba(249, 222, 163, 0.3);
                        padding: 4px;
                        background-color: rgba(255, 255, 255, 0);
                        animation: scale-animation 1s infinite;

                        .schedule {
                                margin: 0px;
                                font-size: 30px;
                                font-weight: 700;
                                line-height: 1.6;
                                color: black;
                                text-align: center;
                                background-image: linear-gradient(rgb(253, 234, 198), rgb(250, 202, 104));
                                padding: 8px 40px;
                                border-radius: calc(infinity * 1px);
                        }
                }

                .button-menu {
                        width: 45px;
                        height: 40px;
                        display: flex;
                        align-items: center;
                        overflow: hidden;

                        .icons-menu {
                                width: 45px;
                                height: 40px;
                                position: absolute;
                        }
                }

                .table-menu {
                        text-align: right;
                        margin-top: 110px;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        background: #333;
                        color: white;
                        opacity: 0;
                        transform: translateY(-20px);
                        pointer-events: none;
                        transition: opacity 0.3s ease, transform 0.3s ease;
                }

                .table-menu.show {
                        opacity: 1;
                        transform: translateY(0);
                        pointer-events: auto;

                        .box-menu {
                                padding-top: 16px;
                                padding-bottom: 16px;
                                padding-right: 32px;

                                a {
                                        pointer-events: auto;
                                        font-size: 18px;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: white;
                                        text-align: center;
                                        text-decoration: none;
                                }
                        }
                }

                .menu {
                        display: none;
                }

                .button-schedule {
                        display: none;
                }

        }

        .popup {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: none;
                background-color: rgba(0, 0, 0, 0.5);
                justify-content: center;
                align-items: center;
                z-index: 9999;

                .popup-content {
                        background: white;
                        width: 100%;
                        border-radius: 10px;
                        overflow: hidden;
                        position: relative;
                        max-width: 60%;
                        display: flex;
                        flex-direction: column;

                        .close-btn {
                                position: absolute;
                                top: 10px;
                                right: 15px;
                                background: none;
                                border: none;
                                font-size: 20px;
                                cursor: pointer;
                        }

                        .popup-left {
                                padding: 20px 30px;
                                display: flex;
                                flex-direction: column;
                                justify-items: center;

                                img {
                                        width: 270px;
                                        display: block;
                                        margin: 0 auto 0px;
                                }

                                h3 {
                                        text-align: left;
                                        font-size: 24px;
                                        margin: 0px;
                                }

                                p {
                                        color: red;
                                        font-weight: bold;
                                        font-size: 34px;
                                        margin: 0px;
                                        margin-top: 10px;
                                }
                        }

                        .popup-right {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                padding: 30px;
                                box-sizing: border-box;
                                width: 100%;
                                row-gap: 16px;
                                background-color: #34495E;


                                .popup-input {
                                        padding: 8px;
                                        border: 1px solid white;
                                        border-radius: 5px;
                                        background-color: white;

                                        input {

                                                width: 100%;
                                                border: 0px;
                                        }

                                        input::placeholder {
                                                color: black;
                                        }
                                }

                                .submit-btn {
                                        width: 100%;
                                        padding: 12px;
                                        background-color: #A0522D;
                                        color: white;
                                        font-weight: bold;
                                        border: none;
                                        border-radius: 5px;
                                        font-size: 16px;
                                        cursor: pointer;
                                        margin-top: 5px;
                                }

                        }

                        .note {
                                text-align: center;
                                color: white;
                                font-weight: bold;
                                font-size: 18px;
                                margin: 0px;
                        }
                }

        }

        /* body */
        #gioi-thieu {
                width: 100vw;
                height: 100vh;
                overflow: hidden;
                position: relative;

                .gioi-thieu {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                        padding-top: 134px;

                        .gioi-thieu1 {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: 24px;

                                .GT {
                                        background: linear-gradient(135deg, #fdfdfd 0%, #f7f1e1 100%);
                                        /* Nền trắng - beige nhẹ */
                                        border: 2px solid #d4af37;
                                        /* Gold: tạo cảm giác sang trọng */
                                        border-radius: 10px;
                                        padding: 20px 30px;
                                        text-align: center;
                                        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
                                        max-width: 700px;
                                        margin: 0px auto;

                                        h2 {
                                                font-family: 'Playfair Display', serif;
                                                /* Font sang trọng */
                                                font-size: 18px;
                                                margin: 0;
                                                letter-spacing: 2px;
                                                text-transform: uppercase;

                                                /* Gradient chữ từ đỏ burgundy sang đỏ ấm */
                                                background: linear-gradient(90deg, #8B0000, #C0392B);
                                                -webkit-background-clip: text;
                                                -webkit-text-fill-color: transparent;

                                                /* Nếu cần một chút viền để tăng độ phân cách (bạn có thể điều chỉnh hoặc bỏ) */
                                                -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.3);
                                        }
                                }

                                div {
                                        display: flex;
                                        flex-direction: column;
                                        align-items: center;

                                        .slogan {
                                                margin: 0;
                                                font-family: 'Montserrat Alternates', sans-serif;
                                                font-size: 32px;
                                                font-weight: 700;
                                                text-align: center;

                                                max-width: 100%;
                                                line-height: 1.2;
                                                letter-spacing: 1px;

                                                /* Gradient chuyển từ màu cam ấm sang vàng rực */
                                                background: linear-gradient(90deg, #F39C12, #F1C40F);
                                                -webkit-background-clip: text;
                                                -webkit-text-fill-color: transparent;

                                                /* Một chút stroke giúp viền chữ rõ nét hơn */
                                                -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.3);
                                        }


                                }
                        }

                        .gioi-thieu2 {
                                z-index: 2;
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: 40px;

                                h3 {
                                        margin: 0px;
                                        background-color: white;
                                        border: 1px solid #d3d3d3;
                                        padding: 0px 36px;
                                        display: inline-block;
                                        transform: skewX(-26deg);
                                        border-radius: 4px;
                                        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
                                        font-size: 22px;
                                        font-weight: bold;
                                        font-style: italic;
                                        line-height: 1.6;
                                        color: rgb(224, 41, 41);
                                }

                                div {
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        align-items: center;

                                        .promo-banner {
                                                max-width: 100%;
                                                width: 100%;
                                                text-align: center;
                                                font-family: Arial, sans-serif;
                                                border-radius: 10px;
                                                overflow: hidden;
                                                display: flex;
                                                flex-direction: column;
                                                align-items: center;
                                                overflow: hidden;

                                                .top-section {
                                                        z-index: 1;
                                                        background-color: #7b5e3e;
                                                        padding: 0px 10px;
                                                        display: flex;
                                                        flex-direction: row;
                                                        align-items: center;
                                                        justify-content: center;
                                                        gap: 24px;
                                                        border-radius: 10px;

                                                        .section {
                                                                align-items: flex-start;
                                                                display: flex;
                                                                flex-direction: row;
                                                                gap: 26px;

                                                                p {
                                                                        margin: 0px;
                                                                        font-weight: bold;
                                                                        color: rgb(255, 255, 255);
                                                                }

                                                                .section-1 {
                                                                        font-size: 30px;
                                                                        padding-top: 20px;
                                                                }

                                                                .section-2 {
                                                                        font-size: 99px;
                                                                }

                                                                .section-3 {
                                                                        font-size: 50px;
                                                                        padding-top: 18px;
                                                                }
                                                        }

                                                        div {
                                                                display: flex;
                                                                flex-direction: row;
                                                                align-items: center;

                                                                div {
                                                                        height: 74px;
                                                                        transform: rotate(20deg);
                                                                        padding: 0px 8px;
                                                                        border-left: 2px solid rgb(255, 255, 255);
                                                                }

                                                                p {
                                                                        margin: 0px;
                                                                        font-size: 54px;
                                                                        font-weight: bold;
                                                                        line-height: 1;
                                                                        color: rgb(255, 226, 8);
                                                                }

                                                        }
                                                }

                                                .bottom-section {
                                                        margin-top: 112px;
                                                        position: absolute;
                                                        width: fit-content;
                                                        display: flex;
                                                        flex-direction: row;
                                                        align-items: center;
                                                        font-size: 18px;
                                                        font-style: italic;
                                                        line-height: 1.6;
                                                        color: white;
                                                        background-color: black;
                                                        border-radius: 14px;
                                                        padding: 15px 16px;
                                                        padding-bottom: 0px;

                                                        .iconsCar {
                                                                width: 40px;
                                                                height: 38px;
                                                        }

                                                        .discount {
                                                                margin: 0px;
                                                        }
                                                }
                                        }

                                        .Hotline {
                                                width: fit-content;
                                                margin-top: 58px;
                                                font-size: 24px;
                                                font-weight: bold;
                                                line-height: 1.6;
                                                color: rgb(255, 255, 255);
                                                background-color: #A52A2A;
                                                border: 0px;
                                                padding: 10px 20px;
                                                border-radius: 50px;
                                                animation: scale-animation 1s infinite;
                                        }
                                }
                        }

                }


                .banner {
                        z-index: -1;
                        overflow: hidden;
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        max-width: 100vw;
                        max-height: 100vh;
                        background-size: cover;
                        /* Tự động co giãn */
                        background-position: center;
                        top: 0px;

                        .img-banner {
                                width: 100vw;
                                height: 100%;
                                z-index: -2;
                                position: absolute;

                        }

                        .blur-background {
                                z-index: -1;
                                position: absolute;
                                width: 100vw;
                                height: 100%;
                                background: rgba(255, 255, 255, 0.1);
                                backdrop-filter: blur(5px);
                        }
                }
        }

        #content {
                padding: 40px 100px;
                display: flex;
                flex-direction: column;
                gap: 24px;

                .content {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;

                        .content1 {
                                display: flex;
                                flex-direction: column;
                                gap: 32px;

                                p {
                                        text-align: center;
                                        margin: 0px;
                                        font-size: 24px;
                                        font-family: "Roboto Slab", serif;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(35, 35, 35);
                                }


                        }

                        .content2 {
                                display: flex;
                                flex-direction: column;
                                gap: 30px;

                                .box-content {
                                        background-color: white;
                                        border-radius: 10px;
                                        overflow: hidden;
                                        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
                                        transition: transform 0.3s ease, box-shadow 0.3s ease;

                                        .img {
                                                border-top-left-radius: 10px;
                                                border-top-right-radius: 10px;
                                                width: 100%;
                                                height: 450px;
                                                overflow: hidden;
                                                position: relative;

                                                img {
                                                        width: 100%;
                                                        height: 100%;
                                                        position: absolute;
                                                }
                                        }

                                        .content {
                                                padding: 24px 20px;
                                                display: flex;
                                                justify-content: center;
                                                flex-direction: column;
                                                gap: 10px;

                                                h3 {
                                                        margin: 0px;
                                                        font-family: Montserrat, sans-serif;
                                                        font-size: 26px;
                                                        font-weight: bold;
                                                        line-height: 1.2;
                                                        color: rgb(36, 35, 35);
                                                        text-align: center;
                                                }

                                                p {
                                                        margin: 0px;
                                                        font-family: "Roboto Slab", serif;
                                                        font-size: 24px;
                                                        line-height: 1.4;
                                                        color: rgb(66, 66, 66);
                                                        text-align: center;
                                                }
                                        }
                                }
                        }
                }


        }

        #DichVu {
                overflow: hidden;
                position: relative;
                padding: 24px 110px;


                .banner-DichVu {
                        top: 0px;
                        left: 0;
                        z-index: -1;
                        overflow: hidden;
                        position: absolute;
                        min-width: 100vw;
                        min-height: 100vh;
                        background-size: cover;

                        .banner-Mobile {
                                width: 100vw;
                                height: 100%;
                                z-index: -2;
                                position: absolute;
                        }

                        .banner-Desk {
                                display: none;
                        }

                }

                .DichVu {
                        display: flex;
                        flex-direction: column;
                        gap: 40px;

                        .img-DichVu {
                                width: 100%;
                                height: 100%;
                                max-height: 430px;
                                overflow: hidden;

                                .car-img-DichVu {
                                        width: 100%;
                                        height: 100%;
                                }
                        }

                        .body-DichVu {
                                display: flex;
                                flex-direction: column;
                                gap: 20px;

                                .Content-DichVu {
                                        .Content1 {
                                                margin: 0px;
                                                font-size: 22px;
                                                line-height: 1.4;
                                                color: rgb(155, 108, 69);
                                                text-transform: uppercase;
                                                text-align: left;
                                                -webkit-text-stroke: 0px rgb(255, 255, 255);
                                        }

                                        .Content2 {
                                                width: fit-content;
                                                border-bottom: 2px solid white;
                                                margin: 0px;
                                                font-size: 22px;
                                                font-family: "Roboto Slab", serif;
                                                line-height: 1.4;
                                                color: rgb(234, 103, 6);
                                                text-transform: uppercase;
                                                text-align: left;
                                                -webkit-text-stroke: 0px rgb(224, 41, 41);
                                        }
                                }

                                .box-DichVu {
                                        display: flex;
                                        flex-direction: column;
                                        gap: 4px;

                                        .box-DichVu1 {
                                                display: flex;
                                                flex-direction: column;
                                                gap: 4px;

                                                .box-content {
                                                        background-color: white;
                                                        padding: 6px 32px;
                                                        display: flex;
                                                        align-items: center;
                                                        gap: 16px;
                                                        border-radius: 5px;

                                                        .checked {
                                                                width: 17px;
                                                                height: 17px;
                                                        }

                                                        p {
                                                                margin: 0px;
                                                                font-size: 18px;
                                                                font-weight: bold;
                                                                line-height: 1.6;
                                                                color: rgb(0, 0, 0);
                                                        }
                                                }
                                        }

                                        .box-DichVu2 {
                                                display: flex;
                                                flex-direction: column;
                                                gap: 4px;

                                                .box-content {
                                                        background-color: white;
                                                        padding: 6px 32px;
                                                        display: flex;
                                                        align-items: center;
                                                        gap: 16px;
                                                        border-radius: 5px;

                                                        .checked {
                                                                width: 17px;
                                                                height: 17px;
                                                        }

                                                        p {
                                                                margin: 0px;
                                                                font-size: 18px;
                                                                font-weight: bold;
                                                                line-height: 1.6;
                                                                color: rgb(0, 0, 0);
                                                        }
                                                }
                                        }
                                }
                        }

                }


        }

        #CamKet {
                overflow: hidden;
                position: relative;

                .CamKet-div1 {
                        z-index: -1;
                        position: absolute;
                        left: -54.215px;
                        top: 0;
                        width: 107.215px;
                        height: 362px;
                        transform: rotate(213deg);
                        background-image: linear-gradient(rgb(221, 221, 221), rgb(250, 250, 250));
                }

                .CamKet-div2 {
                        display: none;
                }

                .CamKet {
                        display: flex;
                        flex-direction: column;
                        gap: 22px;
                        padding: 20px 160px;
                        padding-bottom: 40px;

                        .title-CamKet {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: 10px;

                                h2 {
                                        margin: 0px;
                                        font-size: 26px;
                                        font-weight: bold;
                                        font-style: italic;
                                        line-height: 1.6;
                                        color: rgb(225, 99, 7);
                                        text-align: center;
                                        text-shadow: rgb(232, 223, 208) 3px 1px 1px;
                                }

                                h3 {
                                        margin: 0px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        line-height: 1.4;
                                        color: rgb(50, 50, 50);
                                        text-align: center;
                                }

                                .CamKet-border {
                                        width: 150px;
                                        height: 2px;
                                        background-color: darkgray;
                                }
                        }

                        .CamKet-all {
                                display: flex;
                                flex-direction: column;
                                gap: 24px;

                                .box-CamKet {
                                        border-radius: 5px;
                                        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
                                        padding: 20px 40px;
                                        background-color: white;
                                        display: flex;
                                        flex-direction: column;
                                        align-items: center;
                                        gap: 16px;

                                        .border-icons {
                                                width: fit-content;
                                                border-width: 1px;
                                                border-radius: 1000px;
                                                border-style: solid;
                                                border-color: rgb(232, 185, 150);
                                                padding: 4px;

                                                .icon-CamKet {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;
                                                        border-radius: 1000px;
                                                        width: 71px;
                                                        height: 71px;
                                                        background-image: linear-gradient(rgb(255, 213, 72), rgb(232, 144, 48));

                                                        .icons {
                                                                position: absolute;
                                                                width: 51px;
                                                                height: 51px;
                                                        }

                                                }
                                        }

                                        h2 {
                                                margin: 0;
                                                font-size: 18px;
                                                font-weight: bold;
                                                line-height: 1.6;
                                                color: rgb(36, 36, 36);
                                                text-align: center;
                                        }

                                        p {
                                                margin: 0;
                                                font-size: 14px;
                                                line-height: 1.4;
                                                color: rgb(0, 0, 0);
                                                text-align: center;
                                        }
                                }
                        }
                }

                .LuuY-Hoyline {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                        padding-bottom: 50px;

                        .Hotline {
                                margin: 0px 62px;
                                border-radius: 100px;
                                padding: 8px 20px;
                                background-color: #34495E;
                                font-size: 17px;
                                font-family: Montserrat, sans-serif;
                                font-weight: bold;
                                line-height: 1.4;
                                color: white;
                                text-align: center;
                        }

                        .content-LuuY {
                                padding: 0px 56px;

                                p {
                                        margin: 0px;
                                        font-size: 17px;
                                        font-family: "Roboto Slab", serif;
                                        line-height: 1.6;
                                        color: rgb(0, 0, 0);
                                        text-align: justify;
                                }
                        }

                        .LuuY {
                                padding: 0px 56px;
                                font-size: 17px;
                                font-family: "Roboto Slab", serif;
                                line-height: 1.6;
                                color: rgb(0, 0, 0);
                                text-align: justify;

                                p {
                                        margin: 0px;
                                }
                        }
                }

        }

        #ThongTin {
                overflow: hidden;
                position: relative;
                padding: 30px 0px;

                .banner-ThongTin {
                        z-index: -1;
                        overflow: hidden;
                        position: absolute;
                        min-width: 100vw;
                        min-height: 100vh;
                        background-size: cover;
                        background-position: center;
                        top: 0px;
                        filter: brightness(50%);
                        opacity: 0.25;

                        img {
                                width: 100vw;
                                height: 100%;
                                z-index: -2;
                                position: absolute;
                        }
                }

                .ThongTin {
                        .title-ThongTin {
                                padding: 20px 36px;
                                padding-top: 0px;
                                display: flex;
                                flex-direction: column;
                                gap: 16px;
                                h2 {
                                        margin: 0px;
                                        line-height: 1.2;
                                        font-size: 32px;
                                        font-weight: bold;
                                        color: rgb(35, 35, 35);
                                        text-align: left;
                                }

                                .title1-div {
                                        height: fit-content;
                                        width: fit-content;

                                        p {
                                                margin: 0px;
                                                font-size: 38px;
                                                font-weight: bold;
                                                line-height: 0.7;
                                                color: rgb(234, 104, 7);
                                                text-align: left;
                                        }

                                        .title1-div2 {
                                                border-top-left-radius: 15px;
                                                border-bottom-right-radius: 15px;
                                                background-color: black;
                                                display: flex;
                                                align-items: center;
                                                padding: 8px 10px;
                                                width: fit-content;

                                                .icons-img {
                                                        width: 23px;
                                                        height: 22px;
                                                }

                                                p {
                                                        font-size: 13px;
                                                        line-height: 1.2;
                                                        font-style: italic;
                                                        color: rgb(255, 255, 255);
                                                        text-align: left;
                                                }
                                        }
                                }

                                /* .title1 {
                                        display: flex;
                                        padding-top: 8px;
                                        align-items: center;
                                        gap: 8px;

                                        p {
                                                margin: 0px;
                                                margin: 0px;
                                                font-size: 100px;
                                                font-weight: bold;
                                                line-height: 1;
                                                color: rgb(234, 104, 7);
                                                text-align: left;
                                        }


                                } */
                        }

                        .title2 {
                                margin: 0px 6px;
                                background-color: #34495E;
                                border-radius: 8px;
                                padding: 30px 40px;
                                display: flex;
                                flex-direction: column;
                                gap: 18px;

                                h2 {
                                        margin: 0px;
                                        font-size: 30px;
                                        text-align: center;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(255, 255, 255);
                                }

                                .form-ThongTin {
                                        display: flex;
                                        flex-direction: column;
                                        gap: 10px;

                                        .popup-input {
                                                padding: 10px 8px;
                                                border: 1px solid white;
                                                border-radius: 5px;
                                                background-color: white;

                                                input {
                                                        width: 100%;
                                                        border: 0px;
                                                        background: transparent;
                                                }

                                                input::placeholder {
                                                        font-size: 18px;
                                                        color: black;
                                                        opacity: 0.8;
                                                }
                                        }
                                }

                                button {
                                        border-color: transparent;
                                        background-color: rgb(168, 54, 32);
                                        border-radius: 5px;
                                        font-size: 24px;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(241, 243, 244);
                                        text-align: center;
                                }
                        }
                }
        }

        #AnhBaiXe {
                .AnhBaiXe {
                        position: relative;
                        overflow: hidden;
                        display: flex;
                        flex-direction: column;
                        align-items: center;

                        .banner-AnhBaiXe {
                                z-index: -1;
                                overflow: hidden;
                                position: absolute;
                                min-width: 100vw;
                                min-height: 100vh;

                                top: 0px;
                                filter: brightness(35%);
                                opacity: 0.75;

                                img {
                                        width: 100vw;
                                        height: 100%;
                                        z-index: -2;
                                        position: absolute;
                                }
                        }

                        .title-BaiXe {

                                padding: 0 30px;
                                padding-top: 50px;
                                padding-bottom: 30px;

                                h3 {
                                        margin: 0px;
                                        font-size: 30px;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(255, 255, 255);
                                        text-shadow: rgb(0, 0, 0) 1px 2px 3px;
                                }

                                p {
                                        padding-top: 20px;
                                        margin: 0px;
                                        font-size: 16px;
                                        line-height: 1.6;
                                        color: rgb(255, 255, 255);
                                }

                                .button-desk {
                                        display: none;
                                }
                        }

                        .slider-container {
                                width: 100%;
                                max-width: 1280px;
                                aspect-ratio: 4 / 3;
                                overflow: hidden;
                                margin: auto;
                                position: relative;

                                .slider-track {
                                        display: flex;
                                        transition: transform 1s ease-in-out;
                                        will-change: transform;

                                        .slide {
                                                flex-shrink: 0;
                                                width: 100%;
                                                height: 100%;

                                                img {
                                                        width: 100%;
                                                        height: 100%;
                                                        object-fit: cover;
                                                        display: block;
                                                }
                                        }
                                }
                        }

                        .button-mobile {
                                width: fit-content;
                                font-size: 20px;
                                font-weight: bold;
                                line-height: 1.6;
                                color: rgb(255, 255, 255);
                                border: transparent;
                                border-radius: 100px;
                                background-color: rgb(168, 54, 32);
                                padding: 10px 40px;
                                margin-top: 30px;
                                margin-bottom: 50px;
                        }
                }
        }

        .footer {
                background-color: #2D3A4B;
                padding: 20px 30px;
                display: flex;
                flex-direction: column;
                gap: 20px;

                h2 {
                        margin: 0px;
                        font-size: 18px;
                        font-weight: bold;
                        line-height: 1.4;
                        color: rgb(255, 255, 255);
                        text-align: left;
                }

                .home {
                        display: flex;
                        align-items: center;
                        gap: 8px;

                        .img-home {
                                width: 20px;
                                height: 22px;

                                path {
                                        fill: rgb(255, 255, 255);
                                }
                        }

                        p {
                                margin: 0px;
                                font-size: 14px;
                                line-height: 1.4;
                                color: rgb(255, 255, 255);
                                text-align: left;
                        }
                }

                .hotline {
                        display: flex;
                        align-items: center;
                        gap: 8px;

                        .img-hotline {
                                width: 20px;
                                height: 22px;

                                path {
                                        fill: rgb(255, 255, 255);
                                }
                        }

                        p {
                                margin: 0px;
                                font-size: 14px;
                                line-height: 1.4;
                                color: rgb(255, 255, 255);
                                text-align: left;
                        }
                }

                .Website {
                        display: flex;
                        align-items: center;
                        gap: 8px;

                        .img-Website {
                                width: 20px;
                                height: 22px;

                                path {
                                        fill: rgb(255, 255, 255);
                                }
                        }

                        p {
                                margin: 0px;
                                font-size: 14px;
                                line-height: 1.4;
                                color: rgb(255, 255, 255);
                                text-align: left;
                        }
                }
        }

}

@media (min-width: 885px) {

        /* header */
        .header-menu {
                max-width: 1200px;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;

                .logo-mobile {
                        display: none;
                }

                .logo-tablet {
                        display: block;
                        width: 80px;
                        height: 80px;
                }

                .button-schedule-mobile {
                        display: none;
                }

                .button-menu {
                        display: none;
                }

                /* menu mobie */
                .table-menu {
                        display: none;
                }

                /* menu desk */
                .menu {
                        display: block;
                        display: flex;
                        gap: 40px;

                        .box-menu a {
                                font-size: 16px;
                                font-weight: bold;
                                line-height: 1.6;
                                color: rgb(255, 255, 255);
                                text-align: center;
                                text-decoration: none;

                        }

                        .box-menu:hover {
                                a {
                                        color: rgb(99, 139, 226);
                                }

                        }

                }

                .button-schedule {
                        display: block;
                        border-radius: calc(infinity * 1px);
                        border-color: rgba(249, 222, 163, 0.3);
                        padding: 4px;
                        background-color: rgba(255, 255, 255, 0);
                        animation: scale-animation 1s infinite;

                        .schedule {
                                margin: 0px;
                                font-size: 20px;
                                font-weight: 700;
                                line-height: 1.6;
                                color: black;
                                text-align: center;
                                background-image: linear-gradient(rgb(253, 234, 198), rgb(250, 202, 104));
                                padding: 8px 30px;
                                border-radius: calc(infinity * 1px);
                        }
                }

        }

        .popup {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: none;
                background-color: rgba(0, 0, 0, 0.5);
                justify-content: center;
                align-items: center;
                z-index: 9999;

                .popup-content {
                        background: white;
                        width: 100%;
                        max-width: 30%;
                        border-radius: 10px;
                        overflow: hidden;
                        position: relative;
                        display: flex;
                        flex-direction: row;

                        .close-btn {
                                z-index: 2;
                                position: absolute;
                                top: 4px;
                                right: 4px;
                                background: none;
                                border: none;
                                font-size: 20px;
                                cursor: pointer;
                        }

                        .popup-left {
                                padding: 20px;
                                display: flex;
                                flex-direction: column;
                                justify-items: center;

                                img {
                                        width: 192px;
                                        display: block;
                                        margin: 0 auto 0px;
                                }

                                h3 {
                                        font-size: 26px;
                                        margin: 0px;
                                }

                                p {
                                        margin: 0px;
                                        color: red;
                                        font-weight: bold;
                                        font-size: 38px;
                                }
                        }

                        .popup-right {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                padding: 30px;
                                box-sizing: border-box;
                                width: 100%;
                                row-gap: 12px;
                                background-color: #34495E;


                                .popup-input {
                                        padding: 8px;
                                        border: 1px solid white;
                                        border-radius: 5px;
                                        background-color: white;

                                        input {

                                                width: 100%;
                                                border: 0px;
                                        }

                                        input::placeholder {
                                                color: black;
                                        }
                                }

                                .submit-btn {
                                        width: 100%;
                                        padding: 12px;
                                        background-color: #A0522D;
                                        color: white;
                                        font-weight: bold;
                                        border: none;
                                        border-radius: 5px;
                                        font-size: 16px;
                                        cursor: pointer;
                                        margin-top: 5px;
                                }

                                .note {
                                        text-align: center;
                                        color: white;
                                        font-weight: bold;
                                        font-size: 16px;
                                        margin: 0px;
                                }
                        }

                }
        }

        /* body */
        #gioi-thieu {
                margin-top: 80px;
                width: 100vw;
                height: 100vh;
                display: flex;
                justify-content: center;
                overflow: hidden;
                position: relative;

                .gioi-thieu {
                        max-width: 1200px;
                        width: 100%;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        gap: 24px;
                        padding-top: 40px;

                        .gioi-thieu1 {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: 40px;

                                .GT {
                                        width: fit-content;
                                        background-color: #f8f1e1;
                                        border: 1px solid #d3d3d3;
                                        padding: 10px 24px;
                                        border-radius: 50px;
                                        display: inline-block;

                                        h2 {
                                                margin: 0px;
                                                font-size: 28px;
                                                font-weight: bold;
                                                line-height: 1.6;
                                                color: rgb(224, 41, 41);
                                                letter-spacing: 2px;
                                                text-align: center;
                                        }
                                }

                                div {


                                        .slogan {
                                                margin: 0;
                                                font-family: 'Montserrat Alternates', sans-serif;
                                                font-size: 32px;
                                                font-weight: 700;
                                                text-align: center;

                                                max-width: 100%;
                                                line-height: 1.2;
                                                letter-spacing: 1px;

                                                /* Gradient chuyển từ màu cam ấm sang vàng rực */
                                                background: linear-gradient(90deg, #F39C12, #F1C40F);
                                                -webkit-background-clip: text;
                                                -webkit-text-fill-color: transparent;

                                                /* Một chút stroke giúp viền chữ rõ nét hơn */
                                                -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.3);
                                        }
                                }
                        }

                        .gioi-thieu2 {
                                z-index: 2;
                                display: flex;
                                flex-direction: column;
                                align-items: start;
                                gap: 40px;

                                .h24 {
                                        animation: slideInFromRight 2s ease-out forwards;

                                        h3 {
                                                margin: 0px;
                                                margin-left: 10px;
                                                background-color: white;
                                                border: 1px solid #d3d3d3;
                                                padding: 0px 36px;
                                                display: inline-block;
                                                transform: skewX(-18deg);
                                                border-radius: 4px;
                                                box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
                                                font-size: 22px;
                                                font-weight: bold;
                                                font-style: italic;
                                                line-height: 1.6;
                                                color: rgb(224, 41, 41);
                                        }

                                        /* Đường kẻ trắng bên dưới */
                                        h3::after {
                                                content: '';
                                                position: absolute;
                                                bottom: -10px;
                                                /* Khoảng cách với banner */
                                                left: 0;
                                                width: 100%;
                                                height: 2px;
                                                background-color: white;
                                        }
                                }

                                div {
                                        display: flex;
                                        flex-direction: column;
                                        align-items: center;
                                        gap: 24px;

                                        .promo-banner {
                                                max-width: 100%;
                                                width: 100%;
                                                text-align: center;
                                                font-family: Arial, sans-serif;
                                                border-radius: 10px;
                                                display: flex;
                                                flex-direction: column;
                                                align-items: center;

                                                .top-section {
                                                        z-index: 1;
                                                        background-color: #7b5e3e;
                                                        padding: 0px 40px 0px 20px;
                                                        display: flex;
                                                        flex-direction: row;
                                                        align-items: center;
                                                        justify-content: center;
                                                        gap: 24px;
                                                        border-radius: 10px;

                                                        .section {
                                                                align-items: flex-start;
                                                                display: flex;
                                                                flex-direction: row;
                                                                gap: 26px;

                                                                p {
                                                                        margin: 0px;
                                                                        font-weight: bold;
                                                                        color: rgb(255, 255, 255);
                                                                }

                                                                .section-1 {
                                                                        font-size: 30px;
                                                                        padding-top: 20px;
                                                                }

                                                                .section-2 {
                                                                        z-index: 10;
                                                                        font-size: 99px;
                                                                        display: inline-block;
                                                                        animation: jump 0.6s ease-in-out infinite;
                                                                }

                                                                .section-3 {
                                                                        font-size: 50px;
                                                                        padding-top: 18px;
                                                                }
                                                        }

                                                        div {
                                                                display: flex;
                                                                flex-direction: row;
                                                                align-items: center;

                                                                div {
                                                                        height: 74px;
                                                                        transform: rotate(20deg);
                                                                        padding: 0px 8px;
                                                                        border-left: 2px solid rgb(255, 255, 255);
                                                                }

                                                                p {
                                                                        margin: 0px;
                                                                        font-size: 54px;
                                                                        font-weight: bold;
                                                                        line-height: 1;
                                                                        color: rgb(255, 226, 8);
                                                                }

                                                        }
                                                }

                                                .bottom-section {
                                                        margin-top: 80px;
                                                        position: absolute;
                                                        width: fit-content;
                                                        display: flex;
                                                        flex-direction: row;
                                                        align-items: center;
                                                        gap: 24px;
                                                        font-size: 18px;
                                                        font-style: italic;
                                                        line-height: 1.6;
                                                        color: white;
                                                        background-color: black;
                                                        border-radius: 14px;
                                                        padding: 15px 20px;
                                                        padding-bottom: 0px;

                                                        .iconsCar {
                                                                width: 40px;
                                                                height: 38px;
                                                        }

                                                        .discount {
                                                                margin: 0px;
                                                                transform-origin: center;
                                                                animation: expandContract 0.5s ease-in-out infinite;
                                                        }
                                                }
                                        }

                                        .Hotline {
                                                width: fit-content;
                                                margin-top: 34px;
                                                font-size: 24px;
                                                font-weight: bold;
                                                line-height: 1.6;
                                                color: rgb(255, 255, 255);
                                                background-color: #A52A2A;
                                                border: 0px;
                                                padding: 10px 20px;
                                                border-radius: 50px;
                                                animation: scale-animation 1s infinite;
                                        }
                                }
                        }
                }


                .banner {
                        z-index: -1;
                        overflow: hidden;
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        max-width: 100vw;
                        max-height: 100vh;
                        background-size: cover;
                        /* Tự động co giãn */
                        background-position: center;
                        top: 0px;

                        .img-banner {
                                width: 100vw;
                                height: 100%;
                                z-index: -2;
                                position: absolute;

                        }

                        .blur-background {
                                z-index: -1;
                                position: absolute;
                                width: 100vw;
                                height: 100%;
                                background: rgba(255, 255, 255, 0.1);
                                backdrop-filter: blur(5px);
                        }
                }
        }

        #content {
                display: flex;
                justify-content: center;

                .content {
                        max-width: 1200px;
                        width: 100%;
                        padding: 0px;
                        display: flex;
                        justify-content: center;
                        flex-direction: column;
                        gap: 24px;
                        padding: 40px 0px;

                        .content1 {
                                display: flex;
                                flex-direction: column;
                                gap: 24px;
                                padding: 0px 110px;

                                p {
                                        text-align: center;
                                        margin: 0px;
                                        font-size: 18px;
                                        font-family: "Roboto Slab", serif;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(35, 35, 35);
                                }
                        }

                        .content2 {
                                display: flex;
                                flex-direction: row;
                                justify-content: space-between;

                                .box-content {
                                        max-width: 374px;
                                        width: 100%;
                                        background-color: white;
                                        border-radius: 10px;
                                        overflow: hidden;
                                        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
                                        transition: transform 0.3s ease, box-shadow 0.3s ease;

                                        .img {
                                                border-top-left-radius: 10px;
                                                border-top-right-radius: 10px;
                                                width: 100%;
                                                height: 297px;
                                                overflow: hidden;

                                                img {
                                                        width: 100%;
                                                        height: 100%;
                                                }
                                        }

                                        .content {
                                                width: fit-content;
                                                padding: 18px;
                                                display: flex;
                                                justify-content: center;
                                                flex-direction: column;
                                                gap: 10px;

                                                h3 {
                                                        margin: 0px;
                                                        font-family: Montserrat, sans-serif;
                                                        font-size: 18px;
                                                        font-weight: bold;
                                                        line-height: 1.2;
                                                        color: rgb(36, 35, 35);
                                                        text-align: center;
                                                }

                                                p {

                                                        margin: 0px;
                                                        font-family: "Roboto Slab", serif;
                                                        font-size: 15px;
                                                        line-height: 1.4;
                                                        color: rgb(66, 66, 66);
                                                        text-align: center;
                                                        display: -webkit-box;
                                                        -webkit-line-clamp: 3;
                                                        /* 👈 Giới hạn 3 dòng */
                                                        -webkit-box-orient: vertical;
                                                        overflow: hidden;
                                                        text-overflow: ellipsis;
                                                }
                                        }
                                }
                        }
                }
        }

        #DichVu {
                overflow: hidden;
                position: relative;
                padding: 80px 0px;
                display: flex;
                justify-content: center;
                width: 100%;

                .banner-DichVu {
                        top: 0px;
                        left: 0;
                        z-index: -1;
                        overflow: hidden;
                        position: absolute;
                        min-width: 100vw;
                        min-height: 100vh;
                        background-size: cover;

                        .banner-Mobile {
                                display: none;
                        }

                        .banner-Desk {
                                display: block;
                                width: 100vw;
                                height: 100%;
                                z-index: -2;
                                position: absolute;
                        }

                }

                .DichVu {
                        max-width: 1200px;
                        width: 100%;
                        display: flex;
                        overflow: hidden;
                        justify-content: end;

                        .img-DichVu {
                                width: 100%;
                                height: 100%;
                                max-width: 696px;
                                max-height: 480px;
                                overflow: hidden;
                                position: absolute;
                                left: 10px;
                                top: 80px;
                                z-index: -1;

                                .car-img-DichVu {
                                        width: 100%;
                                        height: 100%;
                                }
                        }

                        .body-DichVu {
                                width: fit-content;
                                display: flex;
                                flex-direction: column;
                                gap: 40px;

                                .Content-DichVu {
                                        .Content1 {
                                                margin: 0px;
                                                font-size: 32px;
                                                line-height: 1.6;
                                                color: rgb(155, 108, 69);
                                                text-transform: uppercase;
                                                text-align: left;
                                                -webkit-text-stroke: 0px rgb(255, 255, 255);
                                        }

                                        .Content2 {
                                                width: fit-content;
                                                border-bottom: 1px solid rgb(155, 108, 69);
                                                margin: 0px;
                                                font-size: 32px;
                                                font-family: "Roboto Slab", serif;
                                                line-height: 1.6;
                                                color: rgb(234, 103, 6);
                                                text-transform: uppercase;
                                                text-align: left;
                                                -webkit-text-stroke: 0px rgb(224, 41, 41);
                                        }
                                }

                                .box-DichVu {
                                        display: flex;
                                        flex-direction: row;
                                        gap: 16px;

                                        .box-DichVu1 {
                                                display: flex;
                                                flex-direction: column;
                                                gap: 10px;

                                                .box-content {
                                                        background-color: white;
                                                        padding: 6px 32px;
                                                        padding-right: 90px;
                                                        display: flex;
                                                        align-items: center;
                                                        gap: 16px;
                                                        border-radius: 5px;

                                                        .checked {
                                                                width: 17px;
                                                                height: 17px;
                                                        }

                                                        p {
                                                                margin: 0px;
                                                                font-size: 18px;
                                                                font-weight: bold;
                                                                line-height: 1.6;
                                                                color: rgb(0, 0, 0);
                                                        }
                                                }
                                        }

                                        .box-DichVu2 {
                                                display: flex;
                                                flex-direction: column;
                                                gap: 10px;

                                                .box-content {
                                                        background-color: white;
                                                        padding: 6px 32px;
                                                        padding-right: 90px;
                                                        display: flex;
                                                        align-items: center;
                                                        gap: 16px;
                                                        border-radius: 5px;

                                                        .checked {
                                                                width: 17px;
                                                                height: 17px;
                                                        }

                                                        p {
                                                                margin: 0px;
                                                                font-size: 18px;
                                                                font-weight: bold;
                                                                line-height: 1.6;
                                                                color: rgb(0, 0, 0);
                                                        }
                                                }
                                        }
                                }
                        }

                }


        }

        #CamKet {
                display: flex;
                justify-content: center;
                position: relative;

                .CamKet-div1 {
                        z-index: -2;
                        position: absolute;
                        left: 220px;
                        top: -104px;
                        width: 178px;
                        height: 601px;
                        transform: rotate(213deg);
                        background-image: linear-gradient(rgb(221, 221, 221), rgb(250, 250, 250));
                }

                .CamKet-div2 {
                        z-index: -2;
                        position: absolute;
                        right: 134px;
                        bottom: 32px;
                        width: 178px;
                        height: 601px;
                        transform: rotate(34deg);
                        background-image: linear-gradient(rgb(221, 221, 221), rgb(250, 250, 250));
                }

                .CamKet1 {
                        max-width: 1200px;
                        overflow: hidden;
                        width: 100%;

                        .CamKet {
                                display: flex;
                                flex-direction: column;
                                gap: 22px;
                                padding: 20px 34px;
                                padding-bottom: 40px;

                                .title-CamKet {
                                        display: flex;
                                        flex-direction: column;
                                        align-items: center;
                                        gap: 10px;

                                        h2 {
                                                margin: 0px;
                                                font-size: 26px;
                                                font-weight: bold;
                                                font-style: italic;
                                                line-height: 1.6;
                                                color: rgb(225, 99, 7);
                                                text-align: center;
                                                text-shadow: rgb(232, 223, 208) 3px 1px 1px;
                                        }

                                        h3 {
                                                margin: 0px;
                                                font-size: 16px;
                                                font-weight: bold;
                                                line-height: 1.4;
                                                color: rgb(50, 50, 50);
                                                text-align: center;
                                        }

                                        .CamKet-border {
                                                width: 150px;
                                                height: 2px;
                                                background-color: darkgray;
                                        }
                                }

                                .CamKet-all {
                                        display: flex;
                                        flex-direction: row;
                                        justify-content: space-between;
                                        gap: 24px;

                                        .box-CamKet {
                                                border-radius: 5px;
                                                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
                                                padding: 20px 10px;
                                                background-color: white;
                                                display: flex;
                                                flex-direction: column;
                                                align-items: center;
                                                gap: 16px;

                                                .border-icons {
                                                        width: fit-content;
                                                        border-width: 1px;
                                                        border-radius: 1000px;
                                                        border-style: solid;
                                                        border-color: rgb(232, 185, 150);
                                                        padding: 4px;

                                                        .icon-CamKet {
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;
                                                                border-radius: 1000px;
                                                                width: 71px;
                                                                height: 71px;
                                                                background-image: linear-gradient(rgb(255, 213, 72), rgb(232, 144, 48));

                                                                .icons {
                                                                        position: absolute;
                                                                        width: 51px;
                                                                        height: 51px;
                                                                }

                                                        }
                                                }

                                                h2 {
                                                        margin: 0;
                                                        font-size: 18px;
                                                        font-weight: bold;
                                                        line-height: 1.6;
                                                        color: rgb(36, 36, 36);
                                                        text-align: center;
                                                }

                                                p {
                                                        margin: 0;
                                                        font-size: 14px;
                                                        line-height: 1.4;
                                                        color: rgb(0, 0, 0);
                                                        text-align: center;
                                                }
                                        }
                                }
                        }

                        .LuuY-Hoyline {
                                display: flex;
                                flex-direction: column;
                                gap: 24px;
                                align-items: center;
                                padding-bottom: 50px;

                                .Hotline {
                                        width: fit-content;
                                        margin: 0px;
                                        border-radius: 100px;
                                        padding: 8px 20px;
                                        background-color: #34495E;
                                        font-size: 17px;
                                        font-family: Montserrat, sans-serif;
                                        font-weight: bold;
                                        line-height: 1.4;
                                        color: white;
                                        text-align: center;
                                }

                                .content-LuuY {
                                        padding: 0px 56px;

                                        p {
                                                margin: 0px;
                                                font-size: 17px;
                                                font-family: "Roboto Slab", serif;
                                                line-height: 1.6;
                                                color: rgb(0, 0, 0);
                                                text-align: justify;
                                        }
                                }

                                .LuuY {
                                        padding: 0px 56px;
                                        font-size: 17px;
                                        font-family: "Roboto Slab", serif;
                                        line-height: 1.6;
                                        color: rgb(0, 0, 0);
                                        text-align: justify;

                                        p {
                                                margin: 0px;
                                        }
                                }
                        }
                }
        }

        #ThongTin {
                overflow: hidden;
                position: relative;
                padding: 60px 0px;
                width: 100%;
                display: flex;
                justify-content: center;

                .banner-ThongTin {
                        z-index: -1;
                        overflow: hidden;
                        position: absolute;
                        min-width: 100vw;
                        min-height: 100vh;
                        background-size: cover;
                        background-position: center;
                        top: 0px;
                        filter: brightness(50%);
                        opacity: 0.25;

                        img {
                                width: 100vw;
                                height: 100%;
                                z-index: -2;
                                position: absolute;
                        }
                }

                .ThongTin {
                        .title-ThongTin {
                                padding: 20px 36px;
                                padding-top: 0px;
                                display: flex;
                                flex-direction: column;
                                gap: 16px;
                                h2 {
                                        margin: 0px;
                                        line-height: 1.2;
                                        font-size: 32px;
                                        font-weight: bold;
                                        color: rgb(35, 35, 35);
                                        text-align: left;
                                }

                                .title1-div {
                                        height: fit-content;
                                        width: fit-content;

                                        p {
                                                margin: 0px;
                                                font-size: 38px;
                                                font-weight: bold;
                                                line-height: 0.7;
                                                color: rgb(234, 104, 7);
                                                text-align: left;
                                        }

                                        .title1-div2 {
                                                border-top-left-radius: 15px;
                                                border-bottom-right-radius: 15px;
                                                background-color: black;
                                                display: flex;
                                                align-items: center;
                                                padding: 8px 10px;
                                                width: fit-content;

                                                .icons-img {
                                                        width: 23px;
                                                        height: 22px;
                                                }

                                                p {
                                                        font-size: 13px;
                                                        line-height: 1.2;
                                                        font-style: italic;
                                                        color: rgb(255, 255, 255);
                                                        text-align: left;
                                                }
                                        }
                                }

                                /* .title1 {
                                        display: flex;
                                        padding-top: 8px;
                                        align-items: center;
                                        gap: 8px;

                                        p {
                                                margin: 0px;
                                                margin: 0px;
                                                font-size: 100px;
                                                font-weight: bold;
                                                line-height: 1;
                                                color: rgb(234, 104, 7);
                                                text-align: left;
                                        }


                                } */
                        }

                        .title2 {
                                margin: 0px 6px;
                                background-color: #34495E;
                                border-radius: 8px;
                                padding: 30px 40px;
                                display: flex;
                                flex-direction: column;
                                gap: 18px;

                                h2 {
                                        margin: 0px;
                                        font-size: 30px;
                                        text-align: center;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(255, 255, 255);
                                }

                                .form-ThongTin {
                                        display: flex;
                                        flex-direction: column;
                                        gap: 10px;

                                        .popup-input {
                                                padding: 10px 8px;
                                                border: 1px solid white;
                                                border-radius: 5px;
                                                background-color: white;

                                                input {
                                                        width: 100%;
                                                        border: 0px;
                                                        background: transparent;
                                                }

                                                input::placeholder {
                                                        font-size: 18px;
                                                        color: black;
                                                        opacity: 0.8;
                                                }
                                        }
                                }

                                button {
                                        border-color: transparent;
                                        background-color: rgb(168, 54, 32);
                                        border-radius: 5px;
                                        font-size: 24px;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(241, 243, 244);
                                        text-align: center;
                                }
                        }
                }
        }

        #AnhBaiXe {
                display: flex;
                justify-content: center;
                overflow: hidden;
                position: relative;
                width: 100%;

                .AnhBaiXe {
                        width: 100%;
                        max-width: 1200px;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        gap: 60px;

                        .banner-AnhBaiXe {
                                z-index: -1;
                                overflow: hidden;
                                left: 0;
                                position: absolute;
                                min-width: 100vw;
                                min-height: 100vh;

                                top: 0px;
                                filter: brightness(35%);
                                opacity: 0.75;

                                img {
                                        width: 100vw;
                                        height: 100%;
                                        z-index: -2;
                                        position: absolute;
                                }
                        }

                        .title-BaiXe {
                                width: 60%;
                                padding: 0;
                                display: flex;
                                flex-direction: column;
                                gap: 40px;

                                h3 {
                                        margin: 0px;
                                        font-size: 30px;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(255, 255, 255);
                                        text-shadow: rgb(0, 0, 0) 1px 2px 3px;
                                }

                                p {
                                        margin: 0px;
                                        font-size: 16px;
                                        line-height: 1.6;
                                        color: rgb(255, 255, 255);
                                }

                                .button-desk {
                                        display: block;
                                        width: fit-content;
                                        font-size: 20px;
                                        font-weight: bold;
                                        line-height: 1.6;
                                        color: rgb(255, 255, 255);
                                        border: transparent;
                                        border-radius: 100px;
                                        background-color: rgb(168, 54, 32);
                                        padding: 10px 40px;
                                }
                        }

                        .slider-container {
                                width: 100%;
                                max-width: 1280px;
                                aspect-ratio: 4 / 3;
                                overflow: hidden;
                                margin: auto;
                                position: relative;

                                .slider-track {
                                        display: flex;
                                        transition: transform 1s ease-in-out;
                                        will-change: transform;

                                        .slide {
                                                flex-shrink: 0;
                                                width: 100%;
                                                height: 100%;

                                                img {
                                                        width: 100%;
                                                        height: 100%;
                                                        object-fit: cover;
                                                        display: block;
                                                }
                                        }
                                }
                        }

                        .button-mobile {
                                display: none;
                        }
                }
        }

        #footer {
                background-color: #2D3A4B;
                width: 100%;
                display: flex;
                justify-content: center;

                .footer {
                        width: 100%;
                        max-width: 1200px;

                        padding: 20px 30px;
                        display: flex;
                        flex-direction: column;
                        gap: 20px;

                        h2 {
                                margin: 0px;
                                font-size: 18px;
                                font-weight: bold;
                                line-height: 1.4;
                                color: rgb(255, 255, 255);
                                text-align: left;
                        }

                        .home {
                                display: flex;
                                align-items: center;
                                gap: 8px;

                                .img-home {
                                        width: 20px;
                                        height: 22px;

                                        path {
                                                fill: rgb(255, 255, 255);
                                        }
                                }

                                p {
                                        margin: 0px;
                                        font-size: 14px;
                                        line-height: 1.4;
                                        color: rgb(255, 255, 255);
                                        text-align: left;
                                }
                        }

                        .hotline {
                                display: flex;
                                align-items: center;
                                gap: 8px;

                                .img-hotline {
                                        width: 20px;
                                        height: 22px;

                                        path {
                                                fill: rgb(255, 255, 255);
                                        }
                                }

                                p {
                                        margin: 0px;
                                        font-size: 14px;
                                        line-height: 1.4;
                                        color: rgb(255, 255, 255);
                                        text-align: left;
                                }
                        }

                        .Website {
                                display: flex;
                                align-items: center;
                                gap: 8px;

                                .img-Website {
                                        width: 20px;
                                        height: 22px;

                                        path {
                                                fill: rgb(255, 255, 255);
                                        }
                                }

                                p {
                                        margin: 0px;
                                        font-size: 14px;
                                        line-height: 1.4;
                                        color: rgb(255, 255, 255);
                                        text-align: left;
                                }
                        }
                }
        }


}

/* animation */
@keyframes scale-animation {
        0% {
                transform: scale(1);
        }

        50% {
                transform: scale(1.1);
        }

        100% {
                transform: scale(1);
        }
}

@keyframes slideInFromRight {
        0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                transform: translateX(2000px);
        }

        60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
                -ms-transform: translateX(-30px);
                transform: translateX(-30px);
        }

        80% {
                -webkit-transform: translateX(10px);
                -ms-transform: translateX(10px);
                transform: translateX(10px);
        }

        100% {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
        }
}

@keyframes jump {
        0% {
                transform: translateY(0);
        }

        50% {
                transform: translateY(-30px);
        }

        100% {
                transform: translateY(0);
        }
}

@keyframes expandContract {
        0% {
                opacity: 0;
                transform: scaleX(0);
        }

        50% {
                opacity: 1;
                transform: scaleX(1.1);
        }

        100% {
                opacity: 1;
                transform: scaleX(1);
        }
}