.c-stalker {
	position: fixed;
	top: -0.5em;
	left: -0.5em;
	display: block;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background-color:rgba(113,131, 142, 0.1);
	transition-property: width, height, background-color, transform;
	transition-timing-function: linear;
	transition-duration: 0.25s;
	pointer-events: none;
	z-index: 2000;
  }
  
  .is-active.c-stalker {
	width: 5rem;
	height: 5rem;
	background-color: rgba(100, 176, 69, 0.2);
  }
  
  
@keyframes ani-topbtm{
	0% {
	  opacity:0;	
	  display: none; 
	  height: 0vh;
	 /*  transform: translateY(-100%); */
	}
	100% {
	  opacity:1;
	  display: block;
	  height: 100vh;
	 /*  transform: translateY(0%); */
	  
	}
  }

  @keyframes dash {
	to {
	  stroke-dashoffset: 0;
	}
  }
  @keyframes ani-inp{
	0% {
	  opacity:0;
      transform: translateY(-200px);
	}
	100% {
	  opacity:1;
	  transform: translateY(-10%);
	  
	}
  }
  @keyframes ani-inp2{
	0% {
	  opacity:0;
     transform: translateY(300px);
	}
	100% {
	  opacity:1;
	  transform: translateY(0px);
	  
	}
 }
/*bg-about1--------------------------------------------------
----------------------------------------------------------*/

  @keyframes circle-move-anim {
	0% {
		transform: rotate(0deg) translateX(-400px) rotate(0deg);
	}

	100% {
		transform: rotate(360deg) translateX(-400px) rotate(-360deg);
	}
}


@keyframes ani-circle{
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}