.container {
  background-color: #EDF1F2;
  padding-bottom: 40px;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .container {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}

.compare {
  margin-left: auto;
  margin-right: auto;
  max-width: 885px;
}

.compare-header {
  font-size:28px;
  font-weight:400;
  margin-bottom: 64px;
  text-align: center;
}

.compare-reviews {
  display: flex;
  margin-left: 16px;
  margin-right: 16px;
}
@media (min-width: 768px) {
  .compare-reviews {
    margin-left: auto;
    margin-right: auto;
  }
}

.compare-companies {
  margin-right: 32px;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .compare-companies {
    margin-right: 80px;
  }
}
.compare-companies h5 {
  font-size: 1.375rem;
  margin-bottom: 0;
  margin-top: 52px;
}

.compare-companies-inner {
  transition: transform 300ms;
}
.compare-companies-inner.-scrolling {
  transform: translateY(380px);
}
@media (min-width: 768px) {
  .compare-companies-inner.-scrolling {
    transform: none;
  }
}

.compare-ratings-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media (min-width: 560px) {
  .compare-ratings-container {
    flex-direction: row;
  }
}

.compare-ratings {
  border-radius: 3px;
  flex-basis: 260px;
  margin-bottom: 32px;
  padding-bottom: 32px;
  padding-top: 32px;
  text-align: center;
}
.compare-ratings img {
  margin-bottom: 32px;
  max-height: 24px;
}
.compare-ratings span {
  display: block;
  font-size: 0.875rem;
  margin-top: 3px;
}
.compare-ratings > div:not(:last-of-type) {
  margin-bottom: 32px;
}
.compare-ratings.-us {
  -webkit-animation-name: pop;
          animation-name: pop;
  -webkit-animation-delay: 2.65s;
          animation-delay: 2.65s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  background-color: white;
  box-shadow: 0 11px 12px 0 rgba(36, 50, 66, 0.12);
  will-change: transform;
}

@-webkit-keyframes pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.compare-links {
  display: none;
  list-style-type: none;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .compare-links {
    display: block;
  }
}
.compare-links li {
  margin-top: 52px;
}

.star {
  height: 25px;
  width: 26px;
}
.star.-active.-us .star-fill {
  fill: #F2A100;
}
.star.-active.-us-half .star-fill {
  fill: url(#half) #F2A100;
}

.star-fill {
  fill: #B7BFC6;
  transition: fill 300ms;
}
.star-fill.-them {
  fill: #646F79;
}
.star-fill.-them-half {
  fill: url(#them-half) #646F79;
}

.button,button{background-color:#796eff;border-radius:3px;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;height:36px;letter-spacing:.5px;line-height:36px;padding:0 16px;text-align:center;text-decoration:none;transition:background-color .15s,color .15s ease-in-out;white-space:nowrap}
.button:hover,button:hover{background-color:#635ac7;border-bottom:none;color:#fff;text-decoration:none}