.specialists {
  display: flex;
  flex-direction: column;
  gap: 20px; }

.specialist {
  display: flex;
  align-items: flex-start;
  gap: 42px;
  padding: 34px 40px; }
  .specialist__image {
    width: 94px;
    aspect-ratio: 1;
    border-radius: 50%; }
  .specialist__main {
    flex: 1; }
  .specialist__header {
    display: flex;
    align-items: flex-start;
    gap: 30px; }
    .specialist__header-left {
      flex: 1; }
    .specialist__header-right {
      border: 1px solid #eee;
      border-radius: 10px;
      width: 155px;
      padding: 19px 27px 25px 24px;
      font-size: 14px; }
  .specialist__name {
    padding-top: 5px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 11px; }
  .specialist__job {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 15px; }
  .specialist__education-toggle {
    font-size: 15px;
    color: var(--color-accent);
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
    display: inline-block;
    position: relative;
    font-weight: 600; }
    .specialist__education-toggle:after {
      content: '';
      display: block;
      position: absolute;
      top: 56%;
      left: calc(100% + 13px);
      width: 10px;
      height: 10px;
      translate: 0 -50%;
      background: url(../img/angle.svg) center/contain no-repeat;
      rotate: -90deg;
      transition: var(--delay); }
    .specialist__education-toggle_open:after {
      rotate: 90deg; }
  .specialist__education {
    display: none;
    color: var(--color-text-gray);
    padding: 9px 0;
    font-size: 12px;
    line-height: 1.3; }
    .specialist__education-item {
      display: flex;
      min-height: 20px;
      padding: 16px 0;
      gap: 33px;
      border-bottom: 1px solid #eee; }
  .specialist-rating {
    margin-top: 5px;
    display: flex;
    gap: 4px; }
  .specialist-star {
    width: 11px;
    aspect-ratio: 1;
    background: url(../img/star.svg) center/contain no-repeat; }

@media (max-width: 575px) {
  .specialist {
    gap: 20px;
    padding: 20px;
    flex-direction: column;
    position: relative; }
    .specialist__header-right {
      position: absolute;
      right: 20px;
      top: 20px;
      padding: 18px; }
    .specialist__name {
      font-size: 16px; } }

/*# sourceMappingURL=dashboard-specialists.css.map */