.hero1div2 {
  background-color: #ffffffb3;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d0d0e0;
}


form {
    background-color: #ffffffca;
}



/* gradient div styling Starts from here */

.gradient-bg {
  filter: blur(60px);
  animation: float 10s linear infinite;
}

.orb1 {
  width: 500px;
  height: 500px;
  background: linear-gradient(135deg, #8b7cff 0%, #a78bfa 100%);
  top: 10%;
  right: 10%;
  filter: blur(80px);
  opacity: 0.6;
  animation: float 5s ease-in-out infinite;
}

.orb2 {
  width: 400px;
  height: 400px;
  background: linear-gradient(135deg, #ff99cc 0%, #ffb3d9 100%);
  top: 15%;
  right: 25%;
  filter: blur(80px);
  opacity: 0.6;
  animation: float 5s ease-in-out infinite 2s;
}

@keyframes float {

  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(30px, 30px);
    opacity: 1;
  }
}

/* gradient div styling Ends here */