.elementor-1302 .elementor-element.elementor-element-c403f7f{--display:flex;}.elementor-1302 .elementor-element.elementor-element-690848cc{--spacer-size:50px;}.elementor-1302 .elementor-element.elementor-element-21cd2bfa{--display:flex;}/* Start custom CSS for html, class: .elementor-element-752786a9 *//* Color variables in case this widget sits outside #can-schedule-page */
:root {
  --can-red: #BA0C2F;
  --can-dark: #222222;
  --can-text: #444444;
}

/* FAQ outer section */
.can-faq-section {
  max-width: 860px;
  margin: 60px auto;
  text-align: center;
  font-family: inherit;
}

/* Red label "FAQ" */
.can-faq-section .can-eyebrow {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--can-red);
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 1.2;
}

/* The accordion list */
.can-faq {
  text-align: left;
  display: grid;
  gap: 16px;
  font-family: inherit;
}

/* Each item */
.can-faq details {
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  background: #fff;
  padding: 18px 20px;
  transition: all 0.25s ease;
  font-family: inherit;
}

.can-faq details[open] {
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  border-color: var(--can-red);
}

/* The question row */
.can-faq summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 18px;
  color: var(--can-dark);
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  position: relative;
  line-height: 1.4;
  font-family: inherit;
}

.can-faq summary::-webkit-details-marker {
  display: none;
}

/* Plus / minus icon */
.can-faq summary::after {
  content: "+";
  font-size: 22px;
  color: var(--can-red);
  font-weight: 600;
  transition: transform 0.25s ease;
  line-height: 1;
}

.can-faq details[open] summary::after {
  content: "–";
  transform: rotate(180deg);
}

/* The answer body */
.can-faq details div {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--can-text);
  font-weight: 400;
  animation: faqFadeIn 0.3s ease;
  font-family: inherit;
}

/* fade animation */
@keyframes faqFadeIn {
  from {opacity: 0; transform: translateY(-4px);}
  to   {opacity: 1; transform: translateY(0);}
}

/* ============================================
   GLOBAL SPACING FIXES AFTER FONT UPDATE
   ============================================ */

/* HERO — reduce gaps + rebalance title area */
.can-hero__inner h1 {
  margin-top: 10px !important;
  margin-bottom: 14px !important;
}

.can-hero__inner .can-eyebrow {
  margin-bottom: 10px !important;
}

.can-hero__inner p {
  margin-top: 10px !important;
}

/* WHY IT MATTERS — spacing below eyebrow + between elements */
section[aria-label="Why it matters"] .can-eyebrow {
  margin-bottom: 6px !important;
}

section[aria-label="Why it matters"] h2 {
  margin-bottom: 18px !important;
}

section[aria-label="Why it matters"] p {
  margin-top: 10px !important;
}

/* KEY INFO CARDS — tighten vertical spacing */
section[aria-label="Key info"] article {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

section[aria-label="Key info"] article div {
  margin-bottom: 6px !important; /* icon */
}

section[aria-label="Key info"] article h3 {
  margin-bottom: 6px !important;
}

/* Buttons under the 4 cards */
section[aria-label="Key info"] > div:last-child {
  margin-top: 16px !important;
}

/* SECTION SPACING — fix big gaps between sections */
section[aria-label="Key info"] {
  margin-bottom: 40px !important;
}

section[aria-label="How it works"] {
  margin-top: 40px !important;
}

/* GENERAL — reduce excessive line height caused by Open Sans */
p, li {
  line-height: 1.6 !important;
}/* End custom CSS */
/* Start custom CSS */li span[style*="#BA0C2F"] {
  color: #BA0C2F !important;
}
.can-info-cards article:first-child svg,
.can-info-cards article:first-child i {
  color: #ffffff;
  fill: #ffffff;
}/* End custom CSS */