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: 64px;
        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: 700px;
            background: #11225E;
            position: relative;
            border-radius: 48px;

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

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

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

                    span:nth-child(2) {
                        font-size: 18px;
                        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;
                }
            }

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

                div {
                    text-align: right;

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

                }
            }
        }
    }
}