.group::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000000;
    transition: width 0.3s ease;
    content: "";
}




/* Define the scale-up animation  for domains*/
@keyframes scaleUp {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  
  /* Initially hide the element and set up the animation */
  .scale-up {
    opacity: 0;
    transform: scale(0);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  
  /* Add this class when the element is in view */
  .scale-up.in-view {
    animation: scaleUp 0.5s ease-out forwards;
    opacity: 1;
    transform: scale(1);
  }