/***************************************************
 * Generated by SVG Artista on 1/28/2025, 5:53:29 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 241.6765899658203px;
        stroke-dasharray: 241.6765899658203px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 241.6765899658203px;
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 241.6765899658203px;
        stroke-dasharray: 241.6765899658203px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 241.6765899658203px;
    }
}

@-webkit-keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-1 {
    -webkit-animation: animate-svg-stroke-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
        animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s both;
    animation: animate-svg-stroke-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
        animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 234.53575134277344px;
        stroke-dasharray: 234.53575134277344px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 234.53575134277344px;
    }
}

@keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 234.53575134277344px;
        stroke-dasharray: 234.53575134277344px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 234.53575134277344px;
    }
}

@-webkit-keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-2 {
    -webkit-animation: animate-svg-stroke-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
        animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7999999999999999s both;
    animation: animate-svg-stroke-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
        animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7999999999999999s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 203.84249877929688px;
        stroke-dasharray: 203.84249877929688px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 203.84249877929688px;
    }
}

@keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 203.84249877929688px;
        stroke-dasharray: 203.84249877929688px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 203.84249877929688px;
    }
}

@-webkit-keyframes animate-svg-fill-3 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-3 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-3 {
    -webkit-animation: animate-svg-stroke-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
        animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s both;
    animation: animate-svg-stroke-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
        animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 151.11807250976562px;
        stroke-dasharray: 151.11807250976562px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 151.11807250976562px;
    }
}

@keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 151.11807250976562px;
        stroke-dasharray: 151.11807250976562px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 151.11807250976562px;
    }
}

@-webkit-keyframes animate-svg-fill-4 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-4 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-4 {
    -webkit-animation: animate-svg-stroke-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
        animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
        animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 262.8756408691406px;
        stroke-dasharray: 262.8756408691406px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 262.8756408691406px;
    }
}

@keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 262.8756408691406px;
        stroke-dasharray: 262.8756408691406px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 262.8756408691406px;
    }
}

@-webkit-keyframes animate-svg-fill-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-5 {
    -webkit-animation: animate-svg-stroke-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-stroke-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 523.9882202148438px;
        stroke-dasharray: 523.9882202148438px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 523.9882202148438px;
    }
}

@keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 523.9882202148438px;
        stroke-dasharray: 523.9882202148438px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 523.9882202148438px;
    }
}

@-webkit-keyframes animate-svg-fill-6 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-6 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-6 {
    -webkit-animation: animate-svg-stroke-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-stroke-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 559.62548828125px;
        stroke-dasharray: 559.62548828125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 559.62548828125px;
    }
}

@keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 559.62548828125px;
        stroke-dasharray: 559.62548828125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 559.62548828125px;
    }
}

@-webkit-keyframes animate-svg-fill-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-7 {
    -webkit-animation: animate-svg-stroke-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-stroke-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 426.89617919921875px;
        stroke-dasharray: 426.89617919921875px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 426.89617919921875px;
    }
}

@keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 426.89617919921875px;
        stroke-dasharray: 426.89617919921875px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 426.89617919921875px;
    }
}

@-webkit-keyframes animate-svg-fill-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-8 {
    -webkit-animation: animate-svg-stroke-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
    animation: animate-svg-stroke-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
    0% {
        stroke-dashoffset: 506.9392395019531px;
        stroke-dasharray: 506.9392395019531px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 506.9392395019531px;
    }
}

@keyframes animate-svg-stroke-9 {
    0% {
        stroke-dashoffset: 506.9392395019531px;
        stroke-dasharray: 506.9392395019531px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 506.9392395019531px;
    }
}

@-webkit-keyframes animate-svg-fill-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-9 {
    -webkit-animation: animate-svg-stroke-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
        animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
        animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
    0% {
        stroke-dashoffset: 214.489013671875px;
        stroke-dasharray: 214.489013671875px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 214.489013671875px;
    }
}

@keyframes animate-svg-stroke-10 {
    0% {
        stroke-dashoffset: 214.489013671875px;
        stroke-dasharray: 214.489013671875px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 214.489013671875px;
    }
}

@-webkit-keyframes animate-svg-fill-10 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-10 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-10 {
    -webkit-animation: animate-svg-stroke-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
        animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-stroke-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
        animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
    0% {
        stroke-dashoffset: 202.31407165527344px;
        stroke-dasharray: 202.31407165527344px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 202.31407165527344px;
    }
}

@keyframes animate-svg-stroke-11 {
    0% {
        stroke-dashoffset: 202.31407165527344px;
        stroke-dasharray: 202.31407165527344px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 202.31407165527344px;
    }
}

@-webkit-keyframes animate-svg-fill-11 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-11 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.main-title-up.on .title2-elem-11 {
    -webkit-animation: animate-svg-stroke-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
        animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
    animation: animate-svg-stroke-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
        animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
}

/* @-webkit-keyframes animate-svg-stroke-12 {
    0% {
        stroke-dashoffset: 1288.199951171875px;
        stroke-dasharray: 1288.199951171875px;
    }

    100% {
        fill: transparent;
        stroke-dashoffset: 0;
        stroke-dasharray: 1288.199951171875px;
    }
}

@keyframes animate-svg-stroke-12 {
    0% {
        stroke-dashoffset: 1288.199951171875px;
        stroke-dasharray: 1288.199951171875px;
    }

    100% {
        fill: transparent;
        stroke-dashoffset: 0;
        stroke-dasharray: 1288.199951171875px;
    }
}

.main-title-up.on .title2-elem-12 {
    -webkit-animation: animate-svg-stroke-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
        animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
    animation: animate-svg-stroke-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
        animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
} */