/*
    ? USED FOR STYLING : Used for containers.... outer and inner.
    
*/

h1,
h2 {
    text-align: left;
}
hr {
    padding: 0.1em;
    background-color: whitesmoke;
    color: #060026;
}
.b-outer-container {
    color: #060026;
    background-color: whitesmoke;
    padding: 5.5em ;
}
.w-outer-container {
    color: whitesmoke;
    background-color: #17293F;
    padding: 5.5em;
}
.section {
    width: 100%;
}
.wc-container {
    background-color: whitesmoke;
    color: #17293F;
    padding: 2rem;
}
.bc-container {
    background-color: #17293F;
    color: whitesmoke;
    padding: 2rem;
}
.image {
    width: 15em;
    object-fit: cover;
    /* height: 19em; */
    border-radius: 50%;
    margin: 2em 2.5em 2em 0em;
}
.main-content p {
    text-align: justify;
}

@media screen and (max-width:900px) {
    .b-outer-container {
        padding: 0em ;
    }
    .w-outer-container {
        padding: 0em;
    }
    .wc-container {
        padding: 2rem;
    }
    .bc-container {
        padding: 2rem;
    }
    .image {
        width: 16em;
        /* height: 13em; */
        border-radius: 50%;
        margin: 2em 2.5em 2em 0em;
    }
    h2 {
        font-size: 28px;
    }
}