@keyframes fadeInBottomLeft-layer {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100px) translateY(100px);
      -ms-transform: translateX(-100px) translateY(100px);
      transform: translateX(-100px) translateY(100px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0);
    }
  }
  
  .fadeInBottomLeft-layer {
    -webkit-animation-name: fadeInBottomLeft-layer;
    animation-name: fadeInBottomLeft-layer;
    animation-duration: 1s;
  }


  @keyframes fadeInBottomRight-layer {
    0% {
      opacity: 0;
      -webkit-transform: translateX(100px) translateY(100px);
      -ms-transform: translateX(100px) translateY(100px);
      transform: translateX(100px) translateY(100px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0);
    }
  }
  
  .fadeInBottomRight-layer {
    -webkit-animation-name: fadeInBottomRight-layer;
    animation-name: fadeInBottomRight-layer;
    animation-duration: 1s;
  }  



  @keyframes fadeInRight-layer {
    0% {
      opacity: 0;
      -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
      transform: translateX(100px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }
  
  .fadeInRight-layer {
    -webkit-animation-name: fadeInRight-layer;
    animation-name: fadeInRight-layer;
    animation-duration: 1.5s;
  }

  

  @keyframes fadeInLeft-layer {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
      transform: translateX(-100px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }
  
  .fadeInLeft-layer {
    -webkit-animation-name: fadeInLeft-layer;
    animation-name: fadeInLeft-layer;
    animation-duration: 1.5s;
  }



    /* FOR TEXT CONTETN */
  @keyframes fadeInRight-new {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }
  
  .fadeInRight-new {
    -webkit-animation-name: fadeInRight-new;
    animation-name: fadeInRight-new;
    animation-duration: 1.5s;
  }

  


  /* ANIMATION FOR ABOUR-US CARD */





  @keyframes border{
    0%{
      transform: rotate(0deg);
    }

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