towncitybr

Используйте breakpoints

let swiper = new Swiper(".swiper__info", {
    loop: true,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
    },
    pagination: {
        clickable: true,
        el: ".swiper-pagination",
    },
    allowTouchMove: false,
    breakpoints: {
        // when window width is >= 1024
        1024: {
            allowTouchMove: true,
        },
    },
});

.swiper-slide {
	height: 0;
	position: relative;
	padding-top: 100%;
}

.swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

У вас в фигме написано градиент из чистого белого в прозрачный.
А потом этому всему еще добавлен opacity 0.2

Прозрачному уже некуда становится прозрачнее, он так и останется.
А вместо чистого белого нужно взять 0.2
rgba(255, 255, 255, 0.2)

arr.length - 1

Object.values(obj).filter((v) => v < 303)
// [ 125, 225, 128, 145, 281 ]

А вам принципиально использовать древний swiper? С новым все нормально работает:

Array.prototype.amount = function() {
    return this.reduce((a, i) => a + Number(i), 0);
}

let nums = 123123;
let arr = `${nums}`.split('');

const sum1 = arr.slice(0, 3).amount();
const sum2 = arr.slice(3, 6).amount();

if (sum1 == sum2) {
    console.log('сумма первых цифр равняется остальным трём');
} else {
    console.log('нет, не равняется');
}

Вполне нормально!

var nums = 123123;
var arr = `${nums}`.split('');
var result1 = 0;
var result2 = 0;

arr.forEach((curr, index) => {
  (index <= 2) ? result1 += Number(curr) : result2 += Number(curr);
})

console.log((result1 == result2) ? 'сумма первых цифр равняется остальным трем' : 'нет, не равняется')

let arr = `${num}`.split("")

Используйте SVG-анимацию. Например, тег set позволяет резко переключать атрибут, а тег animate позволяет плавно менять атрибут fill каждого из регионов:
В итоге JS и CSS вообще уходят из этого примера.

Вы зарегистрировали пост тайп, а не таксономию, для пост тайпа будет работать шаблон single-doc.php

Тут иерархия шаблонов

Для кастомного типа записей лучше регистрировать свои таксономии с помощью register_taxonomy()

попробуй так

$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;

text-size-adjust: none; //запрет авто-увеличения текста на мобилках

https://developer.mozilla.org/ru/docs/Web/CSS/text...
Технология экспериментальная, нужно смотреть поддержку на caniuse и не забывать префиксы.

@media all and (orientation: landscape), and (max-width: $break_mini) {}

https://developer.mozilla.org/ru/docs/Web/CSS/@media

<?php get_template_part( 'form-contacts' ); ?>

<div class="contacts__image" style="background-image: url(<?php echo get_the_post_thumbnail_url(get_the_ID, 'full') ?>);"></div>

git checkout develop
git pull

Чтобы слайдер нормально работал не надо переделывать слайды, надо внутри слайдов вставлять свои блоки и там их крутить как захочется. Но если уж очень надо навешать костылей, то в размере надо учитывать отступы:

.clients__box {
  outline: 1px solid red;
  margin: 0 40px;
  margin-bottom: 20px;
  width: calc(100% / 3 - 80px) !important;
}

Добавить в options свойство categoryPercentage со значением от 0 до 1.

1 — столбцы займут всю ширину без пробелов.