.cls{
    fill: none;
    stroke: white;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    stroke-width: 4px;
  }
  

  .cls-1 {
    stroke-dasharray: 2603.333251953125;
    stroke-dashoffset: -2603.333251953125;
    animation: dash 1.5s ease-in-out forwards;
  }
  .cls-2 {
    stroke-dasharray: 583.695556640625;
    stroke-dashoffset: -583.695556640625;
    animation: dash 1s ease-in-out 1.5s forwards;
  }
  .cls-3 {
    stroke-dasharray: 36.94247055053711;
    stroke-dashoffset: -36.94247055053711;
    animation: dash 0.5s ease-in-out 2.5s forwards;
  }
  
  @keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }