.product-bg {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.product-bg .container-fluid {
  height: 100%;
  position: relative;
  width: 100%;
}
.product-bg.is-mobile .product-bg__spiral,
.product-bg.is-mobile .product-bg__spiral-noise {
  display: unset;
}
.product-bg.is-mobile .product-bg__noise {
  display: none;
}
.product-bg__spiral,
.product-bg__spiral-noise {
  display: none;
  height: 1300px;
  left: -235px;
  position: absolute;
  top: -590px;
  width: 1300px;
}
.product-bg__spiral {
  background-repeat: no-repeat;
  background-size: contain;
}
.product-bg__spiral-noise {
  background-repeat: repeat;
  opacity: 0.1;
  mask-repeat: repeat;
  mask-size: contain;
  -webkit-mask-repeat: repeat;
  -webkit-mask-size: contain;
}
.product-bg__lottie {
  height: auto;
  left: 65%;
  top: 62%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 1228px;
}
.product-bg .product-bg__noise {
  height: 1233px;
  left: 50%;
  opacity: 0.05;
  top: 62%;
  transform: translate(-50%, -50%);
  width: 1228px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
}
.product-bg__light {
  background: radial-gradient(circle, rgba(252,222,27,0.7) 0%, rgba(252,222,27,0) 50%, rgba(252,222,27,0) 100%);
  height: 500px;
  left: 50%;
  mix-blend-mode: soft-light;
  position: absolute;
  top: 30%;
  transform: translate(-50%, -50%);
  width: 500px;
}

@media (min-width: 768px) {
  .product-bg__spiral,
  .product-bg__spiral-noise {
    height: 1255px;
    left: -70px;
    top: -520px;
    width: 1255px;
  }
  .product-bg__lottie {
    left: 50.5%;
    top: 74.2%;
    width: 1300px;
  }
  .product-bg .product-bg__noise {
    height: 1305px;
    top: 74.2%;
    width: 1300px;
  }
  .product-bg__light {
    height: 1000px;
    left: 70%;
    top: 40%;
    width: 1000px;
  }
}

@media (min-width: 1024px) {
  .product-bg__spiral,
  .product-bg__spiral-noise {
    height: 1830px;
    left: -140px;
    top: -810px;
    width: 1830px;
  }
  .product-bg__lottie {
    left: 51.5%;
    top: 81.6%;
    width: 1900px;
  }
  .product-bg .product-bg__noise {
    height: 1905px;
    top: 81.6%;
    width: 1900px;
  }
  .product-bg__light {
    left: 66%;
    top: 55%;
  }
}

@media (min-width: 1360px) {
  .product-bg__spiral,
  .product-bg__spiral-noise {
    height: 2250px;
    left: -130px;
    top: -980px;
    width: 2250px;
  }
  .product-bg__lottie {
    left: 51%;
    top: 84.5%;
    width: 2360px;
  }
  .product-bg .product-bg__noise {
    height: 2365px;
    top: 84.5%;
    width: 2360px;
  }
  .product-bg__light {
    height: 1200px;
    left: 60%;
    width: 1200px;
  }
}

@media (min-width: 1920px) {
  .product-bg__spiral,
  .product-bg__spiral-noise {
    left: 120px;
    top: -1010px;
  }
  .product-bg__lottie {
    left: 49%;
    top: 81%;
  }
  .product-bg .product-bg__noise {
    top: 81%;
  }
}