.case-v6 {
	padding: 108px 0;
	background: #fff
}

.case-v6-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 42px
}

.case-v6-head h2 {
	font-size: 34px;
	margin: 0
}

.case-v6-head p {
	max-width: 445px;
	color: var(--muted);
	line-height: 1.8;
	margin: 0
}

.case-v6-gallery {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 25px
}

.case-v6-main {
	min-height: 520px;
	position: relative;
	overflow: hidden;
	background: linear-gradient(0deg, #062f27ed 0%, #062f2710 72%), url('../images/lab-detail.jpg') center/cover;
	color: #fff;
	display: flex;
	align-items: end;
	padding: 43px;
	transition: background-size .55s;
	background-size: 100%
}

.case-v6-main:hover {
	background-size: 108%
}

.case-v6-main:before {
	content: "01 / FEATURED CASE";
	position: absolute;
	top: 28px;
	left: 32px;
	font-size: 12px;
	letter-spacing: 2px;
	color: #c6ecd3
}

.case-v6-main-content {
	position: relative;
	max-width: 510px
}

.case-v6-main h3 {
	font-size: 38px;
	line-height: 1.16;
	margin: 0 0 13px
}

.case-v6-main p {
	font-size: 15px;
	line-height: 1.85;
	color: #d7ebe0;
	margin: 0 0 25px
}

.case-v6-main a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	font-weight: 700;
	border-bottom: 1px solid #ffffff9c;
	padding-bottom: 7px
}

.case-v6-side {
	display: grid;
	grid-template-rows: 1fr 1fr;
	gap: 25px
}

.case-v6-card {
	position: relative;
	overflow: hidden;
	color: #fff;
	min-height: 245px;
	padding: 28px;
	display: flex;
	align-items: end;
	background-size: cover;
	background-position: center;
	transition: .3s
}

.case-v6-card:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, #07362ecb 0%, #07362e12 75%);
	transition: .3s
}

.case-v6-card:first-child {
	background-image: url('../images/lab-work.jpg')
}

.case-v6-card:last-child {
	background-image: url('../images/lab-hero.jpg')
}

.case-v6-card>div {
	position: relative
}

.case-v6-card span {
	display: block;
	font-size: 12px;
	letter-spacing: 1.5px;
	color: #c8ecd5;
	margin-bottom: 8px
}

.case-v6-card h3 {
	font-size: 23px;
	margin: 0 0 7px
}

.case-v6-card p {
	font-size: 13px;
	line-height: 1.65;
	margin: 0;
	color: #d8ece2;
	max-width: 300px
}

.case-v6-card b {
	position: absolute;
	right: 27px;
	bottom: 25px;
	font-size: 22px;
	transition: .3s
}

.case-v6-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 30px #16433424
}

.case-v6-card:hover:before {
	background: #0a5c40a8
}

.case-v6-card:hover b {
	transform: translateX(7px)
}

@media(max-width:900px) {
	.case-v6-gallery {
		grid-template-columns: 1fr
	}

	.case-v6-main {
		min-height: 420px
	}

	.case-v6-side {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto
	}

	.case-v6-card {
		min-height: 240px
	}
}

@media(max-width:560px) {
	.case-v6 {
		padding: 75px 0
	}

	.case-v6-head {
		display: block
	}

	.case-v6-head h2 {
		font-size: 35px;
		margin-bottom: 15px
	}

	.case-v6-main {
		min-height: 245px;
		padding: 26px
	}

	.case-v6-main h3 {
		font-size: 30px
	}

	.case-v6-side {
		grid-template-columns: 1fr;
		grid-template-rows: auto
	}

	.case-v6-card {
		min-height: 220px
	}
}