.very-big-circle {
  position: fixed;
  bottom: -50vw;
  right: -50vw;
  width: 100vw;
  height: 100vw;
  border-radius: 50%;
  background: #37BFA7;
  filter: blur(200px);
  animation: move-circle 40s infinite;

  z-index: -1;
}

@keyframes move-circle {
  0% {
    bottom: -50vw;
    right: -50vw;
  }
  10% {
    bottom: -50vw;
    right: -50vw;
  }
  15% {
    bottom: -20vw;
    right: -70vw;
  }
  20% {
    bottom: -10vw;
    right: -80vw;
  }
  30% {
    bottom: 0;
    right: -85vw;
  }
  40% {
    bottom: 10vw;
    right: -80vw;
  }
  45% {
    bottom: 20vw;
    right: -80vw;
  }
  55% {
    bottom: 30vw;
    right: -40vw;
  }
  65% {
    bottom: 50vw;
    right: 1vw;
  }
  75% {
    bottom: 30vw;
    right: -40vw;
  }
  85% {
    bottom: 20vw;
    right: -80vw;
  }
  95% {
    bottom: -20vw;
    right: -70vw;
  }
  100% {
    bottom: -50vw;
    right: -50vw;
  }
}

.sidebar-circle {
  position: absolute;
  top: 10vh;
  right: -50vh;
  width: 80vh;
  height: 80vh;
  border-radius: 50%;
  background: #37BFA7;
  filter: blur(200px);
}

.mt-auto-60 {
  margin-top: auto;
}

.mb-40-20 {
  margin-bottom: 40px;
}

.mt-20-10 {
  margin-top: 20px !important;
}

.mt-60-40 {
  margin-top: 60px;
}

.mt-80-60 {
  margin-top: 80px;
}

.pt-20-10 {
  padding-top: 20px;
}

.margin-toggle {
  margin: 0 40px 20px;
}

.marginX-40-20 {
  margin: 0 40px !important;
}

.pb-80 {
  padding-bottom: 80px;
}

.bt-gray {
  border-top: 1px solid var(--grey-opa02);
}

.override_paddings {
  margin: 0 -40px !important;
}




@media (max-width: 991.98px) {
  .very-big-circle {
    bottom: initial;
    right: initial;
    top: -160vw;
    left: -50vw;
    width: 200vw;
    height: 200vw;
    filter: blur(160px);
  }

  .mt-auto-60 {
    margin-top: 60px;
  }

  .mb-40-20 {
    margin-bottom: 20px;
  }

  .mt-20-10 {
    margin-top: 10px !important;
  }

  .mt-60-40 {
    margin-top: 40px;
  }

  .mt-80-60 {
    margin-top: 60px;
  }

  .pt-20-10 {
    padding-top: 10px;
  }

  .margin-toggle {
    margin: 0 15px 10px;
  }

  .marginX-40-20 {
    margin: 0 20px !important;
  }

  .override_paddings {
    margin: 0 -15px !important;
  }
}

@media (max-width: 575.98px) {
  .very-big-circle {
    top: -90vw;
    width: 200vw;
    height: 200vw;
    filter: blur(90px);
    animation: move-circle-mobile 40s infinite;
  }

  @keyframes move-circle-mobile {
    0% {
      top: -90vw;
      left: -90vw;
    }
    30% {
      top: -50vw;
      left: 10vw;
    }
    50% {
      top: 20vw;
      right: 10vw;
    }

    75% {
      top: -50vw;
      left: 10vw;
    }
    100% {
      top: -90vw;
      left: -90vw;
    }

  }
}