[x-cloak] { display: none !important; }

    /* Fix disappearing dropdowns */
    .group:hover .dropdown-content,
    .dropdown-content:hover {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      transform: translateY(0) !important;
    }

    /* Smooth dropdown appearance */
    .dropdown-content {
      pointer-events: none;
      transform: translateY(-10px);
      transition: all 0.25s ease;
    }

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-scroll {
  display: flex;
  width: calc(200px * 10); /* Adjust depending on number of partners */
  animation: scroll 25s linear infinite;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-scroll {
  display: flex;
  width: max-content;
  animation: scroll 30s linear infinite;
}


/* team.php style */
.perspective {
  perspective: 1000px;
}
.preserve-3d {
  transform-style: preserve-3d;
}
.backface-hidden {
  backface-visibility: hidden;
}
.rotate-y-180 {
  transform: rotateY(180deg);
}

/* Header dropdown fix */
/* Keep dropdown visible when hovering either the button or the dropdown */
.group:hover .dropdown-content,
.dropdown-content:hover {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
}

/* Add a gentle fade + slide animation */
.dropdown-content {
  transition: all 0.25s ease-in-out;
  transform: translateY(10px);
}

/* Optional: a small delay before disappearing */
.group .dropdown-content {
  transition-delay: 0.15s;
}

/* Make dropdown stay open while hovering over button or dropdown */
  .dropdown-wrapper:hover .dropdown-content {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  .dropdown-content {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.25s ease;
    pointer-events: auto;
  }



  /* Index page about us section, left image animation */
   @keyframes floatSmooth {
    0% {
      transform: scale(1) translateY(0);
    }
    50% {
      transform: scale(1.05) translateY(-10px);
    }
    100% {
      transform: scale(1) translateY(0);
    }
  }

  .animate-float-smooth {
    animation: floatSmooth 10s ease-in-out infinite;
  }
/* @keyframes floatRotateFast {
    0% {
      transform: scale(1) rotate(0deg) translateY(0);
    }
    25% {
      transform: scale(1.08) rotate(3deg) translateY(-10px);
    }
    50% {
      transform: scale(1.12) rotate(-3deg) translateY(-20px);
    }
    75% {
      transform: scale(1.08) rotate(3deg) translateY(-10px);
    }
    100% {
      transform: scale(1) rotate(0deg) translateY(0);
    }
  }

  .animate-float-rotate-fast {
    animation: floatRotateFast 3.5s ease-in-out infinite;
    transform-origin: center;
  } */

  /* Journalist ovement animation */

  @keyframes float-rotate-fast {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.1) rotate(5deg); }
}

.animate-float-rotate-fast {
  animation: float-rotate-fast 2.5s ease-in-out infinite;
}

/* Journalist animation */
@keyframes journalist-move {
  0% { left: -200px; transform: scaleX(1); }
  50% { left: calc(100% + 200px); transform: scaleX(1); }
  50.1% { transform: scaleX(-1); }
  100% { left: -200px; transform: scaleX(-1); }
}

.animate-journalist-move {
  animation: journalist-move 18s linear infinite;
}

/*Career animation styling*/

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .animate-fadeIn {
    animation: fadeIn 1s ease-in-out forwards;
  }
  .animation-delay-200 { animation-delay: 0.2s; }
  .animation-delay-400 { animation-delay: 0.4s; }

  @keyframes bounce-slow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
  }
  .animate-bounce-slow {
    animation: bounce-slow 3s infinite;
  }