.clienthero--section {
	position: relative;
	
	
	background: var(--theme-dk-blue);
}

.clienthero--section .pp--desktop-menu-full {
	visibility: visible;
	transform: none;
	opacity: 1;
	z-index: 1;
}

@media (max-width: 991px) {
	.clienthero--section .pp--desktop-menu-full {
		position: relative;
		display: block;
		background-color: var(--theme-dk-blue);
		background-image: url(../images/footer-deco.svg);
		background-size: 1000px auto;
		background-position: center top;
		visibility: visible;
		transform: none;
		opacity: 1;
		z-index: 1;
		width: 100%;
		height: auto;
		padding-top: 45px;
	}
	
	.clienthero--section .pp--desktop-top {
		display: none;
	}
	
	.clienthero--section .pp--menu-copy {
		display: block;
		margin-bottom: 30px;
		max-width: 450px;
	}
	
	.clienthero--section .vimeo--video,
	.clienthero--slide {
		height: 56vw;
	}
	
	.clienthero--section .vimeo--video,
	.clienthero--slider {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: auto;
		z-index: 1;
	}
	
	.pp--desktop-menu-full {
		padding-bottom: 56vw;
	}
	
}

@media (min-width: 992px) {
	.clienthero--section {
		z-index: 6;
		margin-left: -100px;
		height: 100vh;
		height: 100dvh;
	}
	
	.clienthero--section .pp--desktop-menu-full {
		position: absolute;
		margin-left: 100px;
		transition: transform .8s;
	}
	
	.clienthero--section .pp--desktop-menu-container {
		padding-top: 90px;
	}
	
	.after-scroll .clienthero--section .pp--desktop-menu-full {
		transform: translateX(-500px);
	}
	
	.clienthero--section .menubar--hamburger.pp-mod {
		display: none;
	}
	
	.clienthero--slide {
		height: 100vh;
		height: 100dvh;
	}
}

.clienthero--slider > .clienthero--slide:not(:first-child) {
	display: none;
}

.slick-slider .clienthero--slide {
	display: block !important;
}

.clienthero--section .slick-dots {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
}

@media (min-width: 992px) {
	.clienthero--section .slick-dots {
		text-align: right;
		padding-right: 30px;
	}
}

.clienthero--section .slick-dots li button:before {
	background: var(--theme-white-50);
	border-radius: 50%;
	width: 12px;
	height: 12px;
}

.clienthero--section .slick-dots li.slick-active button:before {
	background: var(--theme-white);
}

.clienthero--section .slick-prev,
.clienthero--section .slick-next {
	font-size: 40px;
	overflow: hidden;
	z-index: 1;
	height: 1em;
	width: 1em;
	background-size: contain;
	background-position: center;
}

.clienthero--section .slick-prev {
	left: 0;
	background-image: url(../images/slick-prev.svg);
}

.clienthero--section .slick-next {
	right: 0;
	background-image: url(../images/slick-next.svg);
}

@media (min-width: 992px) {
	
	.clienthero--section .slick-prev {
		left: 15px;
	}

	.clienthero--section .slick-next {
		right: 15px;
	}
	
	.clienthero--section .slick-prev,
	.clienthero--section .slick-next {
		font-size: 100px;
	}
}