.disc li {
    /*list-style-type: disc;*/
    font-size: 20px;
    margin-bottom: 15px;
}

.slide .background.customBackground {
    background-size: initial;
    background-repeat: no-repeat;
  }

  .circle li {list-style-type: circle;}
  .disc li {list-style-type: disc;}
  .square li {list-style-type: square;}
  
  /* numbered lists */
  .armenian li { list-style-type: armenian;}
  .cjk-ideographic li { list-style-type: cjk-ideographic;}
  .decimal li { list-style-type: decimal;}
  .decimal-leading-zero li { list-style-type: decimal-leading-zero;}
  .georgian li { list-style-type: georgian;}
  .hebrew li { list-style-type: hebrew;}
  .hiragana li { list-style-type: hiragana;}
  .hiragana-iroha li { list-style-type: hiragana-iroha;}
  .katakana li { list-style-type: katakana;}
  .katakana-iroha li { list-style-type: katakana-iroha;}
  .lower-alpha li { list-style-type: lower-alpha;}
  .lower-greek li { list-style-type: lower-greek;}
  .lower-latin li { list-style-type: lower-latin;}
  .lower-roman li { list-style-type: lower-roman;}
  .upper-alpha li { list-style-type: upper-alpha;}
  .upper-latin li { list-style-type: upper-latin;}
  .upper-roman li { list-style-type: upper-roman;}

  /* === Duro: global typography refinements === */

/* Headlines */
h1, .h1 { font-size: clamp(36px, 4vw, 45px) !important; line-height: 1.1; font-weight: 900; } 
h2, .h2 { font-size: clamp(26px, 3vw, 32px) !important; line-height: 1.18; font-weight: 900; } 
h3, .h3 { font-size: clamp(18px, 2.2vw, 20px) !important; line-height: 1.2; font-weight: 800; }

/* Body text */
p, .p { font-size: clamp(16px, 1.8vw, 19px) !important; line-height: 1.45; opacity: 0.9; }

/* Optional: slightly lighter subheads inside paragraphs */
strong.subhead { font-weight: 700; }

/* Navigation (top bar) */
.panel .sections .menu li a {
  font-size: 16px;            /* down from ~20px */
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 4px 8px;
}

/* ===============================
   TYPOGRAPHY + SPACING REFINEMENTS
   =============================== */

/* Tighter spacing between hero (H1) and body copy */
.container .wrap h1,
.container .wrap .h1 {
  margin-bottom: 10px !important; /* was ~20px; tighter, more professional rhythm */
}

/* Keep section spacing consistent between paragraphs and subheads */
.container .wrap .p + .h2,
.container .wrap p + h2 {
  margin-top: 28px !important; /* was 36px */
}

/* Buttons: refined enterprise sizing */
.button,
.panel .button {
  font-size: 16px !important;
  font-weight: 600;
  padding: 10px 20px;
  letter-spacing: 0.01em;
}

/* Tighten spacing between headings and paragraphs */
h1 + p,
h2 + p,
.h1 + .p,
.h2 + .p {
  margin-top: 0 !important;     /* remove top margin (if any) */
  margin-bottom: 20px !important; /* modest breathing room */
}

/* Maintain comfortable spacing when new sections start */
p + h2,
p + h3,
.p + .h2,
.p + .h3 {
  margin-top: 30px !important;
}

/* Add space between main headline (H1) and first subhead (H3) */
h1 + h3,
.h1 + .h3 {
  margin-top: 40px !important; /* adjust between 20-36px as needed */
}

/* Homepage: add space between H1 and the first feature block */
li.col-7-12.left > h1 {
  margin-bottom: 5px !important;          /* keep H1 tight */
}

li.col-7-12.left > h1 + div,
li.col-7-12.left > h1 ~ div:first-of-type { 
  margin-top: 28px !important;             /* space before first H3 block */
}

/* Optional: ensure each H3 label has a little air above it (inside those divs) */
li.col-7-12.left > div > h3 {
  margin-top: 0 !important;                /* don’t double-stack margins */
  margin-bottom: 6px !important;           /* tiny gap to its paragraph */
}

/* ===== Five-Step section spacing (scoped) ===== */
#five-step .left h1 {               /* tighten H1 to subhead */
  margin-bottom: 12px !important;
}

#five-step .left .subhead {         /* “Delivering measurable ROI…” line */
  margin-top: 6px !important;
  margin-bottom: 22px !important;   /* more air before Step 1 */
  font-weight: 700;
}

#five-step .left .step {            /* each step block wrapper */
  margin-top: 16px !important;      /* overall block spacing */
}

#five-step .left .step h3 {         /* step titles (1. Intake, etc.) */
  margin: 0 0 6px !important;       /* small gap to its paragraph */
  font-weight: 700;
}

#five-step .left .step p {          /* reduce paragraph spacing */
  margin: 0 0 10px !important;      /* tighter than default */
  line-height: 1.45;
  opacity: 0.9;
}

/* 1. Make the sidebar logo white (invert the original black SVG) */
nav.sidebar .logo svg {
  filter: brightness(0) invert(1); /* turns black SVG white */
}

/* DURO – Active nav link color */

/* Top navigation (header) */
.panel .sections .menu li.active > a {
  color: #13409C !important;
}

/* Sidebar / mobile navigation */
nav.sidebar .mainMenu li.active > a {
  color: #13409C !important;
}

/* Remove the circle from the mobile menu button and darken the icon */
.panel .sections .right .button.actionButton.sidebarTrigger {
  background: transparent !important;   /* kill grey circle fill */
  box-shadow: none !important;          /* kill circle outline */
  border-radius: 0 !important;          /* no circular shape */
  height: auto !important;
  width: auto !important;
  padding: 0 !important;
}

/* Darken the hamburger icon itself */
.panel .sections .right .button.actionButton.sidebarTrigger svg {
  fill: #202020 !important;   /* dark icon */
  width: 28px;                /* tweak size if needed */
  height: 28px;
}

/* AI One Step bullets: align with the left text column */
#onestep .col-7-12.left ul.disc {
  margin-left: 0;         /* keep aligned with the text block */
  padding-left: 1.4em;    /* space for the bullet dot */
  list-style-position: outside;
}

#onestep .col-7-12.left ul.disc li {
  font-size: 20px;
  margin-bottom: 24px;
}

/* AI Phase 1 bullets: align with the left text column */
#phase1 .col-7-12.left ul.disc {
  margin-left: 0;         /* keep aligned with the text block */
  padding-left: 1.4em;    /* space for the bullet dot */
  list-style-position: outside;
}

#phase1 .col-7-12.left ul.disc li {
  font-size: 20px;
  margin-bottom: 24px;
}



.bold {
  font-weight: 700 !important;
}