В данном случае на расстояние сверху влияет данный блок:
<h2 class="mb-12 text-center heading">НАШИ ПРИЕМУЩЕСТВА</h2>
Рассмотрим класс, который висит на этом заголовке 2-го уровня:
.heading {
all: revert;
font-size: 25px;
}
Свойство "all: revert;" почитай что делает:
https://developer.mozilla.org/ru/docs/Web/CSS/revert
Именно оно добавляет тебе margin неконтролируемые.
Получается, что нужно сделать на этом классе:
.heading {
all: revert;
font-size: 25px;
margin-top: 0;
}
Ну или меняй "margin-top" на сколько надо