/* Circle SVG */
  #svgRoot {
    position: absolute;
    /* top: 175px; */
    left: 0;
    width: 100%;
  }

  #marker {
    opacity: 0.5;
    /* transform: scale(0.5); */
  }

  #track {
    /* stroke: #000; */
  }

  .st0 {
    fill: none;
    stroke: none;
    stroke-miterlimit: 10;
    stroke-width: 3px;
  }

  @keyframes drawCircle {
    to {
      stroke-dashoffset: 0;
    }
  }

  @keyframes colorChange {
    from {
      stroke: #fff;
    }

    to {
      stroke: #4c8171;
    }
  }

  .gCircle {
    -webkit-transition: fill 1s ease;
    -moz-transition: fill 1s ease;
    -o-transition: fill 1s ease;
    transition: fill 1s ease;
  }

  .hoverCircle:hover {
    fill: url(#myCircleGradient) !important;
    cursor: pointer !important;
    -webkit-transition: fill 1s ease;
    -moz-transition: fill 1s ease;
    -o-transition: fill 1s ease;
    transition: fill 1s ease;
  }

  .gCircle:hover .hoverCircle {
    fill: url(#myCircleGradient) !important;
    cursor: pointer !important;
    -webkit-transition: fill 1s ease;
    -moz-transition: fill 1s ease;
    -o-transition: fill 1s ease;
    transition: fill 1s ease;
  }

  .gCircle:hover text,
  .gCircle text:hover {
    fill: #ffffff;
    cursor: pointer;
  }

  .gCircle path:hover,
  .gCircle:hover path {
    stroke: #ffffff;
    cursor: pointer;
  }

  .gCircle:hover g>* {
    stroke: #ffffff;
    cursor: pointer;
  }

  .gCircle:hover g>text tspan {
    stroke: none !important;
    fill: #fff;
    color: #ffffff;
    cursor: pointer;
  }

  .gCircle:hover .sArrow {
    fill: #ffffff;
    stroke: none;
    cursor: pointer;
  }

  #gradient-beam {
    opacity: 0;
    /* transform: rotate(-2deg) translateY(1px) skew(17deg, -2deg); */
    transform: translateY(3px);
    border-radius: 10px;
  }