CocoClass_home/src/asstes/css/ProcessFlow.css

.ProcessFlow {
    margin-top: 100px;
    background-color: #fff;
    background-image: url('../img/aiBack.png');


    h1 {
        position: relative;
        top: 0;
        display: inline-block;
        font-size: 0.64rem;
        font-weight: 500;
        line-height: 92.67px;
        padding-left: 100px;
        margin-bottom: 90px;
        /* background: linear-gradient(to right,#3681FC,#fff); */
        z-index: 10;

    }

    h1::after {
        content: '';
        width: 100%;
        padding: 12px 0;
        background: linear-gradient(to right, rgba(54, 129, 252, 1), rgba(54, 129, 252, 0));
        position: absolute;
        top: 72px;
        left: 0;
        z-index: -1;
    }

    .anchor {
        /* padding: 0 100px; */

        .anchor_flex {
            width: 100%;
            /* height: 600px; */
            background: #11225E;
            position: relative;
            border-radius: 48px;



            .anchor_right {
                height: 100%;
                width: 100%;
                overflow: auto;

                div {
                    text-align: right;
                    position: relative;

                    .anchor_left {
                        position: absolute;
                        color: #fff;
                        top: 50%;
                        left: 8%;
                        transform: translate(0, -50%);

                        div {
                            position: relative;
                            margin: 60px 10px;
                            text-align: center;
                            cursor: pointer;

                            span:nth-child(1) {
                                font-size: 0.24rem;
                                font-weight: 400;
                                line-height: 24px;
                                text-align: right;
                                color: #FFFFFFE5;
                            }

                            span:nth-child(2) {
                                font-size: 0.18rem;
                                font-weight: 400;
                                line-height: 28px;
                                text-align: right;
                                color: #FFFFFF8C;
                            }
                        }

                        .anchor_left_div::after {
                            content: '';
                            width: 100%;
                            padding: 2px 0;
                            background: linear-gradient(to right, rgba(54, 129, 252, 1), rgba(54, 129, 252, 0));
                            position: absolute;
                            top: 45px;
                            left: 0;
                            z-index: -1;
                        }
                    }

                    img {
                        /* display: block; */
                        margin: 48px;
                        /* width: 100%; */
                        border-radius: 48px;
                    }

                }
            }
        }
    }
}