RAX7

Для .list задай margin auto сверху и снизу
https://codepen.io/anon/pen/YbyaPQ

+ полезная статья как сделать такое и многое другое https://habr.com/ru/post/349988/

Для пульсирования используй @keyframes, для всего остального хватит transition
https://codepen.io/anon/pen/bJXXqK

fill-rule потерял

<svg id="Layer_1"  xmlns="http://www.w3.org/2000/svg" width="403" height="39" viewBox="0 0 403 39" fill-rule="evenodd">

https://developer.mozilla.org/en-US/docs/Web/SVG/A...

https://codepen.io/anon/pen/mgZevB?editors=0100

.dropdown
	&:hover
		> .submenu, > .subsubmenu
			opacity: 1
			visibility: visible

https://codepen.io/anon/pen/XQLbzE

Верхний бордер сделай через псевдоэлементы before/after

У тебя инпут и кнопка inline-block элементы, поэтому между ними есть небольшой пробел.
https://htmlacademy.ru/blog/21-fighting-the-space-...

.btn-button {
  padding: 18px;
}

В моб. и планшетной версии кружочки меньшего диаметра

Если у svg задать viewBox, то всё будет пропорционально масштабироваться, но на мобилках будет очень мелко. Можно на js пересчитывать размер и положение объектов в зависимости от ширины экрана.

Это можно сделать и без всяких слайдеров

https://codepen.io/anon/pen/VNzBzZ
https://developer.mozilla.org/ru/docs/Web/CSS/Gene...

Так?