.t868__code-wrap {
    display: contents !important;
}

.t1107__col {max-width: 190px !important;}

.t1107__textwrapper {
}

 #rec4216835801 {margin-top: 30px;}

/* 1. Скрываем стандартные встроенные стрелки */
.t1107__arrow {
    display: none !important;
}

/* 2. Заставляем контейнер выстраивать колонки в ряд и растягивать их по высоте самой высокой */
.t1107 .t-container {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch; /* Ключевое свойство: все колонки одной высоты */
}

/* 3. Внутри каждой колонки центрируем содержимое (картинку и текст) по вертикали */
.t1107__col {
    display: flex !important;
    flex-direction: column;
    justify-content: center; /* Вертикальный центр */
    align-items: center;     /* Горизонтальный центр */
    position: relative;      /* Чтобы стрелка позиционировалась относительно колонки */
}

/* 4. Рисуем стрелку между колонками */
.t1107__col:not(:last-child)::after {
    content: '';
    position: absolute;
    
    /* Позиционирование для десктопа */
    left: 100%;
    top: 70%; /* Теперь это 50% от ОДИНАКОВОЙ высоты всех колонок! */
    transform: translate(-50%, -50%);
    
    width: 44px;
    height: 18.7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.7 18.7'%3E%3Cpath d='M.1 9.4h23' stroke='%23225300' fill='none'/%3E%3Cpath d='M14.1 18.4l9-9-9-9' stroke='%23225300' fill='none'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}

/* 5. АДАПТАЦИЯ ДЛЯ ПЛАНШЕТОВ И МОБИЛЬНЫХ (менее 960px) */
@media screen and (max-width: 960px) {
        /* Блоки идут вертикально */
    .t1107 .t-container {
        flex-direction: column !important;
        align-items: center;
    }
    
    .t1107__col {
        width: 100% !important;
        margin-bottom: 0;
    }
    
    /* Поворачиваем стрелку на 90 градусов, чтобы смотрела ВНИЗ */
    .t1107__col:not(:last-child)::after {
        left: 50%;
        top: 70%;
        /* Поворот на 90 градусов + центрирование */
        transform: translate(-50%, 0) rotate(90deg);
        margin-top: 15px; /* Отступ от блока до стрелки */
    }
    
    /* Добавляем отступ после стрелки до следующего блока */
    .t1107__col:not(:last-child) {
        padding-bottom: 48px; /* Высота стрелки (18.7px) + отступы сверху и снизу (15px * 2) */
    }
}