﻿.box-footer-mobile {
    width: 100%;
    float: left;
    padding-top: 20px;
}

    .box-footer-mobile ul {
        list-style-type: none;
        padding-left: 0px;
    }

    .box-footer-mobile li {
        padding-bottom: 20px;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
    }

    .box-footer-mobile a {
        color: #FFFFFF !important;
    }

    .box-footer-mobile .boxInfoContactFooter {
        width: 100%;
        float: left;
    }

        .box-footer-mobile .boxInfoContactFooter label {
            font-size: 16px;
            font-weight: 400;
            line-height: 26px;
            color: #FFFFFF;
        }

        .box-footer-mobile .boxInfoContactFooter a {
            font-weight: 300;
            line-height: 12.65px;
            text-align: left;
            color: #BDBDBD;
            padding-top: 10px;
            font-size: 12px;
        }

    .box-footer-mobile .lbl-social-tima {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: #FFFFFF;
    }

.box-new-mobile {
    width: 100%;
    float: left;
}

    .box-new-mobile .title-box-new-mobile h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        text-align: center;
        color: #333333;
    }

    .box-new-mobile .box-default-new-mobile {
        margin-top: 10px;
        border: none;
        width: 48%;
        float: left;
    }

        .box-new-mobile .box-default-new-mobile img {
            width: 100%;
            height: 95px;
            border-radius: 8px;
            object-fit: cover;
        }

        .box-new-mobile .box-default-new-mobile .title .tieu-de-mobile {
            margin-top: 10px;
            font-weight: 600;
            font-size: 14px;
            color: black;
            text-align: left;
        }

.box-confirmation-mobile {
    padding: 20px;
    position: absolute;
    backdrop-filter: blur(3px);
    z-index: 99;
    width: 90%;
    border-radius: 12px;
    left: 50%;
    transform: translate(-50%, -15%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 1) 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
}

    .box-confirmation-mobile .title-confirmation-mobile h2 {
        text-align: center;
        font-size: 16px;
        font-weight: 600;
    }

    .box-confirmation-mobile .box-default-confirmation-mobile {
        display: flex;
        gap: 15px;
    }

        .box-confirmation-mobile .box-default-confirmation-mobile .box-info-confirmation-mobile {
            padding: 10px;
            background-color: #FDF5EC;
            width: 50%;
            border-radius: 8px;
            text-align: center;
        }

            .box-confirmation-mobile .box-default-confirmation-mobile .box-info-confirmation-mobile img {
                width: 30px;
            }

            .box-confirmation-mobile .box-default-confirmation-mobile .box-info-confirmation-mobile h3 {
                margin-top: 5px;
                margin-bottom: 5px;
                font-weight: 400;
                font-size: 12px;
                color: #999999;
            }

.box-product-mobile {
    width: 100%;
    float: left;
}

    .box-product-mobile .title-product-mobile .tieu-de-goi-vay {
        font-size: 20px;
        color: white;
        text-align: center;
        font-weight: 600;
        padding-top: 40px;
    }

    .box-product-mobile .title-product-mobile {
        font-size: 20px;
        color: white;
        padding-top: 10px;
        text-align: center;
    }

    .box-product-mobile .desc-product-mobile {
        text-align: center;
        padding-top: 5px;
        font-size: 12px;
        font-weight: 300;
        color: #c2baba;
    }

    .box-product-mobile .box-borrower-product-mobile {
        background-color: #FFFFFF;
        padding: 10px;
        border-radius: 16px;
        width: 100%;
    }

        .box-product-mobile .box-borrower-product-mobile .content-borrower-product-mobile {
            padding-top: 10px;
        }

            .box-product-mobile .box-borrower-product-mobile .content-borrower-product-mobile .vay-o-to {
                font-size: 14px;
                font-weight: 600;
            }

            .box-product-mobile .box-borrower-product-mobile .content-borrower-product-mobile .vay-dk-xe-may {
                font-size: 14px;
                font-weight: 600;
            }

            .box-product-mobile .box-borrower-product-mobile .content-borrower-product-mobile .vay-bang-tien-mat {
                font-size: 14px;
                font-weight: 600;
            }

            .box-product-mobile .box-borrower-product-mobile .content-borrower-product-mobile .vay-bang-dkx-o-to {
                font-size: 14px;
                font-weight: 600;
            }

            .box-product-mobile .box-borrower-product-mobile .content-borrower-product-mobile .vay-tra-gop {
                font-size: 14px;
                font-weight: 600;
            }

            .box-product-mobile .box-borrower-product-mobile .content-borrower-product-mobile .vay-tin-chap {
                font-size: 14px;
                font-weight: 600;
            }

            .box-product-mobile .box-borrower-product-mobile .content-borrower-product-mobile span {
                padding-top: 5px;
                font-size: 11px;
                font-weight: 300;
                line-height: 20px;
                text-align: left;
                color: #828282;
                float: left;
                width: 100%;
            }

            .box-product-mobile .box-borrower-product-mobile .content-borrower-product-mobile .btnRegister {
                margin-top: 15px;
                width: 100%;
                border-radius: 40px;
                color: black;
                border: solid #ed522e 1px;
                font-size: 14px;
            }

.box-above-mobile {
    width: 100%;
    float: left;
    padding-top: 20px;
}

    .box-above-mobile .box-default-above-mobile {
        box-shadow: 0px 4px 16px 0px #0000001A;
        border-radius: 8px;
        text-align: center;
        width: 100%;
        float: left;
        padding: 10px;
        margin-right: 10px;
        background-color: white;
    }

        .box-above-mobile .box-default-above-mobile img {
            width: 100%;
        }

.btn-install-mytima-mobile {
    padding-top: 8.5px;
    padding-right: 16px;
    padding-bottom: 8.5px;
    padding-left: 16px;
    gap: 10px;
    border-radius: 40px;
    border-width: 1px;
    background: linear-gradient(147.63deg, #FF8E4F 0%, #EF592E 100%);
    font-size: 16px;
    text-align: center;
    color: white;
}

    .btn-install-mytima-mobile a:visited,
    a:active, a:hover {
        color: white;
        text-decoration: none;
    }

.box-step-install-mytima-mobile {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
}

    .box-step-install-mytima-mobile h3 {
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        color: white;
    }

.box-list-loan-mobile {
    background: white;
    border-radius: 16px;
    width: 100%;
    float: left;
}

    .box-list-loan-mobile .row-infomation-mobile {
        width: 100%;
        float: left;
        padding-top: 10px;
        padding-left: 10px;
    }

        .box-list-loan-mobile .row-infomation-mobile .fullName {
            width: 50%;
            float: left;
            text-align: center;
            border-right: 1px solid #E0E0E0;
            height: 65px;
        }

            .box-list-loan-mobile .row-infomation-mobile .fullName label {
                font-size: 14px;
                font-weight: 600;
                line-height: 24px;
                text-align: left;
                color: #EF592E;
                width: 100%;
                float: left;
            }

            .box-list-loan-mobile .row-infomation-mobile .fullName span {
                font-size: 12px;
                font-weight: 400;
                line-height: 17.71px;
                text-align: left;
                color: #828282;
                width: 100%;
                float: left;
            }

        .box-list-loan-mobile .row-infomation-mobile .loanAmount {
            width: 50%;
            float: left;
            text-align: center;
            height: 65px;
        }

            .box-list-loan-mobile .row-infomation-mobile .loanAmount label {
                font-size: 14px;
                font-weight: 600;
                line-height: 24px;
                text-align: center;
                color: #40BF73;
            }

            .box-list-loan-mobile .row-infomation-mobile .loanAmount span {
                font-size: 12px;
                font-weight: 400;
                line-height: 17.71px;
                color: #828282;
                width: 100%;
                float: left;
            }

.box-achiment-mobile {
    width: 100%;
    float: left;
}

    .box-achiment-mobile .title-achiment-mobile h2 {
        font-weight: 600;
        font-size: 20px;
        color: #333333;
        text-align: center;
    }

    .box-achiment-mobile .content-achiment-mobile {
        padding-top: 20px;
        font-size: 12px;
        line-height: 24px;
        color: #828282;
        text-align: justify;
    }

    .box-achiment-mobile .img-achiment-mobile {
        width: 100%;
        float: left;
        padding-top: 20px;
    }

        .box-achiment-mobile .img-achiment-mobile img {
            width: 100%;
        }

.title-image-tima-mobile h2 {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #333333;
}

.box-image-tima-top-mobile {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .box-image-tima-top-mobile img {
        width: 100%;
    }

.box-share-manager-tima-mobile {
    width: 100%;
    float: left;
}

    .box-share-manager-tima-mobile .title-share-manager-tima-mobile h2 {
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        color: #333333;
    }

    .box-share-manager-tima-mobile .box-swiper-share-manager-tima-mobile {
        width: 100%;
        float: left;
        margin-top: 20px;
    }


.box-about-tima-mobile {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}


    .box-about-tima-mobile .image-about-tima-mobile {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

        .box-about-tima-mobile .image-about-tima-mobile img {
            width: 100%;
        }

    .box-about-tima-mobile .title-about-tima-mobile h1 {
        width: 100%;
        float: left;
        font-weight: 600;
        font-size: 20px;
        color: #333333;
        margin-bottom: 10px;
    }



    .box-about-tima-mobile .content-about-tima-mobile {
        width: 100%;
        float: left;
        font-weight: 300;
        font-size: 14px;
        line-height: 26px;
        color: #828282;
    }

    .box-about-tima-mobile .box-see-more-about-tima-mobile {
        width: 100%;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
    }

.box-value-mobile {
    width: 100%;
    float: left;
}

    .box-value-mobile .title-box-value-mobile h2 {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        float: left;
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
    }

.box-service-mobile {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .box-service-mobile .title-box-service-mobile h2 {
        width: 100%;
        float: left;
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        color: #333333;
    }

    .box-service-mobile .content-box-service-mobile {
        width: 100%;
        float: left;
        margin-top: 20px;
    }


        .box-service-mobile .content-box-service-mobile .box-content-box-service-mobile {
            width: 100%;
            float: left;
            display: flex;
            align-items: center;
            justify-items: center;
        }

            .box-service-mobile .content-box-service-mobile .box-content-box-service-mobile h3 {
                font-size: 16px;
                line-height: 24px;
                color: #333333;
                font-weight: 600;
            }

            .box-service-mobile .content-box-service-mobile .box-content-box-service-mobile label {
                font-size: 14px;
                line-height: 20px;
                color: #828282;
            }

.box-vision-mission-mobile {
    width: 100%;
    float: left;
    margin-top: 10px;
}

    .box-vision-mission-mobile .menu-box-vision-mission-mobile {
        width: 33%;
        float: left;
    }

        .box-vision-mission-mobile .menu-box-vision-mission-mobile .a-menu-box-vision-mission-mobile {
            width: 95%;
            border-radius: 8px;
            box-shadow: 0px 4px 15px 0px #0000001A;
            padding: 10px;
            font-size: 14px;
            color: white;
        }

        .box-vision-mission-mobile .menu-box-vision-mission-mobile .active {
            background: #050421;
            border-top: 1px solid #EF592E;
            color: #EF592E;
        }

    .box-vision-mission-mobile .content-box-vision-mission-mobile {
        padding-top: 20px;
        width: 100%;
        float: left;
        background: #050421;
        color: white;
        font-size: 12px;
        text-align: justify;
    }

.box-development-journey-tima-mobile {
    width: 100%;
    float: left;
}

    .box-development-journey-tima-mobile img {
        width: 100%;
    }

    .box-development-journey-tima-mobile .content-box-development-journey-tima-mobile {
        background: rgb(246, 246, 246);
        padding: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 0px 0px 8px 8px;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: 14px;
    }

.box-confirmation-mobile-v2 {
    padding-top: 0px !important;
    padding: 20px;
    border-radius: 12px;
}

    .box-confirmation-mobile-v2 .box-default-confirmation-mobile-v2 {
        display: flex;
        gap: 15px;
    }

        .box-confirmation-mobile-v2 .box-default-confirmation-mobile-v2 .box-info-confirmation-mobile-v2 {
            padding: 10px;
            background-color: #FDF5EC;
            width: 50%;
            border-radius: 8px;
            text-align: center;
        }

            .box-confirmation-mobile-v2 .box-default-confirmation-mobile-v2 .box-info-confirmation-mobile-v2 img {
                width: 30px;
            }

            .box-confirmation-mobile-v2 .box-default-confirmation-mobile-v2 .box-info-confirmation-mobile-v2 h3 {
                margin-top: 5px;
                margin-bottom: 5px;
                font-weight: 400;
                font-size: 12px;
                color: #999999;
            }

            .content-lender-mobile {
                width: 100%;
                float: left;
                background-image: url('../images/banner/background-lender.png');
            }

    .content-lender-mobile .title-content-lender-mobile h1 {
        width: 100%;
        float: left;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        padding-top: 20px;
    }

    .content-lender-mobile .desc-content-lender-mobile {
        width: 100%;
        float: left;
        font-size: 16px;
        color: black;
        font-weight: 600;
        text-align: center;
    }

    .content-lender-mobile .form-register-lender-mobile {
        width: 100%;
        float: left;
    }

        .content-lender-mobile .form-register-lender-mobile .title-register-lender-mobile {
            width: 100%;
            float: left;
            margin-top: 10px;
            margin-bottom: 20px;
            font-size: 14px;
            text-align: center;
        }

        .content-lender-mobile .form-register-lender-mobile .content-register-lender-mobile {
            width: 100%;
            float: left;
        }

            .content-lender-mobile .form-register-lender-mobile .content-register-lender-mobile .input-register-lender-mobile {
                width: 100%;
                float: left;
                border: 1px solid #BDBDBD;
                border-width: 0.5px;
                border-radius: 8px;
                margin-bottom: 10px;
                padding: 10px;
            }

            .content-lender-mobile .form-register-lender-mobile .content-register-lender-mobile .btn-register-lender-mobile {
                font-weight: 500;
                font-size: 16px;
                text-align: center;
                color: #FFFFFF;
                border-radius: 40px;
                border: none;
                padding: 10px;
                background: linear-gradient(180deg, #FF8E4F 0%, #EF592E 100%);
                width: 100%;
                margin-bottom: 15px;
            }

.step-invest-mobile {
    width: 100%;
    float: left;
    background-image: url(../images/banner/background-aboutus.png);
}

    .step-invest-mobile .title-step-invest-mobile h2 {
        width: 100%;
        float: left;
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
        padding-top: 20px;
        padding-bottom: 20px;
        font-weight: 600;
    }

    .step-invest-mobile .box-step-invest-mobile {
        width: 100%;
        float: left;
    }

        .step-invest-mobile .box-step-invest-mobile .box-swiper-step-invest-mobile {
            width: 100%;
            float: left;
            padding: 10px;
            background: #FFFFFF;
            border-radius: 8px;
            height: 80px;
        }

            .step-invest-mobile .box-step-invest-mobile .box-swiper-step-invest-mobile .content-swiper-step-invest-mobile {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 14px;
            }

                .step-invest-mobile .box-step-invest-mobile .box-swiper-step-invest-mobile .content-swiper-step-invest-mobile label {
                    font-weight: 600;
                    font-size: 16px;
                    color: #F7753F;
                }

    .step-invest-mobile .box-introduce-invest-mobile {
        width: 100%;
        float: left;
        padding-top: 20px;
        display: flex;
        align-items: center;
        justify-items: center;
        gap: 20px;
    }

        .step-invest-mobile .box-introduce-invest-mobile label {
            font-weight: 300;
            font-size: 14px;
            line-height: 24px;
            color: #BDBDBD;
        }

    .step-invest-mobile .desc-step-invest-mobile {
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        color: #BDBDBD;
        padding-bottom: 20px;
    }

.invest-tima-mobile {
    width: 100%;
    float: left;
}

    .invest-tima-mobile .title-invest-tima-mobile h2 {
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
        float: left;
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        color: #333333;
        width: 100%;
        float: left;
    }

    .invest-tima-mobile .content-invest-tima-mobile {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-items: center;
        gap: 20px;
        margin-bottom: 20px;
    }

        .invest-tima-mobile .content-invest-tima-mobile label {
            width: 100%;
            float: left;
            font-weight: 600;
            font-size: 14px;
            color: #333333;
        }

        .invest-tima-mobile .content-invest-tima-mobile span {
            width: 100%;
            float: left;
            font-weight: 300;
            font-size: 12px;
            line-height: 24px;
            color: #828282;
        }

.question-invest-mobile {
    width: 100%;
    float: left;
    padding-bottom: 15px;
}

    .question-invest-mobile .box-question-invest-mobile {
        width: 100%;
        float: left;
        border: 1px solid #E0E0E0;
        border-radius: 16px;
        padding: 10px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    }

        .question-invest-mobile .box-question-invest-mobile .title-box-question-invest-mobile {
            width: 100%;
            float: left;
            display: flex;
            align-items: center;
            justify-items: center;
            gap: 20px;
        }

            .question-invest-mobile .box-question-invest-mobile .title-box-question-invest-mobile label {
                font-size: 16px;
                color: #F7753F;
                font-weight: 700;
            }

            .question-invest-mobile .box-question-invest-mobile .title-box-question-invest-mobile span {
                font-weight: 300;
                font-size: 12px;
                color: #828282;
            }

        .question-invest-mobile .box-question-invest-mobile .list-question {
        }

            .question-invest-mobile .box-question-invest-mobile .list-question .question-one {
                font-weight: 600;
                font-size: 14px;
                line-height: 15px;
                color: #333333;
                margin-bottom: 15px;
                margin-top: 20px;
            }

            .question-invest-mobile .box-question-invest-mobile .list-question .font-description-sec8 {
                text-align: justify;
                font-size: 12px;
                line-height: 15px;
            }

            .question-invest-mobile .box-question-invest-mobile .list-question .font-title-sec8-child {
                font-weight: 700;
                font-size: 12px;
                line-height: 15px;
            }

            .question-invest-mobile .box-question-invest-mobile .list-question .table-sec8 {
                border-collapse: collapse;
                width: 100%;
                padding: 15px;
                margin-right: auto;
                margin-left: auto;
            }

                .question-invest-mobile .box-question-invest-mobile .list-question .table-sec8 td, th {
                    border: 1px solid #dddddd;
                    text-align: center;
                    padding: 8px;
                    font-size: 12px;
                }

                .question-invest-mobile .box-question-invest-mobile .list-question .table-sec8 th {
                    background-color: orange;
                }

.main-detail-news-mobile {
    padding-bottom: 20px;
    width: 100%;
    float: left;
    background-color: #f7f7f9;
}

    .main-detail-news-mobile .box-content-mobile {
        width: 100%;
        float: left;
        background: white;
        border-radius: 16px;
        padding: 20px;
        border: 1px solid #e4e4e4;
    }

        .main-detail-news-mobile .box-content-mobile .title-news-mobile {
            width: 100%;
            float: left;
        }

            .main-detail-news-mobile .box-content-mobile .title-news-mobile h1 {
                font-weight: 600;
                font-size: 18px;
                line-height: 20px;
                color: #333333;
            }

        .main-detail-news-mobile .box-content-mobile .desc-news-mobile {
            width: 100%;
            float: left;
            margin-top: 20px;
            font-weight: 300;
            font-size: 16px;
            line-height: 20px;
            color: #333333;
        }

        .main-detail-news-mobile .box-content-mobile .box-content-menu-mobile {
            width: 100%;
            float: left;
            border: 1px solid #d4d4d4;
            padding: 10px;
            margin-top: 10px;
        }

            .main-detail-news-mobile .box-content-mobile .box-content-menu-mobile .card-header {
                color: #333333;
                font-weight: 600;
            }

            .main-detail-news-mobile .box-content-mobile .box-content-menu-mobile .content-menu-index a {
                width: 100%;
                float: left;
                color: #333333;
                font-size: 14px;
                padding-top: 10px;
            }

        .main-detail-news-mobile .box-content-mobile .content-news-mobile {
            width: 100%;
            float: left;
            margin-top: 10px;
            text-align: justify;
        }

.box-news-mobile {
    width: 100%;
    float: left;
}

.box-defult-news-mobile {
    width: 100%;
    float: left;
}

    .box-defult-news-mobile .img-box-defult-news-mobile {
        width: 100%;
        float: left;
    }

        .box-defult-news-mobile .img-box-defult-news-mobile img {
            border-radius: 8px;
            width: 100%;
        }

    .box-defult-news-mobile .content-box-defult-news-mobile {
        width: 100%;
        float: left;
        padding-top: 10px;
    }

        .box-defult-news-mobile .content-box-defult-news-mobile .title-content h3 {
            font-size: 14px;
            color: black;
            font-weight: 600;
        }

        .box-defult-news-mobile .content-box-defult-news-mobile .desc-content {
            font-size: 12px;
            color: black;
            color: #666;
        }

.box-status-loan-mobile {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .box-status-loan-mobile .title-box-status-loan-mobile {
        border-radius: 24px 24px 0px 0px;
        padding: 11px 20px 11px 20px;
        background: #FFEFDC;
        font-weight: 600;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        color: #FF8E4F;
        border-bottom: 1px solid #EF592E;
    }

    .box-status-loan-mobile .content-box-status-loan-mobile {
        width: 100%;
        float: left;
        padding: 10px;
        border: 1px solid #E5E5E5
    }

        .box-status-loan-mobile .content-box-status-loan-mobile hr {
            width: 100%;
            height: 1px;
            float: left;
            border: 0;
            margin: 14px 0;
            background: linear-gradient( 90deg, rgba(199, 199, 204, 0) 0%, #C7C7CC 50%, rgba(199, 199, 204, 0) 100% );
        }

        .box-status-loan-mobile .content-box-status-loan-mobile .text-content-box-status-loan-mobile {
            width: 50%;
            float: left;
            display: flex;
            align-items: flex-start;
        }

            .box-status-loan-mobile .content-box-status-loan-mobile .text-content-box-status-loan-mobile label {
                font-weight: 400;
                font-size: 14px;
                line-height: 26px;
                color: #8E8E93;
                padding-left: 5px;
            }

        .box-status-loan-mobile .content-box-status-loan-mobile .data-content-box-status-loan-mobile {
            width: 50%;
            float: left;
            text-align: right;
        }

            .box-status-loan-mobile .content-box-status-loan-mobile .data-content-box-status-loan-mobile b {
                font-weight: 600;
                font-size: 14px;
                line-height: 26px;
                color: #333333;
            }
