.elementor-677 .elementor-element.elementor-element-68291cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-677 .elementor-element.elementor-element-67c5ed1{font-family:"Poppins", Sans-serif;color:#FFFFFF;}/* Start custom CSS for container, class: .elementor-element-68291cd */.ani-bg-design {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, #0a0a12 0%, #12121c 50%, #0a0a12 100%);
  isolation: isolate;
}

/* main animated gradient layer */
.ani-bg-design::before {
  content: "";
  position: absolute;
  inset: -20%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 30% 20%, rgba(42, 31, 92, 0.95) 0%, transparent 38%),
    radial-gradient(circle at 70% 80%, rgba(50, 48, 124, 0.9) 0%, transparent 40%),
    radial-gradient(circle at 80% 15%, rgba(161, 68, 245, 0.18) 0%, transparent 28%);
  filter: blur(20px);
  animation: aniBgFloat 18s ease-in-out infinite alternate;
}

/* secondary soft moving light */
.ani-bg-design::after {
  content: "";
  position: absolute;
  inset: -25%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 75%, rgba(62, 60, 185, 0.22) 0%, transparent 30%),
    radial-gradient(circle at 85% 35%, rgba(161, 68, 245, 0.16) 0%, transparent 26%);
  filter: blur(38px);
  animation: aniBgFloatTwo 24s ease-in-out infinite alternate;
}

/* ✨ cursor-follow glow (NEW LAYER) */
.ani-bg-design .ani-bg-cursor {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: radial-gradient(
    300px circle at var(--x, 50%) var(--y, 50%),
    rgba(161, 68, 245, 0.18),
    rgba(62, 60, 185, 0.12),
    transparent 65%
  );

  opacity: 0.6;
  transition: opacity 0.3s ease;
}

/* content above */
.ani-bg-design > * {
  position: relative;
  z-index: 2;
}

/* hover boost */
.ani-bg-design:hover .ani-bg-cursor {
  opacity: 1;
}

/* animations */
@keyframes aniBgFloat {
  0% { transform: translate3d(0%, 0%, 0) scale(1) rotate(0deg); }
  50% { transform: translate3d(2%, -1.5%, 0) scale(1.08) rotate(1deg); }
  100% { transform: translate3d(-2%, 2%, 0) scale(1.06) rotate(-1deg); }
}

@keyframes aniBgFloatTwo {
  0% { transform: translate3d(0%, 0%, 0) scale(1.05); opacity: 0.7; }
  50% { transform: translate3d(-2%, 2%, 0) scale(1.12); opacity: 0.8; }
  100% { transform: translate3d(1.5%, -1.5%, 0) scale(1.1); opacity: 0.75; }
}/* End custom CSS */