main {
	width: 100%;
	padding-top: 16px;
	height: 100vh;
	min-height: 100vh;
}

.team-member-container {
	display: flex;
	flex-direction: column;
}

.sidebar-container {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	padding: 0 25px;
}

.nav-list {
	width: 100%;
}

.desktop-content {
	display: none;
}

.desktop-content strong {
	font-family: Obviously;
}

.bio a,
.experience-highlights a,
.credentials-item a {
	color: var(--color-red);
}

.languages-buttons {
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
	align-items: center;
}

.languages-buttons * {
	font-size: 16px;
	line-height: 25.52px;
	font-family: Obviously Light;
}

.clicked {
	color: var(--color-red);
}

.nav-item {
	width: 100%;
	border-bottom: 1px black solid;
	padding: 16px 0 20px;
	display: flex;
	justify-content: space-between;
}

.nav-item p {
	font-family: Arizona;
	text-transform: uppercase;
	width: 200px;
	height: 100%;
	font-size: 18px;
	line-height: 25.13px;
	overflow: visible;
	font-weight: unset;
	text-align: start;
}

.nav-item.active {
	border-bottom: none;
	color: var(--color-red);
}

.nav-item.active + .nav-item-content {
	display: flex;
}

.nav-item.active img {
	content: url("/assets/img/navItemMobileOpened.svg");
}

.nav-item-content {
	display: none;
	position: relative;
	width: 100%;
	flex-direction: column;
	overflow: hidden;
	padding-bottom: 21px;
	border-bottom: 1px solid var(--color-black);
}

.nav-item-content.long-item {
	max-height: 600px;
	margin-top: 3px;
}

.nav-item-content.long-item .side-bar-content-fade {
	display: block;
}

.nav-item-content {
	font-family: Obviously;
}

.nav-item-content:not(.bio) *:not(.quote) {
	font-size: 12px;
}

.nav-item-content ul:not(.article-list) {
	display: flex;
	flex-direction: column;
	gap: 16px;
	list-style: disc;
	padding-inline-start: 17px;
	font-size: 12px;
}

.bio.description ol,
.bio.he-description ol {
	padding-inline-start: 17px;
}

.services .services-title {
	font-size: 16px;
	line-height: 25.04px;
	font-family: Obviously Wide Medium;
	margin-bottom: 12px;
	margin-top: -5px;
}

.services .services-title:nth-of-type(2) {
	margin-top: 40px;
}

.services .links-container span:last-child {
	display: none;
}

.sector-link {
	margin-right: 4px;
	font-family: Obviously Light !important;
}

.side-bar-content-fade {
	display: none;
	position: absolute;
	width: 100%;
	height: 180px;
	bottom: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 66.15%);
}

.load-more-btn {
	position: absolute;
	left: 50%;
	bottom: 0;
	border: solid 1px black;
	color: var(--color-black);
	transform: translateX(-50%);
	width: 124px;
	height: 40px;
	margin-bottom: 19px;
}

.nav-item-content.is-loaded {
	height: auto;
	max-height: none;
}

.nav-item-content.long-item.is-loaded .side-bar-content-fade {
	display: none;
}

.quote-container {
	margin-bottom: 11px;
}

.quote {
	font-size: 18px;
	margin-bottom: 5px;
}

.quote-origin {
	font-size: 14px;
	line-height: 31.01px;
	font-weight: 300;
	font-family: Obviously Light;
}

.he-content,
.he-content .quote-origin {
	font-family: Leon;
}

.he-content .quote {
	font-family: Fedra;
}

.bio.he-description * {
	font-family: Leon;
	font-size: 12px;
	line-height: 21.6px;
}

.bio.description * {
	line-height: 21.6px;
}

.bio:has(.languages-buttons) {
	margin-top: -3px;
}

.bio ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.bio {
	line-height: 145%;
}

.bottom-line {
	display: none;
}

.credentials-item > b {
	font-size: 12px;
	line-height: 21.6px;
	font-family: Obviously;
}

.credentials-item *:not(b, strong) {
	font-size: 12px;
	line-height: 21.6px;
	font-family: Obviously;
}

.nav-list .nav-item:last-of-type {
	margin-bottom: 35px;
}

.nav-list .nav-item.active {
	margin-bottom: 0;
}

.nav-list .nav-item:last-of-type.active + .nav-item-content {
	margin-bottom: 35px;
}

@media (min-width: 768px) {
	main {
		padding-top: 17px;
	}

	.sidebar-container {
		padding: 0 24px;
	}

	.nav-item {
		padding: 20px 0 24px;
	}

	.nav-item p {
		width: unset;
	}

	.nav-item-content *:not(.quote):not(.languages-buttons button):not(.quote-origin) {
		font-size: 16px;
	}

	.quote-origin {
		font-size: 16px;
		line-height: 35.44px;
	}

	.bio.he-description *,
	.bio.description * {
		font-size: 16px;
		line-height: 28.8px;
	}

	.nav-item-content ul:not(.article-list) {
		padding-inline-start: 22px;
	}

	.bio.description ol,
	.bio.he-description ol {
		padding-inline-start: 22px;
	}

	.nav-item-content.long-item {
		max-height: 351px;
		margin-top: -1px;
	}

	.nav-item-content.is-loaded {
		height: auto;
		max-height: none;
	}

	.quote {
		font-size: 22px;
		line-height: 31.9px;
	}

	.services .services-title {
		font-size: 18px;
		line-height: 28.17px;
		margin-bottom: 13px;
		margin-top: -5px;
	}

	.services .sector-link:hover {
		color: var(--color-red);
	}

	.bio:has(.languages-buttons) {
		margin-top: -6px;
	}

	.languages-buttons button,
	.languages-buttons span {
		font-size: 18px;
		line-height: 28.71px;
	}
}

@media (min-width: 1194px) {
	body {
		overflow: hidden;
	}

	body.show-scrollbar {
		overflow-y: overlay;
	}

	main {
		display: flex;
		gap: 90px;
		padding: 30px 60px 42px 101px;
	}

	body.show-scrollbar main {
		padding-right: 55px;
	}

	.team-member-container {
		position: relative;
		display: block;
	}

	.sidebar-container {
		min-width: 324px;
		width: unset;
		height: 100%;
		align-items: unset;
		justify-content: space-between;
		padding: 0;
	}

	.bottom-line {
		display: unset;
		position: absolute;
		top: 0;
		left: 59px;
		height: calc(100% - 41px);
		width: 1px;
		background-color: var(--color-black);
		z-index: 5;
	}

	.nav-list {
		display: flex;
		flex-direction: column;
	}

	.desktop-content {
		display: unset;
		width: 100%;
		margin-top: 13px;
	}

	.bio a:hover,
	.experience-highlights a:hover,
	.credentials-item a:hover {
		text-decoration: underline;
	}

	.bio {
		margin-top: unset;
	}

	.bio.he-description *,
	.bio.description * {
		font-size: 16px;
		line-height: 28.8px;
	}
	
	.bio.he-description strong {
		font-family: Obviously;
	}

	.bio.description {
		font-family: Obviously;
	}
	

	.nav-item.active + .nav-item-content {
		display: none;
	}

	.desktop-content .desktop-item {
		display: none;
	}

	.desktop-content .desktop-item.active {
		display: block;
	}

	.desktop-item.news-and-insights.active {
		height: 100%;
		display: flex;
		flex-direction: column;
		padding-right: 23px;
		overflow: overlay;

	}

	.desktop-item.experience-highlights .content {
		overflow-y: overlay;
		height: 100%;
		padding-inline-end: 15px;
	}

	.desktop-item.experience-highlights .content * {
		font-size: 16px;
	}

	.desktop-item.credentials {
		overflow: overlay;
		height: 100%;
	}

	.member-bio-container {
		display: flex;
		flex-direction: column;
		height: 100%;
		overflow-y: overlay;
	}

	.desktop-content ul:not(.article-list) {
		display: flex;
		flex-direction: column;
		gap: 16px;
		list-style: disc;
		font-size: 20px;
		padding-inline-start: 22px;
	}

	.nav-item {
		padding: 0;
		width: 100%;
		border-bottom: none;
		cursor: pointer;
		height: 57px;
	}

	.nav-item p {
		font-size: 22px;
		line-height: 67.54px;
	}

	.open-nav-item-icon {
		display: none;
	}

	.quote-container {
		margin-bottom: 21px;
	}

	.quote-container .quote-1 {
		line-height: 43.5px;
		margin-bottom: unset;
	}

	.quote-container .quote {
		font-size: 30px;
		line-height: 43.5px;
	}

	.quote-container .quote-origin {
		font-size: 16px;
		line-height: 35.44px;
	}

	.desktop-item .member-bio-container > .bio {
		padding-right: 12px;
	}

	.desktop-item.bio.active {
		display: flex;
		flex-direction: column;
		gap: 18px;
		height: 100%;
	}

	.language-buttons-wrapper {
		display: contents;
	}

	.languages-buttons {
		margin-bottom: unset;
	}

	.bio * {
		line-height: 34.7px;
	}

	.bio
		*:not(.quote):not(.languages-buttons button):not(.languages-buttons span):not(
			.quote-origin
		):not(.bio.description *):not(.bio.he-description *) {
		font-size: 16px;
	}

	.bio ul {
		gap: 28px;
	}

	.nav-item:hover {
		color: var(--color-red);
	}

	.credentials-item > b,
	.credentials-item *:not(b, strong) {
		font-size: 16px;
		line-height: 32px;
	}

	.services .services-title {
		font-size: 20px;
		line-height: 31.3px;
		margin-bottom: 16px;
		margin-top: 0;
	}

	.services .services-title:nth-of-type(2) {
		margin-top: 45px;
	}

	.services .sector-link {
		color: var(--color-black);
		font-size: 16px;
		line-height: 25.6px;
	}
}

@media (min-width: 1500px) {
	main {
		padding-top: 32px;
		padding-left: 120px;
		padding-right: 119px;
		gap: 154px;
	}

	body.show-scrollbar main {
		padding-right: 114px;
	}

	.desktop-content {
		margin-top: 13px;
	}

	.desktop-item.experience-highlights .content * {
		font-size: 20px;
	}

	.quote-container .quote {
		font-size: 36px;
		line-height: 52.64px;
	}

	.quote-container .quote-origin {
		font-size: 20px;
		line-height: 44.3px;
	}

	.he-content .quote-container .quote {
		font-size: 33px;
	}

	.bio.he-description *,
	.bio.description * {
		font-size: 20px;
		line-height: 32px;
	}

	.bio.description * {
		font-family: Obviously Light;
	}

	.desktop-item .member-bio-container > .bio  {
		padding-right: 17px;
	}

	.desktop-item.bio.active {
		gap: 24px;
	}

	.bottom-line {
		left: 79px;
	}

	.credentials-item > b,
	.credentials-item *:not(b, strong) {
		font-size: 20px;
	}

	.nav-item-content *:not(.quote):not(.languages-buttons button):not(.languages-buttons span) {
		font-size: 20px;
	}

	.sectors .services-title {
		font-size: 28px;
		line-height: 43.82px;
	}

	.sectors .sector-link {
		font-size: 20px;
		line-height: 32px;
	}

	.services .services-title {
		font-size: 28px;
		line-height: 43.82px;
	}

	.services .services-title:nth-of-type(2) {
		margin-top: 50px;
	}

	.services .sector-link {
		font-size: 20px;
		line-height: 32px;
	}

	.languages-buttons button,
	.languages-buttons span {
		font-size: 24px;
		line-height: 38.28px;
	}
}