/* Beginning of Mission section */

.mission{
    width:100%;
    height:auto;
    content:'';
    background:var(--background);
    display:flex;
    justify-content: center;
    align-items: center;
    padding:20px 0px 40px 0px;
    /*background: rgb(22, 22, 251, 1);*/
    position: relative;
    z-index: 1;
    /*display:none;*/




}

.mission_bond{
    width:75%;
    height:auto;
    padding:20px 0px 50px 0px;
    display:flex;
    column-gap: 50px;
    /*background:orange;*/
    justify-content: center;
}

.mission_left{
    width:40%;
    height:auto;
    padding:20px 0px 20px 0px;

    /*border:1px solid green;*/
    /*background-image: url("images/solar_mission.jpg");*/
    /*background:red;*/

}
.mission_left img{
    width:100%;
    height:100%;
}

.mission_right{
    width:40%;
    height:auto;
    padding:20px 0px 20px 0px;
    /*border:1px solid blue;*/
    display:flex;
    flex-direction: column;
    row-gap: 20px;
}

.mission_company_name{
    width:90%;
    height:40px;
    /*background:blue;*/
    font-weight: bold;
    font-size:20px;
    color:var(--button-color);
}

.mission_title{
    width:90%;
    height:auto;
    /*background:purple;*/
    font-weight: bold;
    font-size:25px;
    color:var(--button-color);

}

.mission_content{
    width:90%;
    height:auto;
    /*background:grey;*/
    line-height: 25px;
    color:var(--text_color);
}


.sub_mission_header{
    font-weight: bold;
    font-size: 20px;
    margin-bottom:-10px;
    color:var(--button-color);
}
.sub_mission_content{

    width:90%;
    line-height: 25px;
    color:var(--text_color);

}

@media screen and (max-width:1500px){
    .mission_bond{
        width:100%;

    }
}



/*mission section mobile view */
@media screen and (max-width:900px){
    .mission_bond{
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
        width:80%;

    }

    .mission_left, .mission_right{
        width:100%;
    }

    .mission_left{
        height:auto;
    }


}

@media screen and (max-width:600px){
    .mission_company_name{
        font-size:21px;
    }
    .mission_title{
        font-size:22px;
    }

    .mission_content,.sub_mission_content{
        font-size:15px;
    }

    .mission{

        /*background: red;*/

        /*height: 1500px;*/
        padding-top:100px;
    }

    .mission_left{
        padding-top:0px;
    }

    .mission_bond{
        padding-top:0px;
        width:90%;
        margin-top:-50px;
        height:auto;
        /*background:green;*/
    }

    .about_content{
        font-size:15px;
    }
}

@media screen and (max-width:430px){
    .mission_company_name{
        font-size:19px;
    }
    .mission_title{
        font-size:20px;
    }

    .mission_content, .sub_mission_content{
        font-size:14px;
    }

    .about_content{
        font-size:13px;
    }

    .about_services_works {

        padding-top: 50px;

    }




}


/* End of Mission section */ /* End of Mission section */