olya_097

Как один их вариантов
предлагаю это убрать

.features__item:not(:first-child) {
    border-left: 2px solid #003a7d;
}

и сделать вот так:

.features__item {
	position: relative;
}
.features__item:not(:first-child)::before {
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	border-left: 2px solid #003a7d;
	height: calc(100% - 40px);
}
.features__item:nth-child(odd)::before{
	top: 40px;
}

или

.features__item {
  position: relative;
}
.features__item:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 40px;
  left: -1px;
  border-left: 2px solid #003a7d;
}
.features__item:nth-child(odd)::before{
  top: 40px;
  bottom: 0;
}

или ...

Добавить:

.features__item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.features__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

https://jsfiddle.net/xuk1nced/

Убрать overflow из ховера и поставить сюда
.category__image { overflow: hidden; }

.brands__item:hover .brands__image;{
Заменить на
.brands__item:hover .brands__image {

У вас стили подключены для 5 версии, а в разметке прописано для 4
для того чтобы отображались нужно так:
<i class="fab fa-facebook"></i> - кругленькая
<i class="fab fa-facebook-f"></i> - с прозрачным фоном
<i class="fab fa-facebook-square"></i> - квадратная
<i class="fab fa-facebook-messenger"></i> - доп.
подробнее по брендам здесь
по использованию подробнее здесь

Вариант без backdrop-filter

Оберни в доп. элемент, например, span и суй в display none. Либо псевдоэлемент добавляй на определенном разрешении

before \ after content

у .partners: align-items: streach;
у .partners__item: display: flex; align-items: streach;
Все изображения будут тянуться по высоте родителя

Вот набросок, далее допиливайте сами

$(".gallery__item div").on({
    mouseenter: function () {
        $(this).text($(this).data('text'));
    },
    mouseleave: function () {
        $(this).text("");
    }
});

Ну и сам текст стилизовать - добавить z-index для отображения сверху оверлея, позиционирование и так далее.
Текст лучше заключить во внутренний селектор и работать с ним.

.fin{
  animation: fadein 3s;
}
.fout{
  animation: fadeout 3s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

https://jsfiddle.net/7Lj41awg/

Полоску убрать у page-numbers и её нарисовать как бордер или псевдо у nav-links.
Ширину page-numbers убрать, заменить на margin.
Ну и поправить, если что-то куда-то уехало.

brm.io/jquery-match-height