/* =====================================
           მთლიანი სექციების ანიმაცია
        ===================================== */

        html.js-scroll-reveal [data-scroll-reveal] {
            opacity: 0;
            transform: translateY(65px);

            transition:
			opacity 1.5s ease,
			transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);

            will-change: opacity, transform;
        }

        html.js-scroll-reveal [data-scroll-reveal].is-visible {
            opacity: 1;
            transform: translateY(0);
        }


        /* =====================================
           ჰორიზონტალური ელემენტების ანიმაცია
           მარცხნიდან მარჯვნივ
        ===================================== */

        html.js-scroll-reveal [data-scroll-stagger] > * {
            opacity: 0;
            transform: translateX(-45px);

            transition:
                opacity 1.3s ease,
                transform 1.3s cubic-bezier(0.22, 1, 0.36, 1);
        }

        html.js-scroll-reveal [data-scroll-stagger].is-visible > * {
            opacity: 1;
            transform: translateX(0);
        }


        /* თითოეული ელემენტის გამოჩენის დრო */

        html.js-scroll-reveal [data-scroll-stagger].is-visible > *:nth-child(1) {
            transition-delay: 0s;
        }

        html.js-scroll-reveal [data-scroll-stagger].is-visible > *:nth-child(2) {
            transition-delay: 0.35s;
        }

        html.js-scroll-reveal [data-scroll-stagger].is-visible > *:nth-child(3) {
            transition-delay: 0.70s;
        }

        html.js-scroll-reveal [data-scroll-stagger].is-visible > *:nth-child(4) {
            transition-delay: 1.05s;
        }

        html.js-scroll-reveal [data-scroll-stagger].is-visible > *:nth-child(5) {
            transition-delay: 1.40s;
        }

        html.js-scroll-reveal [data-scroll-stagger].is-visible > *:nth-child(6) {
            transition-delay: 1.75s;
        }


        /* =====================================
           მობილური მოწყობილობები
        ===================================== */

        @media (max-width: 767px) {

            html.js-scroll-reveal [data-scroll-reveal] {
                transform: translateY(35px);
                transition-duration: 0.8s;
            }

            html.js-scroll-reveal [data-scroll-stagger] > * {
                transform: translateX(-25px);
                transition-duration: 0.7s;
            }

        }


        /* =====================================
           მოძრაობის შემცირების პარამეტრი
        ===================================== */

        @media (prefers-reduced-motion: reduce) {

            html.js-scroll-reveal [data-scroll-reveal],
            html.js-scroll-reveal [data-scroll-stagger] > * {
                opacity: 1;
                transform: none;
                transition: none;
            }

        }