.pc-circles-container .pc-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  margin: 0 auto;
}
.pc-circles-container .pc-wrapper .pc-circle,
.pc-circles-container .pc-wrapper .pc-circle:not(.pc-center) .pc-text {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pc-circles-container .pc-wrapper .pc-circle {
  position: absolute;
  bottom: 0;
  border-style: solid;
  border-radius: 50%;
  text-align: center;
}
.pc-circles-container .pc-wrapper .pc-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}