/* =========================================================================
   CONTACT US (853) — address + Gravity Form (id 1), 2_5 / 3_5.
   Owner: Ivy. Shared chrome (title bar, footer) = creda.css. GF is CSS-skinned
   (D35 — keep plugin). Built to data/qa_baseline/contact-us/*.
   ========================================================================= */

.contact-section {
	background: #fff;
	padding: clamp(60px, 6vw, 90px) 3vw clamp(70px, 7vw, 100px);
}

/* --- Left column: address + contact headings ---------------------------- */
.contact-info { padding-right: 3vw; }
.contact-info h2 {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: var(--creda-secondary);
	font-size: clamp(2rem, 1.3rem + 2.4vw, 3.125rem); /* ~50px */
	line-height: 1.1;
	margin-bottom: 1vw;
}
.contact-info h2 + p { margin-top: 0; }
.contact-info p {
	color: var(--creda-body);
	font-size: 1rem;
	line-height: 1.7;
	margin-bottom: 2.4vw;
}
.contact-info a { color: var(--creda-secondary); }
.contact-info a:hover { color: var(--creda-primary); }
/* Divi renders a large gap before the "Contact Us" heading. */
.contact-info h2:nth-of-type(2) { margin-top: 2vw; }

/* --- Right column: Gravity Form skin (match baseline) ------------------- */
.contact-form .gform_wrapper,
.contact-form .gform_wrapper * {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}
.contact-form .gform_wrapper .gform_fields { gap: 1.4vw 2%; }
.contact-form .gfield_label {
	font-weight: 700;
	color: #545454;
	font-size: 1rem;
	margin-bottom: 6px;
}
.contact-form .gfield_required { color: #c0392b; font-style: italic; font-weight: 400; }
.contact-form .ginput_container input,
.contact-form .ginput_container textarea {
	width: 100%;
	border: 1px solid #cfcfcf;
	border-radius: 0;
	padding: 10px 12px;
	font-size: 1rem;
	color: #545454;
	background: #fff;
}
.contact-form .ginput_container textarea { min-height: 200px; resize: vertical; }
.contact-form .ginput_container input:focus,
.contact-form .ginput_container textarea:focus {
	outline: 0;
	border-color: var(--creda-secondary);
}
.contact-form .gfield_description,
.contact-form .ginput_complex label,
.contact-form .charleft {
	color: #8a8a8a;
	font-size: .82rem;
}
.contact-form .gform_footer { margin-top: 1.6vw; }
.contact-form .gform_button {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	border-radius: 0;
	transition: background-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.contact-form .gform_button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}

/* --- Responsive: stack columns ----------------------------------------- */
@media screen and (max-width: 980px) {
	.contact-section { padding: 9vw 5vw; }
	.contact-columns { flex-wrap: wrap; }
	.contact-columns .wp-block-column { flex-basis: 100% !important; max-width: 100% !important; }
	.contact-info { padding-right: 0; margin-bottom: 8vw; }
	.contact-form .gform_wrapper .gform_fields { gap: 4vw 2%; }
}
@media screen and (max-width: 767px) {
	.contact-section { padding: 12vw 6vw; }
}