.animated-path {
    fill: transparent;
    stroke: #176b9c; /* base brand blue */
    stroke-width: 3;
    stroke-dasharray: 300 600;
    animation: animate 20s linear infinite;
    filter: drop-shadow(0 0 7px #1a87b3); /* soft neon blue glow */
}


.animated-arrow-1 {
    animation: slideUpDown1 15s linear infinite
}

.animated-arrow-2 {
    animation: slideUpDown2 20s linear infinite;
    animation-delay: 2s
}

@keyframes animate {
    to {
        stroke-dashoffset: -900
    }
}

@keyframes slideUpDown1 {
    0% {
        animation-timing-function: ease-out;
        transform: translateY(0)
    }

    25% {
        animation-timing-function: ease-in;
        transform: translateY(-150px)
    }

    50% {
        animation-timing-function: ease-out;
        transform: translateY(-150px)
    }

    75% {
        animation-timing-function: ease-in;
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideUpDown2 {
    0% {
        animation-timing-function: ease-out;
        transform: translateY(0)
    }

    25% {
        animation-timing-function: ease-in;
        transform: translateY(-100px)
    }

    50% {
        animation-timing-function: ease-out;
        transform: translateY(-100px)
    }

    75% {
        animation-timing-function: ease-in;
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

/*# sourceMappingURL=bc61a8d95bda4cbb.css.map*/