.svg-wheel {
  width: 90%;
  height: auto;
}

@media (max-width: 1900px) {

  .svg-wheel {
    width: 85%;
    height: auto;
  }
}

.outer {
  stroke-dashoffset: 0;
  animation: rotate 2s linear infinite;
  animation-direction: reverse;
}

@keyframes rotate {
  100% {
    stroke-dashoffset:126px;
  }
}
@keyframes radialAnimation {

  0%,
  10% {
    transform: translate(0, 0) scale(1);
    ;
  }

  10%,
  80% {
    transform: translate(0, 0) scale(1.17);
  }

  100% {
    transform: translate(0, 0) scale(1);
  }
}

.poc {
  transform-origin: center center;
  animation: radialAnimation 5s ease-in-out infinite;
}

.logo {
    display: flex;
    flex-direction: column;
    /* justify-content: center;
    align-items: center; */
    margin-left: 20%;
    padding: 20px;
}

.sdg-logo {
  width: 90%;
  height: auto;
}