@media (min-width: 375px) and (max-width: 767.9px) {
    .factory-tab-container {
        display: none;
    }

    .factory-tab-container-mobile {
        padding: 0 60px;
        width: 100%;
        top: -78px;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        display: flex;
        gap: 40px;
        align-items: center;
        z-index: 2;
    }

    .factory-tab {
        width: 100%;
    }

    .factory-main-main-text {
        font-size: 14px;
        line-height: 21px;
        text-align: center;
    }

    .factory-main-sub-text {
        padding-top: 8px;
        font-size: 32px;
        line-height: 38.4px;
        text-align: center;
    }

    .factory-main-text-contain {
        padding: 0 16px;
        gap: 8px;
    }

    .factory-type-selected-tab {
        width: 100%;
        height: 78px;
        padding: 16px 24px 16px 24px;
        gap: 16px;
        border-radius: 60px;
    
        display: flex;
        align-items: center;
        box-shadow: 0px 2.4px 5.4px 0px #00000021;
        /*background: #006937;*/
        justify-content: space-between;
        border-image-source: linear-gradient(90deg, #F8F0AF 0%, #FCF6D0 100%);
        background: linear-gradient(90.68deg, #3CB049 26.59%, #068646 97.69%);
    }

    .factory-type-selected-tab-content {
        font-family: 'Montserrat', sans-serif;
        display: flex;
        gap: 8px;
        align-items: center;
        flex: 1;
    }

    .factory-type-selected-tab.active .number {
        color: #ffe83c;
        font-size: 36.83px;
        font-weight: 700;
        line-height: 45.67px;
        text-align: center;
    }

    .factory-type-selected-tab.active .text {
        font-size: 14.12px;
        font-weight: 700;
        line-height: 18.15px;
        text-align: center;
        color: #e8ffff;
        text-transform: uppercase;
        flex: 1;
    }

    .factory-type-option-tab {
        width: 100%;
        padding: 8px 24px 8px 24px;
        gap: 2px;
    
        border-bottom: 1.5px solid #ffe83c;
        background: #008445;
        display: flex;
        align-items: center;
        flex-flow: column;
    }

        .factory-type-option-tab .number {
            font-family: Open Sans;
            font-size: 24px;
            font-weight: 800;
            line-height: 32.69px;
            text-align: center;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: #ffe83c;
           /* font-size: 24px;
            font-weight: 700;
            line-height: 29.76px;
            text-align: center;*/
        }

        .factory-type-option-tab .text {
            font-size: 14.12px;
            font-weight: 700;
            line-height: 18.15px;
            text-align: left;
            text-align: left;
            text-align: left;
            color: #e8ffff;
            text-transform: uppercase;
        }

    .factory-arr-bot-icon {
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

        .factory-arr-bot-icon img {
            width: 100%;
            height: 100%;
        }

    .factory-type-selected-tab.toggle {
        border-radius: 40px 40px 0 0;
    }

    .factory-type-options-tab {
        display: none;
        left: 0;
        right: 0;
        margin: 0 60px;
        top: 0;
        position: absolute; /* Đặt vị trí tuyệt đối để hiển thị */
        top: 100%; /* Đặt vị trí ngay bên dưới phần tử được chọn */
        z-index: 0; /* Đảm bảo danh sách tùy chọn hiển thị trên các phần tử khác */
    }

        .factory-type-options-tab .factory-type-option-tab:nth-last-child(1) {
            border-radius: 0 0 40px 40px;
        }

    .factory-content-1 {
        padding: 40px 0;
    }

    .factory-content {
        padding: 0 16px;
    }

    .factory-content-image img {
        width: 100%;
        border-radius: 1.63px;
        border: 3.27px;
    
        border: 3.27px solid #e1f8d2;
        box-shadow: 0px 1.23px 6.94px 0px #00000021;
    }

    .factory-content {
        gap: 24px;
    }

    .factory-content-des {
        gap: 8.17px;
    }

    .factory-content-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 21.23px;
    }

    .factory-content-descrip {
        font-size: 12px;
        font-weight: 400;
        line-height: 14.88px;
    }

    .factory-content-2-p {
        padding: 40px 16px 24px;
        font-size: 12px;
        font-weight: 400;
        line-height: 14.88px;
    }

    .factory-content-3-b {
        padding: 0 16px;
        gap: 40px;
    }

    .factory-content-2-contain-img {
        margin-bottom: -104px;
        /* height: 261.2px; */
    }

    .factory-content-3 {
        gap: 40px;
    }


    .factory-continue-contain {
        padding-top: 40px;
        padding-right: 16px;
        padding-bottom: 60px;
    }

    .factory-continue-content {
        gap: 12.53px;
    }

    .factory-continue-next-text {
        font-size: 20px;
        font-weight: 700;
        line-height: 25.95px;
        width: 110px;
    }

    .factory-continue-next-number {
        font-size: 48px;
        font-weight: 700;
        line-height: 59.52px;
        text-align: center;
    }

    .factory-continue-next-icon {
        width: 32px;
        height: 32px;
        margin-left: 8px;
        min-width: 32px;
        background-size: 32px;
    }

    .factory-content-3-bg-bh {
        position: absolute;
        top: calc((100vw - 32px) / 1.5);
        left: 0;
        right: 0;
        bottom: 0;
        /* height: 100%; */
        background: #cfffe5;
    }

    .factory-content-1-contain, .factory-content-2-contain, .factory-content-2-description, .factory-content-2-wrap {
        /* width: 100%;
    padding: 0 300px; */
        width: calc(100% - 16px * 2);
        min-width: unset;
    }




    .factory-content-1-contain {
        gap: 24px;
    }

    .factory-content-des {
        font-size: 12px;
        font-weight: 400;
        line-height: 14.88px;
        text-align: left;
    }

    .factory-content-2-contain-img {
        /* height: 281.8px; */
    }

    .factory-content-2-description {
        padding: 60px 0 24px;
        font-size: 12px;
        font-weight: 400;
        line-height: 14.88px;
        text-align: left;
    }

    .factory-content-3-wrap {
        gap: 24px;
    }

    .factory-content-2-contain-img-2 {
        top: 165px;
        max-height: calc(100% - 165px);
    }

    .factory-content-2 {
         min-height: 180px; 
    }

    /* Step2 */
    .factory-step-2 {
        padding: 40px 0 0;
    }


    .factory-step-2-content-wrap {
        gap: 19.49px;
        padding: 0 16px;
    }

    .factory-step-2-content {
        gap: 19.49px;
    }

    .factory-step-2-wrap-name {
        font-size: 20px;
        font-weight: 700;
        line-height: 27.24px;
        text-align: left;
    }

    .factory-step-2-image img {
        border: 1.91px solid #e1f8d2;
        border-radius: 0.95px;
        box-shadow: 0px 0.71px 4.05px 0px #00000021;
        min-height: 120.05px;
    }

    .factory-step-2-wrap {
        gap: 12px;
    }

    .factory-step-2-wrap-content {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
    }

    .factory-step-2-contain {
        padding: 40px 16px 0;
        gap: 24px;
    }

    .factory-step-2-wrap-2-content {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
    }

    .factory-step-2-content-2 {
        gap: 19.49px;
    }

    .factory-content-2-s2-contain-img-2 {
        top: -30px;
        max-height: calc(100% + 30px);
    }

    .factory-continue-contain-s2 {
        padding-top: 16px;
        padding-bottom: 40px;
    }

    /* Step3 */

    .factory-step-3-content {
        padding: 40px 16px 0;
    }

    .factory-step-3-content-1 {
        flex-direction: column-reverse;
        gap: 11.69px
    }

    .factory-step-3-content-1-description-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 27.24px;
        text-align: left;
    }

    .factory-step-3-content-1-description {
        gap: 11.69px
    }

    .factory-step-3-content-1-description-detail {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
    }

    .factory-step-3-content-1-image img {
        border: 1.91px solid #e1f8d2;
        border-radius: 0.95px;
        box-shadow: 0px 0.71px 4.05px 0px #00000021;
        min-height: unset;
    }

    .factory-step-3-content-1-wrap {
        gap: 11.89px
    }

    .factory-content-2-s3-contain-img-2 {
        top: 550px;
        max-height: calc(100% - 550px);
    }

    .factory-step-3-content-1-wrap {
        margin-bottom: 40px;
    }

    .factory-step-3-content-2 {
        padding: 0 16px;
    }

    .factory-step-3-content-2-content {
        flex-direction: column;
        gap: 19.49px
    }

    .factory-step-3-content-2-content-right {
        flex-direction: column-reverse;
        gap: 19.49px
    }

    .factory-step-3-content-2-content-left img {
        border: 1.91px solid #e1f8d2;
        border-radius: 0.95px;
        box-shadow: 0px 0.71px 4.05px 0px #00000021;
    }

    .factory-step-3-content-2-content-right-content {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
        gap: 5.72px
    }

    .factory-step-3-content-2-content-right-image img {
        border: 1.91px solid #e1f8d2;
        border-radius: 0.95px;
        box-shadow: 0px 0.71px 4.05px 0px #00000021;
    }

    .factory-step-3-step-container {
        gap: 19.49px;
        padding: 40px 16px 16px;
    }

    .factory-step-3-step-wrap {
        gap: 19.49px
    }

    .factory-step-3-step-title {
        font-size: 12px;
        font-weight: 700;
        line-height: 9.53px;
        text-align: left;
    }

    .level-arr-right, .level-arr-bot {
        width: 19.06px;
        height: 19.06px;
        min-width: 19.06px
    }

    .factory-step-3-group {
        gap: 4.76px
    }

    .factory-step-3-group-reverse {
        gap: 4.76px
    }

    .factory-step-3-item {
        width: calc((100%  - 19.06px * 2 - 4.76px * 4) / 3);
        gap: 4.76px
    }

    .factory-step-3-item-level {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
    }

    .factory-step-3-item-level-name {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
    }


    /* Step4 */
    .factory-step-4-content {
        padding: 40px 0 0
    }

    .factory-step-4-content-1, .factory-step-4-content-2-step-wrap, .factory-step-4-image2, .factory-step-4-description {
    }

    .factory-step-4-container {
        width: 100%;
        min-width: unset;
        padding: 0 16px
    }

    .factory-step-4-content-1-wrap {
        gap: 9.74px
    }

    .factory-step-4-content-1 {
        gap: 16.33px
    }

    .factory-step-4-content-2, .factory-step-4-content-3 {
        padding-top: 19.49px;
        gap: 19.49px
    }

    .factory-step-4-content-1-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 27.24px;
        text-align: center;
    }

    .factory-step-4-content-1-description {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;
    }

    .factory-step-4-image img, .factory-step-4-image2 img {
        border: 3.27px solid #e1f8d2;
        border-radius: 1.93px;
        box-shadow: 0px 1.23px 6.94px 0px #00000021;
    }

    .factory-step-4-content-2-step-wrap {
        padding-top: 19.49px;
        gap: 7.8px
    }

    .factory-step-4-content-2-step-item-title {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
    }

    .factory-step-4-content-2-step-item-description {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: center;
    }

    .factory-step-4-content-2-step-arrow {
        width: 32.67px;
        height: 32.67px;
        min-width: 32.67px;
    }

    .factory-step-4-description {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: center;
    }

    .factory-continue-contain-s4 {
        padding-top: 16px;
        padding-bottom: 40px;
        transform: translateX(0)
    }

    .factory-content-2-s4-contain-img-2 {
        top: 310px;
        max-height: calc(100% - 310px);
    }

    .factory-step-4-content-2-step-item-description {
        gap: 16px
    }

    /* Step5 */
    .factory-step-5-content {
        padding: 0 16px 0
    }


    .factory-step-5-wrap {
        padding-top: 40px;
        flex-direction: column-reverse;
        gap: 9.53px
    }


    .factory-step-5-content-detail {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 20px
    }



    .factory-step-5-image img {
        border: 3.27px solid #e1f8d2;
        border-radius: 1.93px;
        box-shadow: 0px 1.23px 6.94px 0px #00000021;
        min-height: 363.39px;
    }




    .factory-step-5-content-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 27.24px;
        text-align: left;
    }

    .factory-step-5-content-description-wrap {
        gap: 20px
    }

    .factory-step-5-content-description-detail {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
    }

    .factory-step-5-content-description-2 {
        padding-top: 19.49px;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
    }

    .factory-continue-contain-s5 {
        padding-top: 40px;
        padding-bottom: 40px;
        transform: translateX(0)
    }


    /* Step6 */
    .factory-step-6-content {
        padding: 40px 0 0;
        gap: 21.44px
    }

    .factory-step-6-content-1 {
        padding: 0 16px;
        flex-direction: column;
        gap: 21.44px
    }

    .factory-step-6-content-2-wrap {
        padding: 0 16px;
        flex-direction: column;
        gap: 10.72px
    }

    .step-reverse {
        flex-direction: column-reverse;
    }

    .factory-step-6-content-1-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 27.24px;
        text-align: left;
    }

    .factory-step-6-content-1-text-wrap {
        gap: 5.36px
    }

    .factory-step-6-content-1-sub {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
    }

    .factory-step-6-content-1-text {
        gap: 16px;
    }

    .factory-step-6-content-1-text-2 {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
    }

    .factory-step-6-content-2-text-wrap {
        gap: 9.74px
    }

    .factory-step-6-image img {
        border: 3.27px solid #e1f8d2;
        border-radius: 1.93px;
        box-shadow: 0px 1.23px 6.94px 0px #00000021;
        min-height: 292.33px;
    }

    .step-6-bg {
        position: absolute;
        top: -75px;
        left: 0;
        right: 0;
    }

    .factory-step-6-content-2 {
        gap: 10.72px;
    }

    .step-6-bg img {
        width: 100%;
        /* height: calc(100% + 150px); */
        object-fit: cover;
    }

    .factory-step-6-content-2-head-text {
        font-size: 20px;
        font-weight: 500;
        line-height: 27.24px;
        text-align: left;
    }

    .factory-step-6-content-2-body-text {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
    }

    .factory-continue-contain-s6 {
        padding-top: 20px;
        padding-bottom: 40px;
        transform: translateX(-16px)
    }


    /* Step7 */
    .factory-step-7-content {
        padding: 40px 0 0;
    }




    .factory-step-7-content-1 {
        gap: 19.49px
    }

    .factory-step-7-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 27.24px;
    }

    .factory-step-7-content-group {
        gap: 19.49px
    }

    .factory-step-7-description {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
    }

    .factory-step-7-content-1-image img {
        min-height: unset;
    }

    .factory-step-7-content-wrap {
        width: 100%;
        min-width: unset;
        padding: 0 16px;
        gap: 0;
        padding-top: 12px;
    }

    .factory-step-7-bg {
        padding-top: 8px;
    }

        .factory-step-7-bg img {
            height: 650px;
            object-fit: cover;
        }

    .factory-step-7-description-2 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
    }

    .factory-step-7-content-1-image img {
        border: 3.27px solid #e1f8d2;
        border-radius: 1.93px;
        box-shadow: 0px 1.23px 6.94px 0px #00000021;
        width: 100%;
    }

    .factory-step-7-description-3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
    }

    .factory-continue-contain-s7 {
        padding-top: 40px;
        padding-bottom: 40px;
        transform: translateX(-16px)
    }

    /* Step8 */
    .factory-step-8-content {
        padding: 40px 16px 0;
    }

    .factory-step-8-content-1 {
        display: flex;
        flex-direction: column;
        gap: 15.17px
    }

    .factory-step-8-content-1-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 27.24px;
    }

    .factory-step-8-content-1-sub {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .factory-step-8-content-2 {
        padding-top: 20.69px;
        flex-direction: column;
        gap: 20.69px
    }


    .factory-step-8-content-2-item {
        gap: 20.69px;
        flex-direction: column;
    }



    .factory-step-8-content-2-item-image img {
        border: 3.27px solid #e1f8d2;
        border-radius: 1.93px;
        box-shadow: 0px 1.23px 6.94px 0px #00000021;
        width: 100%;
        min-height: unset
    }

    .factory-step-8-content-2-item-description {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .factory-continue-contain-s8 {
        padding-top: 40px;
        padding-bottom: 40px;
        transform: translateX(0)
    }
}


/*Tự điều chỉnh*/

@media (min-width: 375px) and (max-width: 767.9px) {
    .factory-step:first-child {
        padding-top: 40px;
    }

    /*Step 2*/
    .factory-step-2-content-wrap {
        margin-bottom: 19.49px;
    }

    .factory-step-2-content-wrap-1 {
        padding-top: 40px !important;
        gap: 19.49px;
        padding: 0 16px;
        margin-bottom: 19.49px;
    }

    /*Step 3*/
    .factory-step-3-content-first {
        padding: 40px 16px 0;
    }

    .factory-step-3-content {
        padding-top: 0;
    }

    .factory-step-3-content-1-wrap {
        margin-bottom: 12px;
    }


    /*step 4*/
    .factory-step .factory-step-4-content:nth-child(1) {
        padding-top: 40px;
    }

    .factory-step-4-content {
        padding: 20px 0 0;
    }


    .factory-step .factory-step-7-content:nth-child(1) {
        padding-top: 40px;
    }

    .factory-step-7-content {
        padding-top: 0;
    }


    .factory-step-8-content {
        padding-top: 0;
    }

    .factory-step .factory-step-8-content:nth-child(1) {
        padding-top: 40px;
    }
}