/**
 * Page styles — contact. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.contact-method {
	background:var(--site-white);
	border:1px solid var(--site-slate-91);
	border-radius:16px;
	padding:32px 28px;
	text-align:center;
}

.contact-method__icon {
	font-size:24px;
	color:var(--site-teal);
}

.contact-method__button {
	font-size:13px;
	padding:10px 20px;
}

.contact-method__icon-badge {
	width:56px;
	height:56px;
	border-radius:16px;
	background:var(--site-teal-bg);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 20px;
}

.contact-method__desc {
	font-size:14px;
	color:var(--site-text-sec);
	line-height:1.65;
	margin-bottom:20px;
}

.mlsg-cards-3--contact-methods {
	margin:0 auto 56px;
}

.contact-form__help {
	margin-top:32px;
	padding:20px;
	background:var(--site-blue-98);
	border:1px solid var(--site-slate-91);
	border-radius:12px;
	text-align:center;
}

.contact-form__help-text {
	font-size:13px;
	color:var(--site-text-muted);
	margin:0 0 8px;
}

.contact-form__help-text--last {
	margin:0;
}

.contact-form {
	margin:0 auto;
}


.contact-form__intro {
	font-size:14px;
	color:var(--site-text-muted);
	text-align:center;
	margin-bottom:32px;
}

.contact-form__title {
	font-size:24px;
	font-weight:800;
	color:var(--site-navy);
	margin-bottom:8px;
	text-align:center;
}

/* Moved here from another stylesheet: this is where these classes are used. */
.lr-av__contact-icon {
	font-size:12px;
}
.mlsg-section .contact-form__help-link {
	color:var(--site-teal);
	font-weight:700;
}