/* Gravity Forms inside the hero .form-card — match the mockup .field / inputs / submit. */
.form-card .gform_wrapper form { margin: 0; }
.form-card .gform_wrapper .gfield { margin-bottom: 16px; }
.form-card .gform_wrapper .gfield_label {
	font-family: var(--font-heading); font-size: 0.85rem; font-weight: 600;
	color: var(--navy); margin-bottom: 6px; display: block;
}
.form-card .gform_wrapper input[type="text"],
.form-card .gform_wrapper input[type="email"],
.form-card .gform_wrapper input[type="tel"] {
	width: 100%; font: inherit; font-size: 1rem; color: var(--ink);
	border: 1px solid var(--line); border-radius: 0; padding: 12px 14px; background: #fbfcfe;
	transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.form-card .gform_wrapper input:focus {
	outline: none; border-color: var(--accent); background: var(--white);
	box-shadow: 0 0 0 4px rgba(0, 97, 170, 0.12);
}
.form-card .gform_wrapper .gchoice { display: inline-flex; align-items: center; gap: 7px; margin-right: 18px; }
.form-card .gform_wrapper input[type="radio"] { accent-color: var(--accent); width: 17px; height: 17px; }
/* Submit -> the canonical pill button (content-width, arrow-in-circle on the left).
   GF outputs a plain <input type=submit>; restyle it to the pill, arrow via ::before. */
/* Submit -> canonical pill. GF 2.5+ "orbital" theme framework styles .gform_button
   with high specificity, so we match its depth and use !important on the key props. */
.form-card .gform_wrapper .gform_footer {
	position: relative !important; display: inline-block !important; margin-top: 8px; padding: 0;
}
.form-card .gform_wrapper .gform_footer input[type="submit"].gform_button {
	position: relative; display: inline-flex; align-items: center;
	font-family: var(--font-heading) !important; font-size: 1.02rem !important; font-weight: 600 !important; line-height: 1 !important;
	color: var(--white) !important; background: var(--navy) !important; border: 0 !important; border-radius: 999px !important;
	padding: 8px 38px 8px 60px !important; min-height: 60px !important; width: auto !important; cursor: pointer; transition: background-color 0.25s;
}
.form-card .gform_wrapper .gform_footer input[type="submit"].gform_button:hover { background: var(--accent) !important; }
.form-card .gform_wrapper .gform_footer::before {
	content: ""; position: absolute; left: 8px; top: 50%; transform: translateY(-50%);
	width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--white);
	background: url("../img/arrow-alma-white.svg") no-repeat center / 16px; z-index: 1; pointer-events: none;
}
.form-card .gform_confirmation_message { font-family: var(--font-heading); color: #1d7a3d; font-weight: 600; }

/* Space between the field label and the "(Required)" indicator. Unscoped (no
   .form-card prefix) so it also applies on the Elementor-embedded forms. */
.gform_wrapper .gfield_label .gfield_required { margin-left: 2.5px; }