.elementor-827 .elementor-element.elementor-element-48ff8ba{--display:flex;--min-height:100vh;--overlay-opacity:0.5;}.elementor-827 .elementor-element.elementor-element-48ff8ba::before, .elementor-827 .elementor-element.elementor-element-48ff8ba > .elementor-background-video-container::before, .elementor-827 .elementor-element.elementor-element-48ff8ba > .e-con-inner > .elementor-background-video-container::before, .elementor-827 .elementor-element.elementor-element-48ff8ba > .elementor-background-slideshow::before, .elementor-827 .elementor-element.elementor-element-48ff8ba > .e-con-inner > .elementor-background-slideshow::before, .elementor-827 .elementor-element.elementor-element-48ff8ba > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #F7F7F7D1 0%, #000003E6 100%);}/* Start custom CSS for container, class: .elementor-element-48ff8ba */.elementor-827 .elementor-element.elementor-element-48ff8ba {
        /* Set the height to fill the viewport */
        height: 100%;
        width: 100%;

        /* The beautiful gradient */
        background: linear-gradient(135deg, #8E2Dff, #4Ff0E0);

        /* Make the background larger than the viewport */
        background-size: 400% 400%;

        /* Apply the animation */
        animation: gradientAnimation 5s ease infinite;

        /* For centering content inside */
        /*display: flex;*/
        /*justify-content: center;*/
        /*align-items: center;*/
        /*text-align: center;*/
    }

    /* The animation keyframes */
    @keyframes gradientAnimation {
        0% {
            background-position: 0% 50%;
            
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }

    /* Some content to show on top *//* End custom CSS */