/* Ajustando o contêiner pai */
#site {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden; /* Evita estouro de conteúdo */
}

/* Tornar o SVG totalmente responsivo */
#special {
  max-width: 100%; /* Limita a largura ao tamanho do contêiner */
  height: auto; /* Mantém a proporção */
  display: block; /* Remove espaços extras ao redor */
}

/* Garantia de ajuste em telas menores */
@media (max-width: 768px) {
  #special {
    width: 100%; /* Ocupa toda a largura do contêiner */
  }
}
#special .svg-elem-1 {
  stroke-dashoffset: 1206px;
  stroke-dasharray: 1206px;
  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;
}

#special.onscreen .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: url("#paint0_linear_20_12543");
}

#special .svg-elem-2 {
  stroke-dashoffset: 1206px;
  stroke-dasharray: 1206px;
  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;
}

#special.onscreen .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: url("#paint1_linear_20_12543");
}

#special .svg-elem-3 {
  stroke-dashoffset: 2588px;
  stroke-dasharray: 2588px;
  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;
}

#special.onscreen .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(3, 0, 20);
}

#special .svg-elem-4 {
  stroke-dashoffset: 2693.682373046875px;
  stroke-dasharray: 2693.682373046875px;
  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;
}

#special.onscreen .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: url("#paint2_linear_20_12543");
}

#special .svg-elem-5 {
  stroke-dashoffset: 2690.5400390625px;
  stroke-dasharray: 2690.5400390625px;
  -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;
}

#special.onscreen .svg-elem-5 {
  stroke-dashoffset: 0;
}

#special .svg-elem-6 {
  stroke-dashoffset: 2663.4091796875px;
  stroke-dasharray: 2663.4091796875px;
  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;
}

#special.onscreen .svg-elem-6 {
  stroke-dashoffset: 0;
  fill: url("#paint4_linear_20_12543");
}

#special .svg-elem-7 {
  stroke-dashoffset: 2660.267578125px;
  stroke-dasharray: 2660.267578125px;
  -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;
}

#special.onscreen .svg-elem-7 {
  stroke-dashoffset: 0;
}

#special .svg-elem-8 {
  stroke-dashoffset: 393px;
  stroke-dasharray: 393px;
  -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;
}

#special.onscreen .svg-elem-8 {
  stroke-dashoffset: 0;
}

#special .svg-elem-9 {
  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.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;
}

#special.onscreen .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-10 {
  stroke-dashoffset: 27.132741228718345px;
  stroke-dasharray: 27.132741228718345px;
  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;
}

#special.onscreen .svg-elem-10 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-11 {
  stroke-dashoffset: 27.132741228718345px;
  stroke-dasharray: 27.132741228718345px;
  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;
}

#special.onscreen .svg-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-12 {
  stroke-dashoffset: 368.27337646484375px;
  stroke-dasharray: 368.27337646484375px;
  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;
}

#special.onscreen .svg-elem-12 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-13 {
  stroke-dashoffset: 331.1369934082031px;
  stroke-dasharray: 331.1369934082031px;
  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;
}

#special.onscreen .svg-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-14 {
  stroke-dashoffset: 267.1369323730469px;
  stroke-dasharray: 267.1369323730469px;
  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;
}

#special.onscreen .svg-elem-14 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-15 {
  stroke-dashoffset: 209.13690185546875px;
  stroke-dasharray: 209.13690185546875px;
  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;
}

#special.onscreen .svg-elem-15 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-16 {
  stroke-dashoffset: 153.1370391845703px;
  stroke-dasharray: 153.1370391845703px;
  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;
}

#special.onscreen .svg-elem-16 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-17 {
  stroke-dashoffset: 125.13697814941406px;
  stroke-dasharray: 125.13697814941406px;
  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;
}

#special.onscreen .svg-elem-17 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-18 {
  stroke-dashoffset: 101.13697814941406px;
  stroke-dasharray: 101.13697814941406px;
  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;
}

#special.onscreen .svg-elem-18 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-19 {
  stroke-dashoffset: 231.1370391845703px;
  stroke-dasharray: 231.1370391845703px;
  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;
}

#special.onscreen .svg-elem-19 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-20 {
  stroke-dashoffset: 187.1370391845703px;
  stroke-dasharray: 187.1370391845703px;
  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;
}

#special.onscreen .svg-elem-20 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-21 {
  stroke-dashoffset: 147.1370391845703px;
  stroke-dasharray: 147.1370391845703px;
  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;
}

#special.onscreen .svg-elem-21 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-22 {
  stroke-dashoffset: 91.13705444335938px;
  stroke-dasharray: 91.13705444335938px;
  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;
}

#special.onscreen .svg-elem-22 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-23 {
  stroke-dashoffset: 75.13705444335938px;
  stroke-dasharray: 75.13705444335938px;
  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;
}

#special.onscreen .svg-elem-23 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-24 {
  stroke-dashoffset: 61.137054443359375px;
  stroke-dasharray: 61.137054443359375px;
  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;
}

#special.onscreen .svg-elem-24 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-25 {
  stroke-dashoffset: 167.1370391845703px;
  stroke-dasharray: 167.1370391845703px;
  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;
}

#special.onscreen .svg-elem-25 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-26 {
  stroke-dashoffset: 137.1370391845703px;
  stroke-dasharray: 137.1370391845703px;
  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;
}

#special.onscreen .svg-elem-26 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-27 {
  stroke-dashoffset: 109.13705444335938px;
  stroke-dasharray: 109.13705444335938px;
  fill: transparent;
  -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;
}

#special.onscreen .svg-elem-27 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-28 {
  stroke-dashoffset: 331.136962890625px;
  stroke-dasharray: 331.136962890625px;
  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;
}

#special.onscreen .svg-elem-28 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-29 {
  stroke-dashoffset: 267.13690185546875px;
  stroke-dasharray: 267.13690185546875px;
  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;
}

#special.onscreen .svg-elem-29 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-30 {
  stroke-dashoffset: 153.1370391845703px;
  stroke-dasharray: 153.1370391845703px;
  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;
}

#special.onscreen .svg-elem-30 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-31 {
  stroke-dashoffset: 151.13697814941406px;
  stroke-dasharray: 151.13697814941406px;
  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;
}

#special.onscreen .svg-elem-31 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-32 {
  stroke-dashoffset: 169.1370391845703px;
  stroke-dasharray: 169.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
}

#special.onscreen .svg-elem-32 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-33 {
  stroke-dashoffset: 227.1370391845703px;
  stroke-dasharray: 227.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
}

#special.onscreen .svg-elem-33 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-34 {
  stroke-dashoffset: 67.13703918457031px;
  stroke-dasharray: 67.13703918457031px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
}

#special.onscreen .svg-elem-34 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-35 {
  stroke-dashoffset: 91.13704681396484px;
  stroke-dasharray: 91.13704681396484px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
}

#special.onscreen .svg-elem-35 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-36 {
  stroke-dashoffset: 123.13704681396484px;
  stroke-dasharray: 123.13704681396484px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
}

#special.onscreen .svg-elem-36 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-37 {
  stroke-dashoffset: 167.1370391845703px;
  stroke-dasharray: 167.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
}

#special.onscreen .svg-elem-37 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-38 {
  stroke-dashoffset: 331.136962890625px;
  stroke-dasharray: 331.136962890625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
}

#special.onscreen .svg-elem-38 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-39 {
  stroke-dashoffset: 267.13690185546875px;
  stroke-dasharray: 267.13690185546875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
}

#special.onscreen .svg-elem-39 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-40 {
  stroke-dashoffset: 153.1370391845703px;
  stroke-dasharray: 153.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
}

#special.onscreen .svg-elem-40 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-41 {
  stroke-dashoffset: 125.13697052001953px;
  stroke-dasharray: 125.13697052001953px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
}

#special.onscreen .svg-elem-41 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-42 {
  stroke-dashoffset: 231.1370391845703px;
  stroke-dasharray: 231.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
}

#special.onscreen .svg-elem-42 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-43 {
  stroke-dashoffset: 187.1370391845703px;
  stroke-dasharray: 187.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.04s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.04s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
}

#special.onscreen .svg-elem-43 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-44 {
  stroke-dashoffset: 91.13704681396484px;
  stroke-dasharray: 91.13704681396484px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.16s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.16s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s;
}

#special.onscreen .svg-elem-44 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-45 {
  stroke-dashoffset: 75.13704681396484px;
  stroke-dasharray: 75.13704681396484px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.279999999999999s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.279999999999999s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
}

#special.onscreen .svg-elem-45 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-46 {
  stroke-dashoffset: 167.1370391845703px;
  stroke-dasharray: 167.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3999999999999995s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3999999999999995s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s;
}

#special.onscreen .svg-elem-46 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-47 {
  stroke-dashoffset: 137.1370391845703px;
  stroke-dasharray: 137.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.52s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.52s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
}

#special.onscreen .svg-elem-47 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-48 {
  stroke-dashoffset: 331.136962890625px;
  stroke-dasharray: 331.136962890625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.64s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.64s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s;
}

#special.onscreen .svg-elem-48 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-49 {
  stroke-dashoffset: 267.13690185546875px;
  stroke-dasharray: 267.13690185546875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.76s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.76s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6000000000000005s;
}

#special.onscreen .svg-elem-49 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-50 {
  stroke-dashoffset: 153.1370391845703px;
  stroke-dasharray: 153.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.88s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.88s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s;
}

#special.onscreen .svg-elem-50 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-51 {
  stroke-dashoffset: 125.13697814941406px;
  stroke-dasharray: 125.13697814941406px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s;
}

#special.onscreen .svg-elem-51 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-52 {
  stroke-dashoffset: 231.1370391845703px;
  stroke-dasharray: 231.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s;
}

#special.onscreen .svg-elem-52 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-53 {
  stroke-dashoffset: 187.1370391845703px;
  stroke-dasharray: 187.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.24s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
}

#special.onscreen .svg-elem-53 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-54 {
  stroke-dashoffset: 91.13704681396484px;
  stroke-dasharray: 91.13704681396484px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.359999999999999s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.1000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.359999999999999s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.1000000000000005s;
}

#special.onscreen .svg-elem-54 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-55 {
  stroke-dashoffset: 75.13703918457031px;
  stroke-dasharray: 75.13703918457031px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4799999999999995s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4799999999999995s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
}

#special.onscreen .svg-elem-55 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-56 {
  stroke-dashoffset: 167.1370391845703px;
  stroke-dasharray: 167.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.3s;
}

#special.onscreen .svg-elem-56 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-57 {
  stroke-dashoffset: 137.1370391845703px;
  stroke-dasharray: 137.1370391845703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.72s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.72s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
}

#special.onscreen .svg-elem-57 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-58 {
  stroke-dashoffset: 368.2734375px;
  stroke-dasharray: 368.2734375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.84s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.84s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s;
}

#special.onscreen .svg-elem-58 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-59 {
  stroke-dashoffset: 368.2734069824219px;
  stroke-dasharray: 368.2734069824219px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.96s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.96s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6000000000000005s;
}

#special.onscreen .svg-elem-59 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-60 {
  stroke-dashoffset: 368.2734069824219px;
  stroke-dasharray: 368.2734069824219px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.08s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.7s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.08s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.7s;
}

#special.onscreen .svg-elem-60 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-61 {
  stroke-dashoffset: 368.27337646484375px;
  stroke-dasharray: 368.27337646484375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.199999999999999s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.199999999999999s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.8s;
}

#special.onscreen .svg-elem-61 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-62 {
  stroke-dashoffset: 368.2734069824219px;
  stroke-dasharray: 368.2734069824219px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.319999999999999s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.9s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.319999999999999s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.9s;
}

#special.onscreen .svg-elem-62 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

#special .svg-elem-63 {
  stroke-dashoffset: 368.2734069824219px;
  stroke-dasharray: 368.2734069824219px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4399999999999995s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4399999999999995s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7s;
}

#special.onscreen .svg-elem-63 {
  stroke-dashoffset: 0;
  fill: url("#paint7_linear_20_12543");
}

#special .svg-elem-64 {
  stroke-dashoffset: 202px;
  stroke-dasharray: 202px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.56s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.1000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.56s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.1000000000000005s;
}

#special.onscreen .svg-elem-64 {
  stroke-dashoffset: 0;
}

#special .svg-elem-65 {
  stroke-dashoffset: 1172px;
  stroke-dasharray: 1172px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.68s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.68s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.2s;
}

#special.onscreen .svg-elem-65 {
  stroke-dashoffset: 0;
}



.message-box {
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  display: none;
}
.success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.error {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}