.elementor-section {
  position: relative;
  overflow: hidden;
}
.herogradient {
  width: 100%;
  height: 100%;
  background-color: #1b1b1b !important;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.inneritems {
  filter: blur(120px);
}

.herooverlay {
  filter: blur(120px);
  mix-blend-mode: overlay;
}

.shape-1, .shape-2, .shape-3, .shape-4, .shape-5, .shape-6, .shape-7, .shape-8, .shape-9 {
  border-radius: 50%;
  position: absolute;
}

.shape-1 {
  width: 40em;
  height: 40em;
  background-color: #45DBFFff !important;
  top: -24.7em;
  left: 0;
  right: 0;
  margin: auto;
}

.shape-2 {
  width: 43em;
  height: 40em;
  background-color: #8153F9ff !important;
  top: -20em;
  left: -27.4em;
}

.shape-3 {
  width: 53em;
  height: 100em;
  background-color: #8153F9ff !important;
  top: -19.8em;
  left: -26em;
  transform: rotate(-28deg);
}

.shape-4 {
  width: 65em;
  height: 40em;
  background-color: #f6c779 !important;
  top: -11.3em;
  left: 0;
  transform: rotate(40deg);
}

.shape-5 {
  width: 30em;
  height: 30em;
  background-color: #ffbe0b !important;
  top: -21.7em;
  left: 0;
  right: 0;
  margin: auto;
}

.shape-6 {
  width: 66em;
  height: 60em;
  background-color: #caffbf !important;
  top: -14.2em;
  right: -25em;
  transform: rotate(60deg);
}

.shape-7 {
  width: 20em;
  height: 13em;
  background-color: #ffbd00 !important;
  top: -4.1em;
  right: -23.9em;
  transform: rotate(40deg);
}

.shape-8 {
  width: 47em;
  height: 119em;
  background-color: #80ffdb !important;
  top: -17.1em;
  left: 26.7em;
  transform: rotate(29deg);
}

.shape-9 {
  width: 30em;
  height: 119em;
  background-color: #00ffba !important;
  top: -5.3em;
  right: 1.2em;
  transform: rotate(39deg);
}

.background-noise {
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url("https://rankrush.co.nz/wp-content/uploads/2025/01/noise.png");
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 0.87rem;
  }

  .inneritems,
  .herooverlay {
    filter: blur(80px);
  }

  .shape-3 {
    width: 44em;
    height: 57em;
    top: 23.2em;
    right: -9.5em;
  }
}

@media screen and (max-width: 767px) {
  .shape-3 {
    width: 30em;
  }
}

@media screen and (max-width: 479px) {
  .shape-4 {
    top: 30.7em;
  }
}

.shape-3 {
    -webkit-transform: rotateZ(0deg); /* Safari/Opera older versions */
    -moz-transform: rotateZ(0deg); /* Older Firefox */
    -o-transform: rotateZ(0deg); /* Older Opera */
    transform: rotateZ(0deg);
}