.rato-contact-hero{
	position:relative;
	min-height:220px;
	background:#b01313;
	color:#fff;
	display:flex;
	align-items:center;
}
.rato-contact-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.45);
}
.rato-contact-hero.is-has-media{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.rato-contact-hero-inner{
	position:relative;
	width:100%;
	padding:38px 0 34px;
}
.rato-contact-hero-title{
	margin:0;
	font-size:38px;
	font-weight:900;
	color:#fff;
	letter-spacing:.4px;
}

.rato-contact-wrap{
	background:#f6f7f9;
	padding:0 0 70px;
}

.rato-contact-info{
	margin-top:24px;
	background:#f2f3f5;
	border:1px solid #e2e6ea;
}
.rato-contact-info-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:0;
}
.rato-contact-info-item{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	padding:18px 18px;
	border-right:1px solid #e2e6ea;
	min-height:76px;
}
.rato-contact-info-item:last-child{border-right:0}
.rato-contact-info-ic{
	width:36px;
	height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	border:1px solid #e2e6ea;
	color:#b01313;
	flex:0 0 auto;
}
.rato-contact-info-label{
	font-size:12px;
	font-weight:800;
	letter-spacing:.4px;
	color:#1b1f24;
	text-transform:uppercase;
	line-height:1.1;
}
.rato-contact-info-value{
	margin-top:6px;
	font-size:12px;
	color:#6b7683;
	line-height:1.25;
}

.rato-contact-main{
	padding-top:44px;
	max-width:980px;
	margin:0 auto;
}
.rato-contact-kicker{
	font-size:12px;
	font-weight:800;
	letter-spacing:.4px;
	color:#b01313;
	text-transform:uppercase;
}
.rato-contact-title{
	margin:6px 0 0;
	font-size:34px;
	font-weight:900;
	letter-spacing:.4px;
	color:#1b1f24;
}
.rato-contact-desc{
	margin:10px 0 0;
	font-size:12px;
	color:#6b7683;
	line-height:1.7;
}

.rato-contact-form{
	margin-top:18px;
	background:#f2f3f5;
	padding:22px 22px 28px;
	border:1px solid #e2e6ea;
}

.rato-contact-form .wpcf7 form{margin:0}
.rato-contact-form .wpcf7 .wpcf7-response-output{margin:16px 0 0}

.rato-cf-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px 18px;
}
.rato-cf-field{width:100%}
.rato-cf-field.is-full{grid-column:1/-1}

.rato-contact-form input[type="text"],
.rato-contact-form input[type="email"],
.rato-contact-form input[type="tel"],
.rato-contact-form select,
.rato-contact-form textarea{
	width:100%;
	border:0;
	background:#eceef1;
	padding:12px 14px;
	font-size:12px;
	color:#1b1f24;
	outline:none;
}
.rato-contact-form textarea{min-height:150px;resize:vertical}
.rato-contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8b96a3 50%),linear-gradient(135deg,#8b96a3 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}

.rato-contact-form .wpcf7-not-valid-tip{font-size:12px}

.rato-contact-submit{
	margin-top:18px;
	display:flex;
	justify-content:center;
}
.rato-contact-submit .wpcf7-submit{
	border:0;
	background:#b01313;
	color:#fff;
	font-weight:700;
	letter-spacing:.2px;
	padding:12px 26px;
	cursor:pointer;
}
.rato-contact-submit .wpcf7-submit:hover{filter:brightness(1.06)}

@media (max-width: 980px){
	.rato-contact-main{padding:36px 20px 0}
}
@media (max-width: 860px){
	.rato-contact-info-grid{grid-template-columns:1fr 1fr}
	.rato-contact-info-item:nth-child(2){border-right:0}
	.rato-contact-info-item{justify-content:flex-start}
	.rato-cf-grid{grid-template-columns:1fr}
}
