.container>p{
    animation:demo  1s;
}
@keyframes demo  {
  0%{
        opacity:0;
        transform:translateX(100px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}
.title3{
    animation:demo1  1s;
}
@keyframes demo1  {
  0%{
        opacity:0;
        transform:translateX(-100px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}

.centerbox{
    animation: serives 0.9s;
}
@keyframes  serives {
  0% { opacity: 0; 
       transform:scale(0.9);
  }
  100% { opacity: 1; 
 
  }
}

.fadeInLeft{
    animation:faderight 1s;
}
@keyframes faderight{
    0%{
        opacity:0;
        transform:translateX(-100px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}
.box2{
    animation:fadeleft 1s;  
}

@keyframes fadeleft {
 0%{
        opacity:0;
        transform:translateX(100px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}

.centerbox{
    animation: serives 0.9s;
}
@keyframes  serives {
  0% { opacity: 0; 
       transform:scale(0.9);
  }
  100% { opacity: 1; 
 
  }
}

.fadeInLeft{
    animation:faderight 1s;
}
@keyframes faderight{
    0%{
        opacity:0;
        transform:translateX(-100px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}
.box2{
    animation:fadeleft 1s;  
}

@keyframes fadeleft {
 0%{
        opacity:0;
        transform:translateX(100px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}