/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 13 2026 | 08:44:43 */
/* -------------- Animation ---------------- */
@keyframes pulse-bounce {
  0% {
    transform: scale(1) translateY(0);
    box-shadow: 0 0 0 0 rgba(20, 104, 100, 0.5);
  }
  25% {
    transform: scale(1.1) translateY(-3px);
    box-shadow: 0 0 10px 5px rgb(20, 104, 100, 0.3);
  }
  50% {
    transform: scale(0.95) translateY(2px);
    box-shadow: 0 0 0 0 rgba(255, 107, 107, 0);
  }
  75% {
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0 0 12px 4px rgba(20, 104, 100, 0.4);
  }
  100% {
    transform: scale(1) translateY(0);
    box-shadow: 0 0 0 0 rgba(255, 107, 107, 0);
  }
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(87, 75, 233, 0.7);
	}

	70% {
		transform: scale(1.2);
		box-shadow: 0 0 0 12px rgba(87, 75, 233, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(87, 75, 233, 0);
	}
}

@media(max-width: 767px) {
  @keyframes pulse {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(87, 75, 233, 0.7);
    }

    70% {
      transform: scale(1.2);
      box-shadow: 0 0 0 10px rgba(87, 75, 233, 0);
    }

    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(87, 75, 233, 0);
    }
  }
}

@keyframes heightShow {
  0% {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}

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

@keyframes float {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

@keyframes phoneIn {
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

@keyframes phoneFloat {
  0%, 100% {
    transform: translateX(-50%) translateY(0) scale(1);
  }
  50% {
    transform: translateX(-50%) translateY(-8px) scale(1);
  }
}

@keyframes bubbleIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bubbleFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-7px);
  }
}
@keyframes circleRipple {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0);
  }

  15%, 95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(-50%) scale(1.2);
  }
}

g#robot,
#dialog-box-1,
#dialog-box-2,
#dialog-box-3 {
    animation: robot-float 2s ease-in-out infinite;
}
#dialog-box-1 {
	animation-duration: 3s;
	animation-delay: 0.5s;
}
#dialog-box-2 {
	animation-duration: 3s;
	animation-delay: 0.75s;
}
#dialog-box-3 {
	animation-duration: 3s;
	animation-delay: 0.25s;
}