.hai_bg{
		background: linear-gradient(315deg, rgba(2, 40, 104, 1) 3%, rgba(19, 102, 187, 1) 38%, rgba(0, 73, 151, 1) 68%, rgba(6, 75, 178, 1) 88%);
		animation: gradient 15s ease infinite;
		background-size: 400% 400%;
		background-attachment: fixed;
	}
	 @keyframes gradient {
            0% {
                background-position: 0% 0%;
            }

            50% {
                background-position: 100% 100%;
            }

            100% {
                background-position: 0% 0%;
            }
        }

        .wave {
            background: rgb(255 255 255 / 25%);
            /* background: rgba(255, 255,255, .1); */
           /* border-radius: 1000% 1000% 0 0;*/
            position: fixed;
            /*width: 200%;*/
            /*height: 12em;*/
            animation: wave 10s -3s linear infinite;
            transform: translate3d(0, 0, 0);
            opacity: 0.8;
            bottom: 0;
            left: 0;
            z-index: -1;
        }

        .wave:nth-of-type(2) {
            bottom: -1.25em;
            animation: wave 18s linear reverse infinite;
            opacity: 0.5;
        }

        .wave:nth-of-type(3) {
            bottom: -6.5em;
            animation: wave 20s -1s reverse infinite;
            opacity: 0.6;
        }

        @keyframes wave {
            2% {
                transform: translateX(1);
            }

            25% {
                transform: translateX(-25%);
            }

            50% {
                transform: translateX(-20%);
            }

            75% {
                transform: translateX(-25%);
            }

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