.navbar-collapse{
    flex-grow: unset;
}
.navbar-collapse .nav-link{
    font-size: 18px;
}
.scrolled .navbar-toggler{
    color: #054124;
}
.top-navigation {
    position: relative;
    padding: 1rem 3rem;
    z-index: 10;
}
.top-navigation{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.navbar-logo{
    height: 50px;
}
.home_page{
    height: 100vh;
    background-image: url('../img/banner.png');
}
.services_page{
    height: 50vh;
    background-image: url('../img/Services/Service_Banner.png');
}
.partners_page{
    height: 50vh;
    background-image: url('../img/Partners/Partners_Banner.png');
}
.contactus_page{
    height: 50vh;
    background-image: url('../img/ContactUs_Banner.png');
}
.top-content{
    text-align: center;
}

.scrolled {
    background: rgba(255, 255, 255, .8) !important;
    padding-top: 1rem !important;
    /* transition: padding-top 1s, background 2s; */

}
.scrolled .nav-link {
    color: #054124 !important;
}
.nav-link:hover {
    /* color: #054124 !important; */
    text-decoration: underline;
}
.scrolled .navbar-logo{
    content: url('../img/GlowBank-Logo-Green.png')
}
.text-white{
    color: white;
}
.nav-btn:hover{
    background: #054124;
    color: white;
}
.btn-white{
    background: white;
    color: black;
    border: 1px solid white;
}
.btn-white:hover{
    background: #054124;
    color: white;
}
.btn-white.btn-border{
    background: transparent;
    border: 1px solid white;
    color: white;
}
.btn-white.btn-border:hover{
    background: white;
    color: #054124;
}
.btn-black{
    background: black;
    color: white;
    border: 1px solid black;
}
.btn-black.btn-border{
    background: transparent;
    border: 1px solid black;
    color: black;
}
.btn-black.btn-border:hover{
    background: black;
    border: 1px solid black;
    color: white;
}
.text-inter{
    font-family: Inter;
}
.font-weight-300{
    font-weight: 300;
}
.text-green{
    color: #054124;
}
.py-5rem{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.px-5rem{
    padding-left: 5rem;
    padding-right: 5rem;
}
.mr-5{
    margin-right: 3rem;
}
#about {
    color: black;
    background-image: url('../img/About_BG.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.license_item{
    padding: 10px 15px;
    background: #EFEFEF;
    height: 100%;
}
.cta{
    height: 30rem;
    display: flex;
    align-items: center;
    background-color: #054124;
}
#cta{
    background-image: url('../img/CTA_Background.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.footer-group{
    width: 50%;
    display: flex;
    flex-direction: column;
}
.border-left{
    border-left: 1px solid white;
}
.img-fluid-sm{
    height: 50px;
    width: auto;
}
.img-fluid-xs{
    height: 35px;
    width: auto;
}
.footer-group ul{
    list-style: none;
}
.footer-group ul li{
    padding: 10px 20px;
}
.footer-logo{
    height: 60px;
    width: auto;
}

form label{
    color: #054124;
    font-weight: 600;
    font-family: Inter;
}
.btn{
    font-weight: 500;
    padding: 10px 20px;
}
.btn-block{
    width: 100%;
}
.btn-green{
    color: white;
    background: #054124;
    font-size: 14px;
}
.btn-green:hover{
    color: #054124;
    background: white;
    border: 1px solid #054124;
    font-size: 14px;
}
.client{
    margin: 8rem 0 0 0;
    position: relative;
    background: #EAE8DF;
    padding: 4rem 2rem 2rem 2rem;
}
.client .client-img{
    height: 90px;
    width: 90px;
    object-fit: cover;
    display: block;
    position: absolute;
    top: -45px;
    left: calc(50% - 45px);
    border-radius: 50%;
}
.client .client-statement{
    min-height: 12rem;
    position: relative;
    display: block;
}
.client .client-statement p{
    padding: 2rem 2rem;
    font-family: Inter;
    font-size: 14px;
}
.quote-top{
    position: absolute;
    top: 0;
    left: 0;
}
.quote-bottom{
    position: absolute;
    bottom: 0;
    right: 0;
}
.quote-top img, .quote-bottom img{
    width: auto;
    height: 30px;
}
.services-container img{
    height: 100%;
    object-fit: cover;
}
footer ul li a{
    color: white;
    text-decoration: none;
}
footer ul li a:hover{
    text-decoration: underline;
    color: white;
}