Николай

border-image-slice: 1
Чтобы заданный градиент сместился или растянулся по всей границе.

.slider__section { z-index: 1 }
.slider__section::after { z-index: -1 }

Задайте так:

.center-box {
  display: flex;
  gap: 15px
}
.character-line {
  flex-shrink: 0;
  width: 76%;
}
.checkbox-line {
  flex-grow: 1
}

Тут будет линия с картинками определенной ширины, а с галочками заполнять все оставшееся место.

И кстати, отрицательного внутреннего отступа (padding) у .checkbox-line недопустимо.

Так вы обращаетесь во внутрь .page-projects__details и ищите в нем .page-projects__elems, а надо рядом искать блок этот добавив "+"

Сделать секцию, секции дать фон, а внутри секции сделать этот блок, а сдвинуть padding-ом секции. Как вариант

Добавить transform: skewY(0deg); примерно на минус 40-50 градусов, там как вам больше подойдет ;-)

Чтобы псевдоэлемент реагировал на изменения размеров и т.п, добавьте "блочность" ему display: block

Полоса прокрутки вроде как, по стилям вот так вычислил.

Так вы задайте свойства

#header_nav
    display: flex;
    align-items: center;

Или что именно, вы хотели?!

Как вариант, у блока на который наводим указать в стилях position: relative, а блоку который появляется left: 50% и transform: translateX(-50%)

Есть только разница в прочтении скринридерами сайта твоего, в случае, если ul оборачивать, то он озвучит, что будет какой-то список и когда закончатся ссылки так же скажет про конец списка. А так он будет просто говорить какие ссылки он видит и человек плоховидящий не особо поймет куда он попал