#navbarResponsive {
    
    color: #000;
    text-align: center;
    
}

#submenu :hover {
    color: #000;
    background-color: #f90; 
}
.navbar-light .navbar-nav .nav-item .nav-link  {
    color: #000;
}
.navbar-light .navbar-nav .nav-item .nav-link :hover  {
    color: #000;
    background-color: #f90;
    /* background: linear-gradient(57deg, #fff , #f90 ); */
    border-radius: 5px;

    /* -ms-transform: scale(.5); /* IE 9 */
    -webkit-transform: scale(.5); /* Safari 3-8 */
    transform: scale(1.1);  */
}
.navbar-light .navbar-nav .nav-item .login:hover  {
    color: #000;
    background-color: #f90;
    /* background: linear-gradient(57deg, #fff , #f90 ); */
    border-radius: 5px;

    /* -ms-transform: scale(.5); /* IE 9 */
    -webkit-transform: scale(.5); /* Safari 3-8 */
    transform: scale(1.1);  */
}

.about,
.contact, .notice, .gallery, .uniform {
    margin-top: 40px;
    text-align: center;
}
.about p,
.contact p,
.notice p,
.gallery p,
.uniform p {
    color: #f90;
    font-size: 60px;
}
.about .line,
.contact .line, 
.gallery .line,
.notice .line,
.uniform.line {
    position: relative;
    width: 120px;
    height: 2px;
    background-color: #4d1b81;
    bottom: 0;
    margin: auto;
}
.aboutDescription{
    margin: 40px 10px;
    text-align: justify;
}
.aboutBox .line {
    position: relative;
    width: 80px;
    height: 2px;
    background-color: #4d1b81;
    bottom: 0;
    margin-top: 20px;
}
.msg {
    margin-top: 20px;
}

.vline{
    position: relative;
    width: 2px;
    height: 100%;
    background-color: #4d1b81;
    align-items: center;
   margin: auto;
}
.notice, .gallery {
    margin-top: 100px;
}
.noticelists {
    margin-top: 40px;
    text-align: justify;
}

/* Change navbar styling on scroll */

.navbar.active {
    
    background: #fff;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);
    
}

.navbar.active .nav-item .nav-link i,
.navbar.active .nav-item .nav-link  {
    color: #000;
}

.navbar.active .navbar-brand {
    color: white;
}




/* Change navbar styling on small viewports */

@media (max-width: 991.98px) {
    .navbar {
        background: #fff;
        font-weight: normal;
    }

    .navbar .navbar-brand, .navbar .nav-link {
        color: white;
    }

    /* .slide {
        margin-top: 105px;
    } */
    .vline{
        position: relative;
    width: 120px;
    height: 2px;
        background-color: #4d1b81;
        align-items: center;
       margin: auto;
    }


}