.scorecard ul {
  padding-left: 1.5rem!important;
}
.scorecard li {
  position: relative;
  font-size: 1rem!important;
  list-style-type: none;
  margin-bottom: .75rem!important  ;
  margin-left: .5rem;
  color: rgba(0,0,0,.5);
  line-height: 120%!important;
}

.scorecard li::before{
  display: block;
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: -.125rem;
  left: -2rem;
  background-size: contain;
}

.scorecard .ratings-container {
  gap: .5rem
}

.scorecard .padding-fix {
  padding-top: .25rem;
}
.scorecard .rating {
  background-color: #F2F2F2;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.scorecard .criteria {
  border-color: rgba(0, 0, 0, 0.05);
}

.scorecard .pros li::before{
  background-image: url('../svg/bullet-check.svg');
}

.scorecard .cons li::before{
  background-image: url('../svg/bullet-x.svg');
}

@media screen and (min-width: 576px) {
  .scorecard .area-right {
    margin-top: -5.5rem
  }
}