.top-main-nav ul.dropdown-menu {
    background-color: #010541;
}
.top-main-nav .dropdown-item:focus, .top-main-nav .dropdown-item:hover {
    background-color: #141b71;
}
.top-main-nav .dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: 0 6px 8px 0px rgb(0 0 0 / 0.2);
    padding: 1rem 0;
}
.top-main-nav .dropdown-item {
    padding: .5rem 2rem;
}

.wrapper-button .nav-link:focus:not(:focus-visible) {
    box-shadow: none;
    outline: none;
}
.wrapper-button .nav-link:focus-visible {
    outline: none;
    box-shadow: none;
}
.wrapper-button .dropdown-menu {
    color: #fff;
    background: #141B71;
    background: linear-gradient(10deg, rgba(22, 30, 140, 1) 0%, rgba(2, 6, 62, 1) 100%);
    border: none;
    border-radius: 0;
    padding: 1.75rem 2.5rem 2.75rem;
    box-shadow: 0 6px 8px 0px rgb(0 0 0 / 0.2);
}
.wrapper-button .dropdown-header, .wrapper-button .dropdown-item-text {
    font-size: 1.33rem;
    color: #fff;
    letter-spacing: .05rem;
}
.wrapper-button .dropdown-header h5 {
    font-size: 1.6rem;
}
.wrapper-button .dropdown-toggle:after, .top-main-nav .dropdown-toggle:after {
    /*color: #b8bad5;*/
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
}
.wrapper-button li hr.dropdown-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.45);
    margin: 1.7rem 0 2.25rem;
}
.wrapper-button a {
    color: #fff;
    font-size: 1.5rem;
    padding: .5rem 5rem;
}
.wrapper-button a#view-profile-button {
    background-color: #4b2fe4;
}
.wrapper-button a#view-profile-button:hover, .wrapper-button a#view-profile-button:active {
    background-color: #5533f8;
    color: #fff;
}                        
.wrapper-button a#sign-out-button {
    background-color: #03aea3;
}
.wrapper-button a#sign-out-button:hover, .wrapper-button a#sign-out-button:active {
    background-color: #03b8ac;
    color: #fff;
}