eg);
    }

    100% {
      transform: translate(25px, 25px) rotate(1080deg);
    }
  }

  #circle-loader-1-s-path1 {
    animation-name: circle-loader-1-s-path1_s_do, circle-loader-1-s-path1_s_da;
    animation-duration: 3000ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-iteration-count: infinite;
  }

  @keyframes circle-loader-1-s-path1_s_do {
    0% {
      stroke-dashoffset: 7;
    }

    49.666667% {
      stroke-dashoffset: 109;
    }

    100% {
      stroke-dashoffset: 7;
    }
  }

  @keyframes circle-loader-1-s-path1_s_da {
    0% {
      stroke-dasharray: 116.255291;
    }

    49.666667% {
      stroke-dasharray: 116.255291;
    }

    100% {
      stroke-dasharray: 116.255291;
    }
  }
c