.contact-page{background:#f4f7f7}
.contact-hero{
	position:relative;
	overflow:hidden;
	padding:78px 0 72px;
	background:linear-gradient(125deg,#062f3e 0%,#08636c 63%,#0aa6a6 100%);
	color:#fff;
}
.contact-hero:after{content:"";position:absolute;right:-100px;top:-170px;width:460px;height:460px;border:85px solid rgba(255,255,255,.065);border-radius:50%}
.contact-hero .container{position:relative;z-index:1}
.contact-kicker{display:inline-block;margin-bottom:13px;color:#8de3df;font-size:11px;font-weight:750;letter-spacing:1.8px}
.contact-hero h1{max-width:720px;margin:0 0 12px;color:#fff;font-size:clamp(34px,4.2vw,54px);line-height:1.08;letter-spacing:-1px}
.contact-hero>div>p{max-width:630px;margin:0;color:rgba(255,255,255,.75);font-size:15px;line-height:1.7}
.contact-hero .breadcrumb{margin:20px 0 0;padding:0;background:transparent}
.contact-hero .breadcrumb li,.contact-hero .breadcrumb a{color:rgba(255,255,255,.72)}
.contact-main{margin-top:-30px;margin-bottom:30px;position:relative;z-index:2}
.contact-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}
.contact-info-card{
	position:relative;
	display:flex;
	flex-direction:column;
	min-height:190px;
	padding:22px 21px 19px;
	border:1px solid #e2eaec;
	border-radius:16px;
	background:#fff;
	box-shadow:0 10px 28px rgba(5,51,63,.07);
	color:#40575e!important;
	overflow:hidden;
	transition:.2s ease;
}
.contact-info-card:after{content:"";position:absolute;right:-35px;bottom:-46px;width:105px;height:105px;border:18px solid rgba(10,150,150,.045);border-radius:50%}
a.contact-info-card:hover{transform:translateY(-3px);border-color:#97d8d6;text-decoration:none;box-shadow:0 15px 34px rgba(5,51,63,.11)}
.contact-info-card__head{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.contact-info-card__head>i{display:grid;flex:0 0 39px;height:39px;place-items:center;border-radius:11px;background:#eaf8f7;color:#0a9696;font-size:17px}
.contact-info-card__head span{color:#789096;font-size:10px;font-weight:800;letter-spacing:1.15px;text-transform:uppercase}
.contact-info-card>strong,.contact-info-card>small,.contact-info-card>em{position:relative;z-index:1;display:block}
.contact-info-card>strong{color:#143f49;font-size:14px;line-height:1.45;word-break:break-word}
.contact-info-card>small{margin-top:5px;color:#83969b;font-size:11px;line-height:1.45}
.contact-info-card>em{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:14px;color:#055a58;font-size:11px;font-style:normal;font-weight:750}
.contact-info-card>em .fa-arrow-right{transition:.2s ease}
.contact-info-card:hover>em .fa-arrow-right{transform:translateX(3px)}
.contact-info-card>em.contact-open{color:#249768}
.contact-info-card>em.contact-open i{font-size:6px;box-shadow:0 0 0 4px rgba(36,151,104,.1);border-radius:50%}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:24px;align-items:start}
.contact-form-card,.contact-map-card,.contact-social-card{
	border:1px solid #e1eaeb;
	border-radius:20px;
	background:#fff;
	box-shadow:0 14px 36px rgba(5,51,63,.07);
}
.contact-form-card{padding:32px}
.contact-section-heading>span{display:block;margin-bottom:7px;color:#0a9696;font-size:10px;font-weight:800;letter-spacing:1.45px}
.contact-section-heading h2{margin:0 0 8px;color:#103c48;font-size:27px;line-height:1.25}
.contact-section-heading p{max-width:600px;margin:0 0 25px;color:#7a8e94;font-size:13px;line-height:1.65}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form-card .form-group{margin:0}
.contact-form-card label{margin-bottom:8px;color:#37545c;font-size:12px;font-weight:700}
.contact-form-card .form-control{height:48px;border:1px solid #dce6e8;border-radius:11px;background:#f9fbfb;box-shadow:none;color:#183e47;transition:.2s ease}
.contact-form-card textarea.form-control{height:auto;min-height:145px;resize:vertical;padding-top:13px}
.contact-form-card .form-control:focus{border-color:#26aaa6;background:#fff;box-shadow:0 0 0 3px rgba(10,150,150,.09)}
.contact-form-wide{grid-column:1/-1}
.contact-submit{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	margin-top:21px;
	min-height:44px;
	padding:14px 23px;
	border:0;
	border-radius:11px;
	background:var(--pc-action-bg, #087e80);
	color:#fff;
	font-size:13px;
	font-weight:750;
	box-shadow:0 10px 22px rgba(8,126,128,.22);
	transition:.2s ease;
}
.contact-submit:hover{
	background:var(--pc-action-hover, #066966);
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 14px 27px rgba(8,126,128,.28);
}
.contact-form-summary{
	margin-top:14px;
	padding:10px 12px;
	border-radius:10px;
	font-size:13px;
	line-height:1.45;
}
.contact-form-summary[hidden]{display:none!important}
.contact-form-summary.is-error{
	background:#fff1f0;
	color:#8a1f11;
	border:1px solid #f0c2bc;
}
.pc-field-error{
	margin-top:6px;
	color:#8a1f11;
	font-size:12px;
	line-height:1.35;
}
.pc-field-error[hidden]{display:none!important}
.form-control.is-invalid,
.contact-form-card .form-control.is-invalid{
	border-color:#d9534f;
	background:#fff8f7;
}
.contact-side{display:grid;gap:17px}
.contact-map-card{overflow:hidden}
.contact-card-title{display:flex;gap:12px;align-items:center;padding:18px 20px}
.contact-card-title>i{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eaf8f7;color:#098f91}
.contact-card-title span,.contact-card-title strong{display:block}
.contact-card-title span{color:#84979c;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.contact-card-title strong{margin-top:2px;color:#143f49;font-size:14px}
.contact-map{height:300px;background:#e9eeee}
.contact-map iframe{display:block;width:100%!important;height:100%!important;border:0}
.contact-whatsapp{
	display:flex;
	gap:13px;
	align-items:center;
	padding:18px 20px;
	border-radius:16px;
	background:linear-gradient(110deg,#13a969,#25c883);
	color:#fff!important;
	box-shadow:0 12px 28px rgba(20,169,105,.2);
	transition:.2s ease;
}
.contact-whatsapp:hover{transform:translateY(-2px);color:#fff;text-decoration:none}
.contact-whatsapp>.fab{font-size:29px}.contact-whatsapp>div{flex:1}.contact-whatsapp span,.contact-whatsapp strong{display:block}.contact-whatsapp span{font-size:11px;opacity:.8}.contact-whatsapp strong{font-size:14px}
.contact-social-card{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}
.contact-social-card>span{color:#567078;font-size:12px;font-weight:650}
.contact-social-card>div{display:flex;gap:7px}
.contact-social-card a{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#eef6f6;color:#087d82;transition:.2s ease}
.contact-social-card a:hover{background:#087d82;color:#fff;text-decoration:none;transform:translateY(-2px)}
.contact-page .site-footer{margin-top:48px}
@media(max-width:991px){
	.contact-cards{grid-template-columns:1fr 1fr}
	.contact-layout{grid-template-columns:1fr}
	.contact-side{grid-template-columns:1fr 1fr}
	.contact-map-card{grid-row:span 2}
}
@media(max-width:767px){
	.contact-hero{padding:54px 0 58px}
	.contact-hero h1{font-size:34px}
	.contact-main{margin-top:-22px}
	.contact-cards,.contact-form-grid,.contact-side{grid-template-columns:1fr}
	.contact-info-card{min-height:165px}
	.contact-form-card{padding:23px 18px}
	.contact-section-heading h2{font-size:23px}
	.contact-map-card{grid-row:auto}
	.contact-social-card{align-items:flex-start;flex-direction:column;gap:13px}
}