.logo-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff0000;
    display: inline-block
}
/* Bootstrap multi-level submenu tweaks */
.dropdown-submenu > .dropdown-menu {
    margin-left: .1rem;
    margin-right: .1rem;
}

.dropdown-submenu > .dropdown-item.dropdown-toggle::after {
    content: "›";
    float: right;
    transform: translateY(1px);
}

/* Pick your purple */
:root {
    --brand-purple: #2f1070;
}
/* Bootstrap purple */
.bg-purple {
    background-color: var(--brand-purple) !important;
}

/* (optional) gradient look */
.bg-purple-gradient {
    background: linear-gradient(90deg, #2f1070, #8b5cf6);
}