div:has(> .animated-background-custom) {
    position: relative;
}

div:has(> .animated-background-custom:not(.active)) h2,
div:has(> .animated-background-custom:not(.active)) p,
div:has(> .animated-background-custom:not(.active)) label {
    color: #000000;
}

div:has(> .animated-background-custom.active) h2,
div:has(> .animated-background-custom.active) p,
div:has(> .animated-background-custom.active) label {
    color: #FFFFFF;
}

.animated-background-custom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #625D9C;
    overflow: hidden;
    opacity: 0;
    /* z-index: -1; */
    z-index: 2;
}

.animated-background-custom .animated-background-custom-container {
    position: absolute;
    width: 1920px;
    height: 100%;
    left: calc(50% - 960px);
}

.animated-background-custom .animated-background-custom-container .ellipse-8-custom {
    position: absolute;
    animation-name: contact-form-ellipse-8-custom;
    animation-duration: 10s;
    animation-delay:7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.animated-background-custom.active {
    animation: fadeIn 2s forwards;
}

@keyframes contact-form-ellipse-8-custom {
    0% {
        width: 742.18px;
        height: 1028.18px;
        left: 0px;
        top: 491.53px;

        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
    }
    50% {
        width: 987.23px;
        height: 1365.22px;
        left: 222.11px;
        top: 591.36px;

        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(-31.64deg);
    }
    100% {
        width: 742.18px;
        height: 1028.18px;
        left: 0px;
        top: 491.53px;

        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
    }
}