/* FEATURED CASE STUDIES */

.FEATUREDCASESTUDIES .card {
	position: relative;
	padding: var(--s3);
	background: var(--midnight-20);
	border-radius: var(--s4);
	height: 100%;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.FEATUREDCASESTUDIES .card:hover {
	background: var(--white);
}


.FEATUREDCASESTUDIES .card:hover .eyebrow {
	color: var(--blue);
}

.FEATUREDCASESTUDIES a::before	 {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.FEATUREDCASESTUDIES .image {
	position: relative;
	margin-bottom: var(--s3);
	border-radius: var(--s4);
	overflow: hidden;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.FEATUREDCASESTUDIES .image::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0,0,78,0.40) 0%, rgba(0,0,78,0.40) 100%);
	z-index: 1;
	opacity: 1;
	transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.FEATUREDCASESTUDIES .card:hover .image::before {
	opacity: 0;
}

.FEATUREDCASESTUDIES .eyebrow {
	font-weight: 800;
	text-transform: uppercase;
	color: var(--blue);
	margin-bottom: var(--s2);
}

.FEATUREDCASESTUDIES h3 {
	margin-top: 0;
	margin-bottom: var(--s3);
	padding-right: var(--s6);
}

.FEATUREDCASESTUDIES ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.FEATUREDCASESTUDIES ul .b-blue {
	color: var(--blue);
}

.FEATUREDCASESTUDIES .arrow {
	position: absolute;
	bottom: var(--s4);
	right: var(--s4);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.FEATUREDCASESTUDIES .arrow svg {
	fill: none;
}

.FEATUREDCASESTUDIES .arrow svg path {
	transition: stroke 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.FEATUREDCASESTUDIES .card:hover .arrow {
	transform: rotate(-25deg);
}

.FEATUREDCASESTUDIES .card:hover .arrow svg path {
	stroke: var(--blue);
}

@media (width <= 960px) {
	.FEATUREDCASESTUDIES .b-column[data-width="1/2"] {
		width: 100%;
		margin-bottom: var(--s5);
	}
}