.navbar {
    background: var(--bs-white);
}

.bottom-bar .offcanvas-body .navbar-nav {
    display: flex;
    justify-content: flex-end;
    gap: 0.25rem;
}

    .bottom-bar .offcanvas-body .navbar-nav .nav-item .nav-link {
        font-weight: 500 !important;
        font-size: 14px !important;
        color: var(--bs-blue-dark) !important;
        text-transform: capitalize !important;
    }

    .bottom-bar .offcanvas-body .navbar-nav .nav-item .dropdown {
        position: unset;
    }

        .bottom-bar .offcanvas-body .navbar-nav .nav-item .dropdown .dropdown-menu {
            width: 100%;
            top: 100%;
            border-radius: 0;
            border: 0;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 20px 24px;
            margin: 0;
        }

            .bottom-bar .offcanvas-body .navbar-nav .nav-item .dropdown .dropdown-menu ul {
                list-style: none;
                margin: 0;
                padding: 0;
                column-count: 4;
            }

                .bottom-bar .offcanvas-body .navbar-nav .nav-item .dropdown .dropdown-menu ul li .dropdown-item {
                    font-size: 14px;
                }

bottom-bar .offcanvas-body .navbar-nav .nav-item .login-btn {
    background-color: var(--bs-dark-blue);
    color: var(--bs-white);
    border-radius: 2px;
    padding: 0.25rem 1rem;
    font-weight: 500;
    display: inline-block;
}

.bottom-bar .offcanvas-body .navbar-nav .nav-item .nav-link .dropdown-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 195%;
    background-color: antiquewhite;
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap;
}