@keyframes bblFade1 {
  0%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  50% {
    opacity: 0.05;
    transform: scale(1.1);
  }
}
@keyframes bblFade2 {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1.1);
  }
  25%, 75% {
    opacity: 0.05;
    transform: scale(0.9);
  }
  50% {
    opacity: 0.3;
    transform: scale(0.9);
  }
}
@keyframes bblFade3 {
  0% {
    opacity: 0.3;
    transform: scale(1.2);
  }
  40% {
    opacity: 0.1;
    transform: scale(0.9);
  }
  60% {
    opacity: 0.1;
    transform: scale(0.9);
  }
  100% {
    opacity: 0.3;
    transform: scale(1.2);
  }
}
:root {
  --orange: 255 227 0;
  --green: 34 178 115;
}

.secMv {
  overflow: hidden;
  position: relative;
}
.secMv .bblWrap > * {
  aspect-ratio: 1/1;
  background: radial-gradient(circle, rgb(var(--orange)), rgba(var(--orange)/100%));
  border-radius: 50%;
  filter: blur(35px);
  display: block;
  position: absolute;
  z-index: -2;
}
.secMv .bblWrap span:nth-of-type(1) {
  width: min(100%, 400px);
  animation: bblFade1 ease 10s infinite normal both;
  top: -10%;
  right: -8%;
}
.secMv .bblWrap span:nth-of-type(2) {
  width: min(100%, 500px);
  animation: bblFade2 ease 12s infinite normal both;
  top: 20%;
  right: -2%;
}
.secMv .bblWrap span:nth-of-type(3) {
  width: min(100%, 200px);
  animation: bblFade3 ease 11s infinite normal both;
  bottom: 20%;
  right: 40%;
}
@media screen and (max-width: 767px) {
  .secMv .bblWrap span:nth-of-type(1) {
    width: min(100%, 80px);
    top: -3%;
    right: -3%;
  }
  .secMv .bblWrap span:nth-of-type(2) {
    display: none;
  }
  .secMv .bblWrap span:nth-of-type(3) {
    width: min(100%, 70px);
    bottom: 10%;
    right: 40%;
  }
}

.secEvents {
  overflow: hidden;
  position: relative;
}
.secEvents .bblWrap > * {
  aspect-ratio: 1/1;
  border-radius: 50%;
  filter: blur(35px);
  display: block;
  position: absolute;
  z-index: 0;
}
.secEvents .bblWrap span:nth-of-type(1) {
  width: min(100%, 300px);
  animation: bblFade1 ease 10s infinite normal both;
  top: -10%;
  right: -2%;
  background: radial-gradient(circle, rgb(var(--orange)), rgba(var(--orange)/100%));
}
.secEvents .bblWrap span:nth-of-type(2) {
  width: min(100%, 150px);
  animation: bblFade2 ease 12s infinite normal both;
  top: 16%;
  right: 9%;
  background: radial-gradient(circle, rgb(var(--green)), rgba(var(--green)/100%));
}
.secEvents .bblWrap span:nth-of-type(3) {
  width: min(100%, 200px);
  animation: bblFade3 ease 11s infinite normal both;
  bottom: 20%;
  left: 10%;
  background: radial-gradient(circle, rgb(var(--orange)), rgba(var(--orange)/100%));
}
.secEvents .bblWrap span:nth-of-type(4) {
  width: min(100%, 130px);
  animation: bblFade3 ease 11s infinite normal both;
  bottom: 7%;
  left: 2%;
  background: radial-gradient(circle, rgb(var(--green)), rgba(var(--green)/100%));
}
@media screen and (max-width: 767px) {
  .secEvents .bblWrap span:nth-of-type(1) {
    width: min(100%, 70px);
    top: -10%;
    right: -6%;
  }
  .secEvents .bblWrap span:nth-of-type(2) {
    width: min(100%, 60px);
    top: 16%;
    right: -2%;
  }
  .secEvents .bblWrap span:nth-of-type(3) {
    width: min(100%, 60px);
    bottom: 20%;
    left: -1%;
  }
  .secEvents .bblWrap span:nth-of-type(4) {
    width: min(100%, 50px);
    bottom: 3%;
    left: -5%;
  }
}

.secInterview {
  overflow: hidden;
  position: relative;
}
.secInterview .bblWrap > * {
  aspect-ratio: 1/1;
  border-radius: 50%;
  filter: blur(35px);
  display: block;
  position: absolute;
  z-index: 0;
}
.secInterview .bblWrap span:nth-of-type(1) {
  width: min(100%, 150px);
  animation: bblFade1 ease 10s infinite normal both;
  top: -1%;
  right: -2%;
  background: radial-gradient(circle, rgb(var(--orange)), rgba(var(--orange)/100%));
}
.secInterview .bblWrap span:nth-of-type(2) {
  width: min(100%, 150px);
  animation: bblFade2 ease 12s infinite normal both;
  top: 8%;
  right: 6%;
  background: radial-gradient(circle, rgb(var(--green)), rgba(var(--green)/100%));
}
.secInterview .bblWrap span:nth-of-type(3) {
  width: min(100%, 200px);
  animation: bblFade3 ease 11s infinite normal both;
  bottom: 20%;
  left: -5%;
  background: radial-gradient(circle, rgb(var(--orange)), rgba(var(--orange)/100%));
}
.secInterview .bblWrap span:nth-of-type(4) {
  width: min(100%, 130px);
  animation: bblFade3 ease 11s infinite normal both;
  bottom: 7%;
  left: 2%;
  background: radial-gradient(circle, rgb(var(--green)), rgba(var(--green)/100%));
}
@media screen and (max-width: 767px) {
  .secInterview .bblWrap span:nth-of-type(1) {
    width: min(100%, 70px);
    top: -10%;
    right: -6%;
  }
  .secInterview .bblWrap span:nth-of-type(2) {
    width: min(100%, 60px);
    top: 16%;
    right: -2%;
  }
  .secInterview .bblWrap span:nth-of-type(3) {
    width: min(100%, 60px);
    bottom: 20%;
    left: -1%;
  }
  .secInterview .bblWrap span:nth-of-type(4) {
    width: min(100%, 50px);
    bottom: 3%;
    left: -5%;
  }
}