.content-center {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.inline-flex {
  display: inline-flex;
}
.canopy-progress-circle {
  margin: 20px auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #d9d9d963;
  border-radius: 50%;
  mix-blend-mode: multiply;
}
.canopy-progress-circle .canopy-progress-circle__slice,
.canopy-progress-circle .canopy-progress-circle__fill {
  width: 120px;
  height: 120px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  transition: transform 1s;
  border-radius: 50%;
}
.canopy-progress-circle .canopy-progress-circle__slice {
  clip: rect(0px, 120px, 120px, 60px);
}
.canopy-progress-circle
  .canopy-progress-circle__slice
  .canopy-progress-circle__fill {
  clip: rect(0px, 60px, 120px, 0px);
  background-color: var(--canopy-blue);
}
.canopy-progress-circle .canopy-progress-circle__overlay {
  width: 105px;
  height: 105px;
  position: absolute;
  margin-left: 7.5px;
  margin-top: 7.5px;
  background-color: #fff;
  border-radius: 50%;
}
.canopy-progress-circle[data-progress="0"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="0"] .canopy-progress-circle__fill {
  transform: rotate(0deg);
}
.canopy-progress-circle[data-progress="0"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(0deg);
}
.canopy-progress-circle[data-progress="1"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="1"] .canopy-progress-circle__fill {
  transform: rotate(1.8deg);
}
.canopy-progress-circle[data-progress="1"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(3.6deg);
}
.canopy-progress-circle[data-progress="2"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="2"] .canopy-progress-circle__fill {
  transform: rotate(3.6deg);
}
.canopy-progress-circle[data-progress="2"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(7.2deg);
}
.canopy-progress-circle[data-progress="3"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="3"] .canopy-progress-circle__fill {
  transform: rotate(5.4deg);
}
.canopy-progress-circle[data-progress="3"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(10.8deg);
}
.canopy-progress-circle[data-progress="4"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="4"] .canopy-progress-circle__fill {
  transform: rotate(7.2deg);
}
.canopy-progress-circle[data-progress="4"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(14.4deg);
}
.canopy-progress-circle[data-progress="5"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="5"] .canopy-progress-circle__fill {
  transform: rotate(9deg);
}
.canopy-progress-circle[data-progress="5"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(18deg);
}
.canopy-progress-circle[data-progress="6"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="6"] .canopy-progress-circle__fill {
  transform: rotate(10.8deg);
}
.canopy-progress-circle[data-progress="6"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(21.6deg);
}
.canopy-progress-circle[data-progress="7"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="7"] .canopy-progress-circle__fill {
  transform: rotate(12.6deg);
}
.canopy-progress-circle[data-progress="7"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(25.2deg);
}
.canopy-progress-circle[data-progress="8"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="8"] .canopy-progress-circle__fill {
  transform: rotate(14.4deg);
}
.canopy-progress-circle[data-progress="8"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(28.8deg);
}
.canopy-progress-circle[data-progress="9"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="9"] .canopy-progress-circle__fill {
  transform: rotate(16.2deg);
}
.canopy-progress-circle[data-progress="9"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(32.4deg);
}
.canopy-progress-circle[data-progress="10"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="10"] .canopy-progress-circle__fill {
  transform: rotate(18deg);
}
.canopy-progress-circle[data-progress="10"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(36deg);
}
.canopy-progress-circle[data-progress="11"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="11"] .canopy-progress-circle__fill {
  transform: rotate(19.8deg);
}
.canopy-progress-circle[data-progress="11"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(39.6deg);
}
.canopy-progress-circle[data-progress="12"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="12"] .canopy-progress-circle__fill {
  transform: rotate(21.6deg);
}
.canopy-progress-circle[data-progress="12"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(43.2deg);
}
.canopy-progress-circle[data-progress="13"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="13"] .canopy-progress-circle__fill {
  transform: rotate(23.4deg);
}
.canopy-progress-circle[data-progress="13"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(46.8deg);
}
.canopy-progress-circle[data-progress="14"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="14"] .canopy-progress-circle__fill {
  transform: rotate(25.2deg);
}
.canopy-progress-circle[data-progress="14"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(50.4deg);
}
.canopy-progress-circle[data-progress="15"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="15"] .canopy-progress-circle__fill {
  transform: rotate(27deg);
}
.canopy-progress-circle[data-progress="15"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(54deg);
}
.canopy-progress-circle[data-progress="16"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="16"] .canopy-progress-circle__fill {
  transform: rotate(28.8deg);
}
.canopy-progress-circle[data-progress="16"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(57.6deg);
}
.canopy-progress-circle[data-progress="17"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="17"] .canopy-progress-circle__fill {
  transform: rotate(30.6deg);
}
.canopy-progress-circle[data-progress="17"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(61.2deg);
}
.canopy-progress-circle[data-progress="18"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="18"] .canopy-progress-circle__fill {
  transform: rotate(32.4deg);
}
.canopy-progress-circle[data-progress="18"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(64.8deg);
}
.canopy-progress-circle[data-progress="19"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="19"] .canopy-progress-circle__fill {
  transform: rotate(34.2deg);
}
.canopy-progress-circle[data-progress="19"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(68.4deg);
}
.canopy-progress-circle[data-progress="20"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="20"] .canopy-progress-circle__fill {
  transform: rotate(36deg);
}
.canopy-progress-circle[data-progress="20"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(72deg);
}
.canopy-progress-circle[data-progress="21"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="21"] .canopy-progress-circle__fill {
  transform: rotate(37.8deg);
}
.canopy-progress-circle[data-progress="21"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(75.6deg);
}
.canopy-progress-circle[data-progress="22"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="22"] .canopy-progress-circle__fill {
  transform: rotate(39.6deg);
}
.canopy-progress-circle[data-progress="22"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(79.2deg);
}
.canopy-progress-circle[data-progress="23"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="23"] .canopy-progress-circle__fill {
  transform: rotate(41.4deg);
}
.canopy-progress-circle[data-progress="23"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(82.8deg);
}
.canopy-progress-circle[data-progress="24"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="24"] .canopy-progress-circle__fill {
  transform: rotate(43.2deg);
}
.canopy-progress-circle[data-progress="24"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(86.4deg);
}
.canopy-progress-circle[data-progress="25"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="25"] .canopy-progress-circle__fill {
  transform: rotate(45deg);
}
.canopy-progress-circle[data-progress="25"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(90deg);
}
.canopy-progress-circle[data-progress="26"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="26"] .canopy-progress-circle__fill {
  transform: rotate(46.8deg);
}
.canopy-progress-circle[data-progress="26"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(93.6deg);
}
.canopy-progress-circle[data-progress="27"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="27"] .canopy-progress-circle__fill {
  transform: rotate(48.6deg);
}
.canopy-progress-circle[data-progress="27"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(97.2deg);
}
.canopy-progress-circle[data-progress="28"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="28"] .canopy-progress-circle__fill {
  transform: rotate(50.4deg);
}
.canopy-progress-circle[data-progress="28"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(100.8deg);
}
.canopy-progress-circle[data-progress="29"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="29"] .canopy-progress-circle__fill {
  transform: rotate(52.2deg);
}
.canopy-progress-circle[data-progress="29"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(104.4deg);
}
.canopy-progress-circle[data-progress="30"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="30"] .canopy-progress-circle__fill {
  transform: rotate(54deg);
}
.canopy-progress-circle[data-progress="30"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(108deg);
}
.canopy-progress-circle[data-progress="31"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="31"] .canopy-progress-circle__fill {
  transform: rotate(55.8deg);
}
.canopy-progress-circle[data-progress="31"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(111.6deg);
}
.canopy-progress-circle[data-progress="32"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="32"] .canopy-progress-circle__fill {
  transform: rotate(57.6deg);
}
.canopy-progress-circle[data-progress="32"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(115.2deg);
}
.canopy-progress-circle[data-progress="33"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="33"] .canopy-progress-circle__fill {
  transform: rotate(59.4deg);
}
.canopy-progress-circle[data-progress="33"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(118.8deg);
}
.canopy-progress-circle[data-progress="34"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="34"] .canopy-progress-circle__fill {
  transform: rotate(61.2deg);
}
.canopy-progress-circle[data-progress="34"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(122.4deg);
}
.canopy-progress-circle[data-progress="35"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="35"] .canopy-progress-circle__fill {
  transform: rotate(63deg);
}
.canopy-progress-circle[data-progress="35"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(126deg);
}
.canopy-progress-circle[data-progress="36"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="36"] .canopy-progress-circle__fill {
  transform: rotate(64.8deg);
}
.canopy-progress-circle[data-progress="36"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(129.6deg);
}
.canopy-progress-circle[data-progress="37"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="37"] .canopy-progress-circle__fill {
  transform: rotate(66.6deg);
}
.canopy-progress-circle[data-progress="37"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(133.2deg);
}
.canopy-progress-circle[data-progress="38"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="38"] .canopy-progress-circle__fill {
  transform: rotate(68.4deg);
}
.canopy-progress-circle[data-progress="38"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(136.8deg);
}
.canopy-progress-circle[data-progress="39"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="39"] .canopy-progress-circle__fill {
  transform: rotate(70.2deg);
}
.canopy-progress-circle[data-progress="39"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(140.4deg);
}
.canopy-progress-circle[data-progress="40"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="40"] .canopy-progress-circle__fill {
  transform: rotate(72deg);
}
.canopy-progress-circle[data-progress="40"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(144deg);
}
.canopy-progress-circle[data-progress="41"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="41"] .canopy-progress-circle__fill {
  transform: rotate(73.8deg);
}
.canopy-progress-circle[data-progress="41"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(147.6deg);
}
.canopy-progress-circle[data-progress="42"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="42"] .canopy-progress-circle__fill {
  transform: rotate(75.6deg);
}
.canopy-progress-circle[data-progress="42"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(151.2deg);
}
.canopy-progress-circle[data-progress="43"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="43"] .canopy-progress-circle__fill {
  transform: rotate(77.4deg);
}
.canopy-progress-circle[data-progress="43"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(154.8deg);
}
.canopy-progress-circle[data-progress="44"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="44"] .canopy-progress-circle__fill {
  transform: rotate(79.2deg);
}
.canopy-progress-circle[data-progress="44"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(158.4deg);
}
.canopy-progress-circle[data-progress="45"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="45"] .canopy-progress-circle__fill {
  transform: rotate(81deg);
}
.canopy-progress-circle[data-progress="45"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(162deg);
}
.canopy-progress-circle[data-progress="46"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="46"] .canopy-progress-circle__fill {
  transform: rotate(82.8deg);
}
.canopy-progress-circle[data-progress="46"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(165.6deg);
}
.canopy-progress-circle[data-progress="47"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="47"] .canopy-progress-circle__fill {
  transform: rotate(84.6deg);
}
.canopy-progress-circle[data-progress="47"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(169.2deg);
}
.canopy-progress-circle[data-progress="48"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="48"] .canopy-progress-circle__fill {
  transform: rotate(86.4deg);
}
.canopy-progress-circle[data-progress="48"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(172.8deg);
}
.canopy-progress-circle[data-progress="49"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="49"] .canopy-progress-circle__fill {
  transform: rotate(88.2deg);
}
.canopy-progress-circle[data-progress="49"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(176.4deg);
}
.canopy-progress-circle[data-progress="50"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="50"] .canopy-progress-circle__fill {
  transform: rotate(90deg);
}
.canopy-progress-circle[data-progress="50"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(180deg);
}
.canopy-progress-circle[data-progress="51"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="51"] .canopy-progress-circle__fill {
  transform: rotate(91.8deg);
}
.canopy-progress-circle[data-progress="51"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(183.6deg);
}
.canopy-progress-circle[data-progress="52"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="52"] .canopy-progress-circle__fill {
  transform: rotate(93.6deg);
}
.canopy-progress-circle[data-progress="52"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(187.2deg);
}
.canopy-progress-circle[data-progress="53"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="53"] .canopy-progress-circle__fill {
  transform: rotate(95.4deg);
}
.canopy-progress-circle[data-progress="53"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(190.8deg);
}
.canopy-progress-circle[data-progress="54"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="54"] .canopy-progress-circle__fill {
  transform: rotate(97.2deg);
}
.canopy-progress-circle[data-progress="54"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(194.4deg);
}
.canopy-progress-circle[data-progress="55"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="55"] .canopy-progress-circle__fill {
  transform: rotate(99deg);
}
.canopy-progress-circle[data-progress="55"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(198deg);
}
.canopy-progress-circle[data-progress="56"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="56"] .canopy-progress-circle__fill {
  transform: rotate(100.8deg);
}
.canopy-progress-circle[data-progress="56"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(201.6deg);
}
.canopy-progress-circle[data-progress="57"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="57"] .canopy-progress-circle__fill {
  transform: rotate(102.6deg);
}
.canopy-progress-circle[data-progress="57"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(205.2deg);
}
.canopy-progress-circle[data-progress="58"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="58"] .canopy-progress-circle__fill {
  transform: rotate(104.4deg);
}
.canopy-progress-circle[data-progress="58"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(208.8deg);
}
.canopy-progress-circle[data-progress="59"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="59"] .canopy-progress-circle__fill {
  transform: rotate(106.2deg);
}
.canopy-progress-circle[data-progress="59"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(212.4deg);
}
.canopy-progress-circle[data-progress="60"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="60"] .canopy-progress-circle__fill {
  transform: rotate(108deg);
}
.canopy-progress-circle[data-progress="60"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(216deg);
}
.canopy-progress-circle[data-progress="61"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="61"] .canopy-progress-circle__fill {
  transform: rotate(109.8deg);
}
.canopy-progress-circle[data-progress="61"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(219.6deg);
}
.canopy-progress-circle[data-progress="62"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="62"] .canopy-progress-circle__fill {
  transform: rotate(111.6deg);
}
.canopy-progress-circle[data-progress="62"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(223.2deg);
}
.canopy-progress-circle[data-progress="63"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="63"] .canopy-progress-circle__fill {
  transform: rotate(113.4deg);
}
.canopy-progress-circle[data-progress="63"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(226.8deg);
}
.canopy-progress-circle[data-progress="64"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="64"] .canopy-progress-circle__fill {
  transform: rotate(115.2deg);
}
.canopy-progress-circle[data-progress="64"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(230.4deg);
}
.canopy-progress-circle[data-progress="65"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="65"] .canopy-progress-circle__fill {
  transform: rotate(117deg);
}
.canopy-progress-circle[data-progress="65"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(234deg);
}
.canopy-progress-circle[data-progress="66"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="66"] .canopy-progress-circle__fill {
  transform: rotate(118.8deg);
}
.canopy-progress-circle[data-progress="66"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(237.6deg);
}
.canopy-progress-circle[data-progress="67"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="67"] .canopy-progress-circle__fill {
  transform: rotate(120.6deg);
}
.canopy-progress-circle[data-progress="67"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(241.2deg);
}
.canopy-progress-circle[data-progress="68"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="68"] .canopy-progress-circle__fill {
  transform: rotate(122.4deg);
}
.canopy-progress-circle[data-progress="68"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(244.8deg);
}
.canopy-progress-circle[data-progress="69"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="69"] .canopy-progress-circle__fill {
  transform: rotate(124.2deg);
}
.canopy-progress-circle[data-progress="69"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(248.4deg);
}
.canopy-progress-circle[data-progress="70"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="70"] .canopy-progress-circle__fill {
  transform: rotate(126deg);
}
.canopy-progress-circle[data-progress="70"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(252deg);
}
.canopy-progress-circle[data-progress="71"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="71"] .canopy-progress-circle__fill {
  transform: rotate(127.8deg);
}
.canopy-progress-circle[data-progress="71"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(255.6deg);
}
.canopy-progress-circle[data-progress="72"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="72"] .canopy-progress-circle__fill {
  transform: rotate(129.6deg);
}
.canopy-progress-circle[data-progress="72"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(259.2deg);
}
.canopy-progress-circle[data-progress="73"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="73"] .canopy-progress-circle__fill {
  transform: rotate(131.4deg);
}
.canopy-progress-circle[data-progress="73"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(262.8deg);
}
.canopy-progress-circle[data-progress="74"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="74"] .canopy-progress-circle__fill {
  transform: rotate(133.2deg);
}
.canopy-progress-circle[data-progress="74"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(266.4deg);
}
.canopy-progress-circle[data-progress="75"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="75"] .canopy-progress-circle__fill {
  transform: rotate(135deg);
}
.canopy-progress-circle[data-progress="75"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(270deg);
}
.canopy-progress-circle[data-progress="76"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="76"] .canopy-progress-circle__fill {
  transform: rotate(136.8deg);
}
.canopy-progress-circle[data-progress="76"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(273.6deg);
}
.canopy-progress-circle[data-progress="77"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="77"] .canopy-progress-circle__fill {
  transform: rotate(138.6deg);
}
.canopy-progress-circle[data-progress="77"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(277.2deg);
}
.canopy-progress-circle[data-progress="78"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="78"] .canopy-progress-circle__fill {
  transform: rotate(140.4deg);
}
.canopy-progress-circle[data-progress="78"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(280.8deg);
}
.canopy-progress-circle[data-progress="79"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="79"] .canopy-progress-circle__fill {
  transform: rotate(142.2deg);
}
.canopy-progress-circle[data-progress="79"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(284.4deg);
}
.canopy-progress-circle[data-progress="80"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="80"] .canopy-progress-circle__fill {
  transform: rotate(144deg);
}
.canopy-progress-circle[data-progress="80"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(288deg);
}
.canopy-progress-circle[data-progress="81"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="81"] .canopy-progress-circle__fill {
  transform: rotate(145.8deg);
}
.canopy-progress-circle[data-progress="81"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(291.6deg);
}
.canopy-progress-circle[data-progress="82"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="82"] .canopy-progress-circle__fill {
  transform: rotate(147.6deg);
}
.canopy-progress-circle[data-progress="82"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(295.2deg);
}
.canopy-progress-circle[data-progress="83"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="83"] .canopy-progress-circle__fill {
  transform: rotate(149.4deg);
}
.canopy-progress-circle[data-progress="83"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(298.8deg);
}
.canopy-progress-circle[data-progress="84"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="84"] .canopy-progress-circle__fill {
  transform: rotate(151.2deg);
}
.canopy-progress-circle[data-progress="84"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(302.4deg);
}
.canopy-progress-circle[data-progress="85"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="85"] .canopy-progress-circle__fill {
  transform: rotate(153deg);
}
.canopy-progress-circle[data-progress="85"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(306deg);
}
.canopy-progress-circle[data-progress="86"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="86"] .canopy-progress-circle__fill {
  transform: rotate(154.8deg);
}
.canopy-progress-circle[data-progress="86"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(309.6deg);
}
.canopy-progress-circle[data-progress="87"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="87"] .canopy-progress-circle__fill {
  transform: rotate(156.6deg);
}
.canopy-progress-circle[data-progress="87"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(313.2deg);
}
.canopy-progress-circle[data-progress="88"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="88"] .canopy-progress-circle__fill {
  transform: rotate(158.4deg);
}
.canopy-progress-circle[data-progress="88"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(316.8deg);
}
.canopy-progress-circle[data-progress="89"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="89"] .canopy-progress-circle__fill {
  transform: rotate(160.2deg);
}
.canopy-progress-circle[data-progress="89"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(320.4deg);
}
.canopy-progress-circle[data-progress="90"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="90"] .canopy-progress-circle__fill {
  transform: rotate(162deg);
}
.canopy-progress-circle[data-progress="90"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(324deg);
}
.canopy-progress-circle[data-progress="91"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="91"] .canopy-progress-circle__fill {
  transform: rotate(163.8deg);
}
.canopy-progress-circle[data-progress="91"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(327.6deg);
}
.canopy-progress-circle[data-progress="92"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="92"] .canopy-progress-circle__fill {
  transform: rotate(165.6deg);
}
.canopy-progress-circle[data-progress="92"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(331.2deg);
}
.canopy-progress-circle[data-progress="93"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="93"] .canopy-progress-circle__fill {
  transform: rotate(167.4deg);
}
.canopy-progress-circle[data-progress="93"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(334.8deg);
}
.canopy-progress-circle[data-progress="94"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="94"] .canopy-progress-circle__fill {
  transform: rotate(169.2deg);
}
.canopy-progress-circle[data-progress="94"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(338.4deg);
}
.canopy-progress-circle[data-progress="95"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="95"] .canopy-progress-circle__fill {
  transform: rotate(171deg);
}
.canopy-progress-circle[data-progress="95"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(342deg);
}
.canopy-progress-circle[data-progress="96"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="96"] .canopy-progress-circle__fill {
  transform: rotate(172.8deg);
}
.canopy-progress-circle[data-progress="96"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(345.6deg);
}
.canopy-progress-circle[data-progress="97"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="97"] .canopy-progress-circle__fill {
  transform: rotate(174.6deg);
}
.canopy-progress-circle[data-progress="97"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(349.2deg);
}
.canopy-progress-circle[data-progress="98"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="98"] .canopy-progress-circle__fill {
  transform: rotate(176.4deg);
}
.canopy-progress-circle[data-progress="98"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(352.8deg);
}
.canopy-progress-circle[data-progress="99"] .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="99"] .canopy-progress-circle__fill {
  transform: rotate(178.2deg);
}
.canopy-progress-circle[data-progress="99"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(356.4deg);
}
.canopy-progress-circle[data-progress="100"]
  .canopy-progress-circle__slice.full,
.canopy-progress-circle[data-progress="100"] .canopy-progress-circle__fill {
  transform: rotate(180deg);
}
.canopy-progress-circle[data-progress="100"]
  .canopy-progress-circle__fill.canopy-progress-circle__bar {
  transform: rotate(360deg);
}

/* Rotate Circles */
.circle1 {
  transform: rotate(90deg);
}
.circle2,
.circle4 {
  transform: rotate(270deg);
}

.circle3 {
  transform: rotate(90deg);
}

.circle5 {
  transform: rotate(18deg);
}

.circle2 {
  left: -8px;
  position: relative;
}
.circle3 {
  left: -15px;
  position: relative;
}
.circle4 {
  left: -23px;
  position: relative;
}
.circle5 {
  left: -30px;
  position: relative;
  transform: rotate(0deg);
}

.text-circle1 {
  font-family: "carbona";
  transform: rotate(270deg);
  position: absolute;
  top: 3rem;
  left: 1.5rem;
}

.text-circle2 {
  font-family: "carbona";
  transform: rotate(90deg);
  position: absolute;
  top: 3rem;
  left: 2.3rem;
}

.text-circle3 {
  font-family: "carbona";
  transform: rotate(270deg);
  position: absolute;
  top: 3rem;
  left: 1.5rem;
}

.text-circle4 {
  font-family: "carbona";
  transform: rotate(90deg);
  position: absolute;
  top: 3rem;
  left: 1.97rem;
}

.text-circle5 {
  font-family: "carbona";
  transform: rotate(0) translateZ(0);
  position: absolute;
  top: 3rem;
  left: 1.5rem;
}

/* MOBILE ADJUSTS */
@media (max-width: 800px) {
  .content-center {
    height: auto;
  }
  .inline-flex {
    display: inline-flex;
    flex-direction: column;
  }

  /* Rotate Circles */
  .circle1 {
    transform: rotate(180deg);
  }
  .circle2,
  .circle4 {
    transform: rotate(0deg);
  }

  .circle3 {
    transform: rotate(180deg);
  }

  .circle5 {
    transform: rotate(90deg);
  }

  .circle2 {
    top: -47.5px;
    position: relative;
    left: 0px;
  }
  .circle3 {
    top: -95px;
    position: relative;
    left: 0px;
  }
  .circle4 {
    top: -142.5px;
    position: relative;
    left: 0px;
  }
  .circle5 {
    top: -190.2px;
    position: relative;
    left: 0px;
  }

  .text-circle1 {
    transform: rotate(180deg);
    position: absolute;
    top: 3rem;
    left: 1.5rem;
  }

  .text-circle2 {
    transform: rotate(0deg);
    position: absolute;
    top: 3rem;
    left: 2.5rem;
  }

  .text-circle3 {
    transform: rotate(180deg);
    position: absolute;
    top: 3rem;
    left: 1.4rem;
  }

  .text-circle4 {
    transform: rotate(0deg);
    position: absolute;
    top: 3rem;
    left: 2.3rem;
  }

  .text-circle5 {
    transform: rotate(270deg);
    position: absolute;
    top: 3rem;
    left: 1.5rem;
  }
}

/* Make bigger on larger screens */
@media (min-width: 1200px) {
	.single-flow-chart {
		transform: scale(1.5);
	}
}