:root {
  --radius: 54rem;
  --speed: 70s;
  --step-angle: 18deg;
}

/* MOBILE */
@media (max-width: 479px) {
  :root {
    --radius: 30rem;
    --speed: 50s;
    --step-angle: 18deg;
  }
}
.upload_orbit-wrap {
  position: relative;
  aspect-ratio: 1;

  opacity: 0;
  transition: opacity 0.6s ease;
}

.upload_orbit-wrap.is-visible {
  opacity: 1;
}

.upload_orbit-wrap.is-ready {
  animation: spin var(--speed) linear infinite;
}

.upload_orbit-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
    rotate(calc((var(--i) * var(--step-angle)) - 90deg))
    translate(var(--radius)) rotate(90deg);
}

/* ANIMATION */
@keyframes spin {
  to {
    transform: rotate(-360deg);
  }
}

.disabled_swiper_button {
  opacity: 0.5;
  background: rgba(26, 26, 36, 0);
  pointer-events: none;
}

.hero-heading {
  opacity: 0;
}
.hero-bttn {
  opacity: 0;
}

.navbar {
  opacity: 0;
}
.h2-dop {
  opacity: 0;
}
.dop-bttn {
  opacity: 0;
}
.dop-image {
  opacity: 0;
}
.h3-mp {
  opacity: 0;
}
[cta-card-1] {
  opacity: 0;
}
.lp-card-wrapper {
  opacity: 0;
}
.lp-bttn {
  opacity: 0;
}
.h3-iai {
  opacity: 0;
}
.iai-animation {
  opacity: 0;
}
.iai-cards-wrapper {
  opacity: 0;
}
.h2-partners {
  opacity: 0;
}
.partners-carousel {
  opacity: 0;
}
.events-bttn {
  opacity: 0;
}
.swiper-events {
  opacity: 0;
}
.news-bttn {
  opacity: 0;
}
.swiper-news {
  opacity: 0;
}
.h2-resources {
  opacity: 0;
}
.resources-link {
  opacity: 0;
}
[faq-question] {
  opacity: 0;
}
.footer-card {
  opacity: 0;
}
.footer-bottom {
  opacity: 0;
}