 body {
      font-family: 'Inter', sans-serif;
    }

/* animate index.html why choose us section */
 .animate-spin-slow {
    animation: spin 6s linear infinite;
 }

 /* Our temas animation */

.perspective {
  perspective: 1500px;
}

.card-inner {
  transform-style: preserve-3d;
  transition: transform 1s;
  position: relative;
  width: 100%;
  height: 100%;
}

.group:hover .card-inner {
  transform: rotateY(360deg);
}

.card-front,
.card-back {
  backface-visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}

.card-back {
  transform: rotateY(180deg);
}

.glow-border {
  position: relative;
  overflow: hidden;
}

.glow-border::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(60deg, #9333ea, #ec4899, #6366f1, #9333ea);
  animation: glow 5s linear infinite;
  z-index: 0;
}

.glow-border > * {
  position: relative;
  z-index: 1;
}

@keyframes glow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* footer animation */
.animate-text-glow {
    animation: glow 2s ease-in-out infinite alternate;
  }
  @keyframes glow {
    0% {
      text-shadow: 0 0 5px #410e27, 0 0 10px #8b5cf6, 0 0 20px #6366f1;
    }
    100% {
      text-shadow: 0 0 10px #ec4899, 0 0 20px #8b5cf6, 0 0 40px #6366f1;
    }
  }

  /* partner section animation */

 @keyframes scrollLoop {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  .animate-partnerScroll {
    animation: scrollLoop 30s linear infinite;
  }

  .partner-slider > a {
    min-width: 180px;
  }


  /* 404 page style */
@keyframes fade-in-down {
    0% {
      opacity: 0;
      transform: translateY(-40px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .animate-fade-in-down {
    animation: fade-in-down 0.8s ease-out;
  }

  /* About page: company timeline/history section animation */
  keyframes spin-slow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.animate-spin-slow {
  animation: spin-slow 8s linear infinite;
}