/* Custom overrides if needed */
body {
    margin: 0;
}

/* === Stronger, More Visible Gradient Movement === */

@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  20% {
    background-position: 100% 0%;
  }
  40% {
    background-position: 100% 100%;
  }
  60% {
    background-position: 0% 100%;
  }
  80% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.bg-gradient-animated {
  background: linear-gradient(
    135deg,
    #2563eb,   /* stronger blue */
    #7c3aed,   /* stronger purple */
    #db2777,   /* stronger pink */
    #2563eb
  );
  background-size: 200% 200%;
  animation: gradientFlow 8s ease-in-out infinite;
}
/*cursor animation*/

/*end cursor animation*/

/*seo page data driven section animation*/
@keyframes flowLine {
    0% { background-position: 0% }
    100% { background-position: 200% }
}

.flow-line {
    background-size: 200% auto;
    animation: flowLine 4s linear infinite;
}