.popup {
    opacity: 0;
    transform: scale(0.5); /* Initially scaled down */
    transition: transform 0.6s ease, opacity 0.6s ease;
  }
  
  /* Popup effect when in view */
  .popup.in-view {
    opacity: 1;
    transform: scale(1); /* Scale to normal size */
  }
  
  /*Counter animation effect 
  .counter-2 {
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
    opacity: 0;  
  }
  */
  @keyframes countUp {
    0% {
      transform: scale(1);
      opacity: 0;
    }
    100% {
      transform: scale(1.2);
      opacity: 1;
    }
  }
  
  /* Faster counter animation speed */
  .counter-2.in-view {
    opacity: 1;
    animation: countUp 1s ease-in-out forwards; /* Apply faster counter animation */
  }
  
  /* Hover effect for the text */
  .text-65, .text-66, .text-67, .text-68, .text-69, .text-70, .text-71, .text-72, .text-73 {
    transition: transform 1.5 ease, color 1.5 ease;
  }
  
  .text-65:hover, .text-66:hover, .text-67:hover, .text-68:hover, .text-69:hover, .text-70:hover, .text-71:hover, .text-72:hover, .text-73:hover {
    transform: translateY(-5px);
    color: rgb(71, 114, 255);/* Change color on hover */
  }
  
  /* Glowing effect for the specific text */
  .text-style-11 {
    /* color: #FF6347;
    text-shadow: 0 0 10px rgba(255, 99, 71, 0.7), 0 0 20px rgba(255, 99, 71, 0.7); */
    transition: text-shadow 0.5s ease;
  }
  
  .text-style-11:hover {
    text-shadow: 0 0 25px rgb(111, 71, 255), 0 0 40px rgb(71, 114, 255);
  }
  
  /* Trigger animation when in view */
  .in-view {
    opacity: 1;
    transform: translateY(0);
}


/* Popup effect animation */
/* Popup effect animation *//* Popup effect animation */
   /* Define the keyframes for the smooth slide-up pop-up effect */