body.page-id-810 { overflow-x: hidden; }
body.page-id-810 #cs-hero { min-height: 86vh; display:flex; align-items:center; position:relative; overflow:hidden; margin:0 !important; width:100% !important; max-width:none !important; }
body.page-id-810 #cs-hero > .e-con-inner,
body.page-id-810 #cs-hero > .elementor-element { position:relative; z-index:2; }
body.page-id-810 #cs-hero .elementor-widget-spacer { display:none !important; }
body.page-id-810 #cs-hero h1 { font-size:clamp(3.25rem,7vw,6.4rem) !important; line-height:.96 !important; letter-spacing:-.045em; max-width:980px; margin-inline:auto; }
body.page-id-810 #cs-hero .elementor-widget-text-editor { max-width:760px; margin-inline:auto; }
body.page-id-810 #cs-hero .elementor-widget-text-editor p { font-size:clamp(1.15rem,2vw,1.65rem) !important; line-height:1.35 !important; }

body.page-id-810 #cs-pin-outer { position:relative; z-index:5; background:#f4f7f8; width:100% !important; max-width:none !important; overflow:visible !important; }
body.page-id-810 #cs-camera { height:100vh !important; min-height:680px; overflow:hidden !important; display:flex !important; align-items:stretch !important; background:#f4f7f8; width:100vw !important; max-width:none !important; padding:0 !important; margin:0 !important; }
body.page-id-810 #cs-track { display:flex !important; flex-wrap:nowrap !important; gap:0 !important; width:max-content !important; min-width:max-content !important; max-width:none !important; flex:0 0 auto !important; padding:0 !important; margin:0 !important; will-change:transform; }
body.page-id-810 #cs-track > .e-con { flex:0 0 100vw !important; width:100vw !important; max-width:none !important; height:100vh !important; min-height:680px; max-height:none !important; overflow:hidden !important; margin:0 !important; border-radius:0 !important; box-shadow:none !important; position:relative; display:flex !important; justify-content:center; align-items:center; padding:clamp(40px,5vw,80px) clamp(28px,7vw,110px) !important; isolation:isolate; }
body.page-id-810 #cs-track > .e-con::before { content:""; position:absolute; inset:0; z-index:-2; background-size:cover; background-repeat:no-repeat; background-position:78% center; transform:scale(1.02); }
body.page-id-810 #cs-track > .e-con::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(22,50,60,.98) 0%, rgba(48,97,113,.96) 40%, rgba(48,97,113,.72) 58%, rgba(48,97,113,.12) 100%); }
body.page-id-810 #cs-panel-dds::before { background-image:url('https://custermarketing.com/wp-content/uploads/2026/07/Custer-Marketing-Case-Study-Mansfield-Dentist-scaled.webp'); }
body.page-id-810 #cs-panel-superstorm::before { background-image:url('https://custermarketing.com/wp-content/uploads/2026/07/Custer-Marketing-Case-Study-Superstorm-Events.webp'); }
body.page-id-810 #cs-panel-southern::before { background-image:url('https://custermarketing.com/wp-content/uploads/2026/07/Custer-Marketing-Case-Study-Southern-Touch-Painting.webp.avif'); }

body.page-id-810 #cs-track > .e-con > .e-con { width:min(720px,54vw) !important; max-width:720px; align-self:center; margin-right:auto; background:transparent !important; color:#fff; }
body.page-id-810 #cs-track > .e-con > .e-con:first-child { padding:0 0 22px !important; }
body.page-id-810 #cs-track h2 { color:#fff !important; font-size:clamp(2.8rem,5vw,5.7rem) !important; line-height:.96 !important; letter-spacing:-.045em; margin:10px 0 12px; }
body.page-id-810 #cs-track p { color:#fff !important; }
body.page-id-810 #cs-track strong { color:#fff; }
body.page-id-810 #cs-track > .e-con > .e-con:nth-child(2) { display:flex !important; flex-direction:row !important; gap:28px !important; padding:18px 0 22px !important; border-top:1px solid rgba(255,255,255,.28); border-bottom:1px solid rgba(255,255,255,.28); }
body.page-id-810 #cs-track > .e-con > .e-con:nth-child(2) > .e-con { width:auto !important; flex:0 1 auto !important; padding:0 34px 0 0 !important; }
body.page-id-810 #cs-track > .e-con > .e-con:nth-child(2) .elementor-heading-title { color:#FF7F50 !important; text-align:left !important; font-size:clamp(2.5rem,4vw,4.7rem) !important; line-height:1 !important; }
body.page-id-810 #cs-track > .e-con > .e-con:nth-child(2) .elementor-widget-text-editor { text-align:left !important; }
body.page-id-810 #cs-track > .e-con > .e-con:nth-child(2) p { font-size:1rem !important; margin:4px 0 0 !important; }
body.page-id-810 #cs-track > .e-con > .e-con:nth-child(3) { padding:24px 0 10px !important; }
body.page-id-810 #cs-track > .e-con > .e-con:nth-child(3) p { font-size:clamp(1rem,1.35vw,1.2rem) !important; line-height:1.55 !important; max-width:650px; }
body.page-id-810 #cs-track .elementor-button { background:#FF7F50 !important; color:#16323c !important; border:1px solid #FF7F50 !important; border-radius:10px !important; padding:15px 22px !important; font-weight:700 !important; }
body.page-id-810 #cs-track .elementor-button:hover { background:#fff !important; border-color:#fff !important; color:#306171 !important; }
body.page-id-810 #cs-track .elementor-widget-button { margin:10px 0 0 !important; align-self:flex-start !important; }

body.page-id-810 #cs-after-showcase { background:#fff; padding:clamp(70px,8vw,120px) 6vw !important; text-align:center; width:100% !important; max-width:none !important; min-height:0 !important; flex:0 0 auto !important; margin:0 !important; }
body.page-id-810 #cs-after-showcase h3 { color:#306171; font-size:clamp(2.2rem,4vw,4.25rem); line-height:1.02; letter-spacing:-.035em; max-width:900px; margin-inline:auto; }
body.page-id-810 #cs-after-showcase .elementor-widget-button { display:inline-block; margin:10px 8px 0; }

body.page-id-810 #cs-process { padding:clamp(80px,9vw,140px) 6vw !important; background:#f4f7f8; }
body.page-id-810 #cs-process h2 { font-size:clamp(2.7rem,5vw,5.5rem) !important; line-height:1 !important; letter-spacing:-.04em; }
body.page-id-810 #cs-process > .e-con { max-width:1180px; margin-inline:auto; }
body.page-id-810 #cs-process .e-con > .e-con { border-top:1px solid rgba(48,97,113,.28); padding-top:28px !important; }
body.page-id-810 #cs-process .elementor-heading-title { line-height:1.08 !important; }

body.page-id-810 #cs-faq { padding:clamp(80px,9vw,130px) 6vw !important; }
body.page-id-810 #cs-faq h2 { font-size:clamp(2.6rem,5vw,5rem) !important; line-height:1 !important; letter-spacing:-.04em; }
body.page-id-810 #cs-final-cta { padding:clamp(90px,10vw,150px) 6vw !important; background:#306171; }
body.page-id-810 #cs-final-cta h2, body.page-id-810 #cs-final-cta p { color:#fff !important; }
body.page-id-810 #cs-final-cta h2 { font-size:clamp(3rem,6vw,6rem) !important; line-height:.98 !important; letter-spacing:-.045em; }

body.page-id-810 .cm-hide-spacing { display:none !important; }

@media (max-width:1024px) {
  body.page-id-810 #cs-hero { min-height:70vh; padding:90px 20px 60px; }
  body.page-id-810 #cs-camera { height:auto !important; min-height:0; overflow:visible !important; }
  body.page-id-810 #cs-track { display:block !important; width:100% !important; min-width:0 !important; transform:none !important; }
  body.page-id-810 #cs-track > .e-con { width:100% !important; height:auto !important; min-height:760px !important; padding:70px 24px !important; }
  body.page-id-810 #cs-track > .e-con::before { background-position:center 18%; opacity:.38; }
  body.page-id-810 #cs-track > .e-con::after { background:linear-gradient(180deg, rgba(22,50,60,.54) 0%, rgba(48,97,113,.94) 43%, rgba(48,97,113,1) 100%); }
  body.page-id-810 #cs-track > .e-con > .e-con { width:100% !important; max-width:680px; margin-top:auto; }
}

@media (max-width:767px) {
  body.page-id-810 #cs-track > .e-con { min-height:760px !important; }
  body.page-id-810 #cs-track > .e-con > .e-con:nth-child(2) { gap:14px !important; }
  body.page-id-810 #cs-track > .e-con > .e-con:nth-child(2) > .e-con { padding-right:12px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-810 #cs-track { transform:none !important; }
}
