Senseich

Скорей всего, потому что в стилях маркеры отменены.

.navbar-menu{
list-style-type: none;

Если вы про данный список div class="list" , то возможно другие стили перебивают ваши стили. Поставьте ваши стили в самый низ, после бутстрапа.

если я правильно понял, у вас похоже некоторые медиа запросы неправильно закрыты, не хватает фигурных скобок закрывающих. должно быть так:

@media (max-width: 767px) {
   .селектор { свойства };
}

Проверьте )

Вот здесь точное определение написано: https://puzzleweb.ru/css/pr_align-content.php
Работает для нескольких элементов или строк

Нашел решение, может кому пригодится. Оказывается c версии 3019 эту функцию отключили не понятно зачем, по моему так гораздо удобнее.
Вот здесь решение: sridhar.blog/enable-autocomplete-css-selectors-sub...
Ну и я ещё установил All Autocomplete, но без настроек выше он отрабатывать не будет

Вот так:

.radiok:checked ~ .labeld {
       
       color:blue;
       font-weight:bold;
}

Вроде как с тенями такая фишка не прокатит, хоть они и на одно слое, элемент который ниже в потоке будет перекрывать элемент который выше. Если только попробовать поиграть с тенями, допустим для второго уровня: -webkit-box-shadow: -1px 1px 5px 2px rgba(0,0,0,0.44);
а для третьего: -webkit-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.44);
Ну это как пример, вобщем сделать так, чтобы тени слева и справа не наезжали друг на друга.