/* assets/css/specialist-page.css – сгенерировано scripts/import-donor-css.mjs, руками не править */
.expert__wrapper {
	/* display: flex;
	flex-direction: row; */
  display: grid;
  grid-template-columns: 39fr 42fr 270px;
  align-items: end;
  gap: 40px;
  margin-bottom: 50px;
}

.expert__img-wrap {
  display: flex;
	/* flex: 391; */

  background-color: var(--background-color-light-gray);
  border-radius: 30px;
  overflow: hidden;
}

.expert__img-wrap > img {
  height: 500px;
  width: 100%;
  object-fit: cover;
}

.expert__text-wrap {
	/* flex: 739; */
  margin-top: 70px;
  width: 100%;
  position: relative;
}

.expert__text-wrap > h1 {
  margin-top: 0;
  margin-bottom: 24px;
  font-weight: 400;
  line-height: 110%;
  max-width: 460px;
  color: var(--title-color);
}

.expert-img__reward {
  max-width: 461px;
  max-height: 96px;
  margin-bottom: 24px;
}

.expert__items-text {
  margin-bottom: 32px;
}

.expert__item-wrap::before {
  position: absolute;
  margin-top: 5px;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: var(--accent-pink-main);
  border-radius: 50%;
}

.expert__item-wrap {
  padding: 14px 0;
  border-bottom: 1px solid var(--border-main-color);
}

.expert__item-wrap:first-child {
  padding-top: 0;
}

.expert__item-wrap:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.expert__item-text {
  padding-left: 14px;
}

.expert__item-text > div {
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  color: var(--text-color-black);
}

.expert__item-text > div:first-child {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 137%;
  color: var(--text-color-main);
}

.expert__text-wrap > button,
.expert__text-wrap .expert__text-wrap-action {
  display: block;
  width: fit-content;
  padding: 15px 22px;
  background-color: var(--button-color-main);
  font-size: 17px;
  font-weight: 500;
  line-height: 137%;
  color: #fff;
  border-radius: 40px;
  transition: var(--default-transition);
}

.expert__text-wrap > button:hover,
.expert__text-wrap .expert__text-wrap-action:hover {
  background-color: var(--button-color-main-hover);
}

.educ__title {
  color: var(--title-color);
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.44px;
  margin-bottom: 36px;
}

.educ__items {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.educ__item {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.educ__item::before {
  content: "";
  position: absolute;
  background: url('data:image/svg+xml,<svg width="180" height="78" viewBox="0 0 180 78" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M176.403 17.9005C177.328 21.6457 175.917 25.8623 172.387 30.3265C168.862 34.7843 163.279 39.4137 156.039 43.9386C141.564 52.9854 120.564 61.5536 96.4707 67.4813C72.3775 73.409 49.7929 75.564 32.763 74.2683C24.2452 73.6202 17.1462 72.111 11.9489 69.7991C6.74421 67.4839 3.53122 64.4049 2.60607 60.6597C1.68092 56.9146 3.09169 52.698 6.62171 48.2337C10.1466 43.776 15.7293 39.1466 22.9692 34.6217C37.4442 25.5749 58.4445 17.0066 82.5378 11.079C106.631 5.15128 129.216 2.99631 146.246 4.29199C154.763 4.94004 161.862 6.44928 167.06 8.76116C172.264 11.0764 175.477 14.1554 176.403 17.9005Z" stroke="%23BFBFBF"/><path d="M178.126 26.7949C178.666 30.6143 176.835 34.6666 172.87 38.751C168.911 42.8295 162.887 46.8707 155.225 50.6405C139.906 58.1776 118.144 64.5788 93.573 68.0405C69.0019 71.5021 46.3148 71.363 29.504 68.3524C21.0958 66.8467 14.1864 64.6276 9.25058 61.8022C4.30758 58.9727 1.42366 55.5847 0.883402 51.7654C0.34314 47.9461 2.1746 43.8938 6.1396 39.8093C10.0988 35.7308 16.1227 31.6896 23.7846 27.9198C39.1034 20.3828 60.8654 13.9815 85.4364 10.5199C110.007 7.05821 132.695 7.19736 149.505 10.2079C157.914 11.7137 164.823 13.9328 169.759 16.7581C174.702 19.5876 177.586 22.9756 178.126 26.7949Z" stroke="%23E3E2E2"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 180px;
  min-height: 78px;
  font-family: "Lora", 'Lora Fallback', sans-serif;
  font-size: 28px;
  font-weight: 500;
  color: var(--text-color-pink);
  z-index: 3;
}

.educ__item::after {
  content: "";
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='64' viewBox='0 0 12 64' fill='none'%3E%3Cpath d='M5.50503 63.495C5.77839 63.7683 6.22161 63.7683 6.49497 63.495L10.9497 59.0402C11.2231 58.7668 11.2231 58.3236 10.9497 58.0503C10.6764 57.7769 10.2332 57.7769 9.9598 58.0503L6 62.01L2.0402 58.0503C1.76684 57.7769 1.32362 57.7769 1.05025 58.0503C0.776886 58.3236 0.776886 58.7668 1.05025 59.0402L5.50503 63.495ZM5.3 3.15C5.3 3.5366 5.6134 3.85 6 3.85C6.3866 3.85 6.7 3.5366 6.7 3.15H5.3ZM6.7 9.45C6.7 9.0634 6.3866 8.75 6 8.75C5.6134 8.75 5.3 9.0634 5.3 9.45H6.7ZM5.3 15.75C5.3 16.1366 5.6134 16.45 6 16.45C6.3866 16.45 6.7 16.1366 6.7 15.75H5.3ZM6.7 22.05C6.7 21.6634 6.3866 21.35 6 21.35C5.6134 21.35 5.3 21.6634 5.3 22.05H6.7ZM5.3 28.35C5.3 28.7366 5.6134 29.05 6 29.05C6.3866 29.05 6.7 28.7366 6.7 28.35H5.3ZM6.7 34.65C6.7 34.2634 6.3866 33.95 6 33.95C5.6134 33.95 5.3 34.2634 5.3 34.65H6.7ZM5.3 40.95C5.3 41.3366 5.6134 41.65 6 41.65C6.3866 41.65 6.7 41.3366 6.7 40.95H5.3ZM6.7 47.25C6.7 46.8634 6.3866 46.55 6 46.55C5.6134 46.55 5.3 46.8634 5.3 47.25H6.7ZM5.3 53.55C5.3 53.9366 5.6134 54.25 6 54.25C6.3866 54.25 6.7 53.9366 6.7 53.55H5.3ZM6.7 59.85C6.7 59.4634 6.3866 59.15 6 59.15C5.6134 59.15 5.3 59.4634 5.3 59.85H6.7ZM5.3 0V3.15H6.7V0H5.3ZM5.3 9.45V15.75H6.7V9.45H5.3ZM5.3 22.05V28.35H6.7V22.05H5.3ZM5.3 34.65V40.95H6.7V34.65H5.3ZM5.3 47.25V53.55H6.7V47.25H5.3ZM5.3 59.85V63H6.7V59.85H5.3Z' fill='%23A9A9A9'/%3E%3C/svg%3E")
    /*bottom left/cover no-repeat*/;
  background-size: 100% 100%;
  top: 50px;
  width: 12px;
  max-width: 12px;
  left: 90px;
  height: 100%;
  z-index: 2;
}

.educ__item:last-child::after {
  display: none;
}

.educ__date-wrap {
  min-width: 180px;
  min-height: 78px;
}

.educ__date-wrap > div {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  font-size: 28px;
  font-weight: 500;
  color: var(--text-color-pink);
}

.educ__text-wrap > h3 {
  font-family: "Lora", 'Lora Fallback', sans-serif;
  font-size: 22px;
  color: var(--title-color);
  font-weight: 500;
  line-height: 115%;
  letter-spacing: -0.008em;
  margin-bottom: 10px;
}

.educ__text-wrap > div {
  font-size: 19px;
  font-weight: 300;
  line-height: 147%;
}

.fields__activity-wrap > h2 {
  color: var(--title-color);
  font-weight: 400;
  margin-bottom: 36px;
}

.fields__activity-wrap > p {
  margin-bottom: 36px;
  margin-top: 0;
}

.activity_wrapper {
  display: grid;
  grid-template-columns: 77fr 37fr;
  column-gap: 30px;
}

.activity__list-item {
  margin-bottom: 36px;
}

.activity__list-head {
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

.activity__list-head {
  font-size: 20px;
  font-weight: 400;
  color: var(--text-color-pink);
}

.activity__list-head a {
  font-size: 20px;
  font-weight: 400;
  text-decoration: underline;
  color: var(--text-color-pink);
}

.activity__list-head > span {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Crect y='0.5' width='20' height='20' rx='10' fill='%23e42e7b'/%3E%3Cpath d='M13.3337 8L8.75033 12.5833L6.66699 10.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 20px;
  height: 21px;
}

.activity__list-item > ul {
  padding-inline-start: 60px;
}

.activity__list-item ul > li:not(:last-child) {
  margin-bottom: 10px;
}

.activity__list-item ul > li::marker {
  color: var(--accent-red-main);
}

.activity__list-item ul > li {
  font-size: inherit;
}

.activity__list-item ul li > a {
  font-size: inherit;
  font-weight: 400;
  text-decoration: underline;
  color: var(--text-color-main);
  transition: var(--default-transition);
}

.activity__list-item ul li > a:hover {
  color: var(--text-color-red);
}

.spec_card-video-wrap {
  padding: 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  height: fit-content;
  background-color: var(--background-color-white);
  border-radius: 40px;
	cursor: pointer;
  height: 310px;
}

.spec_card-video-wrap:hover .spec_card-video::before {
	bottom: 4px;
	width: 50px;
	height: 50px;
}

.spec_card-video-wrap:hover .spec_card-video::after {
	height: 70px;
	width: 150px;
}

.spec_card-video {
	position: relative;
	display: flex;
	justify-content: center;
  height: 100%;
  width: 100%;
  background-color: var(--background-color-light-gray);
  border-radius: 30px;
  overflow: hidden;
}

.spec_card-video::after {
	content: "";
	position: absolute;
	bottom: -10px;
	display: block;
	background-image: url('data:image/svg+xml;charset=utf-8,<svg width="124" height="60" viewBox="0 0 124 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M91.9344 32C91.9779 31.339 92 30.6721 92 30C92 13.4315 78.5685 0 62 0C45.4315 0 32 13.4315 32 30C32 30.6721 32.0221 31.339 32.0656 32H32V31.403C32 42.7784 17.8224 52 0.333336 52H32H41.6037C46.9563 56.9647 54.1237 60 62 60C69.8763 60 77.0437 56.9647 82.3963 52H92H123.667C106.178 52 92 42.7784 92 31.403V32H91.9344Z" fill="white"/></svg>');
	background-repeat: no-repeat;
	background-size: cover;
	height: 60px;
	width: 125px;
	transition: var(--default-transition);
}

.spec_card-video::before {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	background-image: url('data:image/svg+xml;charset=utf-8,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_6581_38855)"><circle cx="22" cy="22" r="22" fill="%23E42E7B"/><path d="M17.0508 30.7999L31.9008 22L17.0508 13.2V30.7999Z" fill="white"/></g><defs><clipPath id="clip0_6581_38855"><rect width="44" height="44" fill="white"/></clipPath></defs></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	width: 44px;
	height: 44px;
	z-index: 1;
	transition: var(--default-transition);
}

.spec_card-video > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.spec_card-video-wrap > span{
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: var(--text-color-pink);
}


.diplom-title {
  color: var(--title-color);
  font-weight: 400;
  margin-bottom: 36px;
}

.diplom-slider-wrap {
  position: relative;
}

.diplom-slider {
  overflow: hidden;
}

.diplom-item {
  cursor: pointer;
  width: fit-content;
}

.diplom-item > img {
  height: 100%;
  width: 270px;
  object-fit: cover;
}

.inform__text-block > h2 {
  color: var(--title-color);
  font-weight: 400;
  margin-bottom: 36px;
}

@media (max-width: 992px) {
  .expert__wrapper {
    /* flex-direction: row-reverse; */
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
  }
	.expert__img-wrap {
		flex: 1;
    order: 2;
	}
  .expert__img-wrap > img {
    min-width: 320px;
    height: 405px;
    width: 100%;
    object-position: top;
  }
  .expert__text-wrap {
		/* flex: 1; */
    order: 1;
    margin-top: 30px;
  }
  .expert__text-wrap > h1 {
    margin-bottom: 20px;
  }
  .expert__items-text {
    margin-bottom: 26px;
  }
  .expert__item-wrap {
    padding: 12px 0;
  }
  .expert__item-text > div {
    font-size: 15px;
  }
  .expert__text-wrap > button,
  .expert__text-wrap .expert__text-wrap-action {
    font-size: 16px;
    padding: 12px 20px;
  }
  .educ__text-wrap > h3 {
    font-size: 17px;
    margin-bottom: 8px;
  }
  .educ__text-wrap > div p:first-child {
    margin-top: 0;
    margin-bottom: 0;
  }
  .educ__item::before,
  .educ__date-wrap {
    min-width: 134px;
    min-height: 58px;
  }
  .educ__item::after {
    left: 64px;
  }
  .educ__item {
    gap: 20px;
  }
  .educ__date-wrap > div {
    font-size: 25px;
    margin-top: 15px;
  }
  .activity__list-head,
  .activity__list-head a {
    font-size: 17px;
  }
	/* .spec_card-video-wrap {
		display: none;
	} */
	.activity_wrapper {
		grid-template-columns: 1fr;
	}
  /* .activity__list {
    order: 2;
  } */
  .spec_card-video-wrap {
    order: 3;
    margin-bottom: 30px;
  }
  .spec_card-video {
    width: 100%;
  }
  .diplom-slider {
    overflow: visible;
  }
  .diplom-item > img {
    min-width: 207px;
    min-height: 141px;
  }
}

@media (max-width: 600px) {
	.expert__wrapper {
    display: flex;
		flex-direction: column;
    gap: 30px;
	}
  .expert__img-wrap {
    order: 1;
  }
	.expert__text-wrap{
		margin-top: 0;
    order: 2;
	}
  .educ__items {
    gap: 10px;
  }
  .educ__title {
    text-align: center;
  }
  .educ__item {
    flex-direction: column;
    align-items: center;
  }
  .educ__text-wrap {
    text-align: center;
  }
  .educ__item {
    gap: 0;
  }
  .educ__item::after {
    position: static;
    margin: 0 auto;
    height: 20px;
    background-size: auto;
    background-position: bottom;
    margin-top: 10px;
  }
  .educ__date-wrap {
    margin-bottom: 12px;
  }
  .spec_card-video-wrap {
    /* margin: 0 -30px 30px -30px; */
    width: 100%;
  }
}

@media (max-width: 370px) {
  .expert__img-wrap > img {
    min-width: 100%;
  }
  .expert-img__reward {
  max-width: 100%;
  }
}