olya_097

Так сгодится?

Потому что null преобразуется к 0, при сравнении.

$(кнопка).on("click", function(){
  $("блок который надо показать").toggleClass("show");
})

в css пишем

.show{
  display: block;
}

не submenu: hover
а dropdown:hover submenu

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

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

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

Потому что экземпляры Collator наследуют только одно свойство из своего прототипа:

Intl.Collator.prototype.compare
Геттер; возвращает функцию, сравнивающую две строки согласно порядку сортировки этого объекта Collator.

И только один метод:

Intl.Collator.prototype.resolvedOptions()
Возвращает новый объект со свойствами, отражающими локаль и опции сравнения строк, вычисленные при инициализации объекта.

По этому пользоваться можно только compare и resolvedOptions().

Либо можете добавлять свои свойства/методы

https://codepen.io/anon/pen/wZxxXP
+ недавно был похожий вопрос Как сделать так чтобы одна буква занимала две строки?

Вроде бы так : https://codepen.io/topicstarter/pen/GLBQVp

border-radius

border-radius: 50% 0 0 50%; /* значения по часовой стрелке от левого верхнего угла элемента */

или

border-top-left-radius: 50%;
border-bottom-left-radius: 50%;

Потому что у вас селектор не правильно написан

var services__slider = $(".services__wrap .owl-carousel");

а надо

var services__slider = $(".services__wrap.owl-carousel");

Вот тут не должно быть пробелов между именами классов:

var services__slider = $(".services__wrap.owl-carousel");

потому что на десктоп влезают все 3 слайда, на планшет 2, а на мобилу 1,

woff и woff2
ttf не нужен
https://transfonter.org/formats#browser-support

.block {
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
}

top: 50%;
left: 50%;
transform: translate(-50%, -50%);