/*--------------------------------------------------CHAT--------------------------------------------------*/
.chat {
  top: 80%;
  left: 85%;
}

.chat img {
  width: 13%;
  animation: float 1s infinite ease-in-out;
}

/*------------------------------------------------WHATSAPP------------------------------------------------*/
.wa {
  top: 84%;
  left: 85%;
}

.wa img {
  width: 13%;
  animation: float 1s infinite ease-in-out;
}

/*------------------------------------------------TELEGRAM------------------------------------------------*/
.tg {
  top: 88%;
  left: 85%;
}

.tg img {
  width: 84%;
  animation: float 1s infinite ease-in-out;
}

/*--------------------------------------------------ZALO--------------------------------------------------*/
.zalo {
  top: 92%;
  left: 85%;
}

.zalo img {
  width: 13%;
  animation: float 1s infinite ease-in-out;
}

/*----------------------------------------------FOOTER LOGO---------------------------------------------*/
.footer-logo {
  top: 97.1%;
  left: 25%;
}

.footer-logo img {
  width: 20%;
}

/*----------------------------------------------FOOTER BUTTON---------------------------------------------*/
.footer-btn {
  top: 96.8%;
  left: 50%;
}

.footer-btn img {
  width: 32%;
  animation: pulse 1.4s infinite linear;
}

/*------------------------------------------Keyframe Animation--------------------------------------------*/
@keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(0.95);
  }
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-7.5px);
  }
}