/* .navbar-brand{
    font-weight: bold;
} */
nav#navbar{
    margin-bottom: 1em;
}
nav{
    box-sizing: border-box;
}
nav.navbar{
    background-color: #ffffff!important;
    color: #000000;
    box-shadow: 0px 5px 12px 0px rgb(207 207 207 / 50%);
    box-sizing: border-box !important;
}
.navbar-nav li:hover>ul.dropdown-menu{
    display: block;
}
.dropdown-submenu{
    color: black;
    position: relative;
}
.dropdown-submenu>.dropdown-menu{
    top: 0;
    margin-top:0px;
    left: 100%;
}

.dropdown-menu>li>a:hover::after{
    text-decoration: underline;
    transform: rotate(-90deg);
    color: #000000;
}

.dropdown-menu>li>a:active::after{
    text-decoration: underline;
    transform: rotate(-90deg);
    color: #ffffff;
}

/* active submenu */
.dropdown-menu>.dropdown-submenu>a:active{
    background-color: #000000!important;
    color: #ffffff !important;
}
.dropdown-menu>li>a.dropdown-item:active{
    background-color: #000000 !important;
    color: #ffffff !important;
}

.dropdown-menu>li>a:hover::after:active{
    color: #ffffff;
    text-align: center;
}

.dropdown-menu>li>a{
    text-transform: capitalize;
}
.navbar-nav>li>a{
    text-transform: capitalize;
}