.review-card {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    position: relative;
    padding: 20px;
  }
  .review-card::before {
    content: "";
    position: absolute;
    top: 15px;
    right: 10px;
    width: 54px;
    height: 46px;
    line-height: 26px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='' d='M176 32H64C28.7 32 0 60.7 0 96v128c0 35.3 28.7 64 64 64h64v24c0 30.9-25.1 56-56 56H56c-22.1 0-40 17.9-40 40v32c0 22.1 17.9 40 40 40h16c92.6 0 168-75.4 168-168V96c0-35.3-28.7-64-64-64zm32 280c0 75.1-60.9 136-136 136H56c-4.4 0-8-3.6-8-8v-32c0-4.4 3.6-8 8-8h16c48.6 0 88-39.4 88-88v-56H64c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h112c17.7 0 32 14.3 32 32v216zM448 32H336c-35.3 0-64 28.7-64 64v128c0 35.3 28.7 64 64 64h64v24c0 30.9-25.1 56-56 56h-16c-22.1 0-40 17.9-40 40v32c0 22.1 17.9 40 40 40h16c92.6 0 168-75.4 168-168V96c0-35.3-28.7-64-64-64zm32 280c0 75.1-60.9 136-136 136h-16c-4.4 0-8-3.6-8-8v-32c0-4.4 3.6-8 8-8h16c48.6 0 88-39.4 88-88v-56h-96c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h112c17.7 0 32 14.3 32 32v216z'%3e%3c/path%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    opacity: 0.1;
  }
  .review-card__info {
    position: relative;
    display: flex;
    align-items: center;
  }
  .review-card__avatar {
    width: 70px;
    height: 70px;
    margin-right: 15px;
    position: relative;
  }
  .review-card__avatar img {
    padding: 2px;
    border: 2px dashed var(--accent);
    border-radius: 50%;
  }
  .review-card__name {
    font-weight: 700;
    color: var(--accent-dark);
    font-family: var(--secondfont);
  }
  .review-card__country {
    line-height: 1;
    font-size: 0.875em;
  }
  .review-card__desc {
    margin-top: 15px;
  }
  .review-card__answer {
    margin-top: 20px;
    padding: 20px;
    position: relative;
    background-color: #e9ecef;
    margin: 20px -20px -20px;
  }
  .review-card__answer-title {
    position: absolute;
    top: -10px;
    left: 20px;
    font-size: 11px;
    font-weight: 700;
    background-color: #fff;
    padding: 5px 6px 3px;
    line-height: 1;
    text-transform: uppercase;
    color: var(--accent-dark);
    border-radius: 3px;
  }
  
  .form-review {
    background-color: #fff;
    box-shadow: var(--shadow);
    border-radius: 10px;
    position: relative;
  }
  
  .avatar-upload {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 132px;
    height: 132px;
    background: #F8F8F8;
    border-radius: 0.25rem;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
  }
  .avatar-upload__input {
    display: none;
  }
  .avatar-upload__icon {
    position: absolute;
    top: 0;
    left: 0;
  }
  .avatar-upload--image .avatar-upload__icon {
    display: none;
  }
  .avatar-upload__upload {
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    color: inherit;
    pointer-events: none;
    font-weight: 500;
    z-index: 1;
  }
  .avatar-upload--image .avatar-upload__upload {
    display: none;
  }
  .avatar-upload__delete {
    display: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 32px;
    height: 32px;
    background: #f8f9fa;
    text-indent: -9999px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }
  .avatar-upload__delete::after, .avatar-upload__delete::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 14px;
    background-color: #ff231f;
    content: "";
  }
  .avatar-upload__delete::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .avatar-upload__delete::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .avatar-upload--image .avatar-upload__delete {
    display: block;
  }
  .avatar-upload--image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: default;
  }
  .rating {
    display: flex;
  }
  .rating span,
  .rating label {
    margin-right: 2px;
    height: 16px;
    width: 16px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23dee2e6' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .rating label {
    cursor: pointer;
  }
  .rating input {
    display: none;
  }
  .rating input:nth-child(1):checked ~ label:nth-of-type(-n + 1),
  .rating input:nth-child(2):checked ~ label:nth-of-type(-n + 2),
  .rating input:nth-child(3):checked ~ label:nth-of-type(-n + 3),
  .rating input:nth-child(4):checked ~ label:nth-of-type(-n + 4),
  .rating input:nth-child(5):checked ~ label:nth-of-type(-n + 5), .rating-1 span:nth-of-type(-n + 1), .rating-2 span:nth-of-type(-n + 2), .rating-3 span:nth-of-type(-n + 3), .rating-4 span:nth-of-type(-n + 4), .rating-5 span:nth-of-type(-n + 5) {
    background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23CFA55B' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E");
  }
  .rating-form span,
  .rating-form label {
    margin-right: 4px;
    height: 24px;
    width: 24px;
  }