.people-item__image{
	position: relative;
	height: 100%;
    grid-column-start: 2;
    grid-row-start: 2;
    grid-row: 2 span;
}

.people-item__image img{
	bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 3;
	transition: 0.3s all ease-in-out;
	transform-origin: bottom right;
	object-fit: contain;
    object-position: bottom;
	width: auto;
}

.people-item__image__wrapper{
    width: calc(100% + 3.5rem + 1rem);
    height: calc(100% + 3.5rem + 1rem);
    position: absolute;
    bottom: -2.5rem;
	right: 0;
	overflow: hidden;
}

/* .people-item:hover .people-item__image__wrapper{
	width: calc((100% + 3.5rem)* 1.2);
} */

.people-item{
	grid-template-columns: auto 137px;
	align-items: start;
	/* grid-row: span 2; */
    /* grid-template-rows: subgrid; */
    display: grid;
	gap: 0;
	border-radius: var(--module-settings-testimonials-border-radius);
	padding: 0 0 2.5rem 2.5rem;
	background-color: var(--color-color23);
	position: relative;
	min-height: 160px;
	text-decoration: none;
}

.people-item:not(.filtered){
	display: none;
}

.people-item:not(.touch-active):hover .people-item__image img {
	transform: scale(1.1);
	bottom: -2.5rem;
} 

.people-item:not(.touch-active):hover .people-item__details,
.people-item:not(.touch-active):hover .people-item__job{
	opacity: 0;
	visibility: hidden;
}

.people-item:before{
	content: '';
	background-image: url(https://www.epc.nl/hubfs/Deeply%20Digital%20-%202024%20assets/epc-logo-shield-white.svg);
    background-position: -42px 0;
    background-repeat: no-repeat;
    mask-image: none;
    opacity: .1;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

.people-item:after{
	content: '';
	width: 100%;
	height: 2.5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 6px;
	transition: 0.3s all ease-in-out
}

.people-item:not(.touch-active):hover:after {
    height: 100%;
}

.people-item__preview{
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 142px);
	height: 100%;
	padding: 2rem 0 2.5rem 2.5rem;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s all ease-in-out;
	z-index: 2;
	display: flex;
	flex-direction: column; 
	gap: 0.3rem;
}

.people-item__preview p{
	margin: 0;
	line-height: 1.3;
}

.people-item:not(.touch-active):hover .people-item__preview{
	opacity: 1;
	visibility: visible;

}

.people-item__details{
	display: flex;
	flex-direction: column;
	padding-top: 2rem;
	gap: 0.5rem;
}

.people-item__details__title{
	font-size: var(--font-pre-title-size);
	margin: 0;
}

.people-item__job{
	grid-row: 2;
	margin-bottom: 2.5rem;
	border-left: 1px solid var(--color-color20);
	list-style-type: none;
	padding: 0;
}

.people-item__job p{
	font-weight: 300;
	margin: 0;
    padding-left: 1rem;
}


.people-item:nth-child(12n+1)::after {
    background-color: var(--color-color1);
}

.people-item:nth-child(12n+2)::after {
    background-color: var(--color-color5);
}

.people-item:nth-child(12n+3)::after {
    background-color: var(--color-color10);
}

.people-item:nth-child(12n+4)::after {
    background-color: var(--color-color13);
}

.people-item:nth-child(12n+5)::after {
    background-color: var(--color-color17);
}

.people-item:nth-child(12n+6)::after {
    background-color: var(--color-color19);
}

.people-item:nth-child(12n+7)::after {
    background-color: var(--color-color7);
}

.people-item:nth-child(12n+8)::after {
    background-color: var(--color-color12);
}

.people-item:nth-child(12n+9)::after {
    background-color: var(--color-color9);
}

.people-item:nth-child(12n+10)::after {
    background-color: var(--color-color3);
}

.people-item:nth-child(12n+11)::after {
    background-color: var(--color-color18);
}

.people-item:nth-child(12n+12)::after {
    background-color: var(--color-color15);
}

.people-item.filtered:not(.active) {
	display: none; 
}

@media (max-width: 1280px) {
	.people-listing__container{
		grid-template-columns: repeat(2, 50fr) !important;
		row-gap: 6rem;
	}

	.people-item,
	.people-item__image{
		grid-row: span 3;
	}
}



// Inner People Styling

.people-item__job li{
	margin: 0 !important;
}

.people-inner-hero__wrapper p{
	margin-top: 0;
}

.people-inner-hero__wrapper h1{
	margin-top: 0;
	margin-bottom: 0; 
}

.people-inner-hero__details{
	list-style-type: none;
	display: flex;
	align-items: self-start;
	gap: 1rem;
	padding: 0;
	font-size: var(--font-body-size);    
	line-height: 1;
	margin-top: 0;
}

.people-inner-hero__details a{
	display; flex;
	align-items: center;
	text-decoration: none;
    text-wrap: nowrap;
}


.people-inner-hero__details span{
	font-size: 2rem;
}

.people-inner-hero__details a:hover{
	text-decoration: underline;
}

.people-inner-hero__details *{
	display: flex; 
	align-items: center;
}

.people-inner-hero .people-item__job{
	border-left: 1px solid var(--color-color19);
}

.people-inner-hero .grid-row{
	position: relative;
}

/* .people-inner-hero .grid-row::before{
	content: '';
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
	height: calc(100% - 55px);
	opacity: 0.1;
	background: linear-gradient(3.05deg, #50AE47 -11.99%, rgba(27, 137, 145, 0) 19.8%);
} */

.people-industries-grid .container{
	text-align: center;
}

.people-industries-grid__items{
	gap: 3rem;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.people-industries-grid__item{
	display: grid;
    grid-template-rows: 6rem auto;
	justify-items: center;
	max-width: 120px;
    margin: auto;
}

/* .people-industries-grid__item:first-of-type,
.people-industries-grid__item:nth-child(6n){
	padding-left: 0;
} */

.people-industries-grid__item{
	position: relative;
}

/* .people-industries-grid__item:not(:first-of-type):not(:nth-child(6n))::before{
	content: '';
	height: 100%;
	width: 1px;
	background-color: var(--color-color20);
	position: absolute; 
	top: 0;
	left: -1.5rem;
} */

.cardslider__card__logo{
	position: absolute;
    top: 2rem;
    z-index: 3;
    background-color: white;
    padding: 1rem 2rem;
    border: 1px solid var(--color-color23);
    border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	max-width: 200px;
}

.people-inner-hero .content__element--image img{
	object-fit: contain;
}

@media only screen and (min-width: 1281px){
	.people-inner-hero .content__element--image img{
		max-height: 650px;
	}
}

@media only screen and (max-width: 1280px){
	.people-inner-hero .content__element--image img{
		max-height: 450px;
	}
}

@media only screen and (max-width: 1000px){
	.people-inner-hero .content__element--image img{
		max-height: calc(100vh - var(--header-height));
	}
}

@media only screen and (max-width: 768px){
	.people-inner-hero .content__element--image img{
		max-height: 400px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1280px){

	.people-inner-hero .grid-row{
		grid-template-columns: 60fr 40fr;
	}

}

@media only screen and (max-width: 1280px){

	.people-item__job li{
		font-size: var(--font-h5-font) !important;
	}

	.people-inner-hero .grid-column--1{
		max-width: 450px;
	}



	.people-inner-hero__details{
		flex-direction: column;
		gap: 0.7rem;
	}

	.people-inner-hero__details span{
		display: none;
	}

	.people-inner-hero .grid-row::before{
		bottom: 0;
	}

	.people-inner-hero__ctas{
		flex-direction: column;
	}
}

@media only screen and (max-width: 768px){

	.people-inner-hero .grid-row{
		--module-settings-column-gap: 0 !important;
	}

	.people-inner-hero .grid-column--1{
		padding-right: max((var(--100vw) - var(--container-width)) / 2,(var(--100vw) - var(--container)) / 2);
	}
/* 
	.people-inner-hero__ctas{
		margin-top: 0;
	} */

	.people-inner-hero__ctas{
		margin-bottom: 3rem;
	} 

	.people-industries-grid__item:not(:first-of-type):not(:nth-child(6n))::before{
		display: none;
	}

	.people-industries-grid__item{
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0; 
	}

}

@media only screen and (max-width: 640px){

	.people-industries-grid__items{
		display: flex;
		flex-direction: column;
	}
}

/* @media only screen and (max-width: 900px){
	.people-inner-hero .grid-row{
		grid-template-columns: 100%;
	}
} */