.elementor-23 .elementor-element.elementor-element-b4b3cb2{margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + -76px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS */<style>
html, body {
  min-height: 100%;
  background: #101c2b !important;
}

body {
  background:
    radial-gradient(ellipse at 15% 20%, #376c70 0%, transparent 45%),
    radial-gradient(ellipse at 85% 75%, #70517b 0%, transparent 45%),
    linear-gradient(135deg, #101c2b, #172b37, #25213a) !important;
  background-attachment: fixed !important;
}

#sz-live-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

#sz-live-bg .light {
  position: absolute;
  border-radius: 50%;
  filter: blur(110px);
  will-change: transform;
}

#sz-live-bg .one {
  width: 600px;
  height: 600px;
  background: #376c70;
  opacity: .28;
  top: -180px;
  left: -150px;
}

#sz-live-bg .two {
  width: 600px;
  height: 600px;
  background: #70517b;
  opacity: .25;
  bottom: -180px;
  right: -150px;
}

#sz-live-bg .gold-one {
  width: 450px;
  height: 450px;
  background: #d6ad59;
  opacity: .17;
  top: 25%;
  right: 10%;
}

#sz-live-bg .gold-two {
  width: 350px;
  height: 350px;
  background: #b88b3d;
  opacity: .13;
  bottom: 5%;
  left: 15%;
}

/* حفظ نمایش محتوای سایت */
.elementor,
.elementor-section,
.e-con,
.site,
.site-content {
  background-color: transparent !important;
}
<\/style>

<div id="sz-live-bg">
  <div class="light one"></div>
  <div class="light two"></div>
  <div class="light gold-one"></div>
  <div class="light gold-two"></div>
</div>

<script>
(function () {
  function initBackground() {
    const bg = document.getElementById('sz-live-bg');
    if (!bg || bg.dataset.ready) return;

    bg.dataset.ready = '1';

    const one = bg.querySelector('.one');
    const two = bg.querySelector('.two');
    const goldOne = bg.querySelector('.gold-one');
    const goldTwo = bg.querySelector('.gold-two');

    let ticking = false;

    function moveBackground() {
      const y = window.scrollY || 0;

      one.style.transform =
        `translate3d(${y * 0.08}px, ${y * 0.18}px, 0)`;

      two.style.transform =
        `translate3d(${-y * 0.06}px, ${-y * 0.14}px, 0)`;

      goldOne.style.transform =
        `translate3d(${-y * 0.07}px, ${y * 0.12}px, 0)`;

      goldTwo.style.transform =
        `translate3d(${y * 0.08}px, ${-y * 0.10}px, 0)`;

      ticking = false;
    }

    window.addEventListener('scroll', function () {
      if (!ticking) {
        window.requestAnimationFrame(moveBackground);
        ticking = true;
      }
    }, { passive: true });

    moveBackground();
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initBackground);
  } else {
    initBackground();
  }
})();
</script>/* End custom CSS */