body {
    font-family: Roboto, "Helvetica Neue", sans-serif !important;
}

.navbarHeading {
    vertical-align: bottom !important;
    font-size: 18px;
    font-weight: 600;
}

.MainNavStyling {
    background-color: #007bff !important;
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%);
}

    .MainNavStyling .navbar-brand span {
        color: white;
        font-weight: 500;
    }

    .MainNavStyling .navbar-nav .nav-link {
        color: white !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 15px !important;
    }

    .MainNavStyling .navbar-nav .dropdown-menu {
        background-color: #007bff !important;
    }

    .MainNavStyling .navbar-nav .dropdown-item {
        color: white !important;
        padding: 4px 16px !important;
    }

        .MainNavStyling .navbar-nav .dropdown-item:hover {
            /*color: black !important;
            background-color: white;*/
            background-color: #4DA3FF;
        }

        .MainNavStyling .navbar-nav .dropdown-item.active {
            /*color: black !important;
            background-color: white;*/
            background-color: #6574c4 !important;
        }

.dropdownHeading {
    color: #c5c1c1 !important;
}

.MainNavStyling .nav-item .dropdown-toggle::after {
    display: -webkit-inline-box;
}