.body-link a {
  font-weight: 700;
  transition: .5s color;
  color: #333;
}
.body-link:hover a {
  color: #e30030;
}
.cta-case-study {
  padding: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
}
.hubspot-form {
  max-width: 350px;
  margin: 0 auto;
  margin-top: 10px;
}
.hubspot-form-container {
  padding: 10px;
  border: 4px solid #3a3a3a;
  background: #f0f0f0;
}
.chart {
  float: left;
  width: 33%;
}
.circular-chart {
  display: block;
  max-width: 80%;
  max-height: 250px;
  margin: 10px auto;
}
.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}
.circle {
  opacity: 0;
  fill: none;
  stroke-linecap: round;
  stroke-width: 2.8;
}
.variant-1 {
  animation: circle1 2s ease-out forwards;
}
.variant-2 {
  animation: circle2 2s ease-out forwards;
}
.variant-3 {
  animation: circle3 2s ease-out forwards;
}
.variant-4 {
  animation: circle4 2s ease-out forwards;
}
.variant-5 {
  animation: circle5 2s ease-out forwards;
}
.variant-6 {
  animation: circle6 2s ease-out forwards;
}
@keyframes circle1 {
  0% {
    opacity: 1;
    stroke: #e30030;
    stroke-dasharray: 0 100;
  }
  100% {
    opacity: 1;
    stroke: #ffd300;
  }
}
@keyframes circle2 {
  0% {
    opacity: 1;
    stroke: #e30030;
    stroke-dasharray: 0 100;
  }
  50% {
    stroke: #ffd300;
  }
  100% {
    opacity: 1;
    stroke: #9bea00;
  }
}
@keyframes circle3 {
  0% {
    opacity: 1;
    stroke: #e30030;
    stroke-dasharray: 0 100;
  }
  100% {
    opacity: 1;
    stroke: #ea6100;
  }
}
@keyframes circle4 {
  0% {
    opacity: 1;
    stroke: #e30030;
    stroke-dasharray: 0 100;
  }
  100% {
    opacity: 1;
    stroke: #e80000;
  }
}
@keyframes circle5 {
  0% {
    opacity: 1;
    stroke: #e30030;
    stroke-dasharray: 0 100;
  }
  70% {
    opacity: 1;
    stroke: #ffd300;
  }
  100% {
    opacity: 1;
    stroke: #daec00;
  }
}
@keyframes circle6 {
  0% {
    opacity: 1;
    stroke: #e30030;
    stroke-dasharray: 0 100;
  }
  50% {
    stroke: #ffd300;
  }
  100% {
    opacity: 1;
    stroke: #7cec00;
  }
}
.circular-chart.blue .circle {
  stroke: #3c9ee5;
}
.percentage {
  font-family: proxima-nova, sans-serif;
  font-size: .5em;
  fill: #666;
  text-anchor: middle;
}
.chart p {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}