div.products-sidebar {
  margin-top: 0;
  position: sticky;
  top: 102px;
}

#teachers .items {
	overflow: hidden;
}

#teachers div.descr div.title {
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: var(--color-05);
	padding: var(--step2);
}
#teachers div.descr div.text {
	text-decoration: none;
	text-align: center;
	color: var(--color-50);
}
#teachers .item a {
	text-decoration: none;
}
#teachers .item a div.descr .title {
	font-weight: 600;
	text-transform: uppercase;
	color: var(--color-05);
}

#teachers .item div.descr .text a {
	color: var(--color-25);
}

#teachers .item div.descr .text.soc {
	margin-top: var(--step2);
}

#teachers .item div.descr .text.soc a {
	margin: 0 var(--step);
	display: inline-block;
}

#teachers .item div.img {
	background-color: var(--color-98);
	width: max-content;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

#teachers a:hover div.img {
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}

#teachers div.img img {
	max-width: 150px;
	height: auto;
}



@media screen and (max-width: 480px) {
	#teachers .items {
		margin-top: var(--step2);
	}
	div.products-sidebar {
		padding-right: 0;
		margin-top: var(--step4);
		position: static;
		top: inherit;
	}
}