.Messages{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.box1 , .box2 , .box3, .box6, .box7, .box8 {
    max-width: 30%;
    margin-top: 40px;
    padding: 3vw;
    /* background-color: lightgrey; */
    /* background-color: #abd0fe9e; */
    background-color: #fbffc09e;
    box-shadow: 1px 3px 8px rgb(122, 122, 122);
    border-radius: 5px;
    margin-right: 3vh;
}

.box4 , .box5{
    max-width: 40%;
    margin-top: 30px;
    padding: 3vw;
    /* background-color: lightgray; */
    /* background-color: #abd0fe9e; */
    background-color: #fbffc09e;
    box-shadow: 1px 3px 8px rgb(122, 122, 122);
    border-radius: 5px;
    margin-right: 3vh;
}

.box9{
    max-width: 90%;
    margin-top: 30px;
    padding: 3vw;
    /* background-color: lightgray; */
    /* background-color: #abd0fe9e; */
    background-color: #fbffc09e;
    box-shadow: 1px 3px 8px rgb(122, 122, 122);
    border-radius: 5px;
}

.mission-para , .vision-para , .value-para , .objective-para , .honour-para, 
.intro-para, .enrollment-para, .community-para, .contest-para, .conclusion-para {
    margin-top: 1vh;
    margin-bottom: 3vh;
}

.message-para {
    margin-top: 1vh;
}


.vision, .honourcode{
    margin-top: 3vh;
}

.box1 h2, .box2 h2, .box3 h2, .box4 h2, .box5 h2, .box6 h2 , .box7 h2 , .box8 h2, .box9 h2{
    text-decoration: underline;
    /* text-decoration-color: rgb(240, 173, 2); */
    text-decoration-color: #ff0000;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 4px;
    display: flex;
    justify-content: center;
    font-size: 1.75rem;
}


@media (max-width: 1024px) {
    /* .box1, .box6 {
        justify-self: start;
        max-width: 22.5%;
    }
    .box3, .box8 {
        justify-self: end;
        max-width: 22.5%;
    } */
    /* .box2, .box7 {
        justify-self: stretch;
        max-width: 35%;
    } */
    .box1, .box3, .box5, .box7 {
        justify-self: start;
        max-width: 40%;
    }
    .box2, .box4, .box6, .box8 {
        justify-self: end;
        max-width: 40%;
    }
    .box9 {
        justify-self: center;
        max-width: 90%;
    }

    .box1 h2, .box2 h2, .box3 h2, .box4 h2, .box5 h2, .box6 h2, .box7 h2, .box8.h2{
        font-size: 19px;
    }

    .mission-para , .vision-para , .objective-para, .value-para, .honour-para, 
    .intro-para .enrollment-para, .community-para, .contest-para, .conclusion-para {
        margin: 1vh 0 3vh 0;
        font-size: 11.5px;
        text-align: start;
    }
    .message-para{
        margin-top: 1vh;
        font-size: 11.5px;
        text-align: start;
    }
    .vision , .honourcode{
        margin-top: 3vh;
    }
}

@media (max-width: 767px) {
    .Messages {
        flex-direction: column;
    }
    .box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8 , .box9{
        max-width: 90%;
        margin: 20px auto;
    }
    .box1 h2, .box2 h2, .box3 h2, .box4 h2, .box5 h2, .box6 h2, .box7 h2, .box8 h2, .box9 h2{
        font-size: 18px;
        padding: 4vw 0;
    }

    .value-para, .message-para , .objective-para , .honour-para, .mission-para , .vision-para, 
    .intro-para, .enrollment-para, .community-para, .contest-para, .conclusion-para {
        margin: 1vh 0 3vh 0;
        font-size: 13px;
        text-align: start;
        
    }
    /* .mission-para , .vision-para {
        margin-top: 0.5vh;
        font-size: 13px;
        text-align: start;
    } */
    /* .vision, .honourcode{
        margin-top: 3vh;
    } */
}