*{
    margin: 0;
    padding: 0;
}

header{
    padding: 0 10%;
}


header .navbar-brand img {
    width: 14em;
    height: auto;
}

header .navbar .nav-link.active, 
header .navbar .nav-link:hover  {
    border-bottom: 2px solid #4B7F3A;
    color: #4B7F3A !important;
}

.bannerSec{
    background-image: url(./images/slider-image-2s.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 31.25em;
    width: 100%;
    position: relative;
}
.bannerSec .bannerOverlay{
    background-color: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.bannerSec h1{
    color: white;
    z-index: 2;
}

.bannerProfileOverlay {
    margin-top: -7em;
    position: relative;
    z-index: 2;
}

.bodyPartCenter {
    max-width: 1200px;
    margin: 0 auto;
}

.greenColor{
    color: #4B7F3A;
}
.cardSection{
    margin-top: 4em;
}

.cardSection .card{
    width: 33%;
    border: none;
}


.cardSection .card .card-body {
    padding-left: 0;
    padding-right: 0;
}

.cardSection .card-text, 
.lineCard .card-text,
footer .card-text{
    color: #7a7a7a;
}

footer{
    background-color: #E9E3E3;
}
footer .footerlogo{
    width: 7em;
    height: auto;
    margin: 0 auto;
}

footer .nav .nav-link{
    color: #7a7a7a;
}

footer .nav .nav-link.active, footer .nav .nav-link:hover{
    color: #000000;
}

.modal-dialog {
    max-width: 60% !important;
}