/* ==== COMPARISON / THE SIMPLE MATH (source .comparison-section) ==== */
#cm-compare,
.cm-compare,
.elementor-element.cm-compare {
  padding: 120px max(24px, calc((100vw - 1240px) / 2)) !important;
  background: #75221C !important;
  color: #FFFFFF !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#cm-compare > .e-con,
#cm-compare > .elementor-element {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Heading: number left, eyebrow+title right */
#cm-compare-heading,
.cm-compare-heading,
.elementor-element.cm-compare-heading {
  display: grid !important;
  grid-template-columns: 0.65fr 1.35fr !important;
  column-gap: 60px !important;
  row-gap: 0 !important;
  align-items: start !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
  --display: grid !important;
  --flex-direction: unset !important;
}

#cm-compare-heading > .e-con,
#cm-compare-heading > .elementor-element {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  flex: unset !important;
}

.cm-section-number-light,
.cm-section-number-light p,
#cm-compare-heading > .elementor-widget-text-editor:first-child,
#cm-compare-heading > .elementor-widget-text-editor:first-child p {
  margin: 0 !important;
  color: rgba(255,255,255,0.42) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.cm-compare-eyebrow,
.cm-compare-eyebrow p,
#cm-compare-heading > .elementor-widget-text-editor:nth-child(2),
#cm-compare-heading > .elementor-widget-text-editor:nth-child(2) p {
  margin: 44px 0 0 !important;
  color: #FCF392 !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.cm-compare-title .elementor-heading-title,
.cm-compare-title,
#cm-compare-heading .elementor-heading-title {
  margin: 0 !important;
  color: #FFFFFF !important;
  font-family: "Bricolage Grotesque", sans-serif !important;
  font-size: clamp(52px, 6vw, 82px) !important;
  font-weight: 400 !important;
  line-height: 0.92 !important;
  letter-spacing: -0.06em !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
}

#cm-compare-heading > .elementor-widget-heading {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Table */
#cm-table-head,
.cm-table-head,
.cm-table-row,
.elementor-element.cm-table-head,
.elementor-element.cm-table-row {
  display: grid !important;
  grid-template-columns: 1.2fr 0.8fr 1.4fr 0.7fr !important;
  gap: 24px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 78px !important;
  padding: 16px 20px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid rgba(255,255,255,0.16) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: rgba(255,255,255,0.64) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
  --display: grid !important;
  --flex-direction: unset !important;
}

#cm-table-head,
.cm-table-head,
.elementor-element.cm-table-head {
  margin-top: 72px !important;
  min-height: 50px !important;
  border-top: 1px solid rgba(255,255,255,0.2) !important;
  color: rgba(255,255,255,0.38) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

#cm-table-head > .e-con,
#cm-table-head > .elementor-element,
.cm-table-row > .e-con,
.cm-table-row > .elementor-element {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  flex: unset !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.cm-table-head-cell,
.cm-table-head-cell p,
#cm-table-head > .elementor-widget-text-editor,
#cm-table-head > .elementor-widget-text-editor p {
  margin: 0 !important;
  color: rgba(255,255,255,0.38) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
}

.cm-table-label .elementor-heading-title,
.cm-table-label,
.cm-table-row > .elementor-widget-heading .elementor-heading-title {
  margin: 0 !important;
  color: #FFFFFF !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.cm-table-cell,
.cm-table-cell p,
.cm-table-row > .elementor-widget-text-editor,
.cm-table-row > .elementor-widget-text-editor p {
  margin: 0 !important;
  color: rgba(255,255,255,0.64) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Featured cream row */
.cm-featured,
.cm-table-row.cm-featured,
.elementor-element.cm-featured {
  margin-top: 12px !important;
  background: #FCF392 !important;
  color: #75221C !important;
  border: 0 !important;
  border-bottom: 0 !important;
}

.cm-featured .cm-table-label .elementor-heading-title,
.cm-featured .cm-table-label,
.cm-featured > .elementor-widget-heading .elementor-heading-title {
  color: #75221C !important;
  font-family: "Bricolage Grotesque", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.cm-featured .cm-table-cell,
.cm-featured .cm-table-cell p,
.cm-featured > .elementor-widget-text-editor,
.cm-featured > .elementor-widget-text-editor p {
  color: #75221C !important;
  font-weight: 400 !important;
}

/* Footnote */
.cm-compare-footnote,
.cm-compare-footnote p,
#cm-compare > .elementor-widget-text-editor:last-child,
#cm-compare > .elementor-widget-text-editor:last-child p {
  margin: 28px 0 0 !important;
  text-align: center !important;
  color: rgba(255,255,255,0.55) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

@media (max-width: 1050px) {
  #cm-compare-heading,
  .cm-compare-heading {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
  }
  .cm-section-number-light,
  #cm-compare-heading > .elementor-widget-text-editor:first-child,
  .cm-compare-eyebrow,
  #cm-compare-heading > .elementor-widget-text-editor:nth-child(2),
  #cm-compare-heading > .elementor-widget-heading,
  .cm-compare-title {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .cm-compare-eyebrow,
  #cm-compare-heading > .elementor-widget-text-editor:nth-child(2),
  #cm-compare-heading > .elementor-widget-text-editor:nth-child(2) p {
    margin-top: 18px !important;
  }
  #cm-table-head,
  .cm-table-head,
  .cm-table-row {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px 20px !important;
  }
}

@media (max-width: 720px) {
  #cm-compare,
  .cm-compare {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .cm-compare-title .elementor-heading-title,
  #cm-compare-heading .elementor-heading-title {
    font-size: 52px !important;
  }
  #cm-table-head,
  .cm-table-head,
  .cm-table-row {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
}

/* compare-fix 20260811f */