.elementor-20 .elementor-element.elementor-element-e3cd658{padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-268ee3a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-e601314{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-8180797 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-e601314{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-24777c4 *//* Main 3D Background Container */
.bg-3d-scene {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #0b0f19; /* Dark Premium Background */
  perspective: 800px; /* 3D Depth Level */
  z-index: -1; /* Baaki content ke niche rahega */
}

/* 3D Moving Grid Floor */
.grid-3d-floor {
  position: absolute;
  width: 200%;
  height: 200%;
  top: -20%;
  left: -50%;
  background-image:
    linear-gradient(rgba(99, 102, 241, 0.25) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99, 102, 241, 0.25) 1px, transparent 1px);
  background-size: 50px 50px;
  transform: rotateX(60deg) translateZ(-100px);
  /* Modified animation to include motion */
  animation: gridInfiniteMove 15s linear infinite;
}

@keyframes gridInfiniteMove {
  0% { transform: rotateX(60deg) translateY(0px) translateX(0px); }
  100% { transform: rotateX(60deg) translateY(50px) translateX(50px); }
}

/* Floating 3D Glowing Orbs */
.glow-sphere {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.8;
}

.sphere-1 {
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, #8b5cf6, #ec4899);
  top: 15%;
  left: 15%;
  animation: float3D 8s ease-in-out infinite alternate;
}

.sphere-2 {
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, #3b82f6, #06b6d4);
  bottom: 10%;
  right: 15%;
  animation: float3D 10s ease-in-out infinite alternate-reverse;
}

@keyframes float3D {
  0% { transform: translateZ(0px) translateY(0px); }
  100% { transform: translateZ(120px) translateY(-40px); }
}/* End custom CSS */