.connector-icons-grid {
  grid-template-columns: repeat(9, 1fr);
}

.company-logos-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  place-items: center;
  gap: 0.75rem 1rem;
}

.security-grid-top {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.security-grid-bottom {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.connector-icon {
  width: 32px;
  max-height: 32px;
  position: absolute;
  inset: 0;
  margin: auto;
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

.flip {
  display: inline-block;
  opacity: 100%;
  transform: rotateY(0deg);
  animation-name: landing-icon-flip;
  animation-delay: calc(-1 * var(--flip-phase, 0s));
  animation-duration: 90s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

.flip-alt {
  display: inline-block;
  opacity: 0%;
  transform: rotateY(180deg);
  animation-name: landing-icon-flip-alt;
  animation-delay: calc(-1 * var(--flip-phase, 0s));
  animation-duration: 90s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

@keyframes landing-icon-flip {
  0%,
  49% {
    opacity: 100%;
    transform: rotateY(0deg);
  }

  51%,
  100% {
    opacity: 0%;
    transform: rotateY(-180deg);
  }
}

@keyframes landing-icon-flip-alt {
  0%,
  49% {
    opacity: 0%;
    transform: rotateY(180deg);
  }

  51%,
  100% {
    opacity: 100%;
    transform: rotateY(0deg);
  }
}

@media (width <= 767.98px) {
  .connector-icons-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .connector-icons-grid .frame-square:nth-child(n + 13) {
    display: none;
  }

  .security-grid-top {
    grid-template-columns: 1fr;
  }

  .security-grid-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 992px) {
  .company-logos-row {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
