.title-Content--box {
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px;
    color: #0055ba !important;
}

/*.img-col {
    width: 20% !important;
}*/
.description-item strong {
    font-weight: 700;
}
.loader-text {
    font-weight: 600;
    padding: 3px 0 6px 0;
    color: #0d5b89 !important;
    margin-top: 0 !important;
}
.loader-text-title {
    font-weight: 600;
    padding: 4px 0 5px 0;
    color: #0d5b89 !important;
    margin-top: 0 !important;
    text-transform:uppercase;
}

.fpts-boxPROs ul > li {
    margin: 0;
    background-color: #f7f7f7;
    padding: 0;
}

.fpts-boxPROs > ul li a {
    padding: 15px 6px;
    display: block;
    text-decoration: none;
    color: #545454;
    border-left: 4px solid #f7f7f7;
    border-bottom: 1px solid #d9d9d9;
    font-size: 15px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-wrap: break-word;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.border-bootom-QA {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    float: left;
}

.btn-advisorytext {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.advisorytextTw {
    border-radius: 17px;
    margin-left: 14px;
    float: right;
    text-transform: uppercase;
    background-color: #fff;
    color: #0c78b9 !important;
    border: #0c78b9 1px solid;
}

.advisorytextTs {
    border-radius: 17px;
    float: right;
    margin-left: 15px;
    text-transform: uppercase;
    background-color: #e46f22;
    color: #fff !important;
    border: #e46f22 1px solid;
}

.border-left-TVDT {
    border-left: 5px solid #0d5b89;
    padding-left: 10px;
    margin-bottom:10px;
}

.advisorytextT {
    border-radius: 17px;
    text-transform: uppercase;
    background-color: #fff;
    color: #0c78b9 !important;
    border: #0c78b9 1px solid;
}

.content-maketing {
    display: none;
    padding-bottom:10px;
}

.text-tinhphi-T {
    margin-top: 23px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    word-spacing: 2px;
}

.content-select {
    width: 92%;
}

.title-QA {
    padding: 20px 0 20px 0;
    text-align: center;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    background-color: #e5e5e5;
}

.Detail-QA {
    margin: 20px 0 20px 0;
}

.TVDVTab li a.active {
    background-color: #e5e5e5;
    color: #3996f8;
}

.content-left {
    width: 40px !important;
}

.row-boderbot {
    padding-bottom: 10px;
}

.steps {
    list-style-type: none;
    padding: 0;
}

    .steps li {
        display: inline-block;
        margin-bottom: 3px;
    }

        .steps li .arow, .steps li p {
            background: #ffff;
            padding: 8px 10px;
            color: #000000;
            box-shadow: rgb(199 199 199) 0px -50px 36px -28px inset;
            text-decoration: none;
            display: block;
            font-size: 14px;
            font-weight: bold;
            position: relative;
            text-indent: 12px;
        }

            .steps li .arow:hover, .steps li p:hover {
                text-decoration: none;
            }

            .steps li .arow:before, .steps li p:before {
                border-bottom: 18px solid transparent;
                border-left: 12px solid #fff;
                border-top: 18px solid transparent;
                content: "";
                height: 0;
                position: absolute;
                left: 0;
                top: 50%;
                width: 0;
                margin-top: -18px;
            }

            .steps li .arow::after,
            .steps li p::after {
                content: "";
                position: absolute;
                border-bottom: 20px solid transparent;
                border-left: 12px solid #d4d4d4; /* Màu của mũi tên */
                border-top: 20px solid transparent;
                right: -12px;
                top: 50%;
                transform: translateY(-50%);
                z-index: 1;
                filter: drop-shadow(-3px -3px 4px #d4d4d4);
            }



        .steps li.active .arow, .steps li.active p {
            background: rgba(0, 0, 0, 0.35);
            box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
            color: #fff;
        }

            .steps li.active a:after, .steps li.active p:after {
                border-left: 12px solid #ffff;
            }

        .steps li.undone .arow, .steps li.undone p {
            background: #eee;
            color: #333;
        }

            .steps li.undone a:after, .steps li.undone p:after {
                border-left: 12px solid #eee;
            }

        .steps li.undone p {
            color: #aaa;
        }

.url-main {
    display: flex;
    justify-content: center;
}

    .url-main ul li a {
        text-decoration: none;
        color: #000000;
    }

        .url-main ul li a:hover {
            text-decoration: underline;
            color: #000000;
        }

.content-maketing-one {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.location-select, .bank-select {
    flex: 1;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    border: 1px solid #007bff;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
}

.location-select:focus, .bank-select:focus,
.location-select:active, .bank-select:active {
    border: 1px solid #007bff;
    outline: none;
}

.description-item {
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    font-size: 15px;
    line-height: 1.6;
}

.select-group {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.container-banks:nth-of-type(1) {
    margin-bottom: 10px;
}

.view-detail-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: #E5E5E5;
    margin-bottom: 10px;
    cursor: pointer;
}

.title-primary {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
}

.view-detail-link {
    line-height: 1.5;
    text-decoration: none;
    color: #000;
    margin-left: 50%;
    font-size: 14px;
}

.view-detail-link:hover {
    text-decoration: none;
    color: #000;
}

@media (max-width: 768px) {
    .url-main {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .content-maketing-one {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        flex-direction: column;
    }
}

.background-one {
    position: relative;
    background-image: url(/Public/images/BackgroudImage_one.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 400px; /* Chiều cao tối thiểu */
    max-height: 600px; /* Chiều cao tối đa */
    overflow: hidden; /* Ẩn phần vượt quá */
    margin-bottom: 10%;
}

.background-two {
    position: relative;
    background-image: url(/Public/images/BackgroudImage_two.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 400px; /* Chiều cao tối thiểu */
    max-height: 600px; /* Chiều cao tối đa */
    overflow: hidden; /* Ẩn phần vượt quá */
    margin-bottom: 10%;
}

.background-three {
    position: relative;
    background-image: url(/Public/images/BackgroudImage_three.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 400px; /* Chiều cao tối thiểu */
    max-height: 600px; /* Chiều cao tối đa */
    overflow: hidden; /* Ẩn phần vượt quá */
    margin-bottom: 10%;
}

.background-one ul::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background: rgba(0, 0, 0, 0.5);
}

.background-one ul {
    position: absolute;
    z-index: 1;
    color: white;
    padding: 20px;
    list-style: none;
    margin: 0;
    font-size: 16px;
}

    .background-one ul li {
        margin-bottom: 10px; /* Khoảng cách giữa các dòng */
    }

.background-two::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background: rgba(0, 0, 0, 0.5);
}

.background-two ul {
    position: relative;
    z-index: 1; /* Đảm bảo nội dung nằm trên lớp phủ */
    color: white; /* Màu chữ */
    padding: 20px; /* Khoảng cách bên trong */
    list-style: none; /* Bỏ dấu chấm đầu dòng */
    margin: 0;
    font-size: 16px; /* Kích thước chữ */
}

    .background-two ul li {
        margin-bottom: 10px; /* Khoảng cách giữa các dòng */
    }

.background-three::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background: rgba(0, 0, 0, 0.5);
}

.background-three ul {
    position: relative;
    z-index: 1; /* Đảm bảo nội dung nằm trên lớp phủ */
    color: white; /* Màu chữ */
    padding: 20px; /* Khoảng cách bên trong */
    list-style: none; /* Bỏ dấu chấm đầu dòng */
    margin: 0;
    font-size: 16px; /* Kích thước chữ */
}

    .background-three ul li {
        margin-bottom: 10px; /* Khoảng cách giữa các dòng */
    }

.fpts-boxPROs > ul li a {
    padding: 6px 6px;
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 15px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-wrap: break-word;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.TVDVTab {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    padding-bottom: 1%;
    text-transform: uppercase;
}

.body-main {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-bottom: 1%;
}
.Bank-App {
    flex: 1;
    text-align: center;
    align-content: center;
    line-height:50px;
    background: #f8f9fa;
    box-shadow: rgb(242, 242, 242) 0px 2px 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0px 6px 0px 6px;
}
.menu-one {
    padding: 2% 0 2% 0;
    margin: 5%;
    width: 90%;
    height: auto;
    border: 1px solid #2b2e46;
    background-color: #2b2e46;
    border-radius: 2px;
    text-align: center;
    display: block;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    line-height: 25px;
}
.menu-array {
    display: grid;
}
    .menu-array li {
        list-style-type: disc;
    }
    .menu-array a {
        color: #007da4 !important;
        text-decoration: none !important;
    }
            .menu-array a:hover {
                text-decoration: underline !important;
            }

.TuVanDoanhNghiep {
    width: 25%;
}
.fix-rickeditor table tbody {
    border: unset !important;
}
    .fix-rickeditor table tbody tr {
        border: unset !important;
    }
     /*   .fix-rickeditor table tbody tr td{
            border:unset !important;
        }*/
        @media (max-width: 768px) {
            .body-main {
        display: inline-block;
    }

    .TuVanDoanhNghiep {
        width: 100%;
    }

    .fix-col6-tab {
        width: 100%;
        float: left;
    }
    .fix-rickeditor td {
        display: block; /* Đổi ô thành khối */
        width: 100% !important; /* Chiếm toàn bộ chiều rộng */
        text-align: center; /* Căn giữa nội dung nếu cần */
    }

    .fix-rickeditor img {
        max-width: 100%; /* Đảm bảo ảnh không vượt quá chiều rộng màn hình */
        height: auto; /* Giữ tỉ lệ ảnh */
    }
}
@media screen and (max-width: 567px) {
    .tvdt-content .icon-dv {
        width: 50% !important;
    }

    .tvdt-content .img-col {
        height: 200px;
    }
}
@media screen and (max-width: 480px) {
    .tvdt-content .icon-dv {
        width: 50%;
    }
    .text-tinhphi-T {
        overflow: hidden;
    }

    }
@media (max-width: 425px) {
    .tvdt-content .icon-dv {
        width: 15% !important;
    }
    .body-main {
        display: inline-block;
    }
    .text-tinhphi-T {
        overflow: hidden;
        width: 70%;
    }
    .img-col {
        width: 100% !important;
    }
    .steps {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-left: 0 !important;
    }
    .img-col {
        width: 100% !important;
    }

        .img-col .images {
            display: flex;
            height: auto;
            align-items: center;
            gap: 40px;
            padding-left: 10px;
        }
    .images .icon-dv{
        padding:0;
        margin:10px
    }
    .tvdt-content .img-col {
        height: 80px;
    }

    .TuVanDoanhNghiep {
        width: 100%;
    }

    .fix-rickeditor td {
        display: block; /* Đổi ô thành khối */
        width: 100% !important; /* Chiếm toàn bộ chiều rộng */
        text-align: center; /* Căn giữa nội dung nếu cần */
    }

    .fix-rickeditor img {
        max-width: 100%; /* Đảm bảo ảnh không vượt quá chiều rộng màn hình */
        height: auto; /* Giữ tỉ lệ ảnh */
    }
}
@media (max-width: 400px) {
    .steps {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin-left: 0 !important;
    }
}