/*  okay
    Animation
*/
.animation {
  opacity: 0;
  transform: scale(0.5);
  transition: all 1s;
}
.animation.animationActive {
  opacity: 1;
  transform: scale(1);
}
.animation img {
  position: absolute;
  top: 0;
  left: 0;
}
.animation img.main {
  position: relative;
  display: none;
}
.animation img:nth-child(2) {
  position: relative;
}

.img_flotng_prtclestpbtm_add_cls {
  /* -webkit-animation: hmebannr_floatingtpbtm 5s ease-in-out infinite;
     animation: hmebannr_floatingtpbtm 5s ease-in-out infinite; */
  animation-name: hmebannr_floatingtpbtm;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-name: hmebannr_floatingtpbtm;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
}

.img_flotng_prtclesleftrght_add_cls {
  /* -webkit-animation: hmebannr_floatinglftrght 5s ease-in-out infinite;
     animation: hmebannr_floatinglftrght 5s ease-in-out infinite; */
  animation-name: hmebannr_floatinglftrght;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-name: hmebannr_floatinglftrght;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
}

.holostic_img_cls8 {
  -webkit-animation: icn_crcle_bounce 4s infinite alternate;
  animation: icn_crcle_bounce 4s infinite alternate;
}

@keyframes hmebannr_floatingtpbtm {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-25px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-webkit-keyframes hmebannr_floatingtpbtm {
  0% {
    -webkit-transform: translatey(0px);
  }
  50% {
    -webkit-transform: translatey(-25px);
  }
  100% {
    -webkit-transform: translatey(0px);
  }
}
@keyframes hmebannr_floatinglftrght {
  0% {
    transform: translatex(0px);
  }
  50% {
    transform: translatex(-25px);
  }
  100% {
    transform: translatex(0px);
  }
}
@-webkit-keyframes hmebannr_floatinglftrght {
  0% {
    -webkit-transform: translatex(0px);
  }
  50% {
    -webkit-transform: translatex(-25px);
  }
  100% {
    -webkit-transform: translatex(0px);
  }
}
@keyframes icn_crcle_bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}
@-webkit-keyframes icn_crcle_bounce {
  from {
    -webkit-transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-25px);
  }
}
/*  */
.postnmove_down_cls {
  animation-delay: 3s;
  animation: translteUpDownFloatAnim 15s ease-in-out infinite;
}

.leavef_trnslte_cls {
  animation: transltetrghtleaveFloatAnim 15s ease-in-out infinite;
}

.tparrwpostnmove_down_cls {
  animation-delay: 3s;
  animation: transltetparrwFloatAnim 15s ease-in-out infinite;
}

.plyr_trnslte_cls {
  animation: transltetplyrFloatAnim 15s ease-in-out infinite;
}

.catvenre_and_prtects_trnslte {
  animation: transltetcatcrclerFloatAnim 15s ease-in-out infinite;
}

@keyframes translteUpDownFloatAnim {
  0% {
    transform: translate3d(-53vw, 16rem, 0px);
  }
  50% {
    transform: translate3d(-53vw, 5rem, 0px);
  }
  100% {
    transform: translate3d(-53vw, 16rem, 0px);
  }
}
@keyframes transltetparrwFloatAnim {
  0% {
    transform: translate3d(34vw, 6rem, 0px);
  }
  50% {
    transform: translate3d(34vw, 16rem, 0px);
  }
  100% {
    transform: translate3d(34vw, 6rem, 0px);
  }
}
@keyframes transltetrghtleaveFloatAnim {
  0% {
    transform: translate3d(24vw, 40rem, 0px);
    transition: all 12s;
  }
  50% {
    transform: translate3d(24vw, -14rem, 0px);
    transition: all 12s;
  }
  100% {
    transform: translate3d(24vw, 40rem, 0px);
    transition: all 12s;
  }
}
@keyframes transltetplyrFloatAnim {
  0% {
    transform: translate3d(20vw, 40rem, 0px);
    transition: all 14s;
  }
  50% {
    transform: translate3d(20vw, -14rem, 0px);
    transition: all 14s;
  }
  100% {
    transform: translate3d(20vw, 40rem, 0px);
    transition: all 14s;
  }
}
@keyframes transltetcatcrclerFloatAnim {
  0% {
    transform: translate3d(-68vw, 34rem, 0px);
    transition: all 8s;
  }
  50% {
    transform: translate3d(-68vw, -7rem, 0px);
    transition: all 8s;
  }
  100% {
    transform: translate3d(-68vw, 34rem, 0px);
    transition: all 8s;
  }
}
.bottom-to-top.card, .bottom-to-top.el-blog-post, .bottom-to-top.service-post, .bottom-to-top.iconBox {
  top: 0;
  transition: all 0.5s;
  position: relative;
}
.bottom-to-top.card:hover, .bottom-to-top.el-blog-post:hover, .bottom-to-top.service-post:hover, .bottom-to-top.iconBox:hover {
  top: -10px;
}

/**
Lazy Loader Animation
*/
img[data-src] {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  will-change: opacity;
}

/* appear animation */
img[data-src][src] {
  opacity: 1;
}

/* Custom BG Animation */
.background_animation {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}

.el-animation-items {
  width: 50px;
  height: 50px;
  position: absolute;
  display: block;
  overflow: hidden;
  opacity: 0;
}

.el-animation-items div {
  height: 100%;
  width: 100%;
}

.elementor-widget:has(.background_animation) {
  position: unset !important;
}