.mentor-info {
    display: grid;
    grid-template-areas:
    "name name"
    "img list";
    grid-template-rows: 1fr;
  grid-template-columns: 1fr 2fr;
  gap: 20px;
}
@media(max-width: 1024px) {
    .mentor-info {
        display: grid;
        grid-template-areas:
        "img name"
        "list list";
        grid-template-rows: 1fr;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
}
@media(max-width: 525px) {
    .mentor-info {
        display: grid;
        grid-template-areas:
        "name"
        "img"
        "list";
        grid-template-rows: 1fr;
      grid-template-columns: 1fr;
      gap: 10px;
    }
}

.mentor-info__name {
    grid-area: name;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.mentor-info__img-wrapper {
    grid-area: img;
}

.mentor-info__img {
    width: 100%;
    max-width: 525px;
    border-radius: 30px;
    object-fit: cover;
}

.mentor-info__list-wrapper {
    grid-area: list;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #fff;
    border-radius: 30px;
    padding: 30px  30px 50px 30px;
    box-sizing: border-box;
    overflow: hidden; /* Скрываем лишний текст */
    /* transition: max-height 0.3s ease;  */
    position: relative;
}
@media(max-width:768px) {
    .mentor-info__list-wrapper {
        padding: 20px;
    }
}

.mentor-info__list-education {
    list-style: inside;
    margin-left: 0;
}

.header-section-block__subtitle {

}
  
  .mentor-info__list-wrapper.open {
    max-height: none; /* Снимаем ограничение */
  }

  .mentor-info__list-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Высота градиента */
    background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.8) 0%, /* Слегка размытый верхний край */
    rgba(255, 255, 255, 1) 30%, /* Полностью белый сразу ниже */
    rgba(255, 255, 255, 1) 100% /* Низ полностью белый */
  );
    pointer-events: none; /* Чтобы элемент не мешал кликам */
  }
  @media(max-width: 1024px) {
    .mentor-info__list-wrapper::after {
        display: none;
  }
}
  
  .toggle-button {
    margin-bottom: 10px;
    color: #278EB3;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    display: none;
    text-align: left;
    position: absolute;
    bottom: 0;
    z-index: 100;
  }

.mentor-quote__wrapper {
    display: flex;
    align-items: flex-start;
    font-family: 'Tenor Sans';
    padding: 20px;
    border-radius: 30px;
    background-color: rgba(91, 155, 214, 0.15);
}


p.mentor-quote__wrapper-text {
    padding-left: 5px;
    font-family: 'Tenor Sans';
    color: #212121;
}