/*----------------------
 keyframe start here 
 -----------------------*/



/* text-slide */
@keyframes text-slide-animation {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes text-slide-animation-2 {
    0% {
        -webkit-transform: translateX(-90%);
        transform: translateX(-90%);
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}


/* circle rotate 360 deg */
@keyframes shape-rotate {
    0% {
       -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
       -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}