.anima-logo-tngh {
  -webkit-filter: brightness(5);
  filter: brightness(5);
  -webkit-mask-image: -webkit-linear-gradient(
    -45deg,
    hsla(0, 0%, 100%, 0) 40%,
    #fff 50%,
    hsla(0, 0%, 100%, 0) 60%
  );
  mask-image: -webkit-linear-gradient(
    -45deg,
    hsla(0, 0%, 100%, 0) 40%,
    #fff 50%,
    hsla(0, 0%, 100%, 0) 60%
  );
  -webkit-mask-size: 300% 200%;
  mask-size: 300% 200%;
  -webkit-animation: light-run 3.5s linear 1.5s infinite;
  animation: light-run 3.5s linear 1.5s infinite;
}

@-webkit-keyframes light-run {
  0% {
    -webkit-mask-position: 150% 0;
    mask-position: 150% 0;
  }

  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}

@keyframes light-run {
  0% {
    -webkit-mask-position: 150% 0;
    mask-position: 150% 0;
  }

  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}

.anima-btn-zomall{
  animation: zoom-in-zoom-out 0.95s ease-out infinite
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
    filter: brightness(1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}
body {
  -webkit-animation: shake .3s .55s;
  animation: shake .3s .55s;
}
@-webkit-keyframes shake{
  0%,100%{-webkit-transform:translate3d(0,0,0);}
  10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);}
  20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);}
}
@-moz-keyframes shake{
  0%,100%{-webkit-transform:translate3d(0,0,0);}
  10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);}
  20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);}
}
@keyframes shake{
  0%,100%{transform:translate3d(0,0,0);}
  30%,50%,70%{transform:translate3d(-10px,0,0);}
  40%,60%{transform:translate3d(10px,0,0);}
}




@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
    -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
}



@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
      -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}







.all-nhanvat{animation: NhanVatLeft 1.6s ease-in-out forwards;}
.all-nhanvat::before,.all-nhanvat::after,.all-nhanvat-trail {
  content: ''; 
  position: absolute;
  background-image: url(../public/assets/images/img-nv.png);
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  animation: inherit; 
  animation-delay: 0.1s; 
}

.all-nhanvat::after {
  animation-delay: 0.2s;
  opacity: 0.6;
  filter: blur(4px);
}

.all-nhanvat::before {
  opacity: 0.8;
  filter: blur(2px);
  z-index: -1;
}

.all-nhanvat::after {
  z-index: -2;
}

.all-nhanvat-trail {
  z-index: -3;
}

.all-nhanvat {
  z-index: 1;
  position: absolute;
}
@keyframes NhanVatLeft {
  from {
    transform: translateX(-100vw);
  }
  to {
    transform: translateX(0);
  }
}
.ani-setall{  position: absolute;
  top: 155px;right:297px;background-size:100% 100%;transform: scaleX(-1) rotate(10deg);
  width:320px;    mix-blend-mode: plus-lighter;
  height:600px;}
.ani-setall-an{
  width: 100%;height: 100%;;
  background:url(../public/assets/images/all-set.webp);
  background-size:700% 700%;
  mix-blend-mode:normal;
  -webkit-animation:ani_sam_setall 2s 0s steps(1) infinite normal;
  animation:ani_sam_setall 2s 0s steps(1) infinite normal;
}
@keyframes ani_sam_setall{
  0%{background-position:0px 0px;}
  2.1%{background-position:-320px 0px;}
  4.2%{background-position:-640px 0px;}
  6.3%{background-position:-960px 0px;}
  8.3%{background-position:-1280px 0px;}
  10.4%{background-position:-1600px 0px;}
  12.5%{background-position:-1920px 0px;}
  14.6%{background-position:0px -600px;}
  16.7%{background-position:-320px -600px;}
  18.8%{background-position:-640px -600px;}
  20.8%{background-position:-960px -600px;}
  22.9%{background-position:-1280px -600px;}
  25%{background-position:-1600px -600px;}
  27.1%{background-position:-1920px -600px;}
  29.2%{background-position:0px -1200px;}
  31.3%{background-position:-320px -1200px;}
  33.3%{background-position:-640px -1200px;}
  35.4%{background-position:-960px -1200px;}
  37.5%{background-position:-1280px -1200px;}
  39.6%{background-position:-1600px -1200px;}
  41.7%{background-position:-1920px -1200px;}
  43.8%{background-position:0px -1800px;}
  45.8%{background-position:-320px -1800px;}
  47.9%{background-position:-640px -1800px;}
  50%{background-position:-960px -1800px;}
  52.1%{background-position:-1280px -1800px;}
  54.2%{background-position:-1600px -1800px;}
  56.3%{background-position:-1920px -1800px;}
  58.3%{background-position:0px -2400px;}
  60.4%{background-position:-320px -2400px;}
  62.5%{background-position:-640px -2400px;}
  64.6%{background-position:-960px -2400px;}
  66.7%{background-position:-1280px -2400px;}
  68.8%{background-position:-1600px -2400px;}
  70.8%{background-position:-1920px -2400px;}
  72.9%{background-position:0px -3000px;}
  75%{background-position:-320px -3000px;}
  77.1%{background-position:-640px -3000px;}
  79.2%{background-position:-960px -3000px;}
  81.3%{background-position:-1280px -3000px;}
  83.3%{background-position:-1600px -3000px;}
  85.4%{background-position:-1920px -3000px;}
  87.5%{background-position:0px -3600px;}
  89.6%{background-position:-320px -3600px;}
  91.7%{background-position:-640px -3600px;}
  93.8%{background-position:-960px -3600px;}
  95.8%{background-position:-1280px -3600px;}
  97.9%{background-position:-1600px -3600px;}
  100%{background-position:-1600px -3600px;}
}
.ani-setall-al2{
  right: auto;
  left: 660px;
  transform: rotate(-70deg);
  top: -122px;
  z-index: 1;
  height: 830px;
  mix-blend-mode: normal;
}
.ani-setall-al2 .ani-setall-an{
  -webkit-animation:ani_sam_setall 1.8s 0s steps(1)  normal;
  animation:ani_sam_setall 1.8s 0s steps(1)  normal;
  animation-delay: 2s;
}