Eugene Chefranov

Вообще вам нужен сборщик типа Gulp. Если попроще то ставьте расширение для VS Code типа Live Sass Compiler

https://www.youtube.com/watch?v=4JS70KB9GS0

Проблема с стилями для выпадающих меню. Добавьте стиль

.dropdown .nav__menu-item-active::after {
    bottom: 0px;
}

Для подсветки родительской

.current_page_ancestor > a::after, .nav__menu-item-active::after {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -22px;
    background-color: #dd482d;
}

Обнулите стили HR. Браузер сам может довешивать стандартные стили

Я бы сделал один input (для основного номера) и собрал шрифт с двумя начертаниями, одно без заливки, а другое с заливкой. И для placeholder задал бы тот который без заливки, а для поля в фокусе с заливкой. И прикрутил бы какой-нибудь jquery.mask, чтобы бред не писали.

На icomoon можно такое сделать. Вам понадобятся все необходимые буквы и цифры от 0 до 9 в svg, в двух вариантах с заливкой и без.

Если у вас фиксированное количество дивов, то можно сделать в лоб:

div:nth-child(1) {
  padding-bottom: 10px;
}

div:nth-child(2) {
  padding-bottom: 20px;
}

div:nth-child(3) {
  padding-bottom: 30px;
}

div:nth-child(4) {
  padding-bottom: 40px;
}

.allLogo:hover .transform {transform: rotate(360deg) scale(0.5) }