/** Animate custom **/
.animate-block {
    opacity: 0;
    transition: all 1s ease;
    will-change: opacity, transform;
    transition-delay: .3s;
}

.animate-block.fade-up {
    transform: translateY(30px);
}
.animate-block.fade-up.visible {
    transform: translateY(0);
    opacity: 1;
}

.animate-block.slide-left {
    transform: translateX(-30px);
}
.animate-block.slide-left.visible {
    transform: translateX(0);
    opacity: 1;
}

.animate-block.slide-right {
    transform: translateX(30px);
}
.animate-block.slide-right.visible {
    transform: translateX(0);
    opacity: 1;
}

.animate-block.zoom-in {
    transform: scale(0.8);
}
.animate-block.zoom-in.visible {
    transform: scale(1);
    opacity: 1;
}

/**** Animate SVG ****/
/***************************************************
 * Generated by SVG Artista on 4/28/2025, 10:00:09 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.sign-up .svg-elem-1 {
    stroke-dashoffset: 1129.660400390625px;
    stroke-dasharray: 1129.660400390625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

.sign-up.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: url("#paint0_linear_7_524");
}

.sign-up .svg-elem-2 {
    stroke-dashoffset: 354.5346374511719px;
    stroke-dasharray: 354.5346374511719px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

.sign-up.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.sign-up .svg-elem-3 {
    stroke-dashoffset: 349.82177734375px;
    stroke-dasharray: 349.82177734375px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

.sign-up.active .svg-elem-3 {
    stroke-dashoffset: 0;
}

.sign-up .svg-elem-4 {
    stroke-dashoffset: 197.13339233398438px;
    stroke-dasharray: 197.13339233398438px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

.sign-up.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.sign-up .svg-elem-5 {
    stroke-dashoffset: 534.534423828125px;
    stroke-dasharray: 534.534423828125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

.sign-up.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.sign-up .svg-elem-6 {
    stroke-dashoffset: 529.822021484375px;
    stroke-dasharray: 529.822021484375px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

.sign-up.active .svg-elem-6 {
    stroke-dashoffset: 0;
}

.sign-up .svg-elem-7 {
    stroke-dashoffset: 293.133544921875px;
    stroke-dasharray: 293.133544921875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

.sign-up.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(124, 102, 255);
}

.sign-up .svg-elem-8 {
    stroke-dashoffset: 534.5343017578125px;
    stroke-dasharray: 534.5343017578125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

.sign-up.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.sign-up .svg-elem-9 {
    stroke-dashoffset: 529.8221435546875px;
    stroke-dasharray: 529.8221435546875px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

.sign-up.active .svg-elem-9 {
    stroke-dashoffset: 0;
}

.sign-up .svg-elem-10 {
    stroke-dashoffset: 293.1335754394531px;
    stroke-dasharray: 293.1335754394531px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

.sign-up.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

/*****/
/***************************************************
 * Generated by SVG Artista on 4/28/2025, 10:04:10 AM
 **************************************************/

.enter-id .svg-elem-1 {
    stroke-dashoffset: 1129.660400390625px;
    stroke-dasharray: 1129.660400390625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

.enter-id.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: url("#paint0_linear_7_542");
}

.enter-id .svg-elem-2 {
    stroke-dashoffset: 27.132741228718345px;
    stroke-dasharray: 27.132741228718345px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

.enter-id.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-3 {
    stroke-dashoffset: 27.132741228718345px;
    stroke-dasharray: 27.132741228718345px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

.enter-id.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-4 {
    stroke-dashoffset: 27.132741228718345px;
    stroke-dasharray: 27.132741228718345px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

.enter-id.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-5 {
    stroke-dashoffset: 185.96768188476562px;
    stroke-dasharray: 185.96768188476562px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

.enter-id.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-6 {
    stroke-dashoffset: 182.8260040283203px;
    stroke-dasharray: 182.8260040283203px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

.enter-id.active .svg-elem-6 {
    stroke-dashoffset: 0;
}

.enter-id .svg-elem-7 {
    stroke-dashoffset: 96.28324127197266px;
    stroke-dasharray: 96.28324127197266px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

.enter-id.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(124, 102, 255);
}

.enter-id .svg-elem-8 {
    stroke-dashoffset: 96.28319549560547px;
    stroke-dasharray: 96.28319549560547px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

.enter-id.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-9 {
    stroke-dashoffset: 493.66815185546875px;
    stroke-dasharray: 493.66815185546875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

.enter-id.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(40, 40, 40);
}

.enter-id .svg-elem-10 {
    stroke-dashoffset: 493.66815185546875px;
    stroke-dasharray: 493.66815185546875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

.enter-id.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(18, 18, 18);
}

.enter-id .svg-elem-11 {
    stroke-dashoffset: 192.2833251953125px;
    stroke-dasharray: 192.2833251953125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

.enter-id.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-12 {
    stroke-dashoffset: 206.53448486328125px;
    stroke-dasharray: 206.53448486328125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

.enter-id.active .svg-elem-12 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-13 {
    stroke-dashoffset: 206.53448486328125px;
    stroke-dasharray: 206.53448486328125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

.enter-id.active .svg-elem-13 {
    stroke-dashoffset: 0;
    fill: rgb(18, 18, 18);
}

.enter-id .svg-elem-14 {
    stroke-dashoffset: 201.8218994140625px;
    stroke-dasharray: 201.8218994140625px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

.enter-id.active .svg-elem-14 {
    stroke-dashoffset: 0;
}

.enter-id .svg-elem-15 {
    stroke-dashoffset: 96.28321075439453px;
    stroke-dasharray: 96.28321075439453px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

.enter-id.active .svg-elem-15 {
    stroke-dashoffset: 0;
    fill: rgb(124, 102, 255);
}

.enter-id .svg-elem-16 {
    stroke-dashoffset: 488.9557800292969px;
    stroke-dasharray: 488.9557800292969px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

.enter-id.active .svg-elem-16 {
    stroke-dashoffset: 0;
}

.enter-id .svg-elem-17 {
    stroke-dashoffset: 77.39822368615503px;
    stroke-dasharray: 77.39822368615503px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

.enter-id.active .svg-elem-17 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.enter-id .svg-elem-18 {
    stroke-dashoffset: 27.99274444580078px;
    stroke-dasharray: 27.99274444580078px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

.enter-id.active .svg-elem-18 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.enter-id .svg-elem-19 {
    stroke-dashoffset: 96.28319549560547px;
    stroke-dasharray: 96.28319549560547px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

.enter-id.active .svg-elem-19 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-20 {
    stroke-dashoffset: 178.28335571289062px;
    stroke-dasharray: 178.28335571289062px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

.enter-id.active .svg-elem-20 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-21 {
    stroke-dashoffset: 96.28323364257812px;
    stroke-dasharray: 96.28323364257812px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

.enter-id.active .svg-elem-21 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-22 {
    stroke-dashoffset: 77.39822368615503px;
    stroke-dasharray: 77.39822368615503px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

.enter-id.active .svg-elem-22 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.enter-id .svg-elem-23 {
    stroke-dashoffset: 27.99274444580078px;
    stroke-dasharray: 27.99274444580078px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

.enter-id.active .svg-elem-23 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.enter-id .svg-elem-24 {
    stroke-dashoffset: 96.28319549560547px;
    stroke-dasharray: 96.28319549560547px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
}

.enter-id.active .svg-elem-24 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-25 {
    stroke-dashoffset: 236.28335571289062px;
    stroke-dasharray: 236.28335571289062px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

.enter-id.active .svg-elem-25 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-26 {
    stroke-dashoffset: 96.28323364257812px;
    stroke-dasharray: 96.28323364257812px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
}

.enter-id.active .svg-elem-26 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.enter-id .svg-elem-27 {
    stroke-dashoffset: 943.3934326171875px;
    stroke-dasharray: 943.3934326171875px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
}

.enter-id.active .svg-elem-27 {
    stroke-dashoffset: 0;
}

.enter-id .svg-elem-28 {
    stroke-dashoffset: 946.5341796875px;
    stroke-dasharray: 946.5341796875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
}

.enter-id.active .svg-elem-28 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.enter-id .svg-elem-29 {
    stroke-dashoffset: 493.66815185546875px;
    stroke-dasharray: 493.66815185546875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
}

.enter-id.active .svg-elem-29 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.enter-id .svg-elem-30 {
    stroke-dashoffset: 77.40084838867188px;
    stroke-dasharray: 77.40084838867188px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
}

.enter-id.active .svg-elem-30 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.enter-id .svg-elem-31 {
    stroke-dashoffset: 77.40084838867188px;
    stroke-dasharray: 77.40084838867188px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
}

.enter-id.active .svg-elem-31 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

/*****/
/***************************************************
 * Generated by SVG Artista on 4/28/2025, 10:18:35 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.subscribe .svg-elem-1 {
    stroke-dashoffset: 1129.660400390625px;
    stroke-dasharray: 1129.660400390625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

.subscribe.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: url("#paint0_linear_7_533");
}

.subscribe .svg-elem-2 {
    stroke-dashoffset: 497.4007263183594px;
    stroke-dasharray: 497.4007263183594px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

.subscribe.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.subscribe .svg-elem-3 {
    stroke-dashoffset: 58.548667764616276px;
    stroke-dasharray: 58.548667764616276px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

.subscribe.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.subscribe .svg-elem-4 {
    stroke-dashoffset: 58.548667764616276px;
    stroke-dasharray: 58.548667764616276px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

.subscribe.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(18, 18, 18);
}

.subscribe .svg-elem-5 {
    stroke-dashoffset: 55.40707511102649px;
    stroke-dasharray: 55.40707511102649px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

.subscribe.active .svg-elem-5 {
    stroke-dashoffset: 0;
}

.subscribe .svg-elem-6 {
    stroke-dashoffset: 170.28330993652344px;
    stroke-dasharray: 170.28330993652344px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

.subscribe.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.subscribe .svg-elem-7 {
    stroke-dashoffset: 256.5162811279297px;
    stroke-dasharray: 256.5162811279297px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

.subscribe.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.subscribe .svg-elem-8 {
    stroke-dashoffset: 497.4007263183594px;
    stroke-dasharray: 497.4007263183594px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

.subscribe.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(40, 40, 40);
}

.subscribe .svg-elem-9 {
    stroke-dashoffset: 497.4007263183594px;
    stroke-dasharray: 497.4007263183594px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

.subscribe.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(18, 18, 18);
}

.subscribe .svg-elem-10 {
    stroke-dashoffset: 58.548667764616276px;
    stroke-dasharray: 58.548667764616276px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

.subscribe.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

svg .svg-elem-11 {
    stroke-dashoffset: 58.548667764616276px;
    stroke-dasharray: 58.548667764616276px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

.subscribe.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: rgb(18, 18, 18);
}

.subscribe .svg-elem-12 {
    stroke-dashoffset: 55.40707511102649px;
    stroke-dasharray: 55.40707511102649px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

.subscribe.active .svg-elem-12 {
    stroke-dashoffset: 0;
}

.subscribe .svg-elem-13 {
    stroke-dashoffset: 30.274333882308138px;
    stroke-dasharray: 30.274333882308138px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

.subscribe.active .svg-elem-13 {
    stroke-dashoffset: 0;
    fill: rgb(124, 102, 255);
}

.subscribe .svg-elem-14 {
    stroke-dashoffset: 144.28326416015625px;
    stroke-dasharray: 144.28326416015625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

.subscribe.active .svg-elem-14 {
    stroke-dashoffset: 0;
    fill: rgb(124, 102, 255);
}

.subscribe .svg-elem-15 {
    stroke-dashoffset: 229.43531799316406px;
    stroke-dasharray: 229.43531799316406px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

.subscribe.active .svg-elem-15 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.subscribe .svg-elem-16 {
    stroke-dashoffset: 492.688232421875px;
    stroke-dasharray: 492.688232421875px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

.subscribe.active .svg-elem-16 {
    stroke-dashoffset: 0;
}

.subscribe .svg-elem-17 {
    stroke-dashoffset: 57.40911102294922px;
    stroke-dasharray: 57.40911102294922px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

.subscribe.active .svg-elem-17 {
    stroke-dashoffset: 0;
}

.subscribe .svg-elem-18 {
    stroke-dashoffset: 96.2831802368164px;
    stroke-dasharray: 96.2831802368164px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

.subscribe.active .svg-elem-18 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.subscribe .svg-elem-19 {
    stroke-dashoffset: 308.28338623046875px;
    stroke-dasharray: 308.28338623046875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

.subscribe.active .svg-elem-19 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.subscribe .svg-elem-20 {
    stroke-dashoffset: 57.40911102294922px;
    stroke-dasharray: 57.40911102294922px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

.subscribe.active .svg-elem-20 {
    stroke-dashoffset: 0;
}

.subscribe .svg-elem-21 {
    stroke-dashoffset: 96.2831802368164px;
    stroke-dasharray: 96.2831802368164px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

.subscribe.active .svg-elem-21 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.subscribe .svg-elem-22 {
    stroke-dashoffset: 308.28338623046875px;
    stroke-dasharray: 308.28338623046875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

.subscribe.active .svg-elem-22 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.subscribe .svg-elem-23 {
    stroke-dashoffset: 308.2674255371094px;
    stroke-dasharray: 308.2674255371094px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

.subscribe.active .svg-elem-23 {
    stroke-dashoffset: 0;
    fill: rgb(248, 248, 248);
}

.subscribe .svg-elem-24 {
    stroke-dashoffset: 305.1256408691406px;
    stroke-dasharray: 305.1256408691406px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
}

.subscribe.active .svg-elem-24 {
    stroke-dashoffset: 0;
}

.subscribe .svg-elem-25 {
    stroke-dashoffset: 96.28321075439453px;
    stroke-dasharray: 96.28321075439453px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

.subscribe.active .svg-elem-25 {
    stroke-dashoffset: 0;
    fill: rgb(124, 102, 255);
}

.subscribe .svg-elem-26 {
    stroke-dashoffset: 935.393310546875px;
    stroke-dasharray: 935.393310546875px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
}

.subscribe.active .svg-elem-26 {
    stroke-dashoffset: 0;
}

.subscribe .svg-elem-27 {
    stroke-dashoffset: 58.548667764616276px;
    stroke-dasharray: 58.548667764616276px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
}

.subscribe.active .svg-elem-27 {
    stroke-dashoffset: 0;
}

.subscribe .svg-elem-28 {
    stroke-dashoffset: 938.5342407226562px;
    stroke-dasharray: 938.5342407226562px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
}

.subscribe.active .svg-elem-28 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.subscribe .svg-elem-29 {
    stroke-dashoffset: 497.4007263183594px;
    stroke-dasharray: 497.4007263183594px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
}

.subscribe.active .svg-elem-29 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

/*****/
/***************************************************
 * Generated by SVG Artista on 4/28/2025, 10:23:12 AM
 **************************************************/

.personal-page .svg-elem-1 {
    stroke-dashoffset: 1129.660400390625px;
    stroke-dasharray: 1129.660400390625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

.personal-page.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: url("#paint0_linear_7_551");
}

.personal-page .svg-elem-2 {
    stroke-dashoffset: 862.7963870836033px;
    stroke-dasharray: 862.7963870836033px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

.personal-page.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: url("#paint2_radial_7_551");
}

.personal-page .svg-elem-3 {
    stroke-dashoffset: 814.1017009529616px;
    stroke-dasharray: 814.1017009529616px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

.personal-page.active .svg-elem-3 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-4 {
    stroke-dashoffset: 572.1990666265475px;
    stroke-dasharray: 572.1990666265475px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

.personal-page.active .svg-elem-4 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-5 {
    stroke-dashoffset: 382.5342712402344px;
    stroke-dasharray: 382.5342712402344px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

.personal-page.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(40, 40, 40);
}

.personal-page .svg-elem-6 {
    stroke-dashoffset: 377.8216247558594px;
    stroke-dasharray: 377.8216247558594px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

.personal-page.active .svg-elem-6 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-7 {
    stroke-dashoffset: 205.25526428222656px;
    stroke-dasharray: 205.25526428222656px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

.personal-page.active .svg-elem-7 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-8 {
    stroke-dashoffset: 382.5345153808594px;
    stroke-dasharray: 382.5345153808594px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

.personal-page.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(40, 40, 40);
}

.personal-page .svg-elem-9 {
    stroke-dashoffset: 377.8218688964844px;
    stroke-dasharray: 377.8218688964844px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

.personal-page.active .svg-elem-9 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-10 {
    stroke-dashoffset: 377.8218688964844px;
    stroke-dasharray: 377.8218688964844px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

.personal-page.active .svg-elem-10 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-11 {
    stroke-dashoffset: 328.9444580078125px;
    stroke-dasharray: 328.9444580078125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

.personal-page.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: url("#paint5_linear_7_551");
}

.personal-page .svg-elem-12 {
    stroke-dashoffset: 325.3735046386719px;
    stroke-dasharray: 325.3735046386719px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

.personal-page.active .svg-elem-12 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-13 {
    stroke-dashoffset: 209.9676055908203px;
    stroke-dasharray: 209.9676055908203px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

.personal-page.active .svg-elem-13 {
    stroke-dashoffset: 0;
    fill: rgb(27, 27, 27);
}

.personal-page .svg-elem-14 {
    stroke-dashoffset: 205.25506591796875px;
    stroke-dasharray: 205.25506591796875px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

.personal-page.active .svg-elem-14 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-15 {
    stroke-dashoffset: 144.833984375px;
    stroke-dasharray: 144.833984375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

.personal-page.active .svg-elem-15 {
    stroke-dashoffset: 0;
    fill: rgb(124, 102, 255);
}

.personal-page .svg-elem-16 {
    stroke-dashoffset: 27.991884231567383px;
    stroke-dasharray: 27.991884231567383px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

.personal-page.active .svg-elem-16 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.personal-page .svg-elem-17 {
    stroke-dashoffset: 382.53460693359375px;
    stroke-dasharray: 382.53460693359375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

.personal-page.active .svg-elem-17 {
    stroke-dashoffset: 0;
    fill: rgb(40, 40, 40);
}

.personal-page .svg-elem-18 {
    stroke-dashoffset: 377.8219299316406px;
    stroke-dasharray: 377.8219299316406px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

.personal-page.active .svg-elem-18 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-19 {
    stroke-dashoffset: 205.25521850585938px;
    stroke-dasharray: 205.25521850585938px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

.personal-page.active .svg-elem-19 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-20 {
    stroke-dashoffset: 382.5345153808594px;
    stroke-dasharray: 382.5345153808594px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

.personal-page.active .svg-elem-20 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-21 {
    stroke-dashoffset: 209.9676055908203px;
    stroke-dasharray: 209.9676055908203px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

.personal-page.active .svg-elem-21 {
    stroke-dashoffset: 0;
}

.personal-page .svg-elem-22 {
    stroke-dashoffset: 1098px;
    stroke-dasharray: 1098px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

.personal-page.active .svg-elem-22 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.personal-page .svg-elem-23 {
    stroke-dashoffset: 209.9676055908203px;
    stroke-dasharray: 209.9676055908203px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

.personal-page.active .svg-elem-23 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}