.page-main-content {
  padding: 20px;
}
.page-main-content .sdg-bg {
  background-image: url(../images/public-dashboard-banner.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 189px);
}

.dashboard-wrapper .goals-spinner-wrapper, #jkm-map {
  aspect-ratio: 1;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.page-main-content .sdg-bg .chakri-img {
  position: absolute;
  width: 250px;
  z-index: 0;
  opacity: 0.6;
}
@media (max-width: 565px) {
  .page-main-content .sdg-bg .chakri-img {
    width: 150px;
  }
}
.page-main-content .sdg-bg .chakri-img.top-right {
  top: 0;
  right: 0;
  transform: translate(30%, -30%);
  animation: rotate_top_right 30s linear infinite;
}
.page-main-content .sdg-bg .chakri-img.bottom-left {
  bottom: 0;
  left: 0;
  transform: translate(-30%, 30%);
  animation: rotate_bottom_left 30s linear infinite;
}
.page-main-content .sdg-bg .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-main-content .sdg-bg .card-body .goals-spinner-wrapper {
  height: 100%;
}

.dashboard-wrapper .goals-spinner-wrapper .clickable-wheel-arrow {
  color: #fff;
}

@media (max-width: 1200px) {
  .page-main-content {
    min-height: calc(100vh - 180px);
  }
}
@keyframes rotate_top_right {
  0% {
    transform: translate(30%, -30%) rotate(0deg);
  }
  100% {
    transform: translate(30%, -30%) rotate(360deg);
  }
}
@keyframes rotate_bottom_left {
  0% {
    transform: translate(-30%, 30%) rotate(0deg);
  }
  100% {
    transform: translate(-30%, 30%) rotate(360deg);
  }
}/*# sourceMappingURL=sdg-circle.css.map */