Как реализовать это?

пикчу можно сделать gif без фона

Я надеюсь, это был сарказм.

Как сделать в html скрытые блоки?

xmoonlight, Реально сделать только псевдо timeout в виде анимации. Да и я не утверждал, что это не реально, а уточнил у ТС о его намерениях.

Работают ли псевдоэлементы совместно с родственным селектором?

.mortgage__bank - это li?

Как сделать в html скрытые блоки?

как сделать таймер на появление блока к примеру через 7 секунд

Помогите это сделать без js!

Вы хотите сделать таймер на css?

Как сделать, чтобы cursor: pointer был не на всю ширину?

olya_097, Вот сейчас вообще не понял, при чем здесь клик. Вопрос о стилизации курсора при наведении на текст и крестик. Клик обрабатывается с помощью javascript.

Как найти несколько идущих друг за другом элементов с помощью?

Это ТЗ?

Как изменить блок с SVG в CSS?

Егор Мунтьян, Раз не помогло, значит ссылку давайте на песочницу или github page

Оптимизировать sidebar?

#sidebar-container .list-group .sidebar-submenu a - когда видишь такие селекторы, дальше вникать в суть проблемы и не хочется.
toggleClass('d-none') display: none не анимируется, зато анимируется width, height, opacity, transform и другие.
У jQuery есть методы slideToggle(), fadeToggle(), toggle()

Как нарисовать половину дуги?

Посмотрите в сторону https://anseki.github.io/leader-line/ либо отрисовывайте круг и элементы позиционируйте на нем. Вокруг каждого элемента белый border.

Css библиотека отступов как в bootstrap?

korner-brazers, Здесь одно из двух: либо изучить Sass и инструменты для его компиляции, либо научиться пользоваться гуглом https://github.com/TamirSharif/bootstrap4-Spacing