/* Start:/local/templates/pro_decor/css/portfolio.css?17823020073768*/
.portfolio-section {
	padding: 20px 0;
	border-top: 1px solid #d9d9d9;
}
.portfolio-section:last-child {
	border-bottom: 1px solid #d9d9d9;
}
.portfolio-case-grid {
	display: grid;
	gap: 40px;
}
.portfolio-section:nth-child(odd) .portfolio-case-grid {
	grid-template-columns: 1.2fr 1fr;
}
.portfolio-section:nth-child(even) .portfolio-case-grid {
	grid-template-columns: 1fr 1.2fr;
}
.portfolio-case-imgs {
	position: relative;
}
.portfolio-section:nth-child(even) .portfolio-case-imgs {
	text-align: right;
}
.portfolio-case-img {
	width: 400px;
	height: 500px;
}
.portfolio-section:nth-child(odd) .portfolio-case-img-puzzle {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.portfolio-section:nth-child(even) .portfolio-case-img-puzzle {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.portfolio-section:nth-child(odd) .portfolio-case-img:nth-child(1) {
	position: relative;
	z-index: 10;
	border-top-left-radius: 200px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.portfolio-section:nth-child(odd) .portfolio-case-img:nth-child(2) {
	margin-top: 160px;
	margin-left: 20px;
	position: relative;
	z-index: 10;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 200px;
}
.portfolio-section:nth-child(even) .portfolio-case-img:nth-child(1) {
	margin-top: 160px;
	position: relative;
	z-index: 10;
	border-top-left-radius: 200px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.portfolio-section:nth-child(even) .portfolio-case-img:nth-child(2) {
	margin-left: 20px;
	position: relative;
	z-index: 10;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 200px;
}
.portfolio-case-body {
	padding-top: 80px;
}
.portfolio-case-type {
	display: inline-block;
	border: 1px solid var(--dark-brown);
	border-radius: 30px;
	color: var(--dark-brown);
	font-size: 20px;
	font-weight: 700;
	padding: 10px 20px;
}
.portfolio-case-name {
	font-size: 48px;
	font-weight: 700;
	margin: 40px 0;
}
.portfolio-case-text {
	font-size: 24px;
	font-weight: 500;
}

@media (min-width: 1400px) and (max-width: 1919px) {
	.portfolio-case-img {
		width: 300px;
		height: auto;
	}
}

@media (max-width: 575px) {
	.portfolio-case-grid {
		grid-template-columns: 1fr !important;
		gap: 10px;
	}
	.portfolio-case-img {
		width: 180px;
		height: auto;
	}
	.portfolio-section:nth-child(odd) .portfolio-case-img:nth-child(1) {
		border-top-left-radius: 100px;
	}
	.portfolio-section:nth-child(odd) .portfolio-case-img:nth-child(2) {
		margin-top: 60px;
		border-bottom-right-radius: 100px;
	}
	.portfolio-section:nth-child(even) .portfolio-case-img:nth-child(1) {
		border-top-left-radius: 20px;
		border-bottom-left-radius: 100px;
	}
	.portfolio-section:nth-child(even) .portfolio-case-img:nth-child(2) {
		border-top-right-radius: 100px;
		border-bottom-right-radius: 20px;
	}
	.portfolio-section:nth-child(even) .portfolio-case-img:nth-child(1) {
		margin-top: 60px;
	}
	.portfolio-section:nth-child(even) .portfolio-case-cell:nth-child(1) {
		order: 2;
	}
	.portfolio-section:nth-child(even) .portfolio-case-cell:nth-child(2) {
		order: 1;
	}
	.portfolio-case-img-puzzle {
		width: 100px;
	}
	.portfolio-section:nth-child(odd) .portfolio-case-img-puzzle {
		right: 60px;
		transform: rotate(-90deg);
	}
	.portfolio-section:nth-child(even) .portfolio-case-img-puzzle {
		left: 60px;
		transform: rotate(90deg);
	}
	.portfolio-case-body {
		padding-top: 10px;
	}
	.portfolio-case-type {
		font-size: 16px;
	}
	.portfolio-case-name {
		font-size: 24px;
		margin: 20px 0;
	}
	.portfolio-case-text {
		font-size: 16px;
	}
}
/* End */
/* /local/templates/pro_decor/css/portfolio.css?17823020073768 */