.first {
  background-color: #f6f6f6;
  background-image: url(../img/first/bg-first.webp);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}
.first-content {
  padding: 30px 0;
  margin: 0 0 0 46.5%;
  max-width: 588px;
}
.first-content .h1 {
  font: 600 40px / 2.625rem var(--font-semibold);
  letter-spacing: -1%;
  color: #2D2F33;
  margin: 0 0 24px;
}
.first-content .first-rating {
  margin: 0 0 26px;
}
.first-content .first-rating__item {
  padding: 6px 5px;
  height: 26px;
  background-color: #fff;
  box-shadow: 0px 4px 4px 0px #00000008;
}
.first-content .first-rating__item .stars {
  width: 12px;
  height: 17px;
}
.first-content .first-rating__item-ttl {
  font: 600 17px / 1 var(--font-semibold);
  letter-spacing: 0;
  vertical-align: bottom;
  color: #2D2F33;
}
.first-content .first-rating__item_border img {
  height: auto;
  width: 14px;
}
.first-content .hero__expert-name {
  margin: 0 0 9px;
}
.first-content .hero__expert-sub {
  font: 400 18px / 1.375rem var(--font-family);
}
.first-content .hero__expert-meta {
  color: #2D2F33;
  max-width: unset;
}
.first-content .btn-accent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  max-width: 462px;
  height: 60px;
  margin: 24px 0 0;
}
.first-content .btn-accent span:nth-child(1) {
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.first-content .hero__expert-avatar img {
  border-radius: 50%;
  border: 2px solid #50A6A326;
}
.first-content .hero__expert-head {
  align-items: center;
  margin: 0 0 24px;
}
.first-content .btn-accent .min {
  font: 500 12px / .9375rem var(--font-medium);
  color: #FFFFFFBF;
}
.first-content .main-descr-bottom {
  color: #2D2F33;
}
.first-content .main-descr-bottom h2,
.first-content .main-descr-bottom strong {
  font: 600 18px / 1.375rem var(--font-semibold);
  margin: 0;
}
.first-content .main-descr-bottom span {
  font: 500 16px / 1.3125rem var(--font-medium);
}
.first-content .main-descr-bottom ul li {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 0 0 28px;
  margin: 0 0 15px;
}
.first-content .main-descr-bottom ul li::before {
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.12557 2.54474C9.28177 2.37315 9.47208 2.23606 9.68431 2.14226C9.89655 2.04845 10.126 2 10.3581 2C10.5901 2 10.8196 2.04845 11.0318 2.14226C11.2441 2.23606 11.4344 2.37315 11.5906 2.54474L12.4406 3.47807C12.6056 3.65925 12.8086 3.80181 13.035 3.89558C13.2614 3.98935 13.5058 4.03202 13.7506 4.02057L15.0114 3.96224C15.2431 3.95132 15.4745 3.98889 15.6909 4.07253C15.9072 4.15617 16.1037 4.28405 16.2678 4.44798C16.4319 4.61192 16.5599 4.8083 16.6438 5.02456C16.7276 5.24082 16.7654 5.4722 16.7547 5.70391L16.6956 6.96557C16.6841 7.21038 16.7268 7.45471 16.8206 7.68114C16.9143 7.90757 17.0569 8.11053 17.2381 8.27557L18.1714 9.12557C18.343 9.28177 18.4801 9.47208 18.5739 9.68431C18.6677 9.89655 18.7161 10.126 18.7161 10.3581C18.7161 10.5901 18.6677 10.8196 18.5739 11.0318C18.4801 11.2441 18.343 11.4344 18.1714 11.5906L17.2381 12.4406C17.0569 12.6056 16.9143 12.8086 16.8206 13.035C16.7268 13.2614 16.6841 13.5058 16.6956 13.7506L16.7539 15.0114C16.7648 15.2431 16.7273 15.4745 16.6436 15.6909C16.56 15.9072 16.4321 16.1037 16.2682 16.2678C16.1042 16.4319 15.9078 16.5599 15.6916 16.6438C15.4753 16.7276 15.2439 16.7654 15.0122 16.7547L13.7506 16.6956C13.5058 16.6841 13.2614 16.7268 13.035 16.8206C12.8086 16.9143 12.6056 17.0569 12.4406 17.2381L11.5906 18.1714C11.4344 18.343 11.2441 18.4801 11.0318 18.5739C10.8196 18.6677 10.5901 18.7161 10.3581 18.7161C10.126 18.7161 9.89655 18.6677 9.68431 18.5739C9.47208 18.4801 9.28177 18.343 9.12557 18.1714L8.27557 17.2381C8.11053 17.0569 7.90757 16.9143 7.68114 16.8206C7.45471 16.7268 7.21038 16.6841 6.96557 16.6956L5.70474 16.7539C5.47305 16.7648 5.24163 16.7273 5.02529 16.6436C4.80894 16.56 4.61244 16.4321 4.44835 16.2682C4.28426 16.1042 4.1562 15.9078 4.07235 15.6916C3.9885 15.4753 3.95071 15.2439 3.96141 15.0122L4.02057 13.7506C4.03202 13.5058 3.98935 13.2614 3.89558 13.035C3.80181 12.8086 3.65925 12.6056 3.47807 12.4406L2.54474 11.5906C2.37315 11.4344 2.23606 11.2441 2.14226 11.0318C2.04845 10.8196 2 10.5901 2 10.3581C2 10.126 2.04845 9.89655 2.14226 9.68431C2.23606 9.47208 2.37315 9.28177 2.54474 9.12557L3.47807 8.27557C3.65925 8.11053 3.80181 7.90757 3.89558 7.68114C3.98935 7.45471 4.03202 7.21038 4.02057 6.96557L3.96224 5.70474C3.95132 5.47305 3.98889 5.24163 4.07253 5.02529C4.15617 4.80894 4.28405 4.61244 4.44798 4.44835C4.61192 4.28426 4.8083 4.1562 5.02456 4.07235C5.24082 3.9885 5.4722 3.95071 5.70391 3.96141L6.96557 4.02057C7.21038 4.03202 7.45471 3.98935 7.68114 3.89558C7.90757 3.80181 8.11053 3.65925 8.27557 3.47807L9.12557 2.54474Z" fill="%2350A6A3" stroke="%2350A6A3" stroke-width="1.5"/><path d="M7.85791 10.3581L9.52458 12.0247L12.8579 8.69141" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
}
@media(max-width: 768px) {
  .first-content .btn-accent span:nth-child(1) {
    font-size: 16px;
  }
  .first-content .main-descr-bottom ul li::before {
    top: calc(50% - 10px);
  }
  .first-content .main-descr-bottom h2,
  .first-content .main-descr-bottom strong {
    font-size: 15px;
    line-height: 1.125rem;
  }
  .first-content .first-rating__item-ttl {
    font-size: 15px;
    letter-spacing: 7%;
  }
  .first-content .main-descr-bottom ul li span {
    display: none;
  }
  .first-content .btn-accent {
    margin: 35px 0 0;
  }
  .first-content .hero__expert-head {
    margin: 0 0 20px;
  }
  .first-content .hero__expert-name {
    display: block;
    font-size: 15px;
    margin: 0;
  }
  .first-content .hero__expert-sub {
    font: 400 15px / 1.125rem var(--font-family);
  }
  .first-content {
    padding: 24px 0 26px;
    margin: 0;
  }
  .first-content .first-rating__item {
    padding: 6px 4px;
    background: transparent;
    box-shadow: none;
    border: none;
  }
  .first-content .first-rating {
    gap: 3px;
    margin: 0 0 32px;
  }
  .first-content .h1 {
    font: 600 25px / 1.75rem var(--font-semibold);
    letter-spacing: 0%;
    margin: 0 0 20px;
  }
  .first {
    background-image: none;
  }
}