/* carinsurance.css — 247ratecheck.me prelander
   Self-hosted extract of the classes this page actually uses, taken from the
   source's styles-main.css / styles-fallen-leaves.css / boxes.css.
   Self-hosted (not hotlinked) so the page can't break when the third-party CDN
   changes or disappears. Bootstrap 5.2.3 still comes from the public CDN. */

/* ---- page base ---- */
html, body { overflow-wrap: break-word; }
body {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); /* blue-50 */
  font-family: 'Source Sans 3', 'Open Sans', system-ui, sans-serif;
}
.container, .container-lg, .container-md, .container-sm { max-width: 1140px; }
header { width: 100%; }
img { border-radius: 5px; }

/* ---- header ---- */
.bg-color-1 { background-color: #fff; }
.header-text-1 { font-size: .8125rem; color: #606060; margin: 0; }
.header-div-2 { height: 1.25rem; border-top: .125rem solid #CACACA; }

/* ---- main card ---- */
.boxshadow {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, .08);
}
.extrastyle  { padding: 1.25rem 1rem 2rem; }
.extrastyle2 { margin-top: .5rem; }
@media (min-width: 768px) {
  .extrastyle { padding: 2rem 2.5rem 2.75rem; }
}

/* ---- typography utils used on this page ---- */
.fw-600 { font-weight: 600; }
.lh-12  { line-height: 1.2em !important; }
.f-16   { font-size: 1.6rem !important; }
@media (min-width: 768px) { .f-md-16 { font-size: 1.6rem !important; } }

.main-content p, .main-content li, p, li { font-size: 1.0625rem; line-height: 1.3rem; }
.main-content h3 { font-weight: 600; }
@media (min-width: 768px) {
  .main-content p, .main-content li { font-size: 1.3rem; line-height: 1.4; }
}

/* ---- footer ---- */
footer { background-color: #F5F5F5; padding: 2.5rem; color: #000; }
footer p, footer li { font-size: .8125rem; }
footer ul { list-style: none; }
.footer-content { margin: 1.25rem 0; }
.lh-sm { line-height: 1.35 !important; }

/* ---- the car-count choice buttons ----
   Source used Bootstrap's .btn-outline-info with a 3px border; kept as-is but
   given a slightly larger tap target on small screens. */
.car-opt {
  border-width: 3px !important;
  transition: background-color .15s ease, color .15s ease, transform .1s ease;
}
.car-opt:active { transform: scale(.97); }

@media (max-width: 575.98px) {
  .car-opt { font-size: 1.25rem !important; padding-top: 1.1rem !important; padding-bottom: 1.1rem !important; }
  h1.fw-bold { font-size: 1.55rem; }
}

/* ---- .prose : readable body copy for text pages (privacy, terms, contact) ---- */
.prose { color: #212529; }
.prose p, .prose li { font-size: 1rem; line-height: 1.6; }
.prose h2 { font-size: 1.35rem; font-weight: 700; margin: 1.75rem 0 .6rem; }
.prose h3 { font-size: 1.12rem; font-weight: 600; margin: 1.35rem 0 .5rem; }
.prose ul, .prose ol { padding-left: 1.35rem; margin-bottom: 1rem; }
.prose li { margin-bottom: .4rem; }
.prose a { color: #0d6efd; text-decoration: underline; }
.prose a:hover { text-decoration: none; }
.prose table { width: 100%; margin: 1rem 0; border-collapse: collapse; }
.prose th, .prose td { border: 1px solid #dee2e6; padding: .5rem .65rem; font-size: .95rem; }
.prose th { background: #f8f9fa; text-align: left; }
.prose hr { margin: 1.75rem 0; border-top: 1px solid #dee2e6; }
.prose > :first-child { margin-top: 0; }

@media (min-width: 768px) {
  .prose p, .prose li { font-size: 1.05rem; line-height: 1.65; }
  .prose h2 { font-size: 1.5rem; }
}

/* ---- advertorial article below the CTAs ---- */
.article {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid #e8e8e8;
  text-align: left;
}
.sponsored-tag {
  display: block;
  font-size: .78rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #9a9a9a;
  margin-bottom: 1.5rem;
}
.article h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 2.25rem 0 .75rem;
  color: #1a1a1a;
}
.article h3:first-of-type { margin-top: 0; }
.article p {
  margin: 0 0 1.15rem;
  color: #333;
  line-height: 1.6;
}
.article ul {
  margin: 0 0 1.25rem;
  padding-left: 1.4rem;
}
.article li { margin-bottom: .55rem; line-height: 1.55; }
.article > :last-child { margin-bottom: 0; }

@media (min-width: 768px) {
  .article h3 { font-size: 1.7rem; }
  .article p, .article li { font-size: 1.12rem; }
}
@media (max-width: 575.98px) {
  .article h3 { font-size: 1.3rem; }
  .article p, .article li { font-size: 1.02rem; line-height: 1.5; }
}