body.uni-body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    background-color: #0d0d0d;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Контейнер */
.uni-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Текстовая часть */
.uni-text-section {
    max-width: 55%;
}

.uni-header {
    font-family: 'Russo One', sans-serif;
    font-size: 52px;
    font-weight: bold;
    background: linear-gradient(90deg, #ff3a44, #fc9e2d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
}

.uni-description {
    align-items: flex-end;
    width: 922px;
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 40px;
    color: #e0e0e0;
    margin-left: auto;
}

/* Логотипы */
/* styles.css */
.uni-logos {
    overflow: hidden; /* Скрыть элементы, выходящие за пределы */
    white-space: nowrap; /* Избегаем переноса строк */
    position: relative; /* Для позиционирования */
}

.ticker {
    display: inline-block; /* Элементы в одной строке */
}

.ticker__in {
    display: flex; /* Используем flexbox для выравнивания */
    animation: ticker 15s linear infinite; /* Настройка анимации */
    align-items: center;
}

@keyframes ticker {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* Сдвигаем на 50% */
    }
}

.uni-logo {
    display: flex; /* Для управления выравниванием с помощью Flexbox */
    align-items: center; /* Выравнивание по вертикали */
    justify-content: center; /* Центрирование по горизонтали */
    height: 250px; /* Фиксируем высоту контейнера */
    padding: 0 20px; /* Отступы между логотипами */
    overflow: hidden; /* На случай, если изображения выходят за границы */
}
.uni-logo img {
    height: 200px; /* Устанавливаем одинаковую высоту для всех логотипов */
    width: auto; /* Автоматически подстраиваем ширину для сохранения пропорций */
    display: block; /* Убираем возможные лишние отступы у изображений */
}




/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .uni-container {
        flex-direction: column; /* Вертикальное выравнивание для мобильных устройств */
        padding: 20px; /* Уменьшаем отступы */
    }

    .uni-text-section {
        max-width: 100%; /* Ширина текста на всю ширину контейнера */
        margin-bottom: 20px; /* Добавляем отступ снизу */
    }

    .uni-header {
        font-size: 32px; /* Уменьшаем размер шрифта заголовка */
        margin-bottom: 20px; /* Уменьшаем отступ снизу */
        margin-left: 10px;
    }

    .uni-description {
        font-size: 18px; /* Уменьшаем размер шрифта описания */
        margin-left: 10px; /* Убираем левый отступ */
        width: auto; /* Ширина на всю доступную ширину */
        margin-top: 10px;
    }

    .uni-logos {
        overflow: hidden; /* Скрываем элементы, выходящие за пределы */
        white-space: nowrap; /* Избегаем переноса строк для логотипов */
        position: relative; /* Для позиционирования */
        margin-bottom: 20px; /* Добавляем отступ снизу для логотипов */
    }

    .ticker__in {
        display: flex; /* Используем flexbox для выравнивания */
        animation: ticker 15s linear infinite; /* Настройка анимации, сохраняем ее для мобильных */
    }

    .uni-logo {
        padding: 10px; /* Уменьшаем отступы между логотипами */
    }
}