/* animate-fade */
.bx-animate-fade-enter-active,
.bx-animate-fade-leave-active {
  transition: opacity 0.3s ease;
}

.bx-animate-fade-enter-to,
.bx-animate-fade-leave {
  opacity: 1;
}

.bx-animate-fade-enter,
.bx-animate-fade-leave-to {
  opacity: 0;
}

.bx-animate-fade-in {
  animation: bx-animate-fade-in 0.3s;
}

.bx-animate-fade-out {
  animation: bx-animate-fade-out 0.3s;
}

@keyframes bx-animate-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes bx-animate-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* animate-fade */

/* animate-slide */
.bx-animate-slide-enter-active,
.bx-animate-slide-leave-active {
  transition: transform 0.3s ease;
}

.bx-animate-slide-enter-to,
.bx-animate-slide-leave {
  transform: translateY(0);
}

.bx-animate-slide-enter,
.bx-animate-slide-leave-to {
  transform: translateY(100%);
}

/* animate-slide */

/* profession */

.bx-across-slide-enter-active,
.bx-across-slide-leave-active {
  transition: all 0.3s ease-in-out;
}

.bx-across-slide-enter,
.bx-across-slide-leave-to {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

/* profession */
