/* Fade in from the right */
@keyframes fade-in-from-right {
    from {
      opacity: 0;
      transform: translateX(100%);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes fade-in-from-right-init {
    from {
      opacity: 1;
      transform: translateX(0);
    }
    to {
      opacity: 0;
      transform: translateX(100%);
    }
  }
  
  /* Fade in from the left */
  @keyframes fade-in-from-left {
    from {
      opacity: 0;
      transform: translateX(-100%);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  /* Fade in from the top */
  @keyframes fade-in-from-top {
    from {
      opacity: 0;
      transform: translateY(-100%);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Fade in from the bottom */
  @keyframes fade-in-from-bottom {
    from {
      opacity: 0;
      transform: translateY(20%);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Apply the animations to elements */
  
  .element-right {
    animation: fade-in-from-right 1s ease-out;
  }
  
  .element-left {
    animation: fade-in-from-left 1s ease-out;
  }
  
  .element-left {
    animation: fade-in-from-top 1s ease-out;
  }

  .element-left {
    animation: fade-in-from-bottom 1s ease-out;
  }
  

  /*.hero-content{*/
  /*  animation: fade-in-from-bottom 0.8s ease-out;*/
  /*}*/


  .ul_slider .card{
    animation: fade-in-from-bottom 1s ease-out;
  }


    /* Navbar animation */
    
    .navbar-menu-inner .logo_menu_left__ul li a,
    .navbar-menu-inner ul li {
        font-style: normal;
        font-weight: 300;
        font-size: 22px !important;
        line-height: 33px !important;
        letter-spacing: 0.002em;
        font-family: 'Poppins', sans-serif !important;
    	font-weight: 300;
        color: #103051;
 
    }
 .navbar-menu-inner .list-unstyled li {
           
        transform: translateX(50%);
        opacity: 0;
}
   /* .navbar-menu-inner ul li:nth-child(1) {*/
   /*      animation-name: fade-in-from-right-init;*/
   /*      animation-duration: 1s;*/
   /*     animation-delay: 0s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
   /*.navbar-menu-inner ul li:nth-child(2) {*/
   /*      animation-name: fade-in-from-right-init;*/
   /*    animation-duration: 1s;*/
   /*     animation-delay: 0.2s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
   /* .navbar-menu-inner ul li:nth-child(3) {*/
   /*      animation-name: fade-in-from-right-init;*/
   /*   animation-duration: 1s;*/
   /*     animation-delay: 0.4s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
   /*.navbar-menu-inner ul li:nth-child(4) {*/
   /*      animation-name: fade-in-from-right-init;*/
   /*  animation-duration: 1s;*/
   /*     animation-delay: 0.6s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
   /* .navbar-menu-inner ul li:nth-child(5) {*/
   /*      animation-name: fade-in-from-right-init;*/
   /*        animation-duration: 1s;*/
   /*     animation-delay: 0.8s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
   /*.navbar-menu-inner ul li:nth-child(6) {*/
   /*      animation-name: fade-in-from-right-init;*/
   /*    animation-duration: 1s;*/
   /*     animation-delay: 1s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
    
    
    
    
    
    
    
    
    
   /* .navbar-menu-open .list-unstyled li:nth-child(1) {*/
   /*     animation-name: fade-in-from-right;*/
   /*     animation-duration: 1s;*/
   /*     animation-delay: 0s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
    
   /* .navbar-menu-open .list-unstyled li:nth-child(2) {*/
   /*     animation-name: fade-in-from-right;*/
   /*     animation-duration: 1s;*/
   /*     animation-delay: 0.2s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
    
   /* .navbar-menu-open .list-unstyled li:nth-child(3) {*/
   /*     animation-name: fade-in-from-right;*/
   /*     animation-duration: 1s;*/
   /*     animation-delay: 0.4s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
    
   /* .navbar-menu-open .list-unstyled li:nth-child(4) {*/
   /*     animation-name: fade-in-from-right;*/
   /*     animation-duration: 1s;*/
   /*     animation-delay: 0.6s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
    
   /* .navbar-menu-open .list-unstyled li:nth-child(5) {*/
   /*     animation-name: fade-in-from-right;*/
   /*     animation-duration: 1s;*/
   /*     animation-delay: 0.8s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/
    
   /* .navbar-menu-open .list-unstyled li:nth-child(6) {*/
   /*     animation-name: fade-in-from-right;*/
   /*     animation-duration: 1s;*/
   /*     animation-delay: 1s;*/
   /*     animation-timing-function: ease-out;*/
   /*     animation-fill-mode: forwards;*/
   /* }*/