/* Вертикальное расположение точек пагинации */ #rec796309228 .t-slds__bullet-wrapper { position: absolute; left: 50%; /* Смещаем контейнер на 50% от левого края */ width: 60px; display: flex; flex-direction: row; top: 50%; /* Размещаем точки по центру по вертикали */ justify-content: center; /* Центрируем точки внутри контейнера */ height: auto; /* Автоматическая высота */ transform: translate(-50%, -50%); } /* Стиль для самих точек */ #rec796309228 .t-slds__bullet { width: 3px; height: 3px; background-color: #ccc; border-radius: 50%; margin-bottom: 10px; cursor: pointer; } /* Активная точка */ #rec796309228 .t-slds__bullet_active { background-color: #ff0000; }