.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: 30px;
    height: 18.7px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2020'%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='10'%20x2='40'%20y2='10'%20gradientUnits='userSpaceOnUse'%3E%3Cstop%20offset='0'%20stop-color='%23225300'%20stop-opacity='.12'/%3E%3Cstop%20offset='.55'%20stop-color='%23225300'/%3E%3Cstop%20offset='1'%20stop-color='%237CC942'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d='M2,10h26'%20stroke='url(%23g)'%20stroke-width='2.4'%20stroke-linecap='round'%20fill='none'/%3E%3Cpath%20d='M28,4l9,6,-9,6'%20stroke='url(%23g)'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'/%3E%3Ccircle%20cx='38'%20cy='10'%20r='1.3'%20fill='%237CC942'/%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__textwrapper {
        margin-top:0;
        padding: .5rem 2rem;
        border: 2px solid #225300;
        border-radius: 2rem;
    }
    
    .t-body .t1107__title {
        font-size: 22px !important;
        line-height:1;
    }

    .t1107 .t-container {
        flex-direction: column !important;
        align-items: center;
    }
    
    .t1107__col {
        width: 100% !important;
        margin-bottom: 0;
        max-width: 390px !important;
    }
    
    /* Поворачиваем стрелку на 90 градусов, чтобы смотрела ВНИЗ */
    .t1107__col:not(:last-child)::after {
        left: 50%;
        top: 45%;
        /* Поворот на 90 градусов + центрирование */
        transform: translate(-50%, 0) rotate(90deg);
        margin-top: 15px; /* Отступ от блока до стрелки */
    }
    
    /* Добавляем отступ после стрелки до следующего блока */
    .t1107__col:not(:last-child) {
        padding-bottom: 48px; /* Высота стрелки (18.7px) + отступы сверху и снизу (15px * 2) */
    }
}