a {
    transition: none;
}

.navigation .level-1 {
    font-size: 0;
    /* border-top: 1px solid #ccc; */
    list-style: none;
    padding: 0;
    display: block;
    position: relative;
}

.navigation li {
    width: 250px;
    display: block;
    /* border-bottom: 1px solid #ccc; */
    /* background: #eee; */
    transition: background 10ms linear 10ms;
}
.navigation li:hover .level-2 {
    visibility: visible;
}
.navigation .level-2 {
    border-left: 2px solid #4e4e4e;
    position: absolute;
    top: 0;
    left: 250px;
    width: 70%;
    height: 90vh;
    padding: 20px 0 0 0;
    visibility: hidden;
    overflow: scroll;
}

.navigation.touch-screen .level-2 {
    visibility: initial;
    display: none;
    transition: none;
}

.navigation.touch-screen li:hover .level-2 {
    visibility: initial;
    display: block;
}

.navigation.touch-screen li,
.navigation.no-hover-intent li {
    visibility: initial;
    transition: none;
}

.navigation.no-hover-intent .level-2 {
    visibility: initial;
    display: none;
}

.navigation.no-hover-intent li:hover .level-2 {
    visibility: initial;
    display: block;
}

.canva:hover,
.canva:focus {
    background-color: black;
    color: var(--bs-nav-link-hover-color);
}

ul.side_bar_info {
    bottom: 90px;
    position: absolute;
    padding-left: 14px;
}

.level-1 .hover {
    visibility: visible;
}

.level-1:hover .hover {
    visibility: hidden;
}

@media only screen and (max-width: 600px) {
    .navigation .level-2 {
        left: 0;
        background: #000000;
        width: 100%;
        top: 40px;
        left: 125px;
    }

    .d-sm_none {
        display: none
    }
    .navigation li{
        width: 124px;
    }
}