.vc-rating {
  padding: 40px 0;
}
.vc-rating .vc-center {
  display: flex;
}
.vc-rating .vc-section__title {
  font-size: 28px;
  padding-bottom: 20px;
}
.vc-rating .crown {
  position: relative;
  height: 50px;
  width: 50px;
}
.vc-rating .crown-anim {
  position: absolute;
  top: -10px;
}
.vc-ratings__title {
  color: var(--vc-black);
  margin-bottom: calc( 0.0045146727 * 100vw + 22.1309255079px );
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: calc( 0.006772009 * 100vw + 15.1963882619px );
}
@media (min-width: 1300px) {
  .vc-ratings__title {
    margin-bottom: 28px;
  }
}
@media (max-width: 414px) {
  .vc-ratings__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1300px) {
  .vc-ratings__title {
    margin-bottom: 24px;
  }
}
@media (max-width: 414px) {
  .vc-ratings__title {
    margin-bottom: 18px;
  }
}
.vc-body--wob .vc-ratings__title {
  color: var(--vc-white);
}
.vc-body--yob .vc-ratings__title {
  color: var(--vc-yellow);
}
.vc-ratings__main {
  display: grid;
  width: 100%;
  grid-gap: calc( 0.0158013544 * 100vw + 3.4582392777px );
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (min-width: 1300px) {
  .vc-ratings__main {
    grid-gap: 24px;
  }
}
@media (max-width: 414px) {
  .vc-ratings__main {
    grid-gap: 10px;
  }
}
@media (max-width: 1024px) {
  .vc-ratings__main {
    grid-template-columns: 1fr 1fr;
  }
}
.vc-ratings__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 88px;
  padding: 16px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(165, 173, 189, 0.3);
  background: var(--vc-white);
}
.vc-ratings__card:first-child {
  border-radius: 24px 0px 0px 24px;
}
.vc-ratings__card:last-child {
  border-radius: 0px 24px 24px 0px;
}
@media (max-width: 1024px) {
  .vc-ratings__card {
    height: 80px;
    padding: 16px 22px;
  }
  .vc-ratings__card:nth-child(1) {
    border-radius: 24px 0px 0px 0px;
  }
  .vc-ratings__card:nth-child(2) {
    border-radius: 0px 24px 0px 0px;
  }
  .vc-ratings__card:nth-child(3) {
    border-radius: 0px 0px 0px 24px;
  }
  .vc-ratings__card:nth-child(4) {
    border-radius: 0px 0px 24px 0px;
  }
}
@media (max-width: 420px) {
  .vc-ratings__card {
    height: 80px;
    padding: 14px 15px;
  }
}
.vc-body--wob .vc-ratings__card {
  background: var(--vc-black);
  border-color: var(--vc-white);
}
.vc-body--yob .vc-ratings__card {
  background: var(--vc-blue-dark);
  border-color: var(--vc-yellow);
}
.vc-ratings__card-title img {
  height: 25px;
}
@media (max-width: 420px) {
  .vc-ratings__card-title img {
    height: 22px;
  }
}
.vc-ratings__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 8px;
  gap: 8px;
}
.vc-ratings__card-grade {
  color: var(--vc-black);
  font-size: calc( 0.0045146727 * 100vw + 10.1309255079px );
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0.3;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
@media (min-width: 1300px) {
  .vc-ratings__card-grade {
    font-size: 16px;
  }
}
@media (max-width: 414px) {
  .vc-ratings__card-grade {
    font-size: 12px;
  }
}
.vc-body--bow .vc-ratings__card-grade {
  opacity: 1;
}
.vc-body--wob .vc-ratings__card-grade {
  color: var(--vc-white);
  opacity: 1;
}
.vc-body--yob .vc-ratings__card-grade {
  color: var(--vc-yellow);
  opacity: 1;
}
.vc-ratings__card-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 4px;
  gap: 4px;
}