/* .contentsContainer
{
    margin: auto 20px;
} */
.aboutUs-Tab  .pagePara
{
    width: 400px;
}

.aboutList
{
    max-width: 900px;
    margin: 0 auto;
    /* font-weight: 600; */

}

 ol > li
{
   margin-bottom: 10px;
}


.aboutDetContainer
{
    /* background-color: var(--MNBlue2Shade); */
    color: #fff;
    display: flex;
    justify-content: space-evenly;
}

.innerBox
{
   align-self: stretch;
   justify-self: center;
   text-align: center;
   padding: 20px 50px;
}

.innerBox h1
{
    font-weight: 100;
    font-size: var(--subHeading);
}

.innerBox .pagePara
{
    color: #fff;
    max-width: 400px;
    text-align: left;
}

#valueBox
{
    background-color: var(--MNDarkerGray);
}

#missionBox
{
    background-color: rgb(36, 36, 36);
}

#visionBox
{
    background-color: var(--MNDarkerGray);
}

.vision > ul > li
{
    text-align: left;
    margin-left: 30px;
    list-style: lower-alpha;
}

.vision h1
{
    font-size: var(--subHeading);
    font-weight: 200;
}

.contentsContainer
{
    background-image: linear-gradient(45deg,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0)),url(./img/Details\ Bg.jpg);
    background-size: 100%;
    background-position: center;
    animation: zoom 20s infinite ease-out;
}

.contentsContainer > .pagePara
{
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}
.aboutInfo > h3
{
    color: gray;
    margin-top: -20px;
}

.sideImg
{
    border-radius: 50%;
    margin: 15px;
}

@media  screen and (max-width:800px) 
{
    .aboutList
    {
        max-width: 200px;
    }  

    #title
    {
        text-align: center;
    }

    
    .aboutDetContainer
    {
        flex-direction: column;
    }
}