@keyframes ObjLeft {
  0% {
    left: 0;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 0;
  }
}
@keyframes ObjRight {
  0% {
    right: 0;
  }
  50% {
    right: -100px;
  }
  100% {
    right: 0;
  }
}
.hero .anim_wrapper_left .top {
  animation: 7s anim_wrapper_top infinite linear;
  animation-delay: 2s;
  transform-origin: top left;
}
.hero .anim_wrapper_left .bottom {
  animation: 7s anim_wrapper_bottom infinite linear;
  animation-delay: 2s;
  transform-origin: bottom right;
}
.hero .anim_wrapper_right .top {
  animation: 7s anim_wrapper_top infinite linear;
  animation-delay: 2s;
  transform-origin: bottom right;
}
.hero .anim_wrapper_right .bottom {
  animation: 7s anim_wrapper_bottom infinite linear;
  animation-delay: 2s;
  transform-origin: top left;
}
.hero .side_obj.left {
  animation: 7s animateObjLeft infinite linear;
  animation-delay: 2s;
}
.hero .side_obj.right {
  animation: 7s animateObjRight infinite linear;
  animation-delay: 2s;
}
@keyframes anim_wrapper_top {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(0.5);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes anim_wrapper_bottom {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(2);
  }
  50% {
    transform: scale(2);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animateObjLeft {
  0% {
    left: 0;
  }
  25% {
    left: -200px;
  }
  50% {
    left: -200px;
  }
  75% {
    left: 0;
  }
  100% {
    left: 0;
  }
}
@keyframes animateObjRight {
  0% {
    right: 0;
  }
  25% {
    right: -200px;
  }
  50% {
    right: -200px;
  }
  75% {
    right: 0;
  }
  100% {
    right: 0;
  }
}

.sectiona-1 .side_obj.left,
.sectiona-2 .side_obj.left,
.sectiona-3 .side_obj.left,
.sectiona-4 .side_obj.left,
.sectiona-5 .side_obj.left,
.sectiona-6 .side_obj.left,
.sectiona-7 .side_obj.left,
.sectiona-8 .side_obj.left,
.sectiona-10 .side_obj.left,
.sectiona-11 .side_obj.left,
.sectiona-12 .side_obj.left,
.sectiona-13 .side_obj.left,
.sectiona-14 .side_obj.left,
.sectiona-15 .side_obj.left,
.sectiona-16 .side_obj.left,
.sectiona-17 .side_obj.left,
.sectiona-18 .side_obj.left,
.road-map .side_obj.left, .reviews .side_obj.left, .integrations .side_obj.left {
  animation: 7s animateObjLeft infinite linear;
  animation-delay: 2s;
}
.sectiona-1 .side_obj.right,
.sectiona-2 .side_obj.right,
.sectiona-3 .side_obj.right,
.sectiona-4 .side_obj.right,
.sectiona-5 .side_obj.right,
.sectiona-6 .side_obj.right,
.sectiona-7 .side_obj.right,
.sectiona-8 .side_obj.right,
.sectiona-10 .side_obj.right,
.sectiona-11 .side_obj.right,
.sectiona-12 .side_obj.right,
.sectiona-13 .side_obj.right,
.sectiona-14 .side_obj.right,
.sectiona-15 .side_obj.right,
.sectiona-16 .side_obj.right,
.sectiona-17 .side_obj.right,
.sectiona-18 .side_obj.right,
.road-map .side_obj.right, .reviews .side_obj.right, .integrations .side_obj.right {
  animation: 7s animateObjRight infinite linear;
  animation-delay: 2s;
}
@keyframes animateObjLeft {
  0% {
    left: 0;
  }
  25% {
    left: -200px;
  }
  50% {
    left: -200px;
  }
  75% {
    left: 0;
  }
  100% {
    left: 0;
  }
}
@keyframes animateObjRight {
  0% {
    right: 0;
  }
  25% {
    right: -200px;
  }
  50% {
    right: -200px;
  }
  75% {
    right: 0;
  }
  100% {
    right: 0;
  }
}

/*# sourceMappingURL=animate.css.map */