.hv2-rating {
  padding-bottom: 154px; }
  .hv2-rating .hv2-rating__main-heading {
    max-width: 800px;
    margin: 0 auto 45px; }
    .hv2-rating .hv2-rating__main-heading h2 {
      font-family: 'Averta', sans-serif;
      font-size: 50px;
      font-style: normal;
      font-weight: 900;
      line-height: 50px;
      letter-spacing: -0.5px;
      color: #212E44;
      text-align: center; }
      .hv2-rating .hv2-rating__main-heading h2 span {
        color: #FF6726; }
    .hv2-rating .hv2-rating__main-heading .hv2-rating__content {
      max-width: 620px;
      margin: 0 auto; }
      .hv2-rating .hv2-rating__main-heading .hv2-rating__content p:last-child {
        margin-bottom: 0; }
      .hv2-rating .hv2-rating__main-heading .hv2-rating__content span {
        color: #FF6726; }
    .hv2-rating .hv2-rating__main-heading .hv2-rating__content,
    .hv2-rating .hv2-rating__main-heading .hv2-rating__content p {
      font-family: 'Averta', sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 27px;
      text-align: center;
      color: #212E44; }
  .hv2-rating .hv2-rating__percent-list {
    position: relative;
    min-height: 166px;
    max-width: 1062px;
    margin: 0 auto;
    padding: 45px 80px 45px 239px;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 40px 2px rgba(235, 235, 237, 0.4);
    display: flex;
    justify-content: space-between; }
    .hv2-rating .hv2-rating__percent-list .hv2-rating__percent-item {
      flex: 0 0 auto;
      max-width: 100%; }
    .hv2-rating .hv2-rating__percent-list .hv2-rating__badge {
      position: absolute;
      top: -40px;
      left: -40px;
      width: 100%;
      max-width: 226px; }
      .hv2-rating .hv2-rating__percent-list .hv2-rating__badge img {
        max-width: 100%; }
    .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-row {
      display: flex;
      margin: 0 -8px; }
      .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-row > div {
        padding: 0 8px; }
    .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__chart {
      position: relative; }
    .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__chart,
    .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__chart canvas {
      width: 67px !important;
      height: 67px !important; }
    .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__counter {
      font-family: 'Averta', sans-serif;
      font-size: 29px;
      font-weight: 700;
      line-height: 36px;
      letter-spacing: -0.02em;
      text-align: left;
      position: absolute;
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%; }
    .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-title {
      font-family: 'Averta', sans-serif;
      font-size: 16px;
      font-weight: 800;
      line-height: 20px;
      letter-spacing: -0.02em;
      text-align: left;
      margin-bottom: 5px; }
    .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-detail p:last-child {
      margin-bottom: 0; }
    .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-detail,
    .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-detail p {
      font-family: 'Averta', sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 17px;
      letter-spacing: -0.02em;
      text-align: left;
      color: #5D6A82; }
  @media (max-width: 991px) {
    .hv2-rating {
      padding-bottom: 120px; }
      .hv2-rating .hv2-rating__main-heading {
        max-width: 600px; }
        .hv2-rating .hv2-rating__main-heading h2 {
          font-size: 32px;
          line-height: 30px; }
        .hv2-rating .hv2-rating__main-heading .hv2-rating__content {
          max-width: 499px; }
        .hv2-rating .hv2-rating__main-heading .hv2-rating__content,
        .hv2-rating .hv2-rating__main-heading .hv2-rating__content p {
          font-size: 16px;
          line-height: 24px; }
      .hv2-rating .hv2-rating__percent-list {
        max-width: 629px;
        min-height: 98px;
        padding: 29px 29px 29px 141px;
        border-radius: 11px;
        box-shadow: 0px 0px 23.6px 1px rgba(235, 235, 237, 0.4); }
        .hv2-rating .hv2-rating__percent-list .hv2-rating__badge {
          max-width: 133px;
          top: -24px;
          left: -6px; }
        .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-row {
          margin: 0 -5px; }
          .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-row > div {
            padding: 0 5px; }
        .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__chart,
        .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__chart canvas {
          width: 40px !important;
          height: 40px !important; }
        .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__counter {
          font-size: 17px;
          line-height: 21px; }
        .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-title {
          font-size: 12px;
          line-height: 14px; }
        .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-detail,
        .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-detail p {
          font-size: 8px;
          line-height: 10px; } }
  @media (max-width: 767px) {
    .hv2-rating .hv2-rating__percent-list {
      padding: 29px 10px 29px 135px; } }
  @media (max-width: 700px) {
    .hv2-rating {
      padding-bottom: 82px; }
      .hv2-rating .hv2-rating__main-heading {
        max-width: 100%;
        margin: 0 auto 76px; }
        .hv2-rating .hv2-rating__main-heading h2 {
          font-size: 28px;
          line-height: 32px; }
        .hv2-rating .hv2-rating__main-heading .hv2-rating__content {
          max-width: 100%; }
        .hv2-rating .hv2-rating__main-heading .hv2-rating__content,
        .hv2-rating .hv2-rating__main-heading .hv2-rating__content p {
          text-align: left; }
      .hv2-rating .hv2-rating__percent-list {
        flex-wrap: wrap;
        min-height: auto;
        padding: 126px 49px 48px 49px; }
        .hv2-rating .hv2-rating__percent-list > div {
          margin-bottom: 40px; }
          .hv2-rating .hv2-rating__percent-list > div:last-child {
            margin-bottom: 0; }
        .hv2-rating .hv2-rating__percent-list .hv2-rating__percent-item {
          flex: 0 0 100%;
          max-width: 100%; }
        .hv2-rating .hv2-rating__percent-list .hv2-rating__badge {
          max-width: 130px;
          top: -63px;
          left: 25px;
          right: 25px;
          margin: 0 auto; }
        .hv2-rating .hv2-rating__percent-list .hv2-rating__percent {
          max-width: 209px;
          margin: 0 auto; }
          .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-row {
            margin: 0 -8px; }
            .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-row > div {
              padding: 0 8px; }
          .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__chart,
          .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__chart canvas {
            width: 67px !important;
            height: 67px !important; }
          .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__counter {
            font-size: 28px;
            line-height: 35px; }
          .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-title {
            font-size: 16px;
            line-height: 19px; }
          .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-detail,
          .hv2-rating .hv2-rating__percent-list .hv2-rating__percent .hv2-rating__percent-detail p {
            font-size: 14px;
            line-height: 17px; } }


/*# sourceMappingURL=hv2_rating.css.map*/