.wap_quytrinh {
    padding: 75px 0 60px;
    background-image: url(https://cuanhomxingfagiare.com.vn/assets/images/bg_quytrinh.jpg);
    background-size: cover;
}

.title-trangchu {
    text-align: center;
    margin-bottom: 35px;
    padding-bottom: 15px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="88" height="2" viewBox="0 0 88 2" fill="none"><path d="M3 0H43L40 2H0L3 0Z" fill="%23045CA9"/><path d="M48 0H88L85 2H45L48 0Z" fill="%2300ADEA"/></svg>') no-repeat center bottom;
}

    .title-trangchu h2 {
        display: inline-block;
        margin: 0;
        font-size: 33px;
        color: #1757b1;
        font-family: 'MonB';
        text-transform: uppercase;
        font-weight: normal;
        line-height: 115%;
    }

    .title-trangchu p {
        margin: 0;
        letter-spacing: 0.7px;
        font-size: 14px;
        color: #393939;
    }

.tieuchi2_content p {
    color: #FFF;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
    font-family: "SFU TradeGothic";
    font-weight: 400;
    line-height: normal;
    font-size: 46px;
    margin: 0;
}

.tieuchi2_content h3 {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    max-width: 160px;
}

.flex_tieuchi2 {
    display: flex;
    max-width: 1093px;
    margin: 40px auto auto;
    background: url(../images/borderthongke.png) no-repeat center;
    padding: 40px 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.stt_quytrinh {
    width: 92px;
    height: 92px;
    border-radius: 100%;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.10);
    background: linear-gradient(180deg, #FFF 50%, #EDEDED 100%);
    min-width: 92px;
}

    .stt_quytrinh span {
        color: #045CA9;
        font-size: 15px;
        font-weight: 700;
        line-height: normal;
        font-family: 'monSB';
    }

    .stt_quytrinh p {
        font-family: 'MonB';
        font-size: 36px;
        font-weight: 400;
        line-height: 36px;
        display: inline-block;
        background: linear-gradient(131deg, #00ADEA 25.02%, #045CA9 62.54%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0;
    }

.stt_quytrinh {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: -35px;
    position: relative;
    z-index: 2;
}

.info_quytrinh {
    border-radius: 60px;
    background: linear-gradient(90deg, #045CA9 0%, #045CA9 90.42%, #0296CB 100%);
}

    .info_quytrinh h3 {
        color: #FFF;
        font-size: 16px;
        font-weight: normal;
        line-height: normal;
        font-family: 'MonEB';
        margin-bottom: 5px;
        margin-top: 0;
    }

    .info_quytrinh p {
        line-height: 24px;
        color: #FFF;
        margin: 0;
        font-family: 'monR';
    }

.left_quytrinh {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 620px;
}

.quytrinh_content {
    display: flex;
    align-items: center;
}

.info_quytrinh {
    height: 118px;
    max-width: 425px;
    display: flex;
    flex-direction: column;
    padding: 10px 50px 10px 50px;
    justify-content: center;
}

.quytrinh_content:nth-child(2), .quytrinh_content:nth-child(4) {
    margin-left: 100px;
}

.quytrinh_content:nth-child(3) {
    margin-left: auto;
}

.wrap_quytrinh {
    max-width: 970px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pic_quytrinh {
    padding: 10px;
    border-radius: 100%;
    background-color: #ffffff;
    width: 330px;
    height: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .pic_quytrinh img {
        max-width: 320px;
        max-height: 320px;
    }

.wrap_quytrinh {
    background: url(https://cuanhomxingfagiare.com.vn/assets/images/wrap_quytrinh.png) no-repeat left -96px top 69px;
}

.catchuoi1 {
    -webkit-line-clamp: 1;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.catchuoi2 {
    -webkit-line-clamp: 2;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.catchuoi3 {
    -webkit-line-clamp: 3;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.catchuoi4 {
    -webkit-line-clamp: 4;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.catchuoi5 {
    -webkit-line-clamp: 5;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.catchuoi6 {
    -webkit-line-clamp: 6;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.catchuoi7 {
    -webkit-line-clamp: 7;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.catchuoi8 {
    -webkit-line-clamp: 8;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (min-width:1024px) {
}

@media (max-width: 1024px) {
    .wap_quytrinh {
        padding: 35px 0;
    }

    .title-trangchu {
        margin-bottom: 1rem;
    }

        .title-trangchu h2, .wap_gioithieu .title-trangchu h2 {
            font-size: 21px;
        }

    .wrap_quytrinh {
        background: none;
    }

    .left_quytrinh {
        margin: auto;
        max-width: 100%;
    }

    .info_quytrinh h3 {
        font-size: 14px;
    }

    .info_quytrinh p {
        font-size: 15px;
    }

    .quytrinh_content {
        margin: 0 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .right_quytring {
        display: none;
    }
}

@media (max-width:400px) {
    .info_quytrinh {
        padding: 14px 10px 14px 45px;
        height: auto;
    }

    .stt_quytrinh {
        width: 80px;
        height: 80px;
        min-width: 80px;
    }

        .stt_quytrinh p {
            font-size: 32px;
        }
}