.pce-section{
	--pce-gold:#dc9711;
	padding:54px 24px;
	background:#faf3e9;
	font-family:"Cairo",sans-serif;
}

.pce-card{
	width:min(1480px,100%);
	margin:auto;
	padding:52px 58px;
	display:grid;
	grid-template-columns:.92fr .82fr 1.08fr;
	gap:58px;
	align-items:center;
	background:#fffdf9;
	border:1px solid var(--pce-gold);
	border-radius:34px;
	box-shadow:0 22px 48px rgba(69,42,5,.12);
	position:relative;
	overflow:hidden;
}

.pce-cross{
	position:absolute;
	left:48px;
	top:44px;
	color:var(--pce-gold);
	font-size:54px;
	line-height:1;
}

.pce-dots{
	position:absolute;
	width:125px;
	height:110px;
	background-image:radial-gradient(circle,var(--pce-gold) 2px,transparent 2px);
	background-size:19px 19px;
	opacity:.35;
	pointer-events:none;
}

.pce-dots-top{
	right:30px;
	top:26px;
}

.pce-dots-bottom{
	left:28px;
	bottom:26px;
}

.pce-contact-col,
.pce-location-col,
.pce-image-col{
	position:relative;
	z-index:2;
}

.pce-motion .pce-contact-col,
.pce-motion .pce-location-col,
.pce-motion .pce-image-col{
	animation:pce-rise .8s cubic-bezier(.2,.8,.2,1) both;
}

.pce-motion .pce-location-col{
	animation-delay:.12s;
}

.pce-motion .pce-image-col{
	animation-delay:.24s;
}

.pce-contact-col{
	padding-left:18px;
}

.pce-contact-col::after{
	content:"";
	position:absolute;
	left:-30px;
	top:7%;
	width:1px;
	height:86%;
	background:linear-gradient(180deg,transparent,#ebd7b5,transparent);
}

.pce-title{
	margin:0;
	color:#082b53;
	font-size:34px;
	font-weight:800;
	line-height:1.3;
	text-align:center;
}

.pce-heading-line{
	width:128px;
	height:1px;
	margin:17px auto 24px;
	background:linear-gradient(90deg,transparent,var(--pce-gold),transparent);
	position:relative;
}

.pce-heading-line::after{
	content:"◆";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-52%);
	color:var(--pce-gold);
	background:#fffdf9;
	padding:0 10px;
	font-size:10px;
}

.pce-contact-list{
	display:grid;
}

.pce-contact-item{
	min-height:116px;
	display:grid;
	grid-template-columns:68px 1fr;
	gap:22px;
	align-items:center;
	border-bottom:1px solid #ebd7b5;
	color:#26384f;
	text-decoration:none;
	transition:transform .3s ease,color .3s ease;
}

.pce-contact-item:last-child{
	border-bottom:0;
}

.pce-contact-item:hover{
	transform:translateX(-5px);
	color:var(--pce-gold);
}

.pce-icon-circle{
	width:68px;
	height:68px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:#f8edda;
	box-shadow:inset 0 0 0 1px rgba(220,151,17,.18);
	transition:.3s ease;
}

.pce-icon-circle i{
	color:var(--pce-gold);
	font-size:31px;
}

.pce-icon-circle svg{
	width:31px;
	height:31px;
	fill:var(--pce-gold);
}

.pce-contact-item:hover .pce-icon-circle{
	background:var(--pce-gold);
	transform:scale(1.06);
}

.pce-contact-item:hover .pce-icon-circle i{
	color:#fff;
}

.pce-contact-item:hover .pce-icon-circle svg{
	fill:#fff;
}

.pce-contact-value{
	font-size:18px;
	line-height:1.7;
}

.pce-location-col{
	text-align:center;
}

.pce-location-icon{
	width:82px;
	height:82px;
	margin:0 auto 18px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:#fbf3e7;
	box-shadow:inset 0 0 0 1px rgba(220,151,17,.16);
}

.pce-location-icon i{
	color:var(--pce-gold);
	font-size:50px;
}

.pce-location-icon svg{
	width:50px;
	height:50px;
	fill:var(--pce-gold);
}

.pce-address{
	margin:0;
	color:#26384f;
	font-size:18px;
	line-height:2;
}

.pce-route{
	width:285px;
	height:80px;
	margin:28px auto 16px;
}

.pce-route svg{
	width:100%;
	height:100%;
	overflow:visible;
}

.pce-route-path{
	stroke:var(--pce-gold);
	stroke-width:2;
	stroke-dasharray:7 7;
	fill:none;
}

.pce-route-pin{
	stroke:var(--pce-gold);
	stroke-width:2;
	fill:#fffdf9;
}

.pce-route-dot{
	fill:var(--pce-gold);
}

.pce-map-btn{
	min-width:235px;
	min-height:64px;
	padding:14px 30px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	color:#fff;
	background:var(--pce-gold);
	border-radius:15px;
	box-shadow:0 14px 28px rgba(220,151,17,.34);
	text-decoration:none;
	font-size:20px;
	font-weight:800;
	transition:.3s ease;
}

.pce-map-btn:hover{
	transform:translateY(-4px);
	box-shadow:0 20px 34px rgba(220,151,17,.42);
	color:#fff;
}

.pce-map-btn i{
	color:currentColor;
	font-size:27px;
}

.pce-map-btn svg{
	width:27px;
	height:27px;
	fill:currentColor;
}

.pce-image-col{
	min-width:0;
	padding:30px 0 28px 28px;
}

.pce-leaf-behind{
	position:absolute;
	z-index:0;
	left:-48px;
	top:-24px;
	width:220px;
	height:300px;
	opacity:.62;
	pointer-events:none;
}

.pce-leaf-behind svg{
	width:100%;
	height:100%;
}

.pce-leaf-behind path{
	stroke:var(--pce-gold);
	fill:none;
	stroke-width:2.2;
}

.pce-photo-frame{
	position:relative;
	z-index:2;
	padding:14px;
	background:#fff;
	border-radius:30px;
	box-shadow:0 22px 42px rgba(55,34,5,.24);
	overflow:hidden;
}

.pce-photo-frame img{
	width:100%;
	aspect-ratio:1.03;
	min-height:430px;
	display:block;
	object-fit:cover;
	object-position:center;
	border-radius:21px;
	transition:transform .55s ease;
}

.pce-photo-frame:hover img{
	transform:scale(1.025);
}

.pce-corner-shape{
	position:absolute;
	right:0;
	bottom:0;
	width:120px;
	height:120px;
	z-index:3;
	background:linear-gradient(135deg,transparent 49.5%,var(--pce-gold) 50%);
	border-bottom-right-radius:26px;
}

.pce-leaf-bottom{
	position:absolute;
	right:-12px;
	bottom:-68px;
	width:180px;
	height:150px;
	z-index:1;
	opacity:.5;
}

.pce-leaf-bottom path{
	stroke:var(--pce-gold);
	fill:none;
	stroke-width:2;
}

@keyframes pce-rise{
	from{transform:translateY(26px) scale(.985);}
	to{transform:translateY(0) scale(1);}
}

@media(max-width:1050px){
	.pce-card{
		grid-template-columns:1fr 1fr;
	}

	.pce-image-col{
		grid-column:1/-1;
	}

	.pce-contact-col::after{
		display:none;
	}
}

@media(max-width:700px){
	.pce-section{
		padding:28px 12px;
	}

	.pce-card{
		grid-template-columns:1fr;
		gap:34px;
		padding:26px 18px 32px;
		border-radius:24px;
	}

	.pce-image-col{
		grid-column:auto;
		padding:26px 0 20px;
	}

	.pce-photo-frame{
		padding:9px;
		border-radius:21px;
	}

	.pce-photo-frame img{
		min-height:280px;
		border-radius:15px;
	}

	.pce-title{
		font-size:27px;
	}

	.pce-contact-item{
		min-height:90px;
		grid-template-columns:56px 1fr;
		gap:15px;
	}

	.pce-icon-circle{
		width:56px;
		height:56px;
	}

	.pce-contact-value{
		font-size:15px;
	}

	.pce-route{
		width:230px;
	}

	.pce-cross{
		left:20px;
		top:18px;
		font-size:37px;
	}

	.pce-leaf-behind{
		left:-20px;
		top:-4px;
		width:150px;
		height:220px;
	}
}

@media(prefers-reduced-motion:reduce){
	.pce-motion .pce-contact-col,
	.pce-motion .pce-location-col,
	.pce-motion .pce-image-col,
	.pce-contact-item,
	.pce-icon-circle,
	.pce-map-btn,
	.pce-photo-frame img{
		animation:none!important;
		transition:none!important;
	}
}