.c3-gsap--speech-bubble.c3-gsap--ready {
    transition: none !important;
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble {
    --c3-speech-bubble-border-radius: 8px;
    --c3-speech-bubble-tip-width: 62px;
    --c3-speech-bubble-tip-height: 85px;
    --c3-speech-bubble-tip-space: var(--c3-speech-bubble-tip-width);
    --c3-speech-bubble-start-top: 50%;
    --c3-speech-bubble-start-left: 50%;

    width: max-content;
    position: absolute;
    top: var(--c3-speech-bubble-start-top);
    left: var(--c3-speech-bubble-start-left);
    translate: var(--c3-speech-bubble-start-translate);
    overflow: visible;
    z-index: 2;
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble p {
    position: relative;
    border-radius: var(--c3-speech-bubble-border-radius);
    background-color: var(--e-global-color-c00eafd);
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble p::before {
    content: '';
    display: block;
    width: var(--c3-speech-bubble-tip-width);
    height: var(--c3-speech-bubble-tip-height);
    position: absolute;
    background: url('data:image/svg+xml,<svg fill="%23DAD1DF" viewBox="0 0 62 85" xmlns="http://www.w3.org/2000/svg"><path d="m62 0h-54.029c-6.7524 0-10.432 7.8746-6.106 13.055l60.135 71.945z"/></svg>') center / 100% 100% no-repeat;
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble--1 {
    --c3-speech-bubble-start-left: calc(50% + var(--c3-speech-bubble-tip-space));
    --c3-speech-bubble-start-translate: -100% -100%;
    z-index: 3;
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble--1 p,
.c3-gsap--speech-bubble .c3-motion__speech-bubble--3 p {
    margin-right: var(--c3-speech-bubble-tip-space) !important;
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble--1 p {
    border-bottom-right-radius: 0;
    padding: 96px 64px 32px 32px;
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble--1 p::before {
    right: calc(2px - var(--c3-speech-bubble-tip-width));
    bottom: 0;
    transform: scale(-1, -1);
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble--2 {
    --c3-speech-bubble-start-top: 35%;
    --c3-speech-bubble-start-left: calc(50% - var(--c3-speech-bubble-tip-space));
    --c3-speech-bubble-start-translate: 0% 0%;
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble--2 p {
    margin-left: var(--c3-speech-bubble-tip-space) !important;
    border-top-left-radius: 0;
    padding: 216px 32px 56px;
    text-align: right;
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble--2 p::before {
    top: 0;
    left: calc(2px - var(--c3-speech-bubble-tip-width));
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble--3 {
    --c3-speech-bubble-start-left: calc(50% + var(--c3-speech-bubble-tip-space));
    --c3-speech-bubble-start-translate: -100% 0%;
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble--3 p {
    border-top-right-radius: 0;
    padding: 96px 32px 32px;
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble--3 p::before {
    top: 0;
    right: calc(2px - var(--c3-speech-bubble-tip-width));
    transform: scaleX(-1);
}

.c3-gsap--speech-bubble .c3-motion__speech-bubble-icon {
    z-index: 1;
}

@media (width < 1024px) {
    body:not(.elementor-editor-active) .c3-gsap--speech-bubble .c3-motion__speech-bubble-icon {
        display: none;
    }

    .c3-gsap--speech-bubble .e-child:has(> .c3-motion__speech-bubble) {
        flex-direction: column;
        gap: 24px;
        height: auto;
        min-height: 0;
    }

    .c3-gsap--speech-bubble .c3-motion__speech-bubble {
        --c3-speech-bubble-tip-width: 33.365px;
        --c3-speech-bubble-tip-height: 45.67px;
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        translate: none;
        flex-shrink: 0;
    }

    .c3-gsap--speech-bubble .c3-motion__speech-bubble p {
        font-size: 20px;
        line-height: 1.1;
    }

    .c3-gsap--speech-bubble :is(
        .c3-motion__speech-bubble--1,
        .c3-motion__speech-bubble--3
    ) p {
        margin-right: var(--c3-speech-bubble-tip-space) !important;
        padding: 24px 36px 24px 24px;
    }

    .c3-gsap--speech-bubble .c3-motion__speech-bubble--2 p {
        margin-left: var(--c3-speech-bubble-tip-space) !important;
        padding: 24px 36px 24px 24px;
    }

    .c3-gsap--speech-bubble .c3-motion__speech-bubble--3 p {
        margin-right: 0 !important;
        margin-left: var(--c3-speech-bubble-tip-space) !important;
        border-radius: var(--c3-speech-bubble-border-radius);
        border-bottom-left-radius: 0;
    }

    .c3-gsap--speech-bubble .c3-motion__speech-bubble--3 p::before {
        top: auto;
        bottom: 0;
        right: auto;
        left: calc(2px - var(--c3-speech-bubble-tip-width));
        transform: scaleY(-1);
    }

    body:not(.elementor-editor-active) .c3-gsap--speech-bubble .c3-motion__speech-bubble-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
    }
}

.elementor-editor-active .c3-gsap--speech-bubble .c3-motion__speech-bubble {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    translate: none;
    overflow: visible;
}

.elementor-editor-active .c3-gsap--speech-bubble .c3-motion__speech-bubble p {
    margin: 0 !important;
    border-radius: var(--c3-speech-bubble-border-radius);
    padding: 32px !important;
    text-align: inherit;
}

.elementor-editor-active .c3-gsap--speech-bubble .c3-motion__speech-bubble p::before {
    display: none;
}