#vision h4 {
   
    animation: left_to_right 2.8s ease;
        color:rgb(59, 16, 230);  
  }
  #vision h4 {
   
    animation: 5s anim-popoutin ease;
    color:rgb(59, 16, 230); 
  }

.vismis {
   
-webkit-animation: load 5s;
  animation: load 5s;
  }
 
#mission h4 {
    animation: left_to_right 0.9s ease;
    animation: 5s anim-popoutin ease; 
    color:rgb(59, 16, 230); 
}
#aims  h4 {
    animation: left_to_right 1.0s ease; 
    animation: 5s anim-popoutin ease;
    color:rgb(59, 16, 230); 
}

#aims  ul li {
  -webkit-animation: load 5s;
  animation: load 5s;
}

@keyframes left_to_right {
    from {
      margin-left: -60%;
    }
    to {
      margin-left: 10%;
    }
  }

  @keyframes dropHeader {
    0%   { opacity: 0; }
    99%   { opacity: 0; }
    100% { opacity: 1; }
  }

@-webkit-keyframes dropHeader {
    0%   { opacity: 0; }
    99%   { opacity: 0; }
    100% { opacity: 1; }
  }

  @keyframes anim-popoutin {
    0% {
      color:rgb(59, 16, 230);
      transform: scale(0);
      opacity: 0;
     
    }
    25% {
      color:rgb(59, 16, 230);
      transform: scale(1);
      opacity: 1;
      
    }
    50% {
        color:rgb(59, 16, 230);
      transform: scale(1);
      opacity: 1;
     
    }
    100% {
      /* animate nothing to add pause at the end of animation */
      transform: scale(1);
      opacity: 1;
      
    }
  }

  @keyframes load {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }