/* === Over ons === */

/* RONDDRAAIENDE LOGO BLOKKEN - 7 ITEMS */

.orbit-block {
  position: relative;
  min-height: 700px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Content in het midden */
.orbit-content {
  position: relative;
  z-index: 3;
  text-align: center;
}

/* De draaiende cirkel */
.orbit-track {
  position: absolute !important;
  top: 50%;
  left: 50%;
  width: 1040px;
  height: 1040px;
  z-index: 2;
  pointer-events: none;
  animation: orbitRotate 60s linear infinite;
}

/* Elk logo-blok */
.orbit-item {
  --orbit-radius: 480px;

  position: absolute !important;
  top: 50%;
  left: 50%;

  width: 190px !important;
  height: 190px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 11px;
  overflow: hidden;
  transform-origin: center center;
}

/* Logo inhoud */
.orbit-item .elementor-widget-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.orbit-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* 7 posities rondom de cirkel */
.orbit-1 {
  transform: translate(-50%, -50%) rotate(0deg) translate(var(--orbit-radius)) rotate(90deg);
}

.orbit-2 {
  transform: translate(-50%, -50%) rotate(51.43deg) translate(var(--orbit-radius)) rotate(90deg);
}

.orbit-3 {
  transform: translate(-50%, -50%) rotate(102.86deg) translate(var(--orbit-radius)) rotate(90deg);
}

.orbit-4 {
  transform: translate(-50%, -50%) rotate(154.29deg) translate(var(--orbit-radius)) rotate(90deg);
}

.orbit-5 {
  transform: translate(-50%, -50%) rotate(205.72deg) translate(var(--orbit-radius)) rotate(90deg);
}

.orbit-6 {
  transform: translate(-50%, -50%) rotate(257.15deg) translate(var(--orbit-radius)) rotate(90deg);
}

.orbit-7 {
  transform: translate(-50%, -50%) rotate(308.58deg) translate(var(--orbit-radius)) rotate(90deg);
}

/* Animatie */
@keyframes orbitRotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* TABLET */
@media (max-width: 1024px) {
  .orbit-block {
    min-height: 760px;
  }

  .orbit-track {
    width: 660px;
    height: 660px;
  }

  .orbit-item {
    --orbit-radius: 330px;
    width: 150px !important;
    height: 150px !important;
  }
}

/* MOBIEL */
@media (max-width: 767px) {
  .orbit-block {
    min-height: 500px;
  }

  .orbit-track {
    width: 620px;
    height: 620px;
  }

  .orbit-item {
    --orbit-radius: 240px;
    width: 105px !important;
    height: 105px !important;
  }
}