.agency-leadership{
	position: relative;
	margin-top: 42px;
}
.agency-leadership .swiper-wrapper{
	display: flex;
    transition-property: transform;
    box-sizing: content-box;
    align-items: stretch;
}
.agency-leadership .leadership{
	margin-bottom: 58px;
	padding: 0 20px;
	height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: stretch;
}
}
.agency-leadership .leadership:first-child{
	padding-left: 0;
}
.agency-leadership .leadership:last-child{
	padding-right: 0;
}
.agency-leadership .leadership img{
	display: block;
	width: 80%;
	margin-bottom: 40px;
}
.agency-leadership .leadership a{
	border: none;
	position: relative;
	display: block;
	margin-bottom: 32px;
	width: 100%;
}
.agency-leadership .leadership a:before{
	content: "";
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

.agency-leadership .leadership a img{
	display: block;
	width: 100%;
}
.agency-leadership .leadership a:hover:before{
	content: var(--arrow-download);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(203, 66, 52, .85);
	z-index: 9;
	opacity: 1;
}
.agency-leadership .leadership h4 a{
	color: var(--color-white);
	display: inline;
}
.agency-leadership .leadership h4 a:hover{
	color: var(--color-blue);
}
.agency-leadership .leadership h4 a:hover:before{
	content: none;
	display: none;
}
.agency-leadership .leadership .leadership-text-box{
	border-left: 2px solid var(--color-white);
	padding-left: 8%;
	flex: 0 1 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.agency-leadership .leadership .leadership-text-box h4{
	font: var(--font-blog-h4);
	font-family: 'lato', 'sans-serif';
	letter-spacing: 1px;
}
.agency-leadership .leadership .leadership-text-box .desc{
	margin-top: 27px;
	flex: 0 1 100%;
}
.agency-leadership .leadership .leadership-text-box .desc p{
	max-width: 100%;
	margin-bottom: 1.52em;
}
.agency-leadership .leadership .leadership-text-box .read-more{
	border: 2px solid var(--color-white);
	display: inline-block;
	text-transform: uppercase;
	background-color: var(--color-drkgrey);
	border-radius: 50px;
	padding: 15px 22px;
	font: var(--font-button);
	cursor: pointer;
	transition: all .3s ease-in-out;
}
.agency-leadership .leadership .leadership-text-box .read-more:hover{
	background-color: transparent;
}
.agency-leadership .leadership-text-box .read-more .circlebox{
	opacity: 0;
}
.agency-leadership .leadership-text-box .read-more:hover .circlebox{
	opacity: 0;
}

.agency-leadership .swiper:before {
    content: " ";
    background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    position: absolute;
    top: 0;
    left: -8px;
    width: 13%;
    height: 100%;
    z-index: 8;
    opacity: 0;
    pointer-events: none;
}
.agency-leadership .swiper:after {
    content: " ";
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    position: absolute;
    top: 0;
    right: -1px;
    width: 13%;
    height: 100%;
    z-index: 8;
    opacity: 1;
    pointer-events: none;
 }
.agency-leadership.before .swiper:before{
	opacity: 1;
}
.agency-leadership.after .swiper:after{
	opacity: 0;
}

.agency-leadership .arrow {
    position: absolute;
    top: calc(50% - 32px);
    z-index: 9;
    background-color: var(--color-black);
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
}
.agency-leadership .arrow.right{
	right: 12px;
    transform: rotate(-90deg);
}
.agency-leadership .arrow.left{
	display: none;
	left: 0%;
    transform: rotate(90deg);
}


@media screen and (max-width:900px){
	.agency-leadership .leadership:first-child{
		padding-left: 0;
	}
	.agency-leadership .leadership:last-child{
		padding-right: 0;
	}
	.agency-leadership .leadership .leadership-text-box .desc p{
		width: 80%;
	}
	.agency-leadership .leadership img{
		width: 95%;
	}
}

@media screen and (max-width:900px){
	.agency-leadership .arrow,
	.agency-leadership .swiper:before,
	.agency-leadership .swiper:after{
		display: none;
	}
	.agency-leadership .swiper-wrapper{
		display: flex;
		flex-direction: column;
	}
	.agency-leadership .leadership{
	flex:1 1 calc(100% - 40px);
	width: 90%;
	margin-bottom: 58px;
	padding: 0 20px;
	}
	.agency-leadership .leadership:first-child{
		padding-left: 0;
	}
	.agency-leadership .leadership:last-child{
		padding-right: 0;
	}
	.agency-leadership .leadership .leadership-text-box .desc p{
		width: 100%;
	}
}
@media screen and (max-width:500px){
	.agency-leadership .leadership{
	flex:1 1 calc(100% - 40px);
	margin-bottom: 58px;
	padding: 0 0;
	}
}