.office-section{

	padding:140px 0;

	background:#ffffff;

	position:relative;

}

.office-header{

	text-align:center;

	max-width:720px;

	margin:auto;

	margin-bottom:80px;

}

.office-header h2{

	font-size:62px;

	font-weight:800;

	line-height:.95;

	margin:28px 0;

}

.office-header h2 span{

	background:linear-gradient(
		90deg,
		#4F7DFF,
		#8D63FF,
		#FF8B4D);

	-webkit-background-clip:text;

	color:transparent;

	display:block;

}

.office-header p{

	font-size:19px;

	line-height:1.8;

	color:#666;

}

.office-grid{

	display:grid;

	grid-template-columns:430px 1fr;

	gap:40px;

	align-items:stretch;

}

.office-card{

	background:#0F1115;

	color:white;

	border-radius:28px;

	padding:45px;

	display:flex;

	flex-direction:column;

}

.office-top{

	display:flex;

	justify-content:space-between;

	margin-bottom:40px;

}

.office-id{

	letter-spacing:.25em;

	font-size:12px;

	color:#888;

}

.office-status{

	padding:8px 18px;

	border-radius:100px;

	background:rgba(255,139,77,.12);

	color:#FF8B4D;

	font-size:12px;

	letter-spacing:.15em;

}

.office-card h3{

	font-size:34px;

	margin-bottom:45px;

	line-height:1.2;

}

.office-item{

	display:flex;

	gap:18px;

	margin-bottom:32px;

}

.office-icon{

	width:52px;

	height:52px;

	border-radius:14px;

	background:#1A1D22;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:22px;

}

.office-item h4{

	font-size:14px;

	letter-spacing:.18em;

	color:#777;

	text-transform:uppercase;

	margin-bottom:6px;

}

.office-item p{

	margin:0;

	font-size:17px;

	line-height:1.7;

	color:#ddd;

}

.office-footer{

	display:flex;

	justify-content:space-between;

	margin-top:auto;

	padding-top:35px;

	border-top:1px solid rgba(255,255,255,.08);

}

.office-footer small{

	display:block;

	color:#777;

	margin-bottom:8px;

}

.office-footer strong{

	font-size:18px;

}

.map-card{

	border-radius:28px;

	overflow:hidden;

	border:1px solid #ececec;

	min-height:650px;

	box-shadow:0 25px 60px rgba(0,0,0,.05);

}

.map-card iframe{

	width:100%;

	height:100%;

	border:none;

	filter:grayscale(100%) contrast(105%);

	transition:.4s;

}

.map-card:hover iframe{

	filter:none;

}

@media(max-width:992px){

	.office-grid{

		grid-template-columns:1fr;

	}

	.office-header h2{

		font-size:48px;

	}

	.map-card{

		min-height:450px;

	}

}