.navbar {
    background-color: rgb(0, 0, 0, 0.8) !important;
    border-bottom: 4px solid #006fb8;
    height: 50px;
}

img {
    /* background-color: rgba(0, 0, 0, 0.8) !important; */
    /* border-bottom: 4px solid purple; */
    /* border: 1px solid purple; */
    /* border-radius: 5px; */
    width: 80px;
    /* height: 100%; */
    margin-top: 15px;
}

.navbar span {
    font-family: "MFinance HK Bold";
    color: white !important;
}

.nav-item {
    background-color: gold;
    /* border: 2px solid gray; */
    margin: 5px;
    /* margin-top: 25px; */
    border-radius: 5px;
    height: 0px;
    transition: border 1s;
}

.nav-item.active {
    border: 2px solid #006fb8;
    /* margin: 5px; */
    border-radius: 5px;
}

.nav-item:hover {
    border: 2px solid #006fb8;
    transition: border 1s;
}

.nav-link {
    color: gray;
    text-transform: uppercase;
    margin-top: -20px;
}

.nav-link:hover {
    color: white;
}

.active {
    color: white !important;
}

.navbar-toggler {
    background-color: #006fb8;
}

.navbar-collapse {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5px;
    /* border: 2px solid #006fb8; */
    border-radius: 10px;
}