*/
.frpage-faq {
margin: 1rem 0 2rem;
}
.frpage-faq-item {
background: #f7f9fc;
border-left: 3px solid #1565C0;
border-radius: 0 8px 8px 0;
padding: 1rem 1.25rem;
margin-bottom: 1rem;
}
.frpage-faq-item h3 {
font-family: 'Figtree', sans-serif !important;
font-size: 1rem !important;
font-weight: 600 !important;
color: #0D2137 !important;
text-transform: none !important;
letter-spacing: 0 !important;
margin: 0 0 0.5rem !important;
}
.frpage-faq-item p {
margin: 0 !important;
font-size: 15px !important;
line-height: 1.7 !important;
color: #3d4f63 !important;
}
/* ---- Carrier reviews ---- */
.fr-review-scroll {
border: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
align-items: start !important;
overflow-x: hidden !important;
overflow-y: auto !important;
scrollbar-gutter: stable;
}
.fr-community-review-content {
background: #ffffff !important;
border: 1px solid #dde3ec !important;
border-radius: 10px !important;
padding: 1rem 1.3rem !important;
margin-bottom: 0 !important;
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.fr-community-review-content:hover {
box-shadow: 0 4px 18px rgba(13, 33, 55, 0.09) !important;
border-color: #b8c9db !important;
}
.fr-community-review-odd {
background: #f9fbfd !important;
}
.fr-community-review-content .row-fluid:first-child .span12 {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
}
.fr-community-review-content .fr-carrier-name {
font-family: 'Figtree', sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #0D2137 !important;
letter-spacing: -0.01em;
}
.fr-review-verified {
display: inline-block !important;
font-family: 'Figtree', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
color: #0a6640 !important;
background: #d1fae5 !important;
border: 1px solid #6ee7b7 !important;
padding: 2px 8px !important;
border-radius: 20px !important;
letter-spacing: 0.02em !important;
line-height: 1.3 !important;
}
.fr-community-review-content .row-fluid:nth-child(2) {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin-top: 6px !important;
margin-bottom: 4px !important;
}
.fr-community-review-content .row-fluid:nth-child(2) .span4,
.fr-community-review-content .row-fluid:nth-child(2) .span8 {
float: none !important;
width: auto !important;
margin-left: 0 !important;
flex-shrink: 0 !important;
}
.fr-community-review-content .row-fluid:nth-child(2) .span8 {
flex: 1 1 auto !important;
}
.fr-jq-star-rating img {
width: 16px !important;
height: 16px !important;
vertical-align: middle !important;
}
.fr-review-meta {
font-family: 'Figtree', sans-serif !important;
font-size: 12px !important;
color: #8ba3be !important;
font-style: normal !important;
line-height: 1.4 !important;
}
.fr-community-review-content .fr-grey-itelic-font {
font-family: 'Figtree', sans-serif !important;
font-size: 12px !important;
color: #8ba3be !important;
font-style: normal !important;
}
.fr-community-review-content .fr-carrier-user-name {
font-family: 'Figtree', sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #1565C0 !important;
font-style: normal !important;
}
.fr-review-text {
display: block !important;
font-family: 'Figtree', sans-serif !important;
font-size: 13.5px !important;
color: #3d4f63 !important;
font-style: italic !important;
line-height: 1.55 !important;
margin-top: 8px !important;
padding-top: 8px !important;
border-top: 1px solid #eef2f7 !important;
}
@media (max-width: 640px) {
.fr-review-scroll {
grid-template-columns: 1fr !important;
}
}
/* ---- Responsive ---- */
@media (max-width: 860px) {
.frpage-intro-right {
flex: none !important;
width: 100% !important;
}
.frpage-features {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 640px) {
.frpage h1,
.frpage .fr-page-h1 {
font-size: 1.75rem !important;
}
.frpage h2,
.frpage .fr-page-h2 {
font-size: 1.35rem !important;
}
.frpage p,
.frpage li,
.frpage span {
font-size: 16px !important;
}
.frpage-features {
grid-template-columns: 1fr;
}
/* Tables scroll horizontally on small screens */
.frpage table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.frpage table td:first-child {
width: auto;
min-width: 120px;
}
.frpage table td {
font-size: 14px !important;
padding: 0.65rem 0.75rem !important;
}
/* Pills wrap to multiple rows cleanly */
.frpage-pills {
gap: 0.4rem !important;
}
.frpage ul.frpage-pills li {
font-size: 13.5px !important;
}
/* CTA button full width on mobile */
.frpage-cta {
display: block !important;
text-align: center;
width: 100%;
}
/* Images full width on mobile */
.frpage img.frpage-img {
max-width: 100%;
}
}
/* =====================================================
WIDGET EXCLUSIONS
Prevent frpage overrides from leaking into injected
calculators and forms loaded by JS bundles.
===================================================== */
.frpage #quote-frm p,
.frpage #quote-frm span,
.frpage #quote-frm label,
.frpage #quote-frm li,
.frpage #quote-frm input,
.frpage #quote-frm select,
.frpage #quote-frm button,
.frpage #quote-frm textarea,
.frpage #quote-frm div {
font-family: revert !important;
font-size: revert !important;
color: revert !important;
line-height: revert !important;
margin-bottom: revert !important;
padding-bottom: revert !important;
}
.frpage #quote-frm ul {
list-style: revert !important;
padding-left: revert !important;
margin: revert !important;
}
.frpage #quote-frm li {
padding: revert !important;
position: revert !important;
}
.frpage #quote-frm li::before {
display: none !important;
}
/* =====================================================
GLOBAL SITE FIXES
(not scoped to .frpage - fix site-wide issues)
===================================================== */
/* Footer disclaimer - styled inline in the layout HTML */
/* =====================================================
PAGE-SPECIFIC OVERRIDES
Add a second class to the frpage wrapper only when
a page needs layout that cannot be shared:
===================================================== */
.frpage-tracking {
max-width: 980px;
margin: 0 auto;
}
.frpage-tracking a:not(.frpage-cta) {
color: #1565C0 !important;
text-decoration: none;
}
.frpage-tracking a:not(.frpage-cta):hover {
text-decoration: underline;
}
.frpage-tracking-form-wrap {
margin: 1.5rem 0 2.25rem;
}
.frpage-tracking .alert {
border: 1px solid #dde3ec;
border-left: 4px solid #1565C0;
border-radius: 0 10px 10px 0;
background: #f7f9fc;
color: #1a2332;
margin-bottom: 1rem;
padding: 0.95rem 1.15rem;
}
.frpage-tracking .alert-success {
border-left-color: #11875d;
}
.frpage-tracking .alert-error {
border-left-color: #c62828;
background: #fff7f7;
}
.frpage-tracking .alert-info {
border-left-color: #1565C0;
}
.frpage-tracking .alert .close {
color: #5e7082;
opacity: 1;
}
.frpage-track-card {
max-width: 680px;
margin: 0 auto;
background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
border: 1px solid #dde3ec;
border-radius: 14px;
padding: 1.4rem;
box-shadow: 0 18px 40px rgba(13, 33, 55, 0.08);
}
.frpage-track-card .controls {
margin-left: 0 !important;
}
.frpage-track-card .control-group {
margin-bottom: 0;
}
.frpage-track-eyebrow {
font-size: 0.82rem !important;
font-weight: 600 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: #5e7082 !important;
margin-bottom: 1rem !important;
text-align: center !important;
}
.frpage-track-group + .frpage-track-group {
margin-top: 1rem;
}
.frpage-track-label {
display: block;
margin-bottom: 0.45rem !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
line-height: 1.4 !important;
color: #0D2137 !important;
}
.frpage-track-input {
width: 100% !important;
height: auto !important;
margin-bottom: 0 !important;
padding: 0.95rem 1rem !important;
border: 1px solid #c7d3e1 !important;
border-radius: 10px !important;
background: #ffffff !important;
box-sizing: border-box;
font-family: 'Figtree', -apple-system, 'Segoe UI', 'Helvetica Neue', sans-serif !important;
font-size: 1rem !important;
color: #1a2332 !important;
box-shadow: inset 0 1px 2px rgba(13, 33, 55, 0.04);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.frpage-track-input:focus {
border-color: #1565C0 !important;
box-shadow: 0 0 0 4px rgba(21, 101, 192, 0.12) !important;
outline: none;
}
.frpage-track-input::placeholder {
color: #8ba0b5 !important;
}
.frpage-track-divider {
position: relative;
text-align: center;
margin: 1rem 0;
}
.frpage-track-divider::before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
background: #dde3ec;
}
.frpage-track-divider span {
position: relative;
display: inline-block;
background: #fbfcfe;
padding: 0 0.8rem !important;
font-size: 0.78rem !important;
font-weight: 600 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: #5e7082 !important;
line-height: 1.2 !important;
}
.frpage-track-captcha {
margin-top: 1rem;
}
.frpage-track-captcha #cf-captcha-container-track {
min-height: 65px;
}
.frpage-track-captcha-message,
.frpage-track-card .field-validation-error,
.frpage-track-card .field-validation-valid {
display: block;
min-height: 1.15rem;
margin-top: 0.45rem !important;
font-size: 0.82rem !important;
line-height: 1.45 !important;
}
.frpage-track-captcha-message,
.frpage-track-card .field-validation-error {
color: #c62828 !important;
}
.frpage-track-card .field-validation-valid {
color: transparent !important;
}
.frpage-track-card .input-validation-error {
border-color: #c62828 !important;
background: #fff7f7 !important;
}
.frpage-track-submit {
width: 100%;
margin-top: 0.4rem;
padding: 0.95rem 1.15rem;
border: none !important;
border-radius: 10px !important;
background: #1565C0 !important;
color: #ffffff !important;
font-family: 'Figtree', -apple-system, 'Segoe UI', 'Helvetica Neue', sans-serif !important;
font-size: 1rem !important;
font-weight: 600 !important;
line-height: 1.3 !important;
text-transform: none !important;
box-shadow: 0 10px 24px rgba(21, 101, 192, 0.2);
transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.frpage-track-submit:hover,
.frpage-track-submit:focus {
background: #0e4a8e !important;
color: #ffffff !important;
transform: translateY(-1px);
outline: none;
}
.frpage-track-submit[disabled] {
background: #91b4dc !important;
box-shadow: none;
cursor: not-allowed;
transform: none;
}
.frpage-track-note {
margin-top: 0.9rem !important;
margin-bottom: 0 !important;
font-size: 0.92rem !important;
color: #5e7082 !important;
line-height: 1.6 !important;
}
.frpage-tracking .frpage-steps {
margin: 0.5rem 0 1.5rem !important;
padding-left: 1.35rem !important;
}
.frpage-tracking .frpage-steps li {
padding: 0.35rem 0 !important;
line-height: 1.7 !important;
}
.frpage-track-results-grid {
margin-top: 1.4rem;
}
.frpage-track-results-panel {
background: #ffffff;
border: 1px solid #dde3ec;
border-radius: 14px;
padding: 1rem;
box-shadow: 0 18px 40px rgba(13, 33, 55, 0.06);
}
.frpage-track-results-actions {
margin: 1.25rem 0 0;
}
.frpage-track-results-rail img {
border: 1px solid #dde3ec;
border-radius: 10px;
}
@media (max-width: 860px) {
.frpage-track-card {
max-width: none;
}
.frpage-track-results-grid > [class*='span'] {
width: 100% !important;
margin-left: 0 !important;
float: none !important;
}
.frpage-track-results-rail {
margin-top: 1.25rem;
}
}
@media (max-width: 640px) {
.frpage-track-card {
padding: 1.1rem;
}
}