.main-content {
	width: 100%;
	padding-top: 16px;
	padding-inline: 24px;
}

.navigation-tabs {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	margin-bottom: 17px;
}

.desktop-content {
	display: none;
}

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

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

.nav-item text {
	font-family: Arizona;
	text-transform: uppercase;
	padding-inline-end: 30px;
	overflow: visible;
}

.nav-item p {
	font-family: Arizona;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	padding-inline-end: 30px;
	overflow: visible;
	font-weight: unset;
	text-align: start;
}

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

.nav-item-content.our-team {
	padding-bottom: unset;
	overflow: visible;
}

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

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

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

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

.nav-item-content .he-content strong {
	font-family: Leon;
}

.nav-item-content ul:not(.options):not(.generic-member-list):not(.article-list) {
	list-style: disc;
	padding-left: 17px;
	font-size: 12px;
}

.nav-item-content .overview-he-description ul {
	padding-left: unset;
	padding-inline-start: 17px;
}

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

.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%);
	pointer-events: none;
}

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

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

.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;
	pointer-events: all;
}

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

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

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

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

.main-content:has(.languages-buttons) {
	padding-top: 0;
}

.overview:has(.languages-buttons) {
	margin-top: -2px;
}

.he-content {
	font-family: Leon;
}

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

.he-content .quote-origin {
	line-height: 31.01px;
	font-size: 14px;
	font-family: Leon;
}

.nav-item-content.overview .he-content .overview {
	font-family: Leon;
}

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

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

.quote-origin {
	font-size: 12px;
	line-height: 27px;
	font-family: Obviously Light;
}

.overview-description *,
.overview-he-description * {
	font-size: 12px;
	line-height: 21.6px;
}

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

.overview a,
.experience-highlights a {
	color: var(--color-red);
}

.experience-highlights p {
	font-size: 12px;
	line-height: 22px;
}

.related-services {
	font-size: 12px;
	line-height: 21.6px;
	border-bottom: 1px solid var(--color-black);
	margin-top: 14px;
	margin-bottom: 22px;
	padding-bottom: 19px;
}

.related-services .divider {
	margin-inline-start: 8px;
	margin-inline-end: 3px;
}

.related-services .divider:last-of-type {
	display: none;
}

.nav-item.active + .nav-item-content.related-services {
	display: block;
}

.related-services .service-title {
	font-family: Obviously Medium;
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 10px;
}

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

.bottom-line {
	display: none;
}

@media (min-width: 768px) {
	.languages-buttons {
		margin-top: 1px;
		gap: 12px;
	}

	.nav-item-content.contains-he-content.overview .languages-buttons * {
		line-height: 28.71px;
		font-size: 18px;
	}

	.main-content:has(.languages-buttons) {
		padding-top: 16px;
	}

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

	.quote-origin,
	.he-content .quote-origin {
		font-size: 16px;
		line-height: 35.44px;
		font-weight: 300;
	}

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

	.experience-highlights p {
		font-size: 16px;
	}

	.nav-item {
		padding-top: 22px;
	}

	.related-services {
		margin-top: 2px;
		margin-bottom: 50px;
	}

	.related-services .service {
		cursor: pointer;
	}

	.related-services .service:hover {
		color: var(--color-red);
	}

	.nav-item-content ul:not(.options):not(.generic-member-list):not(.article-list) {
		padding-left: 22px;
	}

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

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

	.related-services .service-title.service-title {
		font-family: Obviously Wide Medium;
		font-size: 18px;
		line-height: 28px;
	}

	.related-services .service.service {
		font-size: 16px;
		line-height: 29px;
	}
}

@media (min-width: 1194px) {
	.desktop-item.contains-he-content.overview .languages-buttons * {
		line-height: 28.71px;
		font-size: 18px;
		font-family: Obviously Light;
	}

	.main-content {
		height: 100vh;
		display: flex;
		justify-content: space-between;
		gap: 62px;
		margin: 0;
		padding: 32px 83px 42px 100px;
	}

	body.show-scrollbar .main-content {
		padding-inline-end: 78px;
	}

	.main-content:has(.languages-buttons) {
		padding-top: 33px;
	}

	.main-content.swiper-slide {
		height: 100vh;
	}

	.main-content > * {
		flex-grow: 1;
	}

	.navigation-tabs {
		width: 100%;
		max-width: 324px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: unset;
	}

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

	.related-services {
		padding-top: 25px;
		width: 100%;
		border-top: 1px solid var(--color-black);
		margin-bottom: unset;
	}

	.related-services .service-title.service-title {
		font-size: 20px;
		line-height: 31px;
	}

	.related-services .service.service {
		font-size: 16px;
		line-height: 35px;
	}

	.related-services-content .divider {
		margin-inline-start: 6px;
		margin-inline-end: 1px;
	}

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

	.overview-container {
		display: flex;
		flex-direction: column;
		height: 100%;
		overflow-y: overlay !important;
	}

	.overview a:hover,
	.experience-highlights a:hover {
		text-decoration: underline;
	}

	.desktop-content {
		display: unset;
		width: 49.58%;
		margin-top: 8px;
	}

	.desktop-content ul:not(.options):not(.generic-member-list):not(.letters):not(.article-list) {
		list-style: disc;
		padding-inline-start: 22px;
	}

	.nav-item.active {
		font-size: 22px;
	}

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

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

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

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

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

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

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

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

	.nav-item {
		padding: 0;
		padding-top: 20px;
		border-bottom: none;
		cursor: pointer;
	}

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

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

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

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

	.quote {
		font-size: 30px;
		line-height: 42px;
		margin-bottom: unset;
	}

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

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

	.related-services text {
		margin-bottom: 0px;
		width: 100%;
		font-size: 22px;
	}

	.related-services-content {
		font-size: 16px;
		line-height: 32px;
		padding-bottom: 29px;
	}

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

@media (min-width: 1500px) {
	.desktop-item.contains-he-content.overview .languages-buttons * {
		line-height: 38.28px;
		font-size: 24px;
	}
	.main-content {
		padding-inline: 122px;
		gap: 102px;
		min-height: 100vh;
	}

	body.show-scrollbar .main-content {
		padding-inline-end: 117px;
	}

	.navigation-tabs {
		max-width: 376px;
	}

	.desktop-item.experience-highlights .content p {
		font-size: 20px;
		line-height: 32px;
	}
	
	.overview p,
	.overview ul, .overview ol {
		font-size: 20px;
		line-height: 32px;
	}

	.related-services .service.service {
		font-size: 20px;
		line-height: 42px;
	}

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

	.related-services .service-title.service-title {
		font-size: 28px;
		line-height: 43px;
	}

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

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

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

	.quote-origin,
	.he-content .quote-origin {
		font-size: 20px;
		line-height: 44.3px;
	}

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

	.desktop-item.overview {
		padding-right: 12px;
	}

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

@media (min-width: 1920px) {
	.main-content {
		max-width: 1920px;
	}
}