.trafficPage{
	padding:70px 0;
}

.pageTitle{
	text-align:center;
	max-width:900px;
	margin:0 auto 60px;
}

.pageTitle span{
	color:#6e9c53;
	font-weight:600;
	letter-spacing:2px;
}

.pageTitle h2{
	font-size:42px;
	margin:15px 0 20px;
}

.pageTitle p{
	line-height:2;
	color:#666;
}

.trafficInfo{
	display:grid;
	grid-template-columns:400px 1fr;
	gap:40px;
	margin-bottom:80px;
}

.infoBox{
	background:#fff;
	padding:40px;
	border-radius:20px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.infoBox h3{
	font-size:28px;
	margin-bottom:30px;
	color:#4f7a3c;
}

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

.infoBox li{
	padding:15px 0;
	border-bottom:1px solid #eee;
	line-height:1.8;
}

.infoBox span{
	display:block;
	color:#6e9c53;
	font-weight:700;
	margin-bottom:5px;
}

.mapBox iframe{
	width:100%;
	height:500px;
	border:none;
	border-radius:20px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.trafficMethod{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}

.methodItem{
	background:#fff;
	padding:40px 30px;
	text-align:center;
	border-radius:20px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.methodItem .icon{
	width:80px;
	height:80px;
	margin:0 auto 20px;
	background:#eef6e8;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#6e9c53;
}

.methodItem svg{
	width:40px;
	height:40px;
}

.methodItem h3{
	margin-bottom:15px;
	font-size:24px;
}

.methodItem p{
	line-height:1.8;
	color:#666;
}

@media(max-width:992px){

	.trafficInfo{
		grid-template-columns:1fr;
	}

	.trafficMethod{
		grid-template-columns:1fr;
		gap:20px;
	}

}

@media(max-width:768px){

	.trafficPage{
		padding:50px 0;
	}

	.pageTitle h2{
		font-size:32px;
	}

	.infoBox{
		padding:25px;
	}

	.mapBox iframe{
		height:350px;
	}

	.methodItem{
		padding:30px 20px;
	}

}