.cont {
    width: 81.25rem;
    margin: 0 auto;
}

// OUR VISION
.vision {
    width: 100%;
    height: 400px;
    margin-top: 42px;
    position: relative;

    // background-color: #F7F7F9;
    // background-color: red;
    .vision_text {
        width: 100%;
        height: 331px;
        background-color: #F7F7F9;
        border-radius: 10px 10px 10px 10px;
        overflow: hidden;
        position: absolute;
        bottom: 0;


        >p {
            margin-left: 81px;
        }

        .title {
            font-size: 30px;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 900;
            color: #3D3D3D;
            line-height: 56px;
            display: flex;
            align-items: center;
            margin-top: 70px;
            margin-bottom: 36px;

            &::before {
                content: "";
                display: inline-block;
                width: 6px;
                height: 56px;
                margin-right: 20px;
                background-color: #C70009;
            }
        }

        >.text {
            width: 491px;
            font-size: 20px;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 500;
            color: #787878;
            line-height: 56px;
        }
    }

    >img {
        position: absolute;
        height: 351px;
        top: 0;
        right: 49px;
        border-radius: 10px;
    }
}

// Our Strategies
.strategies {
    width: 100%;
    height: 785px;
    // background-color: red;
    border-radius: 10px;
    margin-top: 117px;
    position: relative;

    .strategies_text {
        background-color: #F7F7F9;
        width: 100%;
        height: 662px;
        overflow: hidden;
        border-radius: 10px;

        .title {
            font-size: 30px;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 900;
            color: #3D3D3D;
            line-height: 56px;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 42px;
            // margin-bottom: 36px;

            &::after {
                content: "";
                display: inline-block;
                width: 56px;
                height: 6px;
                margin-right: 20px;
                background-color: #C70009;
            }
        }
    }

    .img_cont {
        width: 83%;
        // margin: 0 auto;
        height: 650px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);

        >div {
            position: relative;

            img {
                display: block;
                height: 311px;
                border-radius: 10px;
            }

            p {
                position: absolute;
                bottom: 27px;
                left: 27px;
                font-size: 20px;
                font-family: Source Han Sans, Source Han Sans;
                font-weight: 700;
                color: #FFFFFF;
                line-height: 43px;
            }
        }
    }
}

// Our values
.values {
    width: 100%;
    height: 517px;
    // background-color: red;
    border-radius: 10px;
    margin-top: 117px;
    position: relative;

    .values_text {
        background-color: #F7F7F9;
        width: 100%;
        height: 359px;
        overflow: hidden;
        border-radius: 10px;

        .title {
            font-size: 30px;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 900;
            color: #3D3D3D;
            line-height: 56px;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 42px;
            // margin-bottom: 36px;

            &::after {
                content: "";
                display: inline-block;
                width: 56px;
                height: 6px;
                margin-right: 20px;
                background-color: #C70009;
            }
        }
    }

    .img_cont {
        width: 83%;
        // margin: 0 auto;
        // height: 642px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);

        >div {
            position: relative;

            img {
                display: block;
                height: 367px;
                border-radius: 10px;
            }

            p {
                width: 483px;
                position: absolute;
                bottom: 27px;
                left: 27px;
                font-size: 20px;
                font-family: Source Han Sans, Source Han Sans;
                font-weight: 700;
                color: #FFFFFF;
                line-height: 43px;
            }
        }
    }
}

// COOPERATION
.cooperation {
    width: 100%;
    height: 277px;
    margin-top: 42px;
    position: relative;

    // background-color: #F7F7F9;
    // background-color: red;
    .cooperation_text {
        width: 100%;
        height: 100%;
        background-color: #F7F7F9;
        border-radius: 10px 10px 10px 10px;
        overflow: hidden;
        position: absolute;
        bottom: 0;


        >p {
            margin-left: 81px;
        }

        .title {
            font-size: 30px;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 900;
            color: #3D3D3D;
            line-height: 56px;
            display: flex;
            align-items: center;
            margin-top: 70px;
            margin-bottom: 36px;

            &::before {
                content: "";
                display: inline-block;
                width: 6px;
                height: 56px;
                margin-right: 20px;
                background-color: #C70009;
            }
        }

        >.text {
            width: 491px;
            font-size: 20px;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 500;
            color: #787878;
            line-height: 56px;
        }
    }

    >img {
        position: absolute;
        height: 234px;
        top: 50%;
        transform: translateY(-50%);
        right: 21px;
        border-radius: 10px;
    }
}

// Quality, health, safety and environmental 
.six {
    width: 100%;
    height: 800px;
    // background-color: red;
    border-radius: 10px;
    margin-top: 117px;
    position: relative;

    .six_text {
        background-color: #F7F7F9;
        width: 100%;
        height: 662px;
        overflow: hidden;
        border-radius: 10px;

        .title {
            font-size: 30px;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 900;
            color: #3D3D3D;
            line-height: 56px;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 42px;
            // margin-bottom: 36px;

            &::after {
                content: "";
                display: inline-block;
                width: 56px;
                height: 6px;
                margin-right: 20px;
                background-color: #C70009;
            }
        }
    }

    .img_cont {
        width: 83%;
        // margin: 0 auto;
        height: 652px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);

        >div {
            position: relative;

            img {
                display: block;
                height: 311px;
                border-radius: 10px;
            }

            p {
                position: absolute;
                bottom: 27px;
                left: 27px;
                font-size: 20px;
                font-family: Source Han Sans, Source Han Sans;
                font-weight: 700;
                color: #FFFFFF;
                line-height: 43px;
            }
        }
    }
}

// 7.A pioneer for Complex Oil & Gasfield Service
.seven {
    width: 100%;
    height: 750px;
    // background-color: red;
    border-radius: 10px;
    margin-top: 117px;
    position: relative;

    .seven_text {
        background-color: #F7F7F9;
        width: 100%;
        height: 662px;
        overflow: hidden;
        border-radius: 10px;

        .title {
            font-size: 30px;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 900;
            color: #3D3D3D;
            line-height: 56px;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 42px;
            // margin-bottom: 36px;

            &::after {
                content: "";
                display: inline-block;
                width: 56px;
                height: 6px;
                margin-right: 20px;
                background-color: #C70009;
            }
        }
    }

    .img_cont {
        width: 83%;
        // margin: 0 auto;
        // height: 642px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);

        >div {
            position: relative;

            img {
                display: block;
                height: 607px;
                border-radius: 10px;
            }

            p {
                position: absolute;
                bottom: 27px;
                left: 27px;
                font-size: 20px;
                font-family: Source Han Sans, Source Han Sans;
                font-weight: 700;
                color: #FFFFFF;
                line-height: 43px;
            }
        }
    }
}

// Social Responsibility
.eight {
    width: 100%;
    // height: 1016px;
    background-color: #F7F7F9;
    border-radius: 10px;
    margin-top: 117px;
    padding-bottom: 46px;
    overflow: hidden;

    .title {
        font-size: 30px;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 900;
        color: #3D3D3D;
        line-height: 56px;
        display: flex;
        align-items: center;
        margin-top: 70px;
        margin-bottom: 36px;
        margin-left: 86px;

        &::before {
            content: "";
            display: inline-block;
            width: 6px;
            height: 56px;
            margin-right: 20px;
            background-color: #C70009;
        }
    }

    .img_text {
        margin-left: 86px;

        .content {
            display: flex;
            align-items: center;
            img {
                display: block;
                height: 375px;
                border-radius: 10px;
            }

            p {
                width: 400px;
                // height: 336px;
                font-size: 20px;
                font-family: Source Han Sans, Source Han Sans;
                font-weight: 500;
                color: #787878;
                line-height: 43px;
                margin-left: 35px;
            }
        }
    }
}