/* --- Стили для анимации появления при скролле --- */
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(-200px);
            /* Начальное смещение элемента вниз */
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .animate-on-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
            /* Возвращаем на место */
        }


        /* --- Стили для анимации появления при скролле --- */
        .animate-on-scroll_lx {
            opacity: 0;
            transform: translateX(-200px);
            /* Начальное смещение элемента вниз */
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .animate-on-scroll_lx.is-visible {
            opacity: 1;
            transform: translateX(0);
            /* Возвращаем на место */
        }

        /* --- Стили для анимации появления при скролле --- */
        .animate-on-scroll_rx {
            opacity: 0;
            transform: translateX(200px);
            /* Начальное смещение элемента вниз */
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .animate-on-scroll_rx.is-visible {
            opacity: 1;
            transform: translateX(0);
            /* Возвращаем на место */
        }