@keyframes procesAnimation {
    0%{
        transform: translateY(0);
        opacity: 0.5;
    } 
    50%{
        transform: translateY(50px);
        opacity: 0;
    }
    100%{
        transform: translateY(0);
        opacity: 0.5;
    }
}
@-webkit-keyframes animate-svg-stroke-1 {
    0% {
      stroke-dashoffset: 768.5486074759095px;
      stroke-dasharray: 768.5486074759095px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 768.5486074759095px;
    }
}
  
@keyframes animate-svg-stroke-1 {
    0% {
      stroke-dashoffset: 768.5486074759095px;
      stroke-dasharray: 768.5486074759095px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 768.5486074759095px;
    }
}
@-webkit-keyframes animate-svg-stroke-2 {
    0% {
      stroke-dashoffset: 752.8406442079605px;
      stroke-dasharray: 752.8406442079605px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 752.8406442079605px;
    }
}
  
@keyframes animate-svg-stroke-2 {
    0% {
      stroke-dashoffset: 752.8406442079605px;
      stroke-dasharray: 752.8406442079605px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 752.8406442079605px;
    }
}

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

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

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

@-webkit-keyframes animate-svg-stroke-22 {
    0% {
      stroke-dashoffset: 424.5471315935147px;
      stroke-dasharray: 424.5471315935147px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 424.5471315935147px;
    }
}
  
@keyframes animate-svg-stroke-22 {
    0% {
      stroke-dashoffset: 424.5471315935147px;
      stroke-dasharray: 424.5471315935147px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 424.5471315935147px;
    }
}

@-webkit-keyframes animate-svg-stroke-33 {
    0% {
      stroke-dashoffset: 675.2964477539062px;
      stroke-dasharray: 675.2964477539062px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 675.2964477539062px;
    }
}
  
@keyframes animate-svg-stroke-33 {
    0% {
      stroke-dashoffset: 675.2964477539062px;
      stroke-dasharray: 675.2964477539062px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 675.2964477539062px;
    }
}

@-webkit-keyframes animate-svg-stroke-44 {
    0% {
      stroke-dashoffset: 481.54833984375px;
      stroke-dasharray: 481.54833984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 481.54833984375px;
    }
  }
  
  @keyframes animate-svg-stroke-44 {
    0% {
      stroke-dashoffset: 481.54833984375px;
      stroke-dasharray: 481.54833984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 481.54833984375px;
    }
  }

  @-webkit-keyframes animate-svg-stroke-111 {
    0% {
      stroke-dashoffset: 423.044189453125px;
      stroke-dasharray: 423.044189453125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 423.044189453125px;
    }
  }
  
  @keyframes animate-svg-stroke-111 {
    0% {
      stroke-dashoffset: 423.044189453125px;
      stroke-dasharray: 423.044189453125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 423.044189453125px;
    }
  }

  @-webkit-keyframes animate-svg-stroke-222 {
    0% {
      stroke-dashoffset: 423.0460205078125px;
      stroke-dasharray: 423.0460205078125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 423.0460205078125px;
    }
  }
  
  @keyframes animate-svg-stroke-222 {
    0% {
      stroke-dashoffset: 423.0460205078125px;
      stroke-dasharray: 423.0460205078125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 423.0460205078125px;
    }
  }

  @-webkit-keyframes animate-svg-stroke-333 {
    0% {
      stroke-dashoffset: 481.54833984375px;
      stroke-dasharray: 481.54833984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 481.54833984375px;
    }
  }
  
  @keyframes animate-svg-stroke-333 {
    0% {
      stroke-dashoffset: 481.54833984375px;
      stroke-dasharray: 481.54833984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 481.54833984375px;
    }
  }

  @-webkit-keyframes animate-svg-stroke-444 {
    0% {
      stroke-dashoffset: 481.54833984375px;
      stroke-dasharray: 481.54833984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 481.54833984375px;
    }
  }
  
  @keyframes animate-svg-stroke-444 {
    0% {
      stroke-dashoffset: 481.54833984375px;
      stroke-dasharray: 481.54833984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 481.54833984375px;
    }
  }

  @-webkit-keyframes animate-svg-stroke-1111 {
    0% {
      stroke-dashoffset: 471.123779296875px;
      stroke-dasharray: 471.123779296875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 471.123779296875px;
    }
  }
  
  @keyframes animate-svg-stroke-1111 {
    0% {
      stroke-dashoffset: 471.123779296875px;
      stroke-dasharray: 471.123779296875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 471.123779296875px;
    }
  }

  @-webkit-keyframes animate-svg-stroke-2222 {
    0% {
      stroke-dashoffset: 471.123779296875px;
      stroke-dasharray: 471.123779296875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 471.123779296875px;
    }
  }
  
  @keyframes animate-svg-stroke-2222 {
    0% {
      stroke-dashoffset: 471.123779296875px;
      stroke-dasharray: 471.123779296875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 471.123779296875px;
    }
  }

  .svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  .svg-elem-2 {
    -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
    animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
  }
  
  .svg-elem-3 {
    -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
    animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
  }
  
  .svg-elem-4 {
    -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
    animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
  }
  
  .svg-elem-11 {
    -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  .svg-elem-22 {
    -webkit-animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  .svg-elem-33 {
    -webkit-animation: animate-svg-stroke-33 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-33 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  .svg-elem-44 {
    -webkit-animation: animate-svg-stroke-44 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-44 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  .svg-elem-111 {
    -webkit-animation: animate-svg-stroke-111 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-111 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  .svg-elem-222 {
    -webkit-animation: animate-svg-stroke-222 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-222 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  .svg-elem-333 {
    -webkit-animation: animate-svg-stroke-333 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-333 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  .svg-elem-444 {
    -webkit-animation: animate-svg-stroke-444 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-444 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  .svg-elem-1111 {
    -webkit-animation: animate-svg-stroke-1111 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-1111 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  .svg-elem-2222 {
    -webkit-animation: animate-svg-stroke-2222 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-2222 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }