.bubble_bg {
    background-color: #D4398D;
    overflow: hidden;
}

.bubble_bg:before,
.bubble_bg:after {
    content: ''; position: absolute;
    top: 50%; left: 50%;
    width: 90%; padding: 0 0 90%;
    background-color: #FFFFFF;
    opacity: 0.1;
    border-radius: 70% 90% 70% 90% / 70% 90% 70% 90%;
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    -o-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    pointer-events: none;
}

.bubble_bg:after {
    width: 100%;
    padding: 0 0 70%;
}

.bubble_bg:before {
    animation-name: rotate;
    animation-duration: 60s;
    animation-iteration-count:infinite;
    animation-timing-function: linear;
}

.bubble_bg:after {
    animation-name: rotate;
    animation-duration: 50s;
    animation-iteration-count:infinite;
    animation-timing-function: linear;
}



@keyframes rotate {
    0%   {
        -webkit-transform: translate(-50%,-50%) rotate(0deg);
        -moz-transform: translate(-50%,-50%) rotate(0deg);
        -ms-transform: translate(-50%,-50%) rotate(0deg);
        -o-transform: translate(-50%,-50%) rotate(0deg);
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%,-50%) rotate(360deg);
        -moz-transform: translate(-50%,-50%) rotate(360deg);
        -ms-transform: translate(-50%,-50%) rotate(360deg);
        -o-transform: translate(-50%,-50%) rotate(360deg);
        transform: translate(-50%,-50%) rotate(360deg);
    }
}


@media screen and (orientation: landscape){
    .bubble_bg:before,
    .bubble_bg:after {
        width: 90vh; padding: 0 0 90vh;
    }
    .bubble_bg:after {
        padding: 0 0 70vh; width: 100vh;
    }
}

@media screen and (max-width:39.9375rem){
    body .seva-modal .formkit-close, .formkit-modal .formkit-close {
        top: auto;
        bottom: 99%;
        right: 0;
    }
}