.elementor-19 .elementor-element.elementor-element-ad8323f{--display:flex;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-a5d6027 */.bubbles {
        display: flex;
        width: 100%;
        justify-content: space-around;
        position: absolute;
        bottom: 0;
    
        /* Default values for duration and y value (For Desktop) */
        --transform-duration: 20s;
        --transform-y: -1000vh;
}

.bubbles img {
        opacity: 0;
        animation-name: bubble;
        animation-timing-function: linear;
        animation-duration: var(--transform-duration);
        animation-iteration-count: infinite;
}

@keyframes bubble {
        0% {
            transform: translateY(0);
            opacity: 0;
    }

    50% {
            opacity: 0.2;
    }

    100% {
            transform: translateY(var(--transform-y));
            opacity: 0.15;
    }
}

/* Delay for each bubble separately (Desktop View)*/
.bubbles img:nth-child(1) {
        animation-delay: 1s; /* se queda en 1s */
}

.bubbles img:nth-child(2) {
        animation-delay: 4s; /* 3s + 1 */
}

.bubbles img:nth-child(3) {
        animation-delay: 5s; /* 2s + 3 */
}

.bubbles img:nth-child(4) {
        animation-delay: 8s; /* 5s + 3 */
}

.bubbles img:nth-child(5) {
        animation-delay: 8s; /* 4s + 4 */
}

.bubbles img:nth-child(6) {
        animation-delay: 11s; /* 6s + 5 */
}

.bubbles img:nth-child(7) {
        animation-delay: 15s; /* 8s + 7 */
}

.bubbles img:nth-child(8) {
        animation-delay: 14s; /* 7s + 7 */
}

.bubbles img:nth-child(9) {
        animation-delay: 17s; /* 9s + 8 */
}

.bubbles img:nth-child(10) {
        animation-delay: 3s; /* 2s + 1 */
}

.bubbles img:nth-child(11) {
        animation-delay: 7s; /* 4s + 3 */
}

.bubbles img:nth-child(12) {
        animation-delay: 11s; /* 6s + 5 */
}

.bubbles img:nth-child(13) {
        animation-delay: 1s; /* se queda en 1s */
}

.bubbles img:nth-child(14) {
        animation-delay: 4s; /* 3s + 1 */
}

.bubbles img:nth-child(15) {
        animation-delay: 8s; /* 5s + 3 */
}

.bubbles img:nth-child(16) {
        animation-delay: 13s; /* 7s + 6 */
}

.bubbles img:nth-child(17) {
        animation-delay: 17s; /* 9s + 8 */
}

.bubbles img:nth-child(18) {
        animation-delay: 15s; /* 8s + 7 */
}

.bubbles img:nth-child(19) {
        animation-delay: 11s; /* 6s + 5 */
}

.bubbles img:nth-child(20) {
        animation-delay: 13s; /* 7s + 6 */
}

.bubbles img:nth-child(21) {
        animation-delay: 5s; /* 3s + 2 */
}

.bubbles img:nth-child(22) {
        animation-delay: 1s; /* se queda en 1s */
}

.bubbles img:nth-child(23) {
        animation-delay: 9s; /* 5s + 4 */
}

.bubbles img:nth-child(24) {
        animation-delay: 3s; /* 2s + 1 */
}

.bubbles img:nth-child(25) {
        animation-delay: 7s; /* 4s + 3 */
}

.bubbles img:nth-child(26) {
        animation-delay: 15s; /* 8s + 7 */
}

.bubbles img:nth-child(27) {
        animation-delay: 17s; /* 9s + 8 */
}


/* Delay for each bubble separately (Mobile View) */
@media screen and (max-width: 650px) {
        .bubbles img:nth-child(1) {
            animation-delay: 0s;
    }

    .bubbles img:nth-child(2) {
            animation-delay: 10s;
    }

    .bubbles img:nth-child(3) {
            animation-delay: 6s;
    }

    .bubbles img:nth-child(4) {
            animation-delay: 12s;
    }

    .bubbles img:nth-child(5) {
            animation-delay: 2s;
    }

    .bubbles img:nth-child(6) {
            animation-delay: 8s;
    }

    .bubbles img:nth-child(7) {
            animation-delay: 13s;
    }

}

.svgBubble{
        opacity: 0.15;
}/* End custom CSS */