html {
            scroll-behavior: smooth;
        }

        @keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translateY(40px);
            }

            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInLeft {
            0% {
                opacity: 0;
                transform: translateX(-50px);
            }

            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes fadeInRight {
            0% {
                opacity: 0;
                transform: translateX(50px);
            }

            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes fadeOutLeft {
            0% {
                opacity: 1;
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                transform: translateX(-50px);
            }
        }

        @keyframes fadeOutRight {
            0% {
                opacity: 1;
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                transform: translateX(50px);
            }
        }

        .hidden {
            opacity: 0;
            transform: translateX(50px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .visible {
            opacity: 1;
            transform: translateX(0);
        }


        .fade-in-left.show {
            animation: fadeInLeft 2s ease-out forwards;
        }

        .fade-in-left.hide {
            animation: fadeOutLeft 1.5s ease-in forwards;
        }

        .fade-in-right.show {
            animation: fadeInRight 2s ease-out forwards;
        }

        .fade-in-right.hide {
            animation: fadeOutRight 1.5s ease-in forwards;
        }

        .fade-in-up {
            animation: fadeInUp 1.2s ease-out;
            animation-delay: 0.5s;
            animation-fill-mode: both;
        }

        .fade-in-right-stagger {
            opacity: 0;
            transform: translateX(50px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .fade-in-right-stagger.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .fade-in-item {
            opacity: 0;
            transform: translateX(50px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .fade-in-item-mobile {
            opacity: 0;
            transform: translateX(50px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .fade-in-item-mobile.fade-in-mobile {
            opacity: 1;
            transform: translateY(0);
        }

        .fade-in-item.fade-in {
            opacity: 1;
            transform: translateY(0);
        }

        .not-visible {
            opacity: 0;
        }

        .bg-image-wrapper {
            position: relative;
            overflow: hidden;
            z-index: 1;
        }

        .bg-image-wrapper::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('/images/revamp/plans_1_bg.png');
            background-size: cover;
            background-position: 0%;
            opacity: 0.5;
            z-index: -1;
        }