/* Elevated Business Coaching page stylesheet. Built by tools/hubspot/bc/build_bc.py from the demo's CSS:
   the theme module CSS it loads (copied unchanged from the live site), page.css and business-coaching.css. */

/* ===== module_Hero.css ===== */
.hero-wrapper .content-wrapper{align-items:center;display:flex;justify-content:space-between}.hero-wrapper .content{font-size:20px;font-weight:500;line-height:170%;max-width:800px;width:100%}.hero-wrapper h3{margin-bottom:15px}.hero-wrapper h1{margin-bottom:30px;text-shadow:0 14px 30px rgba(0,0,0,.1),0 3px 16px rgba(0,0,0,.07)}.hero-wrapper .content-inner em,.hero-wrapper .content-inner i{font-family:Cervanttis;font-style:normal;font-weight:400;text-transform:lowercase}.hero-wrapper .button-wrap{margin-top:40px}.hero-wrapper em.rotate{display:inline-block;line-height:1;min-height:83px;min-width:300px;white-space:nowrap}@media(min-width:1281px){.hero-wrapper .h1,.hero-wrapper h1{font-size:70px}}@media(max-width:1280px) and (min-width:992px){.hero-wrapper .h1,.hero-wrapper h1{font-size:50px}}@media(max-width:1280px){.hero-wrapper .content{font-size:18px}.hero-wrapper .button-wrap{margin-top:30px}}@media(max-width:767px){.hero-wrapper em.rotate{min-height:53px}}@media(max-width:520px){.hero-wrapper em.rotate{display:block}}

/* ===== module_Two_column.css ===== */
.two-column-wrapper .content-wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.two-column-wrapper .media{width:47.8%}.two-column-wrapper .image{text-align:center}.two-column-wrapper .content{width:47.8%}.two-column-wrapper .content:only-child{margin-right:auto}.two-column-wrapper .video{align-items:center;background-position:50%;background-size:cover;display:flex;height:0;justify-content:center;mix-blend-mode:multiply;overflow:hidden;padding-bottom:63.84%;position:relative}.two-column-wrapper .rounded_corner .video{border-radius:40px}.two-column-wrapper .video:before{content:"";display:block;height:100%;left:0;mix-blend-mode:multiply;opacity:.5;position:absolute;top:0;width:100%}.two-column-wrapper a.video-popup{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.two-column-wrapper .rounded_corner .image img{border-radius:40px}.two-column-wrapper .content h5{margin-bottom:6px}.two-column-wrapper .content-inner h2{margin-bottom:21px}.two-column-wrapper .button-wrap{display:flex;flex-wrap:wrap;margin:20px -15px 0}.two-column-wrapper .button-wrap a{margin:20px 15px 0}.two-column-wrapper .content-wrapper.right{flex-direction:row-reverse}@media(max-width:991px){.two-column-wrapper .content-wrapper{flex-direction:column!important}.two-column-wrapper .image{text-align:left}.two-column-wrapper .content,.two-column-wrapper .media{width:100%}.two-column-wrapper .video{max-width:630px}.two-column-wrapper .media{margin-bottom:30px}.two-column-wrapper .button-wrap{margin-top:10px}}

/* ===== module_Multi_column.css ===== */
.multi-column .content{margin-bottom:60px}.multi-column .content-inner{font-size:22px;font-weight:500;line-height:170%;margin:0 auto;max-width:1024px;text-align:center}.multi-column .content-inner h5{margin-bottom:6px}.multi-column h2{margin-bottom:15px}.multi-column .button-wrap{margin-top:40px;text-align:center}.multi-column .button-wrap:only-child{margin-top:0}.multi-column .items{display:flex;flex-wrap:wrap;margin:0 -10px -40px}.multi-column .item{margin-bottom:40px;padding:0 10px;width:33.333%}.multi-column .item-content{display:flex;flex:1;flex-direction:column}.multi-column .item>div{border-radius:20px;box-shadow:0 8px 20px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.multi-column .items.row1 .item{width:100%}.multi-column .item path{stroke:currentColor}.multi-column .image svg{max-height:62px;width:auto;fill:currentColor}.multi-column .image{margin-bottom:20px}.multi-column .item-content .h5{font-weight:700;line-height:140%;margin-bottom:10px;text-transform:none}.multi-column .link-btn{padding-top:20px}.multi-column .items.left_pos .item>div{display:flex;flex-direction:row;flex-wrap:wrap}.multi-column .items.left_pos .image{margin-bottom:0;margin-right:10px;width:50px}@media(min-width:992px){.multi-column .items.row2 .item{width:50%}}@media(min-width:1281px){.multi-column .items.row4 .item{width:25%}}@media(max-width:1280px) and (min-width:992px){.multi-column .items.row4 .item{width:50%}}@media(max-width:1440px){.multi-column .content-inner{font-size:20px}}@media(max-width:1280px){.multi-column .content-inner{font-size:18px}}@media(max-width:991px){.multi-column .item{width:50%}.multi-column .button-wrap{margin-top:30px}.multi-column .content{margin-bottom:50px}}@media(max-width:767px){.multi-column .item{margin-bottom:30px;width:100%}.multi-column .items{margin-bottom:-30px}.multi-column a.link-btn{font-size:16px;padding-top:10px}.multi-column h2{margin-bottom:10px}.multi-column .button-wrap a{justify-content:center;width:100%}.multi-column .content{margin-bottom:50px}.multi-column a.link-btn svg{height:auto;margin-left:5px;width:6px}}@media(max-width:480px){.multi-column .items.left_pos .item>div{flex-direction:column}.multi-column .items.left_pos .image{margin-bottom:20px}}

/* ===== module_Testimonials.css ===== */
.testimonials .item-inner{background:#fff;border-radius:20px;box-shadow:0 8px 20px 0 rgba(0,0,0,.1);height:100%;margin:0 20px;padding:30px}.testimonials .content-wrapper{overflow:hidden;padding:0}.testimonials .company-logo{margin-bottom:30px;max-width:50%;text-align:center}.testimonials .company-logo img{margin:auto}.testimonials .quote{font-size:18px;font-style:normal;line-height:140%;margin-bottom:30px;text-align:left}.testimonials .author{display:flex;padding-left:0}.testimonials .slick-track{display:flex}.testimonials .image img{border-radius:50%;height:65px;object-fit:cover;width:65px}.testimonials .image{margin-right:20px;min-width:65px;width:65px}.testimonials .info{align-self:center;color:#000}.testimonials .name{font-size:18px;font-style:normal;font-weight:700;line-height:140%;margin-bottom:4px}.testimonials .company{font-size:14px;font-weight:300;line-height:140%}.testimonials .slider-bottom-nav{align-items:center;display:flex;justify-content:center;margin-top:20px;position:relative;width:100%;z-index:99;grid-gap:20px}.testimonials ul.slick-dots{padding:7px 28px}.testimonials .dots ul{margin:0}.testimonials .item.slick-slide{height:auto;padding:30px 0}@media(max-width:1280px){.testimonials .quote{font-size:22px}}@media(max-width:991px){.testimonials .quote{font-size:20px}.testimonials .author{padding-left:0}.testimonials .slick-track{display:block}}@media(max-width:480px){.testimonials .quote{font-size:18px}.testimonials .author{align-items:center;flex-direction:column;text-align:center}.testimonials .image{justify-content:center;margin-bottom:20px;margin-right:0}}

/* ===== module_Inline_CTA.css ===== */
.inline-cta .content{border-radius:20px;display:flex;flex-wrap:wrap;padding:60px}.inline-cta .content-inner{font-size:20px;font-weight:500;line-height:170%;width:58.31%}.inline-cta .button-wrap{align-items:center;display:flex;flex:1;justify-content:end;margin-left:40px}.inline-cta .content-inner h3{margin-bottom:15px}@media(max-width:1100px){.inline-cta .content{padding:30px}.inline-cta .button-wrap a{padding:10px 20px}}@media(max-width:991px){.inline-cta .content{flex-direction:column}.inline-cta .content-inner{width:100%}.inline-cta .button-wrap{justify-content:flex-start;margin-left:0;margin-top:30px}.inline-cta .content-inner{font-size:18px}}@media(max-width:480px){.inline-cta .button-wrap a{font-size:14px}}

/* ===== module_Bottom_section.css ===== */
.bottom-section .content-wrapper{align-items:center;display:flex;justify-content:space-between}.bottom-section .content{width:57%}.bottom-section .content-inner{margin-bottom:30px}.bottom-section .form{border-radius:20px;box-shadow:0 8px 20px 0 rgba(0,0,0,.1);overflow:hidden;padding:30px;width:31.84%}.bottom-section .form-inner{position:relative;z-index:22}.bottom-section .content-inner h5{line-height:110%;margin-bottom:6px}.bottom-section h2{font-weight:600;line-height:110%}.bottom-section .item{display:flex;padding-bottom:26px;position:relative}.bottom-section .item:last-child{padding:0}.bottom-section .item .title{font-size:26px;font-weight:500;line-height:normal}.bottom-section .item .number{align-items:center;background:transparent;border:2px solid;border-radius:100px;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:34px;justify-content:center;line-height:16px;margin-right:13px;width:34px}.bottom-section form .hs-button{display:flex;justify-content:center;width:100%}.bottom-section .number:after{background:currentColor;content:"";display:block;height:calc(100% - 34px);left:17px;position:absolute;top:34px;width:3px}.bottom-section .item:last-child .number:after{display:none}.bottom-section .des{margin-top:10px}@media(max-width:1440px){.bottom-section .content{font-size:20px}.bottom-section .item .title{font-size:24px}}@media(max-width:1280px){.bottom-section .item .number{font-size:14px;height:30px;width:30px}.bottom-section .number:after{height:calc(100% - 28px);left:15px;top:29px}.bottom-section .content{width:50%}.bottom-section .form{width:45%}.bottom-section .item .title{font-size:22px}}@media(max-width:991px){.bottom-section .content-wrapper{display:block}.bottom-section .content{margin-bottom:50px;width:100%}.bottom-section .form{width:100%}.bottom-section .item:last-child{padding:0}.bottom-section .content-inner{margin-bottom:41px}.bottom-section .item{padding-bottom:39.5px}.bottom-section .content{font-size:18px}}@media(max-width:767px){.bottom-section .content{margin-bottom:38px}}@media(max-width:480px){.bottom-section .content{font-size:16px}.bottom-section .item .number{height:26px;margin-top:2px;width:26px}.bottom-section .item .title{font-size:18px}.bottom-section h3{font-size:26px;font-weight:600}}

/* ===== module_FAQs.css ===== */
.accordion .content{margin-bottom:60px}.accordion .content-inner{font-size:22px;font-weight:500;line-height:170%;margin:0 auto;max-width:1024px;text-align:center}.accordion .content-inner h5{margin-bottom:6px}.accordion h2{margin-bottom:15px}.accordion .acc-title.open .icon{transform:rotate(180deg)}.accordion .acc-title{align-items:flex-start;cursor:pointer;display:flex;font-size:22px;justify-content:space-between;line-height:130%;margin:0;padding:20px 24.2px 18.21px 20px;text-transform:none}.accordion .item{background:#fff;border:1px solid #dfdfe1;border-radius:5px;margin-bottom:10px;overflow:hidden;position:relative}.accordion .acc-title .icon path{fill:currentColor}.accordion .acc-content{display:none}.accordion .acc-content>div{padding:0 20px 21px}.accordion .acc-title .icon{margin-left:20px;margin-top:-2px}.accordion.equal .content,.accordion.equal .items{width:46.9%}.accordion.content30 .content{width:32%}.accordion.content30 .items{width:62%}.accordion .item>div{position:relative;z-index:2}.accordion .acc-content .inner :last-child,.accordion .content-inner :last-child,.accordion .item:last-child{margin-bottom:0}@media(max-width:1440px){.accordion .content-inner{font-size:20px}}@media(max-width:1280px){.accordion .content-inner{font-size:18px}}@media(max-width:991px){.accordion .content-wrapper{display:block}.accordion .acc-content>div{padding:0 15px 15px}.accordion .acc-title{padding:15px}.accordion .content,.accordion .items{width:100%!important}.accordion .acc-title{font-size:20px}.accordion .content{margin-bottom:50px}}

/* ===== page.css ===== */
/*
  AI Fluency Sprint demo page.
  Everything above this file is Elevated Collective's own theme and module CSS, copied
  unchanged from elevatedcollective.com. This file only does what HubSpot does per page:
  section backgrounds and spacing (the inline module styles), plus the few components the
  live site does not have yet (track cards, 8-week line, industry grid, demo form).
  Colors and type come only from the theme: navy #002b5c, gold #ecbc0a / #edbc09,
  body #585858, header #172a37 to #1f394b, Oswald and Montserrat, Cervanttis script.
*/

html { scroll-behavior: smooth; }
body { background: #fff; }
.gold { color: #edbc09; }

/* ---------- Hero (homepage hero module, with this page's photo) ---------- */
#sec-hero .hero-wrapper { position: relative; padding-top: 75px; padding-bottom: 75px; overflow: hidden; }
#sec-hero .hero-wrapper:before {
  content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 30%;
  background-image: url('https://elevatedcollective.com/hubfs/Business-colleagues-having-a-conversation-in-a-board-room.-They-are-both-young-business-people-casually-dressed-in-a-modern-office-2210116389_1220x862.jpeg');
  background-size: cover; background-position: right 24%;
}
#sec-hero .hero-wrapper:after {
  position: absolute; content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0;
  opacity: 0.95;
  background: linear-gradient(to right, rgba(23,42,55,1), rgba(23,42,55,1) 32%, rgba(23,42,55,0.54) 58%, rgba(23,42,55,0) 86%);
}
#sec-hero .hero-wrapper .content-wrapper { position: relative; z-index: 2; }
#sec-hero .hero-wrapper .content-inner * { color: #fff; }
#sec-hero .hero-wrapper .content { max-width: 860px; }
#sec-hero .hero-wrapper h1 { margin-bottom: 18px; }
#sec-hero .hero-wrapper em.rotate { min-width: 380px; }
#sec-hero .hero-wrapper em.rotate::before { content: "\200b"; } /* keeps a baseline while the word is empty: no bounce */
#hero-typed-strings { display: none; }
#sec-hero .button-wrap { display: flex; flex-wrap: wrap; gap: 20px; }
#sec-hero .eyebrow {
  display: inline-block; font-family: Oswald, sans-serif; font-weight: 600; font-size: 20px;
  letter-spacing: .02em; text-transform: uppercase; margin-bottom: 14px; color: #ecbc0a !important;
}
@media (min-width: 1281px) { #sec-hero .hero-wrapper { min-height: 640px; display: flex; align-items: center; } #sec-hero .hero-wrapper .content-wrapper { width: 100%; } }
@media (max-width: 991px) {
  #sec-hero .hero-wrapper { padding-top: 50px; padding-bottom: 50px; }
  #sec-hero .hero-wrapper:before { left: 0; }
  #sec-hero .hero-wrapper:after { background: linear-gradient(to right, rgba(23,42,55,.96), rgba(23,42,55,.8)); }
  #sec-hero .hero-wrapper em.rotate { min-width: 0; display: block; } /* own line on tablets, so the hero doesn't jump */
}

/* ---------- Why it matters (homepage two-column) ---------- */
#sec-why .two-column-wrapper { position: relative; padding-top: 100px; padding-bottom: 40px; }
@media (max-width: 991px) { #sec-why .two-column-wrapper { padding-top: 60px; padding-bottom: 20px; } }

/* ---------- Counter ---------- */
#sec-gap .counter { position: relative; background-color: #fff; padding-top: 60px; padding-bottom: 60px; }
#sec-gap .counter .content { margin-bottom: 40px; }
#sec-gap .counter .item > div { background-color: #fff; position: relative; }
#sec-gap .counter .desc a { color: inherit; text-decoration: underline; text-decoration-color: rgba(0,43,92,.35); text-underline-offset: 2px; }
#sec-gap .counter .desc a:hover { color: #003dab; }
#sec-gap .note { text-align: center; font-size: 14px; margin-top: 34px; color: #585858; }
@media (max-width: 991px) { #sec-gap .counter { padding-top: 30px; padding-bottom: 30px; } }

/* ---------- Program-page body: the soft grey fade the live program page uses ---------- */
.program-body { background-image: linear-gradient(to bottom, rgba(68,68,68,0.1), rgba(68,68,68,0)); }
.program-body .section-title { padding-top: 80px; text-align: center; }
.program-body .section-title h2 { margin-bottom: 0; }
.program-body .section-title p { max-width: 880px; margin: 14px auto 0; font-size: 20px; line-height: 170%; }
#sec-cover .title-with-content { position: relative; padding-top: 40px; padding-bottom: 40px; }
#sec-cover .title-with-content h3, #sec-cover .title-with-content h4,
#sec-cover .title-with-content h5, #sec-cover .title-with-content h6 { margin-bottom: 8px; }
#sec-cover .title-with-content p { margin-bottom: 22px; }
#sec-overview .multi-column { position: relative; padding-top: 40px; padding-bottom: 80px; }
#sec-overview .multi-column .item > div { background-color: #fff; position: relative; }
#sec-overview .multi-column .image img { width: 90px; height: 86px; object-fit: contain; }
#sec-overview .multi-column .item-content p { margin-bottom: 0; }
#sec-overview .multi-column .item-content p + p { margin-top: 14px; }
@media (min-width: 1281px) { #sec-overview .multi-column .items.row4 .item { width: 25%; } }
@media (max-width: 1280px) and (min-width: 768px) { #sec-overview .multi-column .items.row4 .item { width: 50%; } }
@media (max-width: 767px) { #sec-overview .multi-column .items.row4 .item { width: 100%; } }

/* ---------- The four tracks (workshop page cards, extended) ---------- */
#tracks.session-column { background: linear-gradient(180deg, hsla(210,4%,79%,.2), hsla(240,1%,85%,0)); padding: 100px 0 90px; }
#tracks .content { margin-bottom: 50px; }
#tracks .items { margin: 0 -12px -24px; }
#tracks .item { margin-bottom: 24px; padding: 0 12px; }
#tracks .item > div { background: #fff; padding: 0; transition: transform .35s ease, box-shadow .35s ease; }
#tracks .item > div:hover { transform: translateY(-4px); box-shadow: 0 14px 30px 0 rgba(0,0,0,.12); }
.track-photo { position: relative; height: 230px; overflow: hidden; }
.track-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
#tracks .item > div:hover .track-photo img { transform: scale(1.03); }
.track-photo:after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(23,42,55,.85), rgba(23,42,55,.15) 60%, rgba(23,42,55,0)); }
.track-photo .track-num {
  position: absolute; left: 30px; bottom: 22px; z-index: 2; color: #fff;
  font-family: Oswald, sans-serif; font-weight: 600; font-size: 20px; text-transform: uppercase; letter-spacing: .02em;
}
.track-photo .track-num span { color: #ecbc0a; }
.track-body { padding: 26px 30px 30px; display: flex; flex-direction: column; flex: 1; }
.tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.tags span {
  font-size: 12px; font-weight: 600; line-height: 1; padding: 6px 10px; border-radius: 100px;
  background: rgba(0,43,92,.08); color: #002b5c;
}
.tags span.optional { background: rgba(236,188,10,.18); }
#tracks h3.h4 { margin-bottom: 10px; line-height: 125%; }
#tracks .track-body > p { margin-bottom: 22px; min-height: 5.1em; }
.track-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 26px; border-top: 1px solid rgba(0,0,0,.08); padding-top: 20px; }
.track-facts .full { grid-column: 1 / -1; }
.track-facts h4 { font-family: Oswald, sans-serif; color: #ecbc0a; font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 6px; }
.track-facts ul { margin: 0 0 12px; padding-left: 18px; font-size: 16px; line-height: 150%; }
.track-facts li { margin-bottom: 4px; }
.track-facts li::marker { color: #002b5c; }
/* Tablets show two cards side by side, too narrow for the two fact columns (they ran 1 to 2 words a line). */
@media (max-width: 991px) { .track-facts { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .track-body { padding: 22px 20px 24px; } .tags span { font-size: 13px; } }

/* ---------- 8 weeks (contact page Steps module, drawn on scroll) ---------- */
#sec-weeks .steps-wrapper { padding: 90px 0 100px; background: #fff; }
#sec-weeks .steps-wrapper .content-wrapper { max-width: 1400px; }
#sec-weeks .intro { text-align: center; max-width: 900px; margin: 0 auto 60px; font-size: 20px; line-height: 170%; }
#sec-weeks .intro h2 { margin-bottom: 14px; }
#sec-weeks .inner-step:before { display: none; }
#sec-weeks .items { position: relative; }
#sec-weeks .track-line, #sec-weeks .track-line-fill {
  position: absolute; top: 19px; height: 3px; left: calc(100% / 16); width: calc(100% - 100% / 8); border-radius: 3px;
}
#sec-weeks .track-line { background: rgba(0,43,92,.14); }
#sec-weeks .track-line-fill { background: linear-gradient(90deg, #002b5c, #002b5c 70%, #ecbc0a); transform-origin: left center; transform: scaleX(var(--p, 0)); }
#sec-weeks .item { position: relative; z-index: 2; text-align: center; }
#sec-weeks .step-num {
  margin: 0 auto; position: relative; z-index: 3; background: #fff; color: #002b5c; border: 3px solid rgba(0,43,92,.25);
  transition: background .35s ease, border-color .35s ease, color .35s ease, transform .35s ease; font-family: Montserrat, sans-serif;
}
#sec-weeks .item.is-on .step-num { background: #ecbc0a; border-color: #002b5c; color: #002b5c; transform: scale(1.08); }
#sec-weeks .timeline-content { padding-top: 22px; }
#sec-weeks .title { font-family: Oswald, sans-serif; text-transform: uppercase; font-size: 20px; font-weight: 600; margin-bottom: 6px; color: #002b5c; }
#sec-weeks .session { font-weight: 700; color: #002b5c; font-size: 15px; line-height: 140%; margin-bottom: 8px; }
#sec-weeks .desc { font-size: 15px; line-height: 145%; }
#sec-weeks .after {
  margin: 56px auto 0; max-width: 1100px; display: flex; align-items: center; gap: 22px;
  background: rgba(68,68,68,.06); border-radius: 20px; padding: 22px 30px;
}
#sec-weeks .after img { width: 56px; height: 56px; flex-shrink: 0; }
#sec-weeks .after p { margin: 0; }
#sec-weeks .after strong { color: #002b5c; }
/* Eight columns only from 1301px: at 1280 each week got ~125px and the text ran to 7 lines. */
@media (max-width: 1300px) {
  #sec-weeks .items { flex-wrap: wrap; row-gap: 34px; }
  #sec-weeks .item { flex: 0 0 25%; }
  #sec-weeks .track-line, #sec-weeks .track-line-fill { display: none; }
}
@media (max-width: 767px) {
  #sec-weeks .item { flex: none; width: 100%; text-align: left; display: flex; }
  #sec-weeks .step-num { margin: 0 15px 0 0; flex-shrink: 0; }
  #sec-weeks .timeline-content { padding-top: 0; }
  #sec-weeks .after { flex-direction: column; align-items: flex-start; }
  #sec-weeks .items { row-gap: 30px; }
  #sec-weeks .item:not(:last-child) { margin-bottom: 0; } /* the theme's 30px margin doubled the row gap */
}

/* ---------- Program outcomes (program page two-column) ---------- */
#sec-outcomes .two-column-wrapper { position: relative; padding-top: 40px; padding-bottom: 100px; }
#sec-outcomes ul { padding-left: 20px; }
#sec-outcomes li { margin-bottom: 18px; }
#sec-outcomes li strong { color: #002b5c; }
@media (max-width: 991px) { #sec-outcomes .two-column-wrapper { padding-top: 20px; padding-bottom: 60px; } }

/* ---------- What you receive (homepage L&D band) ---------- */
#sec-receive .training-benefits { position: relative; background-color: rgba(68,68,68,0.1); padding-top: 70px; padding-bottom: 70px; }
#sec-receive .training-benefits .image img { width: 68px; height: 64px; object-fit: contain; }
#sec-receive .training-benefits .button-wrap { display: flex; flex-wrap: wrap; gap: 14px; }
#sec-receive .training-benefits .item-content p { margin-bottom: 0; }
@media (min-width: 1281px) {
  #sec-receive .training-benefits.no-img .content { width: 40%; }
  #sec-receive .training-benefits.no-img .items { width: 52%; }
}
@media (max-width: 1280px) and (min-width: 992px) {
  #sec-receive .training-benefits .content { width: 100%; margin-bottom: 30px; }
  #sec-receive .training-benefits .items { width: 100%; }
}

/* Laptops and tablets: the four deliverables sit in a 2 x 2 grid under the heading, not one long
   column with empty space on the right, and the buttons stay together (the theme spreads them
   to opposite edges below 992px). */
@media (max-width: 1280px) and (min-width: 768px) {
  #sec-receive .training-benefits .items { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; row-gap: 36px; }
  #sec-receive .training-benefits .item, #sec-receive .training-benefits .item:last-child { width: auto; margin-bottom: 0; }
}
@media (max-width: 991px) {
  #sec-receive .training-benefits .button-wrap { justify-content: flex-start; gap: 14px; }
  #sec-receive .training-benefits .content { margin-bottom: 30px; }
}

/* ---------- Industries (homepage industry cards, static grid) ---------- */
#sec-industry { padding: 100px 0 70px; background: #fff; }
#sec-industry .intro { text-align: center; max-width: 900px; margin: 0 auto 46px; font-size: 20px; line-height: 170%; }
#sec-industry .intro h2 { margin-bottom: 14px; }
#sec-industry .industry-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
#sec-industry article.card { width: auto; height: 334px; flex: none; padding: 6px; background: #fff; border: 1px solid #eee; border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.18); }
#sec-industry article.card .thumb { height: 250px; border-radius: 6px; background-size: cover; background-position: center; }
#sec-industry article.card .infos { height: 400px; padding: 14px 22px; }
#sec-industry article.card .infos .title { font-size: 1.15rem; margin: 6px 0 14px; padding-right: 50px; }
#sec-industry article.card .infos .icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; }
#sec-industry article.card .infos .txt { font-size: .95rem; line-height: 1.5; }
#sec-industry article.card .infos .txt strong { color: #002b5c; }
#sec-industry article.card:hover .infos { transform: translateY(-250px); }
#sec-industry .hint { text-align: center; font-size: 14px; margin-top: 22px; }
@media (hover: none) {
  #sec-industry article.card { height: auto; }
  #sec-industry article.card .infos { height: auto; }
  #sec-industry article.card .infos .txt { opacity: 1; }
  #sec-industry .hint { display: none; }
}
@media (max-width: 1280px) { #sec-industry .industry-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { #sec-industry .industry-grid { grid-template-columns: 1fr; } }

/* ---------- Testimonials (Elevated Impact) ---------- */
#sec-impact { padding: 70px 0 60px; background: #fff; }
#sec-impact .heading { max-width: 760px; margin: 0 auto; padding: 0 20px 20px; text-align: center; }
#sec-impact .heading h2 { font-size: 70px; }
#sec-impact .testimonials { position: relative; overflow: hidden; background: #fff; padding-top: 20px; padding-bottom: 20px; }
#sec-impact .testimonials .content-wrapper { overflow: hidden; }
#sec-impact .t-viewport { overflow: hidden; }
#sec-impact .t-track { display: flex; transition: transform .6s cubic-bezier(.23,1,.32,1); }
#sec-impact .testimonials .item { flex: 0 0 33.3333%; padding: 30px 0; }
#sec-impact .testimonials .item-inner { min-height: 330px; }
#sec-impact .testimonials .image img { object-fit: contain; background: #fff; }
#sec-impact .slider-bottom-nav { margin-top: 10px; }
#sec-impact .arrow.slick-arrow { border-color: #002b5c; color: #002b5c; background: #fff; }
@media (max-width: 1280px) { #sec-impact .heading h2 { font-size: 55px; } }
@media (max-width: 991px) { #sec-impact .testimonials .item { flex-basis: 50%; } #sec-impact .heading h2 { font-size: 45px; } }
@media (max-width: 680px) { #sec-impact .testimonials .item { flex-basis: 100%; } }

/* ---------- Inline CTA ---------- */
#sec-cta .inline-cta { position: relative; padding-top: 0; padding-bottom: 90px; }
#sec-cta .inline-cta .content { position: relative; background: linear-gradient(to right, rgba(23,42,55,1), rgba(0,43,92,1), rgba(0,43,92,1)); overflow: hidden; }
#sec-cta .inline-cta .content-inner * { color: #fff; }
@media (max-width: 991px) { #sec-cta .inline-cta { padding-bottom: 50px; } }

/* ---------- Bottom section + form ---------- */
#contact .lazy-background { background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('https://5440022.fs1.hubspotusercontent-na1.net/hubfs/5440022/Candid-Close-Up-of-Hispanic-Businesswoman-in-Office-Meeting-1294958620_1258x838%20(1)%20(1)%20(1).webp'); }
#contact .bottom-section { position: relative; padding-top: 90px; padding-bottom: 90px; }
#contact .bottom-section:after { position: absolute; content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to right, rgba(0,0,0,0.9), rgba(0,0,0,0.3)); }
#contact .bottom-section .content-wrapper { position: relative; z-index: 2; }
#contact .bottom-section .content * { color: #fff; }
#contact .bottom-section .item .number { background: transparent; color: #fff; border-color: #fff; }
#contact .bottom-section .number:after { background: #fff; }
#contact .bottom-section .form { position: relative; background-color: rgba(255,255,255,0.8); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
#contact h3.form-title { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 26px; line-height: 125%; margin-bottom: 18px; }
#contact .hs-form fieldset { display: flex; gap: 12px; border: 0; padding: 0; margin: 0 0 12px; max-width: none; }
#contact .hs-form fieldset > .hs-form-field { flex: 1; min-width: 0; margin-bottom: 0; }
#contact .hs-form label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 4px; color: #002b5c; }
#contact .hs-form .hs-input { width: 100%; padding: 7px 12px; font-size: 13px; font-family: Montserrat, sans-serif; border-style: solid; outline: none; margin: 0; }
#contact .hs-form textarea.hs-input { padding: 7px 12px !important; }
#contact .hs-form .hs-input:focus { box-shadow: 0 0 0 3px rgba(236,188,10,.35); }
#contact .hs-form textarea.hs-input { height: 64px; resize: vertical; }
#contact .hs-form select.hs-input { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1.5L6 6.5L1 1.5' stroke='%23002b5c' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 28px; }
#contact .hs-form .legal { display: flex; gap: 10px; align-items: flex-start; font-size: 11px; color: #002b5c; margin: 10px 0 16px; font-weight: 500; line-height: 140%; text-align: left; }
#contact .hs-form .legal input { margin: 1px 0 0; flex: 0 0 16px; border: 1px solid #002b5c; background: #fff; border-radius: 2px; }
#contact .hs-form .hs-button { width: 100%; justify-content: center; font-weight: 700; font-size: 14px; }
#contact .thanks { display: none; text-align: center; padding: 30px 10px; color: #002b5c; }
#contact .thanks h3 { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 24px; margin-bottom: 10px; }
#contact.sent .hs-form, #contact.sent h3.form-title { display: none; }
#contact.sent .thanks { display: block; }

/* ---------- Header: mark this page in the menu ---------- */
.header-wrapper .menu .hs-menu-wrapper li.is-current > a { color: #ecbc0a !important; }

/* ---------- Gentle reveal (off for reduced motion) ---------- */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  #sec-weeks .track-line-fill { transform: scaleX(1); }
  html { scroll-behavior: auto; }
}


/* ===== business-coaching.css ===== */
/*
  Elevated Business Coaching landing page, v3 (2026-11-03), from Rhonda's "Landing Page-2.docx".
  Elevated's theme and module CSS (copied unchanged from the live site) do most of the styling.
  This file adds what HubSpot adds per module (section backgrounds and spacing) plus the parts
  the live site has no module for: the comparison grid (#sec-compare), the offer blocks
  (#sec-offers), the small gold-rule tags and the list markers.
  Colors: navy #002b5c, gold #edbc09, body #585858, header navy #172a37.
  Photos are hotlinked from Unsplash's CDN (credits in the HTML comment at the top of <main>).
  In HubSpot the hero and closing CTA photos come from module image fields through --bc-photo.
*/

/* ---------- Shared ---------- */
.bc-tag { position: relative; display: inline-block; padding-left: 24px; margin-bottom: 8px; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: .08em; text-transform: uppercase; color: #002b5c; }
.bc-tag:before { content: ''; position: absolute; left: 0; top: 50%; width: 15px; height: 3px; margin-top: -2px; border-radius: 2px; background: #edbc09; }

/* ---------- 1. Hero: page.css styles #sec-hero; this swaps in the page's photo ---------- */
#sec-hero.bc-hero .hero-wrapper:before {
  background-image: var(--bc-photo, url('https://elevatedcollective.com/hubfs/Business%20Coaching/bc-hero.jpg'));
  background-position: right 32%;
}
#sec-hero.bc-hero .hero-wrapper .content { max-width: 880px; }
/* Designer handoff: keep the handwritten treatment for "small ball" (the theme sets hero <em> in Cervanttis) */
#sec-hero.bc-hero h1 em { white-space: nowrap; font-size: 1.3em; line-height: .8; letter-spacing: 0; padding: 0 .06em; }
#sec-hero.bc-hero h1 .bc-h1-line { display: block; color: #edbc09; }
/* Rhonda's edits (2026-11-06): small gold label above the headline */
#sec-hero.bc-hero .content-inner p.bc-eyebrow { margin: 0 0 18px; font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: .2em; text-transform: uppercase; color: #edbc09; }
/* Designer handoff: a smooth fade instead of a hard edge where the photo starts */
#sec-hero.bc-hero .hero-wrapper:before { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28%); mask-image: linear-gradient(to right, transparent 0, #000 28%); }
#sec-hero.bc-hero .content-inner p { max-width: 780px; }
/* Laptops: a narrower copy column and the photo further right, so no text crosses a face */
@media (min-width: 1280px) and (max-width: 1535px) {
  #sec-hero.bc-hero .hero-wrapper .content { max-width: 660px; }
  #sec-hero.bc-hero .hero-wrapper h1 { font-size: 56px; }
  #sec-hero.bc-hero .hero-wrapper:before { left: 40%; }
}
/* Designer handoff, below 1280px: photo first with faces visible, then the copy on navy, no text over faces */
@media (max-width: 1279px) {
  #sec-hero.bc-hero .hero-wrapper { display: block; padding-top: 0; background: #172a37; }
  #sec-hero.bc-hero .hero-wrapper:before { position: relative; display: block; left: auto; height: 46vw; min-height: 240px; max-height: 420px; margin-bottom: 28px; background-position: 70% 30%;
    -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent); mask-image: linear-gradient(to bottom, #000 72%, transparent); }
  #sec-hero.bc-hero .hero-wrapper:after { display: none; }
}

/* ---------- 2. Where Founders Lose Ground (two-column, image left) ---------- */
#sec-problems .two-column-wrapper { position: relative; padding-top: 100px; padding-bottom: 100px; }
#sec-problems .content-wrapper { align-items: center; }
#sec-problems .content-inner strong { color: #002b5c; }
/* Rhonda's photo (2026-11-06) is 502px wide: fill the column up to 620px so it stays sharp enough */
#sec-problems .media .image img { width: 100%; max-width: 620px; height: auto; }
ul.bc-list { list-style: none; padding-left: 0; margin: 6px 0 26px; }
ul.bc-list li { position: relative; padding: 14px 0 14px 34px; margin: 0; border-top: 1px solid #e6e8ea; }
ul.bc-list li:last-child { border-bottom: 1px solid #e6e8ea; }
ul.bc-list li:before { content: ''; position: absolute; left: 4px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background: #edbc09; transform: rotate(45deg); border-radius: 2px; }
@media (max-width: 991px) { #sec-problems .two-column-wrapper { padding-top: 60px; padding-bottom: 60px; } }

/* ---------- 3. The Elevated Advantage (multi-column, 3 + 2 cards) ---------- */
#sec-pillars .multi-column { position: relative; background-color: rgba(199,201,203,0.12); padding-top: 100px; padding-bottom: 100px; }
#sec-pillars .multi-column .content-inner p { margin-bottom: 12px; }
#sec-pillars .multi-column .items { justify-content: center; }
#sec-pillars .multi-column .item > div { background-color: #fff; position: relative; padding: 30px; }
#sec-pillars .multi-column .item-content .h5 { font-size: 24px; margin-bottom: 12px; }
#sec-pillars .multi-column .image, #sec-options .multi-column .image { height: 66px; display: flex; align-items: center; }
#sec-pillars .multi-column .image img, #sec-options .multi-column .image img { max-height: 62px; width: auto; }
@media (min-width: 600px) and (max-width: 991px) { #sec-pillars .multi-column .items.row3 .item { width: 50%; } }
@media (max-width: 991px) { #sec-pillars .multi-column { padding-top: 60px; padding-bottom: 60px; } }

/* ---------- 4. How We Work Together (multi-column, three cards) ---------- */
#sec-options .multi-column { position: relative; background: #fff; padding-top: 100px; padding-bottom: 100px; }
#sec-options .multi-column .item > div { background-color: #fff; position: relative; padding: 30px; border-top: 5px solid #edbc09; }
#sec-options .multi-column .item-content .h5 { font-size: 24px; }
#sec-options .multi-column .item-content .h5 a { color: inherit; text-decoration: none; }
#sec-options .multi-column .item-content .h5 a:hover { color: #002b5c; text-decoration: underline; text-underline-offset: 3px; }
#sec-options .multi-column .item-content p { font-size: 18px; }
#sec-options .bc-note { margin: 50px auto 0; text-align: center; font-size: 20px; font-weight: 500; color: #002b5c; }
#sec-options .multi-column .button-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 24px; }
@media (min-width: 600px) and (max-width: 991px) { #sec-options .multi-column .items.row3 .item { width: 33.333%; } }
@media (max-width: 991px) { #sec-options .multi-column { padding-top: 60px; padding-bottom: 60px; } #sec-options .bc-note { margin-top: 36px; font-size: 18px; } }

/* ---------- 5. Founder letter (two-column, image right, grey fade) ---------- */
#sec-letter.grey-fade { background-image: linear-gradient(to bottom, rgba(192,193,195,0.2), rgba(192,193,195,0)); }
#sec-letter .two-column-wrapper { position: relative; padding-top: 100px; padding-bottom: 100px; }
@media (min-width: 992px) {
  #sec-letter .content-wrapper { align-items: flex-start; }
  #sec-letter .media.portrait { position: sticky; top: 150px; }
}
#sec-letter .media.portrait .image img { width: 100%; max-width: 440px; aspect-ratio: 1 / 1; object-fit: cover; display: block; margin: 0 auto; }
#sec-letter .content-inner strong { color: #002b5c; }
#sec-letter h2 span { white-space: nowrap; } /* keeps "Your Coach" on one line */
#sec-letter .signoff { margin-bottom: 0; }
#sec-letter .signature { display: block; font-family: Cervanttis, cursive; font-size: 58px; line-height: 1.5; color: #002b5c; margin: 0 0 16px; white-space: nowrap; }
#sec-letter .content-inner p.sig-name { font-size: 15px; margin-top: 0; }
/* Rhonda's edits (2026-11-06): logo strip under the letter */
#sec-letter .content-wrapper.bc-logos { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 28px 56px; margin-top: 64px; padding-top: 36px; border-top: 1px solid #dcdde0; }
.bc-logo-group { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 36px; }
.bc-logo-label { font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b6b6b; white-space: nowrap; }
.bc-logo-group ul { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 18px 36px; margin: 0; padding: 0; }
.bc-logo-group li { margin: 0; padding: 0; line-height: 0; }
.bc-logo-group img { display: block; width: auto; height: 34px; max-width: none; } /* each logo's height is set inline, to balance their visual weight */
@media (max-width: 991px) {
  #sec-letter .two-column-wrapper { padding-top: 60px; padding-bottom: 60px; }
  #sec-letter .media.portrait .image img { max-width: 280px; }
  #sec-letter .signature { font-size: 46px; }
  #sec-letter .content-wrapper.bc-logos { margin-top: 44px; padding-top: 28px; justify-content: flex-start; }
  .bc-logo-group { gap: 14px 26px; }
  .bc-logo-group ul { gap: 14px 26px; }
  .bc-logo-label { flex-basis: 100%; }
  .bc-logo-group ul { zoom: .8; gap: 14px 24px; } /* three logos per row on phones */
}

/* ---------- 6. Testimonials: three across on desktop, page.js arrows below 992px ---------- */
#sec-impact .testimonials .item-inner { min-height: 0; display: flex; flex-direction: column; }
#sec-impact .testimonials .quote { flex: 1; }
#sec-impact .testimonials .bc-tag { align-self: flex-start; margin-bottom: 16px; }
@media (min-width: 992px) { #sec-impact .slider-bottom-nav { display: none; } }

/* ---------- 7. Choose Your Level of Support (navy band, comparison grid) ---------- */
#sec-compare { position: relative; padding: 100px 0 110px; background: linear-gradient(135deg, #172a37 0%, #002b5c 55%, #0b3d78 100%); }
#sec-compare .bc-head { max-width: 1100px; margin: 0 auto 56px; text-align: center; }
#sec-compare .bc-head h2 { color: #fff; margin-bottom: 15px; }
#sec-compare .bc-head p { color: rgba(255,255,255,.86); font-size: 22px; font-weight: 500; line-height: 170%; margin: 0; }
.cmp { display: grid; grid-template-columns: 160px repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(5, auto); column-gap: 24px; }
.cmp-labels, .cmp-plan { grid-row: 1 / span 5; display: grid; grid-template-rows: subgrid; }
.cmp-l { align-self: stretch; display: flex; align-items: center; padding: 20px 0; border-top: 1px solid rgba(255,255,255,.16); font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #edbc09; }
.cmp-l.cmp-l-head { border-top: 0; }
.cmp-plan { background: #fff; border-radius: 20px; box-shadow: 0 24px 48px rgba(0,0,0,.28); padding: 0 30px 30px; }
/* Designer handoff: the $99 session gets the strongest entry-point emphasis */
.cmp-plan.is-primary { box-shadow: 0 0 0 4px #edbc09, 0 28px 56px rgba(0,0,0,.34); }
.cmp-cta .secondary-btn { width: 100%; justify-content: center; text-align: center; }
.cmp-name { align-self: end; margin: 0; padding: 32px 0 20px; font-size: 28px; line-height: 1.2; }
.cmp-name a { color: #002b5c; text-decoration: none; }
.cmp-name a:hover { text-decoration: underline; text-underline-offset: 4px; }
.cmp-cell { display: flex; align-items: center; padding: 20px 0; border-top: 1px solid #e6e8ea; font-size: 18px; line-height: 1.45; color: #585858; }
.cmp-v { display: block; }
.cmp-price { font-family: Oswald, sans-serif; font-size: 36px; font-weight: 600; line-height: 1; color: #002b5c; margin-right: 4px; }
.cmp-std { display: block; margin-top: 6px; font-size: 14px; color: #6b6b6b; }
.cmp-fmt { display: block; margin-top: 6px; font-size: 15px; line-height: 1.45; color: #6b6b6b; }
.cmp-cta { border-top: 0; padding-bottom: 0; }
.cmp-cta .hs-button { width: 100%; justify-content: center; text-align: center; }
/* Desktop: the label column names each row, so the per-card labels are for screen readers only */
@media (min-width: 992px) {
  .cmp-k { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}
@media (max-width: 1280px) { .cmp { grid-template-columns: 120px repeat(3, minmax(0, 1fr)); column-gap: 16px; } .cmp-plan { padding: 0 22px 24px; } .cmp-name { font-size: 24px; } }
@media (max-width: 991px) {
  #sec-compare { padding: 60px 0 70px; }
  #sec-compare .bc-head { margin-bottom: 36px; }
  #sec-compare .bc-head p { font-size: 18px; }
  .cmp { display: block; max-width: 620px; margin: 0 auto; }
  .cmp-labels { display: none; }
  .cmp-plan { display: block; margin-bottom: 20px; padding: 0 24px 24px; }
  .cmp-name { padding: 26px 0 14px; }
  .cmp-cell { gap: 16px; padding: 14px 0; font-size: 16px; }
  .cmp-k { flex: 0 0 100px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #002b5c; }
  .cmp-cta { padding-top: 18px; }
  .cmp-cta .cmp-k { display: none; }
  .cmp-price { font-size: 30px; }
}

/* ---------- 8. Offer details ---------- */
.bc-offer { padding: 100px 0; background: #fff; }
.bc-offer.alt { background: rgba(199,201,203,0.12); }
.bc-offer .content-wrapper { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 80px; align-items: center; }
.bc-offer h2 { margin-bottom: 12px; }
.bc-offer-main p { font-size: 20px; line-height: 170%; }
.bc-offer-main p.bc-offer-tag { font-family: Montserrat, sans-serif; font-size: 24px; font-weight: 700; line-height: 1.35; color: #002b5c; margin-bottom: 18px; }
ul.bc-meta { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0 0 24px; }
ul.bc-meta li { margin: 0; padding: 7px 16px; border-radius: 100px; background: rgba(0,43,92,.07); color: #002b5c; font-size: 15px; font-weight: 600; line-height: 1.4; }
.bc-offer .button-wrap { margin-top: 30px; }
.bc-offer-main p.bc-fine { margin: 14px 0 0; font-size: 14px; line-height: 1.5; color: #6b6b6b; }
.bc-offer-incl { padding: 40px; border-radius: 20px; border-top: 5px solid #edbc09; background: #fff; box-shadow: 0 8px 20px 0 rgba(0,0,0,.1); }
.bc-offer-incl .h5 { margin-bottom: 20px; font-weight: 700; text-transform: none; }
ul.bc-check { list-style: none; padding: 0; margin: 0; }
ul.bc-check li { position: relative; margin: 0; padding: 12px 0 12px 40px; border-top: 1px solid #eef0f2; font-size: 18px; line-height: 1.5; color: #585858; }
ul.bc-check li:first-child { border-top: 0; padding-top: 0; }
ul.bc-check li:before { content: ''; position: absolute; left: 0; top: 14px; width: 24px; height: 24px; border-radius: 50%; background: #edbc09 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5.2 4.3 8.5 11 1.5' fill='none' stroke='%23002b5c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; }
ul.bc-check li:first-child:before { top: 2px; }
@media (max-width: 1280px) { .bc-offer .content-wrapper { gap: 50px; } }
@media (max-width: 991px) {
  .bc-offer { padding: 60px 0; }
  .bc-offer .content-wrapper { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .bc-offer-main p { font-size: 18px; }
  .bc-offer-main p.bc-offer-tag { font-size: 20px; }
  .bc-offer-incl { padding: 28px 24px; }
  ul.bc-check li { font-size: 16px; }
}
@media (max-width: 767px) { .bc-offer .button-wrap a { width: 100%; justify-content: center; } ul.bc-meta li { border-radius: 12px; } }

/* ---------- 9. FAQ (Executive Coaching accordion inline styles) ---------- */
#sec-faq .accordion { position: relative; background-color: rgba(199,201,203,0.12); padding-top: 100px; padding-bottom: 100px; }
@media (max-width: 991px) { #sec-faq .accordion { padding-top: 60px; padding-bottom: 60px; } }

/* ---------- 10. Closing CTA (Inline CTA module, with this page's photo) ---------- */
#sec-cta .inline-cta { position: relative; background-color: rgba(199,201,203,0.12); padding-top: 0; padding-bottom: 100px; }
#sec-cta .inline-cta .content { position: relative; overflow: hidden; background: var(--bc-photo, url('https://elevatedcollective.com/hubfs/Business%20Coaching/bc-cta.jpg')) center / cover no-repeat; }
#sec-cta .inline-cta .content:after { position: absolute; content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; mix-blend-mode: multiply; background-color: rgba(0,43,92,0.95); }
#sec-cta .inline-cta .content-inner, #sec-cta .inline-cta .button-wrap { position: relative; z-index: 2; }
#sec-cta .inline-cta .content-inner * { color: #fff; }
#sec-cta .inline-cta .content-inner h3 span span { color: #edbc09 !important; }
#sec-cta .inline-cta .button-wrap { flex-direction: column; align-items: flex-end; justify-content: center; gap: 14px; text-align: right; }
#sec-cta .cta-meta { margin: 0; font-size: 14px; font-weight: 500; color: rgba(255,255,255,.85); }
#sec-cta .cta-alt { margin: 0; font-size: 16px; font-weight: 500; color: #fff; }
#sec-cta .cta-alt a { padding: 0 !important; display: inline; color: #edbc09; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 991px) {
  #sec-cta .inline-cta { padding-bottom: 60px; }
  #sec-cta .inline-cta .button-wrap { align-items: flex-start; text-align: left; }
}

/* ---------- 11. Prefer to Talk First? (bottom section layout, new HubSpot form) ---------- */
#contact .bottom-section .content-inner { margin-bottom: 0; }
#contact .bottom-section .content-inner h2 span span { color: #edbc09 !important; }
#contact .bottom-section .content-inner p { margin-top: 16px; font-size: 24px; font-weight: 500; line-height: 1.5; max-width: 560px; }
@media (max-width: 991px) { #contact .bottom-section .content-inner p { font-size: 18px; } #contact .bottom-section .content { margin-bottom: 30px; } }

/* ---------- HubSpot only ---------- */
/* Each section's module carries its own spacing and full-width background. */
.dnd-section.bc-section { padding: 0 !important; }
.dnd-section.bc-section > .row-fluid { max-width: none !important; }
/* Scroll reveal: content is visible unless the page script is running. */
.reveal { opacity: 1; transform: none; }
html.bc-js .reveal { transition: opacity .7s ease, transform .7s ease; }
html.bc-js .reveal:not(.in) { opacity: 0; transform: translateY(18px); }
@media (prefers-reduced-motion: reduce) { html.bc-js .reveal:not(.in) { opacity: 1; transform: none; } }
#contact .bc-form-note { background: #fff8db; color: #002b5c; border-radius: 12px; padding: 16px; font-size: 14px; }
/* HubSpot form's marketing consent checkbox: space between box and text, quieter text */
#contact .hs-form .legal-consent-container .hs-form-booleancheckbox-display { display: flex; gap: 10px; align-items: flex-start; margin: 0; }
#contact .hs-form .legal-consent-container .hs-form-booleancheckbox-display input { flex: 0 0 16px; margin: 2px 0 0; }
#contact .hs-form .legal-consent-container .hs-form-booleancheckbox-display span { margin: 0; padding: 0; font-size: 12px; font-weight: 500; line-height: 1.45; }
#contact .hs-form .legal-consent-container .hs-form-field { margin-bottom: 4px; }
