.topimgbox {
    width: 100%;
    height: 100%;
    display: flex;
}

.topimgbox img {
    width: 100%;
    height: 100%;
    display: block;
}

.assessment {
    width: 100%;
    /* border: 1px solid red; */
}

.pg_box {}

.assesment_title {
    width: 100%;
    display: flex;
    margin-top: 80px;
    /* border: 1px solid blue; */
}

.center-title {
    margin: auto;
}

.center-title .eng_text {
    font-size: 23px;
    color: #d4d4d4c4;
    text-align: center;
}

.ch_title {
    margin-top: -30px;
    font-size: 44px;
    text-align: center;
}

.fouth_pgbox {
    display: flex;
    margin: 120px 30px;
    justify-content: space-between;
}

.fouth_pgbox a {
    width: 23%;
}

.fouth_pgbox a .list_infopg {
    position: relative;
    width: 100%;
    display: flex;
}

.fouth_pgbox a .list_infopg:hover {
    transform: rotateY(360deg);
    transition-duration: 1.2s;
}

.fouth_pgbox a .list_infopg>img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.fouth_pgbox a .list_infopg .msg_box {
    display: flex;
    flex-direction: column;
    margin: 0px auto;
}

.fouth_pgbox a .list_infopg .msg_box img {
    width: 53px;
    height: 40px;
    margin: 80px auto 0;
}

.fouth_pgbox a .list_infopg .msg_box p {
    font-size: 22px;
    margin: 60px auto 140px;
    font-weight: 600;
    text-align: center;
}

.system {
    margin: 0 30px 100px;
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
    padding: 80rpx 0;
}

.lf_btnbox {
    width: 40%;
    display: flex;

}

.centerinfobox {
    margin: auto 0;
    display: flex;
    background-color: #315dec;
    border-radius: 40px;
    cursor: pointer;

}

.ordebo {
    padding: 16px;
    margin: auto 50px;
    display: flex;
}

.centerinfobox p {
    margin: auto 0;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
}

.centerinfobox img {
    margin: auto 0 auto 10px;
    width: 34px;
    height: 40px;
}

.rf_infobox {
    width: 55%;
    display: flex;
    padding-right: 50px;
    flex-direction: row-reverse;
}

.rf_infobox .rf_img {
    width: 86%;
    /* margin: auto; */
}

.rf_infobox .rf_img img {
    width: 100%;
}