.mv_body {
    padding-top: 10px;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    background-image: linear-gradient(to bottom, #5ccae3, #73e3f2, #8efbff, #b2faff, #d7f9ff, #f3faff, #ffffff);
}

.mv_container {
    display: flex;
    justify-content: center;
    align-items: start;
}

.vision {
    flex: 1;
    margin: 10px 100px;
    border-left: 4px solid ;
    border-bottom: 4px solid ;
    padding-left:50px ;
}

.vision h1 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 40px;
    color: #850ae4;
    border-bottom: 2px solid red;
    text-shadow: 4px 4px 4px white;
}

.vision h4 {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 30px;
    color: #5b4949;
}

.vision p {
    font-size: 1.2rem;
    margin-bottom: 25px;
}

.mission {
    flex: 1;
    margin: 10px 100px;
    border-right: 4px solid ;
    border-bottom: 4px solid ;
    padding-right: 20px;
    margin-left: 5px;
}

.mission h1 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 30px;
    color: #850ae4;
    border-bottom: 2px solid red;
    text-shadow: 4px 4px 4px white;
}
.mission p {
    font-size: 1.2rem;
    padding-bottom:5px ;
}

@media screen and (max-width:991px) {
    .mv_container{
        flex-wrap: wrap;
        flex-direction: column;
    }
    
    .mission{
        margin: 10px 60px;
    }
    .vision{
        margin: 10px 60px;
    }
    
}
@media screen and (max-width:650px) {
    .mission p{
        font-size: 1rem;
    }
}
@media screen and (max-width:450px) {
    .mission,
    .vision{
        margin: 10px 20px;
    }
}