.project_purpose_section{
    position: relative;
    background-color: #2A9AAC;
    padding: 6.25rem 0;
}

.project_purpose_section::after {
    content: "";
    background-image: url(../../../main_plan/images/after_img.webp);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    aspect-ratio: 218 / 395;
    /* width: 40%; */
    height: 100%;
    max-width: 663.267px;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.project_purpose_section::before{
    content: "";
    background-image: url(../../../main_plan/images/before_img.webp);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    aspect-ratio: 218 / 395;
    /* width: 40%; */
    height: 100%;
    max-width: 663.267px;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.project_purpose_container .main_plan_news{
    margin-top: 0;
}

.project_purpose_section .right_title{
    color: #FFF;
}

.project_purpose_section .right_title::after{
    background-color: #FFF;
}

.project_purpose_section .project_purpose_text{
    color: #FFF;
    width: 65%;
    margin: 0 auto;
}

@media (max-width: 1100px){
    .project_purpose_section::before {
        height: 60%;
    }
    .project_purpose_section::after {
        height: 60%;
        top: 0;
    }
}

@media (max-width: 550px){
    .project_purpose_section::before {
        height: 40%;
        opacity: 0.7;
    }
    .project_purpose_section::after {
        height: 40%;
        opacity: 0.7;
    }
}