#mouse-gradient {
  position: fixed;
  width: 1500px;
  height: 1500px;
  background-image: radial-gradient(circle, rgba(49, 131, 255, 1) 0%, rgba(49, 131, 255, 0) 66%);
  background: radial-gradient(circle, rgba(49, 131, 255, 1) 0%, rgba(49, 131, 255, 0) 66%);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 50%;
  pointer-events: none;
  transform: scale(0);
  opacity: 0;
  transition: transform 250ms ease-in-out, opacity 100ms ease-in-out 150ms;
  z-index: -1;
}

#mouse-gradient.visible {
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;
    transform: scale(1);
    opacity: 0.15;
}
.background-effect{
    position: fixed;
    width: 50vw;
    height: 50vw;
    pointer-events: none;
    z-index: -1;
    opacity: 0;
    transition: opacity 250ms ease-in-out;
}
.background-effect__bottom{
   background: linear-gradient(318.49deg, rgba(255, 0, 255, 0.4) 0%, rgba(0, 0, 0, 0) 44.03%);
   bottom: 0;
   right: 0;
}
.background-effect__top{
   background: linear-gradient(123.52deg, rgba(0, 83, 249, 0.4) 0%, rgba(0, 0, 0, 0) 46.34%);
   top: 0;
   left: 0;
}
body[data-elementor-device-mode="tablet"] .background-effect{
    width: 100vw;
    height: 100vw;
}
body[data-elementor-device-mode="mobile"] .background-effect{
    width: 75vh;
    height: 75vh;
}