Ankhena

Потому что вы проверяете на пустое поле или нет. А в тот момент, когда дело доходит до скрипта эти поля никогда не пустые, потому что об этом позаботился браузер проверив required.

В демках все есть

Нужна задать всем owl-item кроме того, у которого есть класс .center прозрачность и трансформ.
Причем именно так, а не увеличивать текущий (хотя, конечно, зависит от исходного размера фоток).

.owl-item:not(.center) {
  opacity: 0.5;
  transform: scale(0.6, 0.6);
}

outline-offset

Абсолюты позиционируются относительно ближайшего родителя с position отличным от static. Если его нет, то относительно body.

font-weight - соответствие слов и чисел
100 - Thin (Hairline)
200 - Extra Light (Ultra Light)
300 - Light
400 - Normal
500 - Medium
600 - Semi Bold (Demi Bold)
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)

Вы подключили 400 и 600. Bold (700) скорее всего браузер сам как-то постарается эмулировать. Ну а про то как рисовать bolder он просто ничего не знает.

Обычный overflow-y. Если надо сдвигать выше 0, то div надо делать изначально больше.
https://jsfiddle.net/bfojyt17/

Либо сдвигом bg position https://jsfiddle.net/bfojyt17/1/

1. Псевдоэлементом с transform rotate https://jsfiddle.net/5jobc9q7/ (угол, положение поставьте свои, псевдоэлемент примените к одному из внутренних блоков)
2. Градиентом
3. SVG
4. Просто картинкой

Используйте абсолют.
С трансформом место остается зарезервированным.

Убираете спаны с кавычками, делаете их CSS'ом с помощью свойства quotes псевдоэлементами и позиционируете как нужно.
После этого еще избавляетесь от мусора в разметке.

div::before {
  content: open-quote;
}
div::after {
  content: close-quote;
}
div {
  quotes: '«' '»';
}

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

Либо на js с помощью previousElementSibling

Дмитрий,
работайте с всегда открытыми инструментами разработчика и галочкой

ctrl+c ctrl+v
https://jsfiddle.net/4ed5xjw7/

В псевдоэлементе никак. Замените на span|div и т.д.

Потому что после #list1 нет .ul1
Чтобы к нему попасть нужно выйти на уровень наверх, а css этого не умеет.

https://jsfiddle.net/futqLmn7/

.financepage-main__items:hover  .item-text{
  цвет 
}
.financepage-main__items:hover  .item-openfolder (или .item-open, смотря у кого начальный цвет задан){
  цвет 
}

Современные форматы шрифтов woff и woff2. Сначала подключается woff2.
Почему не правильно отображается шрифты на safari?

https://bennettfeely.com/clippy/
SVG, SVG mask

Если ИЕ10, то вообще через border-radius
https://developer.mozilla.org/en-US/docs/Web/CSS/C...
https://9elements.github.io/fancy-border-radius/fu...

Как изменить цвет фона секции?