@keyframes pulse-vibrate {

    0%,
    80%,
    100% {
        transform: translateX(0);
        /* idle */
    }

    85% {
        transform: translateX(-6px);
    }

    90% {
        transform: translateX(6px);
    }

    95% {
        transform: translateX(-6px);
    }

    99% {
        transform: translateX(6px);
    }
}

@keyframes broadcast-ping {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    80% {
        transform: scale(2.5);
        opacity: 0;
    }

    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}


.hero-section .hero-section-contact-button button {
    animation: pulse-vibrate 3s infinite;
}
/* Broadcast effect */
.hero-section .hero-section-contact-button button::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.3);
    animation: broadcast-ping 3s ease-out infinite;
    z-index: 0;
}



/* ====================aboutus annimation========================== */

/* index_annimation.css */

@keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  
  .animate-up {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.9s ease;
  }
  
  .animate-up.visible {
    opacity: 1;
    transform: translateY(0);
  }