/* Основной контейнер блока */
.revolution-block {
    max-width: 1400px; /* Ограничение ширины для адаптивности */
    margin: 0 auto; /* Центрирование */
    padding: 60px 40px; /* Внутренние отступы */
    background-color: #f9f9f9; /* Легкий серый фон для контраста */
    font-family: 'Arial', sans-serif; /* Шрифт по умолчанию */
}

/* Заголовок блока */
.revolution-title {
    font-size: 2.5rem; /* Крупный размер заголовка */
    font-weight: 700; /* Жирный шрифт */
    color: #333; /* Темно-серый цвет */
    text-align: center; /* Центрирование */
    margin-bottom: 40px; /* Отступ снизу */
    position: relative; /* Для псевдоэлементов */
}

.revolution-title .last-word {
    color: #f25c05; /* Оранжевый акцент для последнего слова */
    font-weight: 800; /* Более жирный шрифт для выделения */
}

.revolution-title::after {
    content: ''; /* Псевдоэлемент для линии */
    position: absolute;
    bottom: -10px; /* Под заголовком */
    left: 50%; /* Центр */
    transform: translateX(-50%); /* Коррекция центрирования */
    width: 50px; /* Длина линии */
    height: 3px; /* Толщина линии */
    background-color: #f25c05; /* Оранжевый цвет */
    transition: width 0.3s ease; /* Анимация ширины */
}

.revolution-title:hover::after {
    width: 100px; /* Расширение линии при наведении */
}

/* Контейнер для текста и изображения */
.revolution-paragraph {
    display: flex; /* Гибкая раскладка */
    align-items: center; /* Выравнивание по центру */
    justify-content: space-between; /* Распределение пространства */
    margin-bottom: 60px; /* Отступ снизу */
}

.revolution-paragraph:last-child {
    margin-bottom: 0; /* Удаление отступа у последнего блока */
}

/* Текстовый блок */
.revolution-text {
    flex: 1; /* Занимает половину пространства */
    padding-right: 40px; /* Отступ справа для баланса */
}

.revolution-text p {
    font-size: 1.2rem; /* Размер текста */
    color: #555; /* Средне-серый цвет */
    line-height: 1.6; /* Высота строки */
    margin-bottom: 20px; /* Отступ между параграфами */
}

.revolution-text p:last-child {
    margin-bottom: 0; /* Удаление отступа у последнего параграфа */
}

/* Блок с изображением */
.revolution-image {
    flex: 1; /* Занимает половину пространства */
    text-align: center; /* Центрирование изображения */
}

.revolution-image img {
    max-width: 100%; /* Адаптивная ширина */
    height: auto; /* Сохранение пропорций */
    border-radius: 10px; /* Скругленные углы */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Легкая тень */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Анимация */
}

.revolution-image img:hover {
    transform: scale(1.05); /* Увеличение при наведении */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); /* Усиленная тень */
}

/* Адаптивные стили */
@media screen and (max-width: 1024px) {
    .revolution-paragraph {
        flex-direction: column; /* Стековый вид на планшетах */
        text-align: center; /* Центрирование текста */
    }

    .revolution-text {
        padding-right: 0; /* Удаление правого отступа */
        margin-bottom: 30px; /* Отступ снизу для текста */
    }

    .revolution-image img {
        max-width: 80%; /* Уменьшение изображения */
    }
}

@media screen and (max-width: 768px) {
    .revolution-block {
        padding: 40px 20px; /* Уменьшенные отступы */
    }

    .revolution-title {
        font-size: 2rem; /* Уменьшенный размер заголовка */
    }

    .revolution-text p {
        font-size: 1.1rem; /* Уменьшенный размер текста */
    }

    .revolution-image img {
        max-width: 100%; /* Полная ширина на мобильных */
    }
}