/* Наши специалисты  */
/* MOBILE STYLE  */
h1.title-page {
	font: var(--heading-h1-tablet);
	color: var(--Gray_800);
	margin-bottom: 40px;
}

.description-page {
	color: var(--Gray_800);
	font: var(--body-mobile);
	margin-bottom: 40px;
}

.container-cards {
	display: flex;
	gap: 30px 14px;
	flex-wrap: wrap;
	margin-bottom: 80px;
}

.container-cards .item {
	width: calc(50% - 7px);
	display: flex;
	flex-direction: column;
}

.container-cards .item .thumbnail {
	width: 100%;
	height: 200px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 18px;
}

.container-cards .item .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.container-cards .item .title {
	margin-bottom: 10px;
	color: var(--Gray_800);
	font: var(--heading-h6);
}

.container-cards .item .title span {
	font: var(--regular14);
	display: block;
}

.container-cards .item .description {
	color: var(--Gray_800);
	font: var(--regular16);
	margin-bottom: 4px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	max-height: calc(1.4em * 2);
}
.container-cards .item .count {
	color: var(--Gray_800);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	font-family: 'PTRootUIWebRegular';
	    height: 18px;
	display: block;
	margin-bottom: 14px;
}

.container-cards .item .more-details {
	color: var(--tertiary_900);
	font: var(--medium16);
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: auto;
}

.container-specialist {
	position: relative;
	border-radius: 30px;
	border: 1px solid var(--primary_border_200);
	background-color: var(--bg);
	padding: 24px;
	box-sizing: border-box;
	box-shadow: 0 0 16px rgba(158, 158, 158, 0.15);
}

.container-specialist .thumbnail-specialist {
	width: 114px;
	height: 150px;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 24px;
}

.container-specialist .thumbnail-specialist img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.container-specialist .title-specialist {
	margin-bottom: 32px;
	color: var(--Gray_800);
	font: var(--heading-h6);
}

.container-specialist .activities-title,
.container-specialist .speciality-title {
	margin-bottom: 12px;
	color: var(--Gray_800);
	font: var(--bold16);
}

.container-specialist ul,
.container-specialist p {
	color: var(--Gray_800);
	font: var(--body-mobile);
}

.container-specialist ul li {
	padding-left: 25px;
	position: relative;
}

.container-specialist ul li:before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 10px;
	background-color: var(--Gray_800);
}

.container-specialist .speciality {
	margin-bottom: 32px;
}
.container-cards .item .count {
	width: 100%;
}

@media (min-width: 460px) {
	.container-cards .item {
		width: 210px;
	}
	.container-cards .item .thumbnail {
		height: 270px;
	}
}

/* TABLE STYLE  */
@media (min-width: 767px) {
	.description {
		font: var(--body-desktop);
	}
	.container-specialist {
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		gap: 32px;
		padding: 32px;
	}
	.container-specialist .thumbnail-specialist {
		margin-bottom: 0px;
		width: 200px;
		height: 260px;
		flex: 0 0 200px;
	}
	.container-specialist .title-specialist {
		margin-top: 24px;
		font: var(--heading-h4);
	}
	.container-specialist .activities-title,
	.container-specialist .speciality-title {
		font: var(--bold18);
	}
	.container-specialist ul,
	.container-specialist p {
		font: var(--body-lead-text);
	}
	.container-specialist .text-block {
		flex: 1;
	}
	.container-cards {
		gap: 30px 25px;
	}
	.description-page {
		max-width: 440px;
	}
}

/* LAPTOP STYLE  */
@media (min-width: 1000px) {
	h1.title {
		font: var(--heading-h1-desktop);
	}
	.container-cards {
		margin-bottom: 120px;
	}
	.container-cards {
		gap: 40px 30px;
	}
	.container-cards .item .count {
		display: flex;
		align-items: center;
		width: 50px;
	}
	.container-cards .item .description {
		width: calc(100% - 55px);
		margin-bottom: 12px;
	}
	.container-cards .item {
		width: calc(20% - 25px);
		flex-direction: row;
		flex-wrap: wrap;
	}
}

@media (min-width: 1280px) {
	.container-cards .item {
		width: calc(16.666% - 25px);
		flex-direction: row;
		flex-wrap: wrap;
	}
}