.dashboard-menu {
}

.dashboard-menu__item.active,
.dashboard-menu__item:hover {
    color: #963624;
    text-decoration: none;
}

@media (max-width: 991px) {
    .dashboard-menu {
        display: flex;
        justify-content: space-between;
        padding: 0 1em;
    }

    .dashboard-menu__item {
        color: white;
        font-size: 28px;
        line-height: 1;
    }

    .dashboard-menu__item-text {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dashboard-menu {
        padding: 0 98px;
    }
}

@media (min-width: 992px) {
    .dashboard-menu {
        padding: 50px 0 0 20px;
    }

    .dashboard-menu__item {
        display: block;
        color: var(--achtergrond-donker);
        margin-bottom: 43px;
        font-size: 18px;
    }

    .dashboard-menu__item-icon {
        width: 2em;
        text-align: left;
        font-size: 22px;
    }
}

@media (min-width: 1116px) {
    /*  the point from where menu can take desktop full width  */
    .dashboard-menu {
        padding: 106px 0 0 63px;
    }

    .dashboard-menu__item {
        font-size: 19px;
    }

    .dashboard-menu__item-icon {
        font-size: 23px;
    }
}