.integration {
  padding: 5rem 0;
}
@media only screen and (min-width: 992px) {
  .integration {
    padding: 7rem 0 14.9rem;
  }
}
.integration__title {
  max-width: 86.6rem;
}
.integration__descr {
  max-width: 53rem;
}
.integration__wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 40rem;
}
@media only screen and (min-width: 576px) {
  .integration__wrap {
    margin-top: 5.1rem;
  }
}
@media only screen and (min-width: 992px) {
  .integration__wrap {
    margin-top: 6rem;
  }
}
.integration__wrap img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .integration__wrap img {
    width: 100%;
  }
}
.integration__wrap-img img {
  max-width: fit-content;
  width: calc(100% + 2rem);
  left: 50%;
  transform: translateX(-50%);
}
.integration__spinner {
  position: absolute;
  width: 20rem;
  height: 20rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .integration__spinner {
    transform: translate(-51.5%, -55%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1312px) {
  .integration__spinner {
    width: 16rem;
    height: 16rem;
    transform: translate(-51.5%, -63%);
  }
}
.integration__spinner-text {
  transition: all 0.2s ease;
  animation: spin 30s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.integration__spinner-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.4rem;
  height: 6.4rem;
}
@media only screen and (min-width: 992px) and (max-width: 1312px) {
  .integration__spinner-logo {
    width: 5.2rem;
    height: 5.2rem;
  }
}