/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 12 December 2025 21:29:17
*/


#component_834749 {
  position: absolute;
  width: 100vw;
  height: 320px;
}
.backgroundParticles {
  width: 100vw;
  height: 320px;
  background: #000;
  position: absolute;
  z-index: 4;
}
.fade {
  background: linear-gradient(180deg, rgba(255, 0, 0, 0), black);
  width: 100vw;
  height: 330px;
  position: absolute;
  z-index: 5;
  opacity: 1;
}
.topMargin {
  margin-top: 30px;
}
.backgroundParticles span {
  width: 35vmin;
  height: 35vmin;
  border-radius: 35vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 60s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.backgroundParticles span:nth-child(1) {
  color: #6b8b60;
  top: 52%;
  left: 19%;
  animation-duration: 38.8s;
  animation-delay: -52s;
  transform-origin: 12vw -13vh;
  box-shadow: -70vmin 0 14.9510821904vmin currentColor;
}
.backgroundParticles span:nth-child(2) {
  color: #a243be;
  top: 16%;
  left: 8%;
  animation-duration: 43.4s;
  animation-delay: -46.7s;
  transform-origin: 1vw 8vh;
  box-shadow: 70vmin 0 22.1951597817vmin currentColor;
}
.backgroundParticles span:nth-child(3) {
  color: #173972;
  top: 34%;
  left: 36%;
  animation-duration: 42.3s;
  animation-delay: -87.6s;
  transform-origin: 19vw -4vh;
  box-shadow: 70vmin 0 13.3847098435vmin currentColor;
}
.backgroundParticles span:nth-child(4) {
  color: #a243be;
  top: 70%;
  left: 12%;
  animation-duration: 58s;
  animation-delay: -15.1s;
  transform-origin: -14vw -4vh;
  box-shadow: 70vmin 0 9.306830934vmin currentColor;
}
.backgroundParticles span:nth-child(5) {
  color: #cd967b;
  top: 59%;
  left: 12%;
  animation-duration: 64.4s;
  animation-delay: -38s;
  transform-origin: 4vw 4vh;
  box-shadow: 70vmin 0 19.3194803109vmin currentColor;
}
.backgroundParticles span:nth-child(6) {
  color: #a243be;
  top: 53%;
  left: 95%;
  animation-duration: 85.8s;
  animation-delay: -63.5s;
  transform-origin: 17vw 12vh;
  box-shadow: -70vmin 0 23.7808839348vmin currentColor;
}
.backgroundParticles span:nth-child(7) {
  color: #6b8b60;
  top: 4%;
  left: 26%;
  animation-duration: 78.4s;
  animation-delay: -35.2s;
  transform-origin: -23vw 19vh;
  box-shadow: -70vmin 0 11.1182929365vmin currentColor;
}
.backgroundParticles span:nth-child(8) {
  color: #54758c;
  top: 87%;
  left: 25%;
  animation-duration: 81.8s;
  animation-delay: -0.2s;
  transform-origin: -21vw 8vh;
  box-shadow: -70vmin 0 10.7419453873vmin currentColor;
}
.backgroundParticles span:nth-child(9) {
  color: #6b8b60;
  top: 64%;
  left: 19%;
  animation-duration: 36.4s;
  animation-delay: -85.7s;
  transform-origin: 10vw 11vh;
  box-shadow: -70vmin 0 11.9890974163vmin currentColor;
}
.backgroundParticles span:nth-child(10) {
  color: #6b8b60;
  top: 38%;
  left: 98%;
  animation-duration: 81.3s;
  animation-delay: -67.6s;
  transform-origin: 16vw 2vh;
  box-shadow: -70vmin 0 21.6982158927vmin currentColor;
}
.backgroundParticles span:nth-child(11) {
  color: #54758c;
  top: 29%;
  left: 97%;
  animation-duration: 41.6s;
  animation-delay: -39.4s;
  transform-origin: -16vw -17vh;
  box-shadow: 70vmin 0 10.9045234263vmin currentColor;
}
.backgroundParticles span:nth-child(12) {
  color: #54758c;
  top: 93%;
  left: 29%;
  animation-duration: 84.5s;
  animation-delay: -13.4s;
  transform-origin: -21vw 12vh;
  box-shadow: 70vmin 0 11.3370173518vmin currentColor;
}
.backgroundParticles span:nth-child(13) {
  color: #6b8b60;
  top: 24%;
  left: 71%;
  animation-duration: 74s;
  animation-delay: -46.8s;
  transform-origin: 1vw 13vh;
  box-shadow: 70vmin 0 10.1603730868vmin currentColor;
}
.backgroundParticles span:nth-child(14) {
  color: #54758c;
  top: 81%;
  left: 40%;
  animation-duration: 53.2s;
  animation-delay: -86.9s;
  transform-origin: 13vw 2vh;
  box-shadow: -70vmin 0 14.4384650598vmin currentColor;
}
.backgroundParticles span:nth-child(15) {
  color: #54758c;
  top: 22%;
  left: 35%;
  animation-duration: 69.2s;
  animation-delay: -41.5s;
  transform-origin: 4vw -11vh;
  box-shadow: 70vmin 0 18.8472202642vmin currentColor;
}
.backgroundParticles span:nth-child(16) {
  color: #6b8b60;
  top: 52%;
  left: 72%;
  animation-duration: 52.1s;
  animation-delay: -69.7s;
  transform-origin: -6vw 0vh;
  box-shadow: 70vmin 0 14.9833927577vmin currentColor;
}
.backgroundParticles span:nth-child(17) {
  color: #a243be;
  top: 28%;
  left: 2%;
  animation-duration: 30.8s;
  animation-delay: -29.6s;
  transform-origin: 15vw 25vh;
  box-shadow: 70vmin 0 19.1690167565vmin currentColor;
}
.backgroundParticles span:nth-child(18) {
  color: #173972;
  top: 75%;
  left: 32%;
  animation-duration: 34.1s;
  animation-delay: -18.7s;
  transform-origin: 12vw -4vh;
  box-shadow: 70vmin 0 19.5360767833vmin currentColor;
}
.backgroundParticles span:nth-child(19) {
  color: #6b8b60;
  top: 69%;
  left: 69%;
  animation-duration: 84.8s;
  animation-delay: -11.1s;
  transform-origin: -21vw 12vh;
  box-shadow: -70vmin 0 25.5183586987vmin currentColor;
}
.backgroundParticles span:nth-child(20) {
  color: #173972;
  top: 18%;
  left: 17%;
  animation-duration: 77.1s;
  animation-delay: -58.2s;
  transform-origin: 16vw 25vh;
  box-shadow: -70vmin 0 12.301561876vmin currentColor;
}
.backgroundParticles span:nth-child(21) {
  color: #a243be;
  top: 52%;
  left: 72%;
  animation-duration: 87.9s;
  animation-delay: -39s;
  transform-origin: 16vw 21vh;
  box-shadow: -70vmin 0 14.0919368494vmin currentColor;
}
.backgroundParticles span:nth-child(22) {
  color: #863c5e;
  top: 47%;
  left: 63%;
  animation-duration: 83.3s;
  animation-delay: -63s;
  transform-origin: -9vw 7vh;
  box-shadow: -70vmin 0 13.8814044849vmin currentColor;
}
.backgroundParticles span:nth-child(23) {
  color: #a243be;
  top: 62%;
  left: 91%;
  animation-duration: 53.5s;
  animation-delay: -79.2s;
  transform-origin: 16vw -21vh;
  box-shadow: 70vmin 0 23.6051294486vmin currentColor;
}
.backgroundParticles span:nth-child(24) {
  color: #6b8b60;
  top: 41%;
  left: 29%;
  animation-duration: 80.4s;
  animation-delay: -86.6s;
  transform-origin: -11vw -4vh;
  box-shadow: -70vmin 0 17.887294015vmin currentColor;
}
.backgroundParticles span:nth-child(25) {
  color: #173972;
  top: 53%;
  left: 37%;
  animation-duration: 88.4s;
  animation-delay: -20.2s;
  transform-origin: 12vw 23vh;
  box-shadow: 70vmin 0 13.2462261836vmin currentColor;
}
.backgroundParticles span:nth-child(26) {
  color: #cd967b;
  top: 51%;
  left: 4%;
  animation-duration: 55.3s;
  animation-delay: -87.2s;
  transform-origin: 15vw 20vh;
  box-shadow: -70vmin 0 13.2240830266vmin currentColor;
}
.backgroundParticles span:nth-child(27) {
  color: #173972;
  top: 42%;
  left: 38%;
  animation-duration: 55.5s;
  animation-delay: -9.4s;
  transform-origin: 12vw 25vh;
  box-shadow: 70vmin 0 23.9020463092vmin currentColor;
}
.backgroundParticles span:nth-child(28) {
  color: #6b8b60;
  top: 6%;
  left: 1%;
  animation-duration: 66.9s;
  animation-delay: -47.2s;
  transform-origin: 24vw -24vh;
  box-shadow: -70vmin 0 19.3335221245vmin currentColor;
}
.backgroundParticles span:nth-child(29) {
  color: #cd967b;
  top: 47%;
  left: 18%;
  animation-duration: 65.1s;
  animation-delay: -81.6s;
  transform-origin: -14vw 7vh;
  box-shadow: 70vmin 0 18.9675820492vmin currentColor;
}
.backgroundParticles span:nth-child(30) {
  color: #a243be;
  top: 35%;
  left: 90%;
  animation-duration: 77.2s;
  animation-delay: -84.1s;
  transform-origin: -22vw 16vh;
  box-shadow: -70vmin 0 21.3270512189vmin currentColor;
}
.backgroundParticles span:nth-child(31) {
  color: #cd967b;
  top: 46%;
  left: 70%;
  animation-duration: 64.8s;
  animation-delay: -89.1s;
  transform-origin: -14vw 15vh;
  box-shadow: -70vmin 0 22.3433686099vmin currentColor;
}
.backgroundParticles span:nth-child(32) {
  color: #54758c;
  top: 41%;
  left: 6%;
  animation-duration: 70.2s;
  animation-delay: -33s;
  transform-origin: 9vw 19vh;
  box-shadow: 70vmin 0 8.8200269279vmin currentColor;
}
.backgroundParticles span:nth-child(33) {
  color: #cd967b;
  top: 35%;
  left: 93%;
  animation-duration: 64.2s;
  animation-delay: -85s;
  transform-origin: -18vw 16vh;
  box-shadow: -70vmin 0 25.7804310052vmin currentColor;
}
.backgroundParticles span:nth-child(34) {
  color: #a243be;
  top: 24%;
  left: 64%;
  animation-duration: 84.9s;
  animation-delay: -85.7s;
  transform-origin: -1vw -5vh;
  box-shadow: -70vmin 0 17.1025499834vmin currentColor;
}
.backgroundParticles span:nth-child(35) {
  color: #863c5e;
  top: 37%;
  left: 3%;
  animation-duration: 44.2s;
  animation-delay: -66.6s;
  transform-origin: 1vw -6vh;
  box-shadow: -70vmin 0 14.7957500459vmin currentColor;
}
.backgroundParticles span:nth-child(36) {
  color: #cd967b;
  top: 18%;
  left: 36%;
  animation-duration: 84.1s;
  animation-delay: -49.5s;
  transform-origin: 11vw -7vh;
  box-shadow: 70vmin 0 18.502270081vmin currentColor;
}
.backgroundParticles span:nth-child(37) {
  color: #a243be;
  top: 16%;
  left: 55%;
  animation-duration: 48.2s;
  animation-delay: -21.4s;
  transform-origin: -20vw -20vh;
  box-shadow: -70vmin 0 24.5607463053vmin currentColor;
}
.backgroundParticles span:nth-child(38) {
  color: #a243be;
  top: 30%;
  left: 48%;
  animation-duration: 37.3s;
  animation-delay: -16s;
  transform-origin: 13vw 11vh;
  box-shadow: -70vmin 0 22.0822548137vmin currentColor;
}
.backgroundParticles span:nth-child(39) {
  color: #173972;
  top: 51%;
  left: 84%;
  animation-duration: 78.8s;
  animation-delay: -13s;
  transform-origin: 20vw 17vh;
  box-shadow: 70vmin 0 20.9765843662vmin currentColor;
}
.backgroundParticles span:nth-child(40) {
  color: #6b8b60;
  top: 40%;
  left: 2%;
  animation-duration: 34.4s;
  animation-delay: -34.9s;
  transform-origin: 15vw -20vh;
  box-shadow: 70vmin 0 18.3169807725vmin currentColor;
}
@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}