/* Text Swap Animation Styles */
.text-swap-container {
  display: inline-block;
  position: relative;
  min-height: 1.2em;
  min-width: 250px; /* Ensure enough space for both texts */
  vertical-align: baseline;
  overflow: hidden;
  white-space: nowrap;
}

.text-swap-item {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateY(100%);
  will-change: transform, opacity;
  font-size: inherit;
  font-weight: inherit;
  white-space: nowrap;
}

.text-swap-item-1 {
  transform: translateY(0);
  opacity: 1;
}

.text-swap-container span {font-size: 50px;color: #3cc7ff;}