.elementor-7453 .elementor-element.elementor-element-c8d56f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7453 .elementor-element.elementor-element-318df8d{--display:flex;}.elementor-7453 .elementor-element.elementor-element-a66da1c{--display:flex;}.elementor-7453 .elementor-element.elementor-element-99ecb27{--display:flex;}.elementor-7453 .elementor-element.elementor-element-16c55c2{--display:flex;}.elementor-7453 .elementor-element.elementor-element-46b47d1{--display:flex;}.elementor-7453 .elementor-element.elementor-element-f16e7d3{--display:flex;}/* Start custom CSS for container, class: .elementor-element-c8d56f7 *//* =========================================================
   ST38 PATCH — Center CTA + Luxe list markers
   Scope: .ss-st38
   Paste BELOW your existing .ss-st38 CSS
   ========================================================= */

/* 1) Center the CTA button */
.ss-st38 .ss-st38__cta{
  justify-content: center;
}
.ss-st38 .ss-st38__cta .elementor-widget-button,
.ss-st38 .ss-st38__cta .elementor-button-wrapper{
  width: auto;
  display: flex;
  justify-content: center;
}
.ss-st38 .ss-st38__btn{
  width: auto !important;
  max-width: 420px;
  min-width: 260px;
}

/* 2) Soften the left accent bar (less “loud”) */
.ss-st38 .ss-st38__card::before{
  width: 4px;
  opacity: .75;
}

/* 3) Ordered list (Steps): luxe number badge + subtle vertical connector */
.ss-st38 .ss-st38__steps ol{
  counter-reset: ssStep;
  gap: .8rem;
}

.ss-st38 .ss-st38__steps ol > li{
  position: relative;
  padding-left: 3.1rem; /* more breathing room than before */
  counter-increment: ssStep;
}

/* Number badge */
.ss-st38 .ss-st38__steps ol > li::before{
  content: counter(ssStep);
  position: absolute;
  left: 0;
  top: .05rem;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 999px;
  display: grid;
  place-items: center;

  font-weight: 700;
  font-size: .88rem;
  color: var(--ss-ink-soft);

  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,247,249,.92));
  border: 1px solid rgba(26,26,26,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 10px 22px rgba(26,26,26,.08),
    0 0 0 3px rgba(255,44,86,.07);
}

/* Vertical connector line (timeline feel) */
.ss-st38 .ss-st38__steps ol > li::after{
  content:"";
  position: absolute;
  left: .9rem;            /* centered under the badge */
  top: 2.05rem;
  bottom: -.6rem;
  width: 1px;
  background: linear-gradient(180deg, rgba(26,26,26,.14), rgba(26,26,26,0));
}
.ss-st38 .ss-st38__steps ol > li:last-child::after{
  display: none;
}

/* 4) Unordered list (Day-of): luxe “unchecked” ring marker (no default circles) */
.ss-st38 .ss-st38__dayof ul{
  gap: .85rem;
}

.ss-st38 .ss-st38__dayof ul > li{
  position: relative;
  padding-left: 2.85rem;
}

.ss-st38 .ss-st38__dayof ul > li::before{
  content:"";
  position: absolute;
  left: 0;
  top: .12rem;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 999px;

  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.98), rgba(245,246,248,.92));
  border: 1px solid rgba(26,26,26,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 10px 22px rgba(26,26,26,.07),
    0 0 0 3px rgba(255,44,86,.06);
}

/* Keep list dividers subtle and aligned */
.ss-st38 .ss-st38__card .ss-prose li + li{
  border-top: 1px dashed rgba(26,26,26,.10);
  padding-top: .85rem;
}/* =========================================================
   ST38 — Day-of checklist markers (checked circle)
   Scope: .ss-st38
   ========================================================= */

.ss-st38{
  --ss-st38-check-size: 20px;
}

/* Ensure spacing fits the new marker */
.ss-st38 .ss-st38__dayof ul > li{
  padding-left: calc(var(--ss-st38-check-size) + 16px);
  position: relative;
}

/* Pink ring */
.ss-st38 .ss-st38__dayof ul > li::before{
  content:"";
  position:absolute;
  left: 0;
  top: .22rem;
  width: var(--ss-st38-check-size);
  height: var(--ss-st38-check-size);
  border-radius: 999px;
  background: #fff;
  border: 2px solid var(--ss-pink);
  box-shadow: 0 10px 22px rgba(26,26,26,.08);
}

/* Pink check */
.ss-st38 .ss-st38__dayof ul > li::after{
  content:"✓";
  position:absolute;
  left: 0;
  top: .22rem;
  width: var(--ss-st38-check-size);
  height: var(--ss-st38-check-size);
  display: grid;
  place-items: center;
  color: var(--ss-pink);
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
}
/* =========================================================
   ST38 PATCH — remove native list markers + center CTA in grid
   Scope: .ss-st38
   Paste BELOW your existing .ss-st38 CSS
   ========================================================= */

/* 1) REMOVE BASE UL/OL FORMATTING (bullets + numbers) */

/* Kill list markers + indentation everywhere inside ST38 text editors */
.ss-st38 .elementor-widget-text-editor ul,
.ss-st38 .elementor-widget-text-editor ol,
.ss-st38 .ss-st38__steps ul,
.ss-st38 .ss-st38__steps ol,
.ss-st38 .ss-st38__dayof ul,
.ss-st38 .ss-st38__dayof ol{
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Kill browser markers explicitly (prevents “•” and “1.” overlay) */
.ss-st38 .elementor-widget-text-editor li::marker,
.ss-st38 .ss-st38__steps li::marker,
.ss-st38 .ss-st38__dayof li::marker{
  content: "" !important;
}

/* Ensure no default marker space remains */
.ss-st38 .elementor-widget-text-editor li{
  list-style: none !important;
}

/* 2) CENTER ss-st38-cta INSIDE ss-st38-grid (and span both columns) */

.ss-st38 #ss-st38-grid{
  position: relative;
}

.ss-st38 #ss-st38-cta{
  grid-column: 1 / -1;     /* spans both columns */
  justify-self: center;    /* centers the container as a grid item */
  width: 100%;
  display: flex;
  justify-content: center; /* centers button within */
}

/* keep the button from stretching */
.ss-st38 #ss-st38-cta .elementor-button-wrapper{
  width: auto;
}
.ss-st38 #ss-st38-cta .elementor-button{
  width: auto;
  min-width: 260px;
  max-width: 420px;
}
/* =========================================================
   ST38 PATCH — align markers to text baseline (OL + UL)
   Scope: .ss-st38
   Paste BELOW your existing .ss-st38 CSS
   ========================================================= */

/* ---- Day-of (UL): checked circle aligns with first line ---- */
.ss-st38 .ss-st38__dayof ul > li{
  padding-left: 0 !important;      /* remove old offset */
  display: flex;
  align-items: flex-start;         /* align to first line */
  gap: 12px;
  min-width: 0;                    /* allows wrap cleanly */
}

/* Use ONE pseudo for ring + check so it sits perfectly */
.ss-st38 .ss-st38__dayof ul > li::before{
  content: "✓";
  position: relative !important;
  left: auto !important;
  top: .12em !important;           /* tiny baseline nudge */
  flex: 0 0 var(--ss-st38-check-size, 20px);
  width: var(--ss-st38-check-size, 20px);
  height: var(--ss-st38-check-size, 20px);
  border-radius: 999px;
  background: #fff;
  border: 2px solid var(--ss-pink);
  color: var(--ss-pink);
  display: inline-grid;
  place-items: center;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(26,26,26,.08);
}

/* Remove any previous second pseudo checkmark */
.ss-st38 .ss-st38__dayof ul > li::after{
  content: none !important;
}

/* ---- Steps (OL): number badge aligns with first line ---- */
.ss-st38 .ss-st38__steps ol > li{
  padding-left: 0 !important;      /* remove old offset */
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.ss-st38 .ss-st38__steps ol > li::before{
  position: relative !important;
  left: auto !important;
  top: .10em !important;           /* baseline nudge */
  flex: 0 0 1.85rem;
  width: 1.85rem;
  height: 1.85rem;
}

/* Keep the connector aligned under the badge center */
.ss-st38 .ss-st38__steps ol > li::after{
  left: .925rem !important;        /* 1.85rem / 2 */
}
/* =========================================================
   ST38 PATCH — equal height cards + vertical centering + luxe section gradient
   Scope: .ss-st38
   Paste BELOW your existing .ss-st38 CSS
   ========================================================= */

/* A) Apply the same luxe gradient used across the system */
.ss-section.ss-st38{
  background: var(--ss-luxe-grad); /* global luxe gradient token */ 
}

/* Optional: keep content readable on bright screens */
.ss-section.ss-st38{
  position: relative;
}
.ss-section.ss-st38::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: rgba(255,255,255,.35);
}

/* Make sure real content stays above the overlay */
.ss-section.ss-st38 > *{
  position: relative;
  z-index: 1;
}

/* B) Force the 2-up cards to be the SAME HEIGHT */
.ss-st38 #ss-st38-grid,
.ss-st38 .ss-st38__grid{
  align-items: stretch; /* grid items stretch to same row height */
}

/* Ensure both cards can stretch and behave consistently */
.ss-st38 .ss-card.ss-st38__card--steps,
.ss-st38 .ss-card.ss-st38__card--dayof{
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* C) Vertically center the CONTENTS of the WYSIWYG blocks
      (these are your Text Editor widgets with classes below) */
.ss-st38 .ss-prose.ss-st38__steps,
.ss-st38 .ss-prose.ss-st38__dayof{
  /* this makes the WYSIWYG block fill available vertical space
     and center its content */
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;

  /* avoids weird overflow when lists wrap */
  min-height: 0;
}

/* If Elementor adds an inner widget container, keep it centered too */
.ss-st38 .ss-prose.ss-st38__steps > .elementor-widget-container,
.ss-st38 .ss-prose.ss-st38__dayof > .elementor-widget-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
}

/* D) If you have headings ABOVE the prose inside the card,
      keep those at the top while prose centers below */
.ss-st38 .ss-card.ss-st38__card--steps > :not(.ss-st38__steps),
.ss-st38 .ss-card.ss-st38__card--dayof > :not(.ss-st38__dayof){
  flex: 0 0 auto;
}/* End custom CSS */