.elementor-13307 .elementor-element.elementor-element-f123ffb{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13307 .elementor-element.elementor-element-f123ffb:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-f123ffb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-13307 .elementor-element.elementor-element-64e741e9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:0px 31px 31px 31px;--margin-top:-183px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:67px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-13307 .elementor-element.elementor-element-64e741e9:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-64e741e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(123deg, #011C20 0%, #097282 100%);}.elementor-13307 .elementor-element.elementor-element-64e741e9::before, .elementor-13307 .elementor-element.elementor-element-64e741e9 > .elementor-background-video-container::before, .elementor-13307 .elementor-element.elementor-element-64e741e9 > .e-con-inner > .elementor-background-video-container::before, .elementor-13307 .elementor-element.elementor-element-64e741e9 > .elementor-background-slideshow::before, .elementor-13307 .elementor-element.elementor-element-64e741e9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13307 .elementor-element.elementor-element-64e741e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/07/texutres.png");--background-overlay:'';}.elementor-13307 .elementor-element.elementor-element-7b426944{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:79px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-1c5a50c2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-1272c92d{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13307 .elementor-element.elementor-element-226b61{--display:flex;--margin-top:-15px;--margin-bottom:0px;--margin-left:-5px;--margin-right:0px;--padding-top:0px;--padding-bottom:19px;--padding-left:3px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-719d8450{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-39px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:35px;--padding-left:30px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-141051fc{padding:0px 0px 25px 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13307 .elementor-element.elementor-element-49078a3a .elementor-button{background-color:#E8B730;font-family:"Barlow", Sans-serif;font-size:1.2vw;font-weight:700;fill:#FFFFFF;color:#FFFFFF;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.13);border-radius:15px 15px 15px 15px;padding:1.39vw 1.39vw 1.39vw 1.39vw;}.elementor-13307 .elementor-element.elementor-element-49078a3a .elementor-button:hover, .elementor-13307 .elementor-element.elementor-element-49078a3a .elementor-button:focus{background-color:#D4A428;color:#FFFFFF;}.elementor-13307 .elementor-element.elementor-element-49078a3a{padding:0px 0px 0px 0px;}.elementor-13307 .elementor-element.elementor-element-49078a3a.elementor-element{--align-self:center;}.elementor-13307 .elementor-element.elementor-element-49078a3a .elementor-button:hover svg, .elementor-13307 .elementor-element.elementor-element-49078a3a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-13307 .elementor-element.elementor-element-edc46da{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-edc46da:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-edc46da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/09/speaker-image-pattern-2.png");background-repeat:no-repeat;background-size:contain;}.elementor-13307 .elementor-element.elementor-element-51fee78d{--spacer-size:50px;}.elementor-13307 .elementor-element.elementor-element-50a6e9c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -46px;padding:0px 0px 25px 0px;}.elementor-13307 .elementor-element.elementor-element-2d43b23d{--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;--border-radius:31px 31px 31px 31px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-2d43b23d:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-2d43b23d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13307 .elementor-element.elementor-element-1c8f0def{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-16ad5f0b{--display:flex;--padding-top:5px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-13307 .elementor-element.elementor-element-16ad5f0b.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13307 .elementor-element.elementor-element-7249a35b{width:var( --container-widget-width, 90% );max-width:90%;padding:19px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;}.elementor-13307 .elementor-element.elementor-element-7249a35b.elementor-element{--align-self:center;}.elementor-13307 .elementor-element.elementor-element-7249a35b .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:3.2vw;font-weight:700;color:#097384;}.elementor-13307 .elementor-element.elementor-element-2b5f2bcb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:27px;--padding-left:50px;--padding-right:50px;}.elementor-13307 .elementor-element.elementor-element-4d9bbae9{--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;--justify-content:space-between;--overlay-opacity:0.85;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-4d9bbae9:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-4d9bbae9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#097384;background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/07/texutres-1.png");}.elementor-13307 .elementor-element.elementor-element-4d9bbae9::before, .elementor-13307 .elementor-element.elementor-element-4d9bbae9 > .elementor-background-video-container::before, .elementor-13307 .elementor-element.elementor-element-4d9bbae9 > .e-con-inner > .elementor-background-video-container::before, .elementor-13307 .elementor-element.elementor-element-4d9bbae9 > .elementor-background-slideshow::before, .elementor-13307 .elementor-element.elementor-element-4d9bbae9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13307 .elementor-element.elementor-element-4d9bbae9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#097384;--background-overlay:'';}.elementor-13307 .elementor-element.elementor-element-6ea5c77a{padding:0px 0px 0px 0px;}.elementor-13307 .elementor-element.elementor-element-13b8154{--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;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-13b8154:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-13b8154 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEF5E1;background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/03/grey-ban-3-2.png");background-repeat:no-repeat;background-size:contain;}.elementor-13307 .elementor-element.elementor-element-24b1523{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:90px;--padding-bottom:2px;--padding-left:40px;--padding-right:40px;}.elementor-13307 .elementor-element.elementor-element-5611418{--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;--justify-content:space-between;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-4c77c2e{padding:0px 0px 0px 0px;}.elementor-13307 .elementor-element.elementor-element-255fb0a2{--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;--margin-top:-19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:050px;--padding-right:050px;}.elementor-13307 .elementor-element.elementor-element-255fb0a2:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-255fb0a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/04/Group-251.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13307 .elementor-element.elementor-element-3b37f8ff{--display:flex;--border-radius:37px 37px 37px 37px;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.22);--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-13307 .elementor-element.elementor-element-3b37f8ff:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-3b37f8ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#096473EB;}.elementor-13307 .elementor-element.elementor-element-557b32c2{padding:0px 0px 0px 0px;}.elementor-13307 .elementor-element.elementor-element-52fe0990{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:150px;--padding-right:150px;}.elementor-13307 .elementor-element.elementor-element-53f97996{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:17px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-7dc4e96c .elementor-button{background-color:#EBB91D;font-family:"Barlow", Sans-serif;font-size:1.2vw;font-weight:700;fill:#FFFFFF;color:#FFFFFF;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.13);border-radius:15px 15px 15px 15px;padding:1.39vw 1.39vw 1.39vw 1.39vw;}.elementor-13307 .elementor-element.elementor-element-7dc4e96c .elementor-button:hover, .elementor-13307 .elementor-element.elementor-element-7dc4e96c .elementor-button:focus{background-color:#D4A428;color:#FFFFFF;}.elementor-13307 .elementor-element.elementor-element-7dc4e96c{padding:0px 0px 0px 0px;}.elementor-13307 .elementor-element.elementor-element-7dc4e96c.elementor-element{--align-self:center;}.elementor-13307 .elementor-element.elementor-element-7dc4e96c .elementor-button:hover svg, .elementor-13307 .elementor-element.elementor-element-7dc4e96c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-13307 .elementor-element.elementor-element-2bed3e59{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-13307 .elementor-element.elementor-element-2bed3e59.elementor-element{--align-self:center;}.elementor-13307 .elementor-element.elementor-element-2bed3e59 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:1.39vw;font-weight:400;color:#90BEC5;}.elementor-13307 .elementor-element.elementor-element-e32c02b{padding:0px 0px 0px 0px;}@media(max-width:1090px){.elementor-13307 .elementor-element.elementor-element-edc46da:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-edc46da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/07/New-Project-27.png");}.elementor-13307 .elementor-element.elementor-element-255fb0a2:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-255fb0a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/03/Group-207-1.png");}.elementor-13307 .elementor-element.elementor-element-255fb0a2{--padding-top:0px;--padding-bottom:0px;--padding-left:75px;--padding-right:75px;}}@media(max-width:768px){.elementor-13307 .elementor-element.elementor-element-64e741e9{--border-radius:0px 0px 35px 35px;--margin-top:-188px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:244px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-13307 .elementor-element.elementor-element-7b426944{--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13307 .elementor-element.elementor-element-1c5a50c2{--padding-top:23px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-1272c92d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:77px 0px 0px 0px;}.elementor-13307 .elementor-element.elementor-element-226b61{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-226b61.e-con{--align-self:center;}.elementor-13307 .elementor-element.elementor-element-719d8450{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-719d8450.e-con{--align-self:center;}.elementor-13307 .elementor-element.elementor-element-141051fc{margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:9px 0px 9px 0px;}.elementor-13307 .elementor-element.elementor-element-141051fc.elementor-element{--align-self:center;}.elementor-13307 .elementor-element.elementor-element-49078a3a .elementor-button{font-size:1.2rem;border-radius:38px 38px 38px 38px;padding:15px 60px 15px 60px;}.elementor-13307 .elementor-element.elementor-element-edc46da:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-edc46da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/07/New-Project-27.png");}.elementor-13307 .elementor-element.elementor-element-50a6e9c1{margin:-74px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13307 .elementor-element.elementor-element-50a6e9c1.elementor-element{--align-self:center;}.elementor-13307 .elementor-element.elementor-element-2d43b23d{--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:27px;--padding-bottom:27px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-16ad5f0b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-7249a35b{--container-widget-width:584px;--container-widget-flex-grow:0;width:var( --container-widget-width, 584px );max-width:584px;}.elementor-13307 .elementor-element.elementor-element-7249a35b .elementor-heading-title{font-size:28px;}.elementor-13307 .elementor-element.elementor-element-2b5f2bcb{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-13307 .elementor-element.elementor-element-4d9bbae9{--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-13307 .elementor-element.elementor-element-13b8154{--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:27px;--padding-bottom:27px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-24b1523{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-13307 .elementor-element.elementor-element-5611418{--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-13307 .elementor-element.elementor-element-255fb0a2:not(.elementor-motion-effects-element-type-background), .elementor-13307 .elementor-element.elementor-element-255fb0a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/04/Group-251.png");background-size:cover;}.elementor-13307 .elementor-element.elementor-element-255fb0a2{--padding-top:34px;--padding-bottom:34px;--padding-left:20px;--padding-right:20px;}.elementor-13307 .elementor-element.elementor-element-52fe0990{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-53f97996{--padding-top:11px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-13307 .elementor-element.elementor-element-7dc4e96c .elementor-button{font-size:1.2rem;border-radius:38px 38px 38px 38px;padding:15px 40px 15px 40px;}.elementor-13307 .elementor-element.elementor-element-2bed3e59 .elementor-heading-title{font-size:12px;}}@media(min-width:769px){.elementor-13307 .elementor-element.elementor-element-1c5a50c2{--width:100%;}.elementor-13307 .elementor-element.elementor-element-edc46da{--width:53%;}}/* Start custom CSS for html, class: .elementor-element-1272c92d *//* =========================================================
   FINANCIAL WELLNESS WEBINAR (BEE123 × WORTH)
   HERO SECTION
   Built on the EE Mastery Episode 5 hero template
========================================================= */

:root {
    --ee-gold: #eab91f;
    --ee-gold-soft: rgba(234, 185, 31, 0.14);
    --ee-gold-border: rgba(234, 185, 31, 0.38);
    --ee-gold-glow: rgba(234, 185, 31, 0.22);

    --ee-white: #ffffff;
    --ee-white-dim: rgba(255, 255, 255, 0.88);
    --ee-white-faint: rgba(255, 255, 255, 0.66);

    --ee-border: rgba(255, 255, 255, 0.28);

    --ee-ease: cubic-bezier(0.22, 1, 0.36, 1);

    /* NOTE: fixed header clearance. Mobile nav bars are often
       taller than they look (wrapped logo, bigger tap targets),
       so these mobile values are set generously above what a
       typical fixed mobile header needs. If it's still tight,
       bump the relevant breakpoint below up further — better to
       leave a little extra air than clip under the nav again. */
    --ee-header-height: 120px;
}


/* =========================================================
   RESET
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    font-family: "Barlow", sans-serif;
}


/* =========================================================
   HERO
   min-height: auto lets the section size to its actual
   content. padding-top clears the fixed header using
   --ee-header-height (plus a small buffer so content never
   sits flush against the nav).
========================================================= */

.ee-copy-layout {
    width: 100%;
    min-height: auto;

    padding-top: calc(var(--ee-header-height) + 24px);
    padding-bottom: clamp(32px, 5vh, 64px);
    box-sizing: border-box;

    display: flex;
    align-items: flex-start;

    overflow: visible;
}

.ee-copy-layout *,
.ee-copy-layout *::before,
.ee-copy-layout *::after {
    box-sizing: border-box;
}


/* =========================================================
   MAIN COPY COLUMN
========================================================= */

.ee-main-copy {
    width: 100%;
    max-width: 1160px;

    padding: 0 24px 0 35px;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes ee-rise {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* =========================================================
   HERO ELEMENT ANIMATION
========================================================= */

.ee-title,
.ee-subtitle,
.ee-body {
    animation:
        ee-rise
        0.7s
        var(--ee-ease)
        both;
}

.ee-title {
    animation-delay: 0.05s;
}

.ee-subtitle {
    animation-delay: 0.12s;
}

.ee-body {
    animation-delay: 0.2s;
}



/* =========================================================
   MAIN HEADLINE
   Two lines: white statement, gold call to action
========================================================= */

.ee-title {
    width: 100%;
    max-width: 1120px;

    margin: 0 0 clamp(22px, 3.4vh, 34px);
    padding: 0;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    row-gap: 4px;

    overflow: visible;
}

.ee-title-kicker,
.ee-title-name {
    display: block;

    font-size: clamp(2.3rem, 2vw + 2.6vh, 3.5rem);
    line-height: 1.08;

    font-weight: 700;

    letter-spacing: -0.02em;
}

.ee-title-kicker {
    color: var(--ee-white);
}

.ee-title-name {
    color: var(--ee-gold);
}


/* =========================================================
   SUBTITLE
========================================================= */

.ee-subtitle {
    max-width: 440px;

    margin: 0 0 clamp(22px, 3.2vh, 32px);
    padding-left: 18px;

    border-left: 3px solid #eab91f;

    color: var(--ee-white);

    font-size: clamp(1.2rem, 0.5vw + 1.4vh, 1.4rem);
    line-height: 1.4;

    font-weight: 400;

    letter-spacing: -0.005em;
}


/* =========================================================
   BODY
========================================================= */

.ee-body {
    width: 100%;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ee-intro {
    max-width: 720px;

    margin: 0 0 clamp(18px, 3vh, 30px);

    color: var(--ee-white-dim);

    font-size: clamp(1.05rem, 0.3vw + 1.2vh, 1.18rem);
    line-height: 1.5;

    font-weight: 400;
}

.ee-intro strong {
    color: var(--ee-gold);

    font-size: 1.12em;
    font-weight: 700;
}


/* =========================================================
   LEAD-IN LINE
========================================================= */

.ee-lead {
    max-width: 720px;

    margin: 0 0 clamp(28px, 5.5vh, 52px);

    color: var(--ee-white);

    font-size: clamp(1.05rem, 0.3vw + 1.2vh, 1.18rem);
    line-height: 1.45;

    font-weight: 700;
}


/* =========================================================
   EVENT LINE — date | time, no box
========================================================= */

.ee-event-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 14px 22px;

    margin: 0 0 clamp(28px, 5vh, 48px);
}

.ee-event-item {
    display: inline-flex;
    align-items: center;

    gap: 12px;
}

.ee-event-icon {
    width: 34px;
    height: 34px;

    flex-shrink: 0;

    color: var(--ee-gold);
}

.ee-event-text {
    color: var(--ee-white);

    font-size: clamp(1.08rem, 0.3vw + 1.2vh, 1.22rem);
    line-height: 1.3;

    font-weight: 500;
}

.ee-event-divider {
    width: 1px;
    height: 34px;

    flex-shrink: 0;

    background: var(--ee-border);
}


/* =========================================================
   TABLET — 1200PX
========================================================= */

@media (max-width: 1200px) {

    .ee-main-copy {
        max-width: 960px;

        padding-left: 30px;
    }

    .ee-title {
        max-width: 940px;
    }

    .ee-title-kicker,
    .ee-title-name {
        font-size: clamp(2rem, 2vw + 2.4vh, 3.1rem);
    }
}


/* =========================================================
   TABLET — 1024PX
========================================================= */

@media (max-width: 1024px) {

    :root {
        --ee-header-height: 90px;
    }

    .ee-main-copy {
        max-width: 760px;

        padding: 0 22px 0 25px;
    }

    .ee-title {
        max-width: 740px;
    }

    .ee-title-kicker,
    .ee-title-name {
        font-size: clamp(2.3rem, 5vw, 3.2rem);
    }

    .ee-subtitle {
        font-size: 1.3rem;
    }

    .ee-intro,
    .ee-lead {
        max-width: 700px;

        font-size: 1.1rem;
    }
}


/* =========================================================
   MOBILE — 768PX
========================================================= */

@media (max-width: 768px) {

    :root {
        --ee-header-height: 110px;
    }

    .ee-main-copy {
        max-width: 100%;

        padding: 0 20px 0;
    }

    .ee-title {
        max-width: 100%;

        margin-bottom: 22px;

        row-gap: 6px;
    }

    .ee-title-kicker,
    .ee-title-name {
        font-size: clamp(2.3rem, 8.5vw, 3rem);

        line-height: 1.05;
    }

    .ee-subtitle {
        max-width: 100%;

        padding-left: 15px;

        font-size: 1.22rem;
    }

    .ee-intro,
    .ee-lead {
        max-width: 100%;

        font-size: 1.08rem;
    }

    /* stack date and time; hide the divider */
    .ee-event-line {
        flex-direction: column;
        align-items: flex-start;

        gap: 14px;
    }

    .ee-event-divider {
        display: none;
    }

    .ee-event-icon {
        width: 30px;
        height: 30px;
    }
}


/* =========================================================
   MOBILE — 600PX
========================================================= */

@media (max-width: 600px) {

    :root {
        --ee-header-height: 100px;
    }

    .ee-main-copy {
        padding: 0 18px 0;
    }

    .ee-title-kicker,
    .ee-title-name {
        font-size: clamp(2.1rem, 9vw, 2.7rem);
    }

    .ee-subtitle {
        font-size: 1.14rem;
    }

    .ee-intro,
    .ee-lead {
        font-size: 1.04rem;
    }
}


/* =========================================================
   SMALL MOBILE — 420PX
========================================================= */

@media (max-width: 420px) {

    :root {
        --ee-header-height: 92px;
    }

    .ee-main-copy {
        padding: 0 16px 0;
    }

    .ee-title-kicker,
    .ee-title-name {
        font-size: 2rem;

        line-height: 1.06;
    }

    .ee-subtitle {
        padding-left: 13px;

        font-size: 1.08rem;
    }

    .ee-intro,
    .ee-lead {
        font-size: 1rem;
    }

    .ee-event-text {
        font-size: 1.04rem;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ee-title,
    .ee-subtitle,
    .ee-body {
        animation: none !important;

        opacity: 1 !important;

        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-141051fc *//* =========================================================
   FINANCIAL WELLNESS (BEE123 × WORTH) — HERO BIO CARD
   "Read Hayley's full bio" jumps to the speaker section
   (id="speaker"). No pop-up / no JavaScript.
   Classes are prefixed fw-bio- so the EE Mastery bio CSS
   already on the site can't restyle this card.
   ========================================================= */

/* smooth scroll for the #speaker jump */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}


.fw-bio-block {
    --fwb-gold:       #eab91f;
    --fwb-teal:       #097384;
    --fwb-ink:        #111111;
    --fwb-grey:       #6b6b6b;
    --fwb-hairline:   rgba(0, 0, 0, 0.14);
    --fwb-font-body:  "Barlow", sans-serif;

    width: 100%;
    max-width: 460px;

    margin: 0 auto;
    padding: 0;

    font-family: var(--fwb-font-body);

    box-sizing: border-box;
}


.fw-bio-block *,
.fw-bio-block *::before,
.fw-bio-block *::after {
    box-sizing: border-box;
}


/* =========================================================
   CARD
   ========================================================= */

.fw-bio-card {
    padding: 22px 24px 20px;

    /* gold on the left edge only — the rounded corners curve it
       round the top-left and bottom-left, as in the design */
    border: 0;
    border-left: 5px solid var(--fwb-gold);
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.94);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 20px 50px -24px rgba(0, 0, 0, 0.45);
}


/* =========================================================
   NAME + ROLE
   ========================================================= */

.fw-bio-card .fw-bio-name {
    margin: 0 0 8px !important;

    font-size: 1.65rem !important;
    line-height: 1.15 !important;

    font-weight: 700 !important;

    letter-spacing: -0.01em;

    color: var(--fwb-ink) !important;
}


.fw-bio-card .fw-bio-role {
    margin: 0 0 10px !important;

    font-size: 0.82rem !important;
    line-height: 1.4 !important;

    font-weight: 600 !important;

    color: var(--fwb-ink) !important;
}


/* =========================================================
   LINK — jumps to the speaker section
   ========================================================= */

.fw-bio-card .fw-bio-link,
.fw-bio-card .fw-bio-link:link,
.fw-bio-card .fw-bio-link:visited {
    display: inline-block;

    margin: 0 0 14px;

    color: var(--fwb-teal) !important;

    font-size: 0.86rem !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;
    font-style: italic;

    text-decoration: none !important;

    transition: color 0.2s ease;
}


.fw-bio-card .fw-bio-link:hover,
.fw-bio-card .fw-bio-link:focus {
    color: #065a67 !important;

    text-decoration: underline !important;
    text-underline-offset: 3px;
}


.fw-bio-card .fw-bio-link:focus-visible {
    outline: 2px solid var(--fwb-teal);
    outline-offset: 3px;

    border-radius: 2px;
}


/* =========================================================
   PARTNER ROW — label left, logo right
   ========================================================= */

.fw-bio-partner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding-top: 14px;

    border-top: 1px solid var(--fwb-hairline);
}


.fw-bio-partner-label {
    padding-left: 4px;

    font-size: 0.78rem;
    line-height: 1.2;

    font-weight: 400;

    letter-spacing: 0.01em;
    text-transform: uppercase;

    color: var(--fwb-grey);

    white-space: nowrap;
}


.fw-bio-partner-logo {
    display: block;

    width: auto !important;
    height: 32px !important;
    max-width: 55%;

    border: 0;
    border-radius: 0;
    box-shadow: none;
}


/* =========================================================
   MOBILE — card sits in the normal page flow
   ========================================================= */

@media (max-width: 640px) {

    .fw-bio-block {
        position: static !important;
        inset: auto !important;
        transform: none !important;

        max-width: 100%;

        padding: 0 20px;
    }


    .fw-bio-card {
        padding: 18px 18px 16px;
    }


    .fw-bio-card .fw-bio-name {
        font-size: 1.45rem !important;
    }


    .fw-bio-card .fw-bio-role {
        font-size: 0.85rem !important;
    }


    .fw-bio-partner-logo {
        height: 28px !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-49078a3a */box-shadow: 0 12px 28px -12px rgba(245, 191, 35, 0.5);/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50a6e9c1 *//* =========================================================
   FINANCIAL WELLNESS (BEE123 × WORTH) — HERO BIO CARD
   "Read Hayley's full bio" jumps to the speaker section
   (id="speaker"). No pop-up / no JavaScript.
   Classes are prefixed fw-bio- so the EE Mastery bio CSS
   already on the site can't restyle this card.
   ========================================================= */

/* smooth scroll for the #speaker jump */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}


.fw-bio-block {
    --fwb-gold:       #eab91f;
    --fwb-teal:       #097384;
    --fwb-ink:        #111111;
    --fwb-grey:       #6b6b6b;
    --fwb-hairline:   rgba(0, 0, 0, 0.14);
    --fwb-font-body:  "Barlow", sans-serif;

    width: 100%;
    max-width: 400px;

    margin: 0 auto;
    padding: 0;

    font-family: var(--fwb-font-body);

    box-sizing: border-box;
}


.fw-bio-block *,
.fw-bio-block *::before,
.fw-bio-block *::after {
    box-sizing: border-box;
}


/* =========================================================
   CARD
   ========================================================= */

.fw-bio-card {
    padding: 22px 24px 20px;

    /* gold on the left edge only — the rounded corners curve it
       round the top-left and bottom-left, as in the design */
    border: 0;
    border-left: 5px solid var(--fwb-gold);
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.94);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 20px 50px -24px rgba(0, 0, 0, 0.45);
}


/* =========================================================
   NAME + ROLE
   ========================================================= */

.fw-bio-card .fw-bio-name {
    margin: 0 0 8px !important;

    font-size: 1.65rem !important;
    line-height: 1.15 !important;

    font-weight: 700 !important;

    letter-spacing: -0.01em;

    color: var(--fwb-ink) !important;
}


.fw-bio-card .fw-bio-role {
    margin: 0 0 10px !important;

    font-size: 1rem !important;
    line-height: 1.35 !important;

    font-weight: 600 !important;

    color: var(--fwb-ink) !important;
}


/* =========================================================
   LINK — jumps to the speaker section
   ========================================================= */

.fw-bio-card .fw-bio-link,
.fw-bio-card .fw-bio-link:link,
.fw-bio-card .fw-bio-link:visited {
    display: inline-block;

    margin: 0 0 14px;

    color: var(--fwb-teal) !important;

    font-size: 0.92rem !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;
    font-style: italic;

    text-decoration: none !important;

    transition: color 0.2s ease;
}


.fw-bio-card .fw-bio-link:hover,
.fw-bio-card .fw-bio-link:focus {
    color: #065a67 !important;

    text-decoration: underline !important;
    text-underline-offset: 3px;
}


.fw-bio-card .fw-bio-link:focus-visible {
    outline: 2px solid var(--fwb-teal);
    outline-offset: 3px;

    border-radius: 2px;
}


/* =========================================================
   PARTNER ROW — label left, logo right
   ========================================================= */

.fw-bio-partner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding-top: 14px;

    border-top: 1px solid var(--fwb-hairline);
}


.fw-bio-partner-label {
    padding-left: 4px;

    font-size: 0.78rem;
    line-height: 1.2;

    font-weight: 400;

    letter-spacing: 0.01em;
    text-transform: uppercase;

    color: var(--fwb-grey);

    white-space: nowrap;
}


.fw-bio-partner-logo {
    display: block;

    width: auto !important;
    height: 32px !important;
    max-width: 55%;

    border: 0;
    border-radius: 0;
    box-shadow: none;
}


/* =========================================================
   MOBILE — card sits in the normal page flow
   ========================================================= */

@media (max-width: 640px) {

    .fw-bio-block {
        position: static !important;
        inset: auto !important;
        transform: none !important;

        max-width: 100%;

        padding: 0 20px;
    }


    .fw-bio-card {
        padding: 18px 18px 16px;
    }


    .fw-bio-card .fw-bio-name {
        font-size: 1.45rem !important;
    }


    /* mobile keeps the earlier, smaller sizes */
    .fw-bio-card .fw-bio-role {
        font-size: 0.85rem !important;
    }


    .fw-bio-card .fw-bio-link,
    .fw-bio-card .fw-bio-link:link,
    .fw-bio-card .fw-bio-link:visited {
        font-size: 0.86rem !important;
    }


    .fw-bio-partner-logo {
        height: 28px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ea5c77a *//* =========================================================
   FINANCIAL WELLNESS (BEE123 × WORTH) — OVERVIEW SECTION
   "During this practical session we'll explore:"
   Built on the EE Mastery overview template
   ========================================================= */

.overview-block {
  /* -- palette -------------------------------------------- */
  --ee-white:        #ffffff;
  --ee-white-dim:    rgba(255, 255, 255, 0.88);
  --ee-white-faint:  rgba(255, 255, 255, 0.72);
  --ee-hairline:     rgba(255, 255, 255, 0.18);
  --ee-panel:        rgba(255, 255, 255, 0.14);

  /* -- type ------------------------------------------------ */
  --ee-font-body:    "Barlow", sans-serif;

  width: 100%;
  max-width: 1600px;

  margin: 0 auto;
  padding: clamp(56px, 5vw, 96px) clamp(24px, 4vw, 80px);

  font-family: var(--ee-font-body);
  color: var(--ee-white);

  box-sizing: border-box;
}


.overview-block *,
.overview-block *::before,
.overview-block *::after {
  box-sizing: border-box;
}


/* =========================================================
   HEADING
   ========================================================= */

.overview-heading {
  width: 100%;
  max-width: none;

  margin: 0 0 24px;

  font-family: var(--ee-font-body);

  font-size: clamp(2.2rem, 1.4vw + 1.8rem, 3.2rem);
  line-height: 1.08;

  letter-spacing: -0.02em;
  font-weight: 700;

  color: var(--ee-white);
}


/* =========================================================
   INTRO / FEATURE COPY
   ========================================================= */

.overview-feature {
  width: 100%;
  max-width: 1040px;

  margin: 0 0 clamp(36px, 3.5vw, 52px);
}


.overview-feature p {
  margin: 0;

  font-size: 1.15rem;
  line-height: 1.6;

  font-weight: 400;

  color: var(--ee-white-dim);
}


/* =========================================================
   GRID — 2 × 2, hairline between rows only
   ========================================================= */

.overview-grid {
  width: 100%;
  max-width: none;

  list-style: none;

  margin: 0;
  padding: 0;

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  column-gap: clamp(32px, 4vw, 64px);
  row-gap: 0;
}


/* =========================================================
   GRID ITEMS
   ========================================================= */

.overview-item {
  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 26px 0 28px;

  border-top: 1px solid var(--ee-hairline);
}


.overview-item:nth-child(-n + 2) {
  padding-top: 0;
  border-top: none;
}


/* =========================================================
   TITLE
   ========================================================= */

.overview-item-title {
  margin: 0 0 8px;

  font-family: var(--ee-font-body);

  font-size: 1.4rem;
  line-height: 1.25;

  font-weight: 700;

  letter-spacing: -0.005em;

  color: var(--ee-white);
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.overview-item-description {
  width: 100%;
  max-width: 560px;

  margin: 0;

  font-size: 1.05rem;
  line-height: 1.6;

  font-weight: 400;

  color: var(--ee-white-faint);
}


/* =========================================================
   TOYOTA CASE STUDY PANEL
   ========================================================= */

.overview-case {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px 40px;

  width: 100%;

  margin-top: clamp(24px, 2.5vw, 36px);
  padding: clamp(24px, 2.4vw, 34px) clamp(24px, 3vw, 44px);

  border-radius: 15px;

  background: var(--ee-panel);
}


.overview-case-copy {
  min-width: 0;
  max-width: 720px;
}


.overview-case-title {
  margin: 0 0 8px;

  font-size: 1.4rem;
  line-height: 1.25;

  font-weight: 700;

  color: var(--ee-white);
}


.overview-case-description {
  margin: 0;

  font-size: 1.05rem;
  line-height: 1.6;

  font-weight: 400;

  color: var(--ee-white-faint);
}


/* =========================================================
   CASE STUDY BUTTON — downloads the Toyota PDF
   ========================================================= */

.overview-case-btn {
  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 54px;

  padding: 0 34px;

  border-radius: 15px;

  background: #eab91f;

  color: #ffffff;

  font-family: var(--ee-font-body);
  font-size: 1.15rem;
  line-height: 1.2;

  font-weight: 700;

  text-decoration: none;
  white-space: nowrap;

  transition:
    background 0.2s ease,
    transform 0.2s ease;
}


.overview-case-btn:hover {
  background: #d9a90f;

  color: #ffffff;

  transform: translateY(-1px);
}


.overview-case-btn:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}


/* =========================================================
   ULTRA-WIDE (2200px+)
   ========================================================= */

@media (min-width: 2200px) {

  .overview-block {
    padding-left: 96px;
    padding-right: 96px;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .overview-heading {
    font-size: clamp(2rem, 3.6vw, 2.5rem);
  }


  .overview-feature p {
    font-size: 1.1rem;
    line-height: 1.55;
  }


  .overview-grid {
    column-gap: 28px;
  }


  .overview-item {
    padding: 22px 0 24px;
  }


  .overview-item-title,
  .overview-case-title {
    font-size: 1.3rem;
  }


  .overview-item-description,
  .overview-case-description {
    font-size: 1.02rem;
  }


  /* button drops under the copy */
  .overview-case {
    flex-direction: column;
    align-items: flex-start;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

  .overview-block {
    padding: 44px 20px;
  }


  .overview-heading {
    font-size: clamp(1.85rem, 7.4vw, 2.3rem);
    line-height: 1.1;

    margin-bottom: 14px;
  }


  .overview-feature {
    margin-bottom: 26px;
  }


  .overview-feature p {
    font-size: 1.05rem;
  }


  /* single column: hairline between every item */
  .overview-grid {
    grid-template-columns: 1fr;
  }


  .overview-item:nth-child(2) {
    padding-top: 22px;
    border-top: 1px solid var(--ee-hairline);
  }


  .overview-item-title,
  .overview-case-title {
    font-size: 1.22rem;
  }


  .overview-item-description,
  .overview-case-description {
    font-size: 1rem;
  }


  .overview-case {
    padding: 22px 20px;
  }


  .overview-case-btn {
    width: 100%;

    min-height: 58px;

    padding: 0 22px;

    white-space: normal;
    text-align: center;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .overview-case-btn {
    transition: none;
  }


  .overview-case-btn:hover {
    transform: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c77c2e *//* =========================================================
   FINANCIAL WELLNESS (BEE123 × WORTH) — GUEST SPEAKER
   No background set: the section sits on the page/Elementor
   background.
   ========================================================= */

.speaker-block {
  /* -- palette -------------------------------------------- */
  --sp-teal:       #097384;
  --sp-ink:        #1c1c1c;
  --sp-body:       #2b2b2b;

  /* -- type ------------------------------------------------ */
  --sp-font-body:  "Barlow", sans-serif;

  width: 100%;
  max-width: 1600px;

  margin: 0 auto;
  padding: clamp(56px, 5vw, 96px) clamp(24px, 4vw, 80px);

  font-family: var(--sp-font-body);
  color: var(--sp-body);

  box-sizing: border-box;
}


.speaker-block *,
.speaker-block *::before,
.speaker-block *::after {
  box-sizing: border-box;
}


/* =========================================================
   LAYOUT — photo left, copy right
   Uses the same outer width and side padding as the overview
   section (.overview-block), so the edges line up.
   ========================================================= */

.speaker-grid {
  width: 100%;
  max-width: none;

  margin: 0;

  display: grid;

  grid-template-columns:
    minmax(260px, 440px) minmax(0, 1fr);

  column-gap: clamp(40px, 6vw, 110px);

  align-items: center;
}


/* =========================================================
   PHOTO
   ========================================================= */

.speaker-photo {
  width: 100%;

  /* shorter crop (was 322 / 500) — keeps head and shoulders */
  aspect-ratio: 4 / 5;

  border-radius: 16px;

  overflow: hidden;

  box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.18);
}


.speaker-photo img {
  display: block;

  width: 100%;
  height: 100%;
  max-width: none;

  object-fit: cover;
  object-position: 50% 12%;
}


/* =========================================================
   COPY
   ========================================================= */

.speaker-copy {
  min-width: 0;
}


.speaker-kicker {
  margin: 0 0 6px;

  font-size: 1.05rem;
  line-height: 1.3;

  font-weight: 700;

  color: var(--sp-teal);
}


.speaker-name {
  margin: 0 0 22px;

  font-family: var(--sp-font-body);

  font-size: clamp(2.1rem, 1.2vw + 1.7rem, 2.7rem);
  line-height: 1.1;

  font-weight: 700;

  letter-spacing: -0.01em;

  color: var(--sp-teal);
}


.speaker-role {
  width: 100%;
  max-width: none;

  margin: 0 0 20px;
  padding-bottom: 16px;

  border-bottom: 2px solid var(--sp-teal);

  font-size: 1.25rem;
  line-height: 1.4;

  font-weight: 600;

  color: var(--sp-ink);
}


.speaker-bio {
  width: 100%;
  max-width: 760px;

  margin: 0;

  font-size: 1rem;
  line-height: 1.65;

  font-weight: 400;

  color: var(--sp-body);
}


/* =========================================================
   WORTH LOGO
   ========================================================= */

.speaker-logo {
  margin-top: 32px;
}


.speaker-logo img {
  display: block;

  width: auto;
  height: 44px;
  max-width: 100%;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .speaker-grid {
    grid-template-columns:
      minmax(220px, 320px) minmax(0, 1fr);

    column-gap: 40px;
  }


  .speaker-role {
    font-size: 1.15rem;
  }


  .speaker-logo img {
    height: 38px;
  }

}


/* =========================================================
   MOBILE — photo stacks above copy
   ========================================================= */

@media (max-width: 760px) {

  .speaker-block {
    padding: 44px 20px;
  }


  .speaker-grid {
    grid-template-columns: 1fr;

    row-gap: 32px;
  }


  .speaker-photo {
    max-width: 340px;
  }


  .speaker-name {
    margin-bottom: 16px;
  }


  .speaker-logo {
    margin-top: 26px;
  }


  .speaker-logo img {
    height: 34px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-557b32c2 *//* =========================================================
   FINANCIAL WELLNESS (BEE123 × WORTH) — TAKE ACTION SECTION
   Built on the EE Mastery final perspective template.
   No background set: sits on the page/Elementor background.

   Class names are prefixed fw-action- (not ee-perspective-) so the
   EE Mastery CSS already on the site can't restyle this section.
   ========================================================= */

.fw-action-section {
  /* -- palette ---------------------------------------------- */
  --fwa-white:        #ffffff;
  --fwa-white-dim:    rgba(255, 255, 255, 0.86);
  --fwa-white-faint:  rgba(255, 255, 255, 0.72);

  /* -- type -------------------------------------------------- */
  --fwa-font-body:    "Barlow", sans-serif;

  font-family: var(--fwa-font-body);
  color: var(--fwa-white);

  padding: clamp(48px, 5vw, 80px) 7vw clamp(48px, 5vw, 72px);

  text-align: center;

  box-sizing: border-box;
}


.fw-action-section *,
.fw-action-section *::before,
.fw-action-section *::after {
  box-sizing: border-box;
}


/* =========================================================
   INNER
   ========================================================= */

.fw-action-inner {
  width: 100%;
  max-width: 1400px;

  margin: 0 auto;
}


/* =========================================================
   CONTENT
   ========================================================= */

.fw-action-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}


/* =========================================================
   HEADING
   Two white statement lines, then the gold line.
   ========================================================= */

.fw-action-heading {
  width: 100%;
  max-width: 900px;

  margin: 0 auto clamp(28px, 3vw, 40px);

  display: flex;
  flex-direction: column;
  align-items: center;

  font-family: var(--fwa-font-body);

  font-size: clamp(2.4rem, 1.6vw + 2rem, 3.5rem);
  line-height: 1.12;

  letter-spacing: -0.015em;
  font-weight: 700;

  color: var(--fwa-white);
}


.fw-action-heading-line {
  display: block;

  color: var(--fwa-white);
}


.fw-action-heading-accent {
  display: block;

  max-width: 14em;

  margin-top: 0.22em;

  color: #eab91f;
}


/* =========================================================
   COPY
   Bold white lead line, then two lighter supporting lines.
   ========================================================= */

.fw-action-copy {
  width: 100%;
  max-width: 720px;

  margin: 0 auto;
}


.fw-action-copy p.fw-action-lead {
  max-width: 640px;

  margin: 0 auto 1.75rem !important;

  font-family: var(--fwa-font-body);

  font-size: clamp(1.2rem, 0.5vw + 1.05rem, 1.4rem) !important;
  line-height: 1.4 !important;

  letter-spacing: -0.005em;
  font-weight: 600 !important;

  color: var(--fwa-white) !important;
}


.fw-action-copy p {
  max-width: 640px;

  margin: 0 auto 1.35rem !important;

  font-family: var(--fwa-font-body);

  font-size: clamp(1rem, 0.25vw + 0.94rem, 1.1rem) !important;
  line-height: 1.55 !important;

  font-weight: 400;

  color: var(--fwa-white-faint) !important;
}


.fw-action-copy p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .fw-action-section {
    padding: 3.5rem 6vw 3.125rem;
  }


  .fw-action-inner {
    max-width: 100%;
  }


  .fw-action-heading {
    max-width: 100%;

    font-size: 2.6rem;
  }


  .fw-action-copy {
    max-width: 620px;
  }


  .fw-action-copy p.fw-action-lead {
    font-size: 1.25rem !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

  .fw-action-section {
    padding: 2.75rem 1.5rem 2.5rem;
  }


  .fw-action-heading {
    font-size: clamp(1.9rem, 7.5vw, 2.3rem);
    line-height: 1.15;

    letter-spacing: -0.01em;

    margin-bottom: 1.5rem;
  }


  .fw-action-heading-accent {
    max-width: none;
  }


  .fw-action-copy {
    max-width: 100%;
  }


  .fw-action-copy p.fw-action-lead {
    font-size: 1.15rem !important;
    line-height: 1.45 !important;

    margin-bottom: 1.25rem !important;
  }


  .fw-action-copy p {
    font-size: 1rem !important;

    margin-bottom: 1rem !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e32c02b *//* =========================================================
   FINANCIAL WELLNESS (BEE123 × WORTH) — PARTNER STRIP
   "In partnership with" + white Worth logo
   No background set: sits on the page/Elementor background.
   Classes are prefixed fw-partner- so no other page CSS
   can restyle this section.
   ========================================================= */

.fw-partner-section {
  --fwp-white-faint:  rgba(255, 255, 255, 0.72);
  --fwp-hairline:     rgba(255, 255, 255, 0.16);
  --fwp-font-body:    "Barlow", sans-serif;

  width: 100%;
  max-width: 1600px;

  margin: 0 auto;
  padding: 0 clamp(24px, 4vw, 80px) clamp(28px, 3vw, 44px);

  font-family: var(--fwp-font-body);

  box-sizing: border-box;
}


.fw-partner-section *,
.fw-partner-section *::before,
.fw-partner-section *::after {
  box-sizing: border-box;
}


/* =========================================================
   INNER — hairline across the top
   ========================================================= */

.fw-partner-inner {
  width: 100%;

  padding-top: clamp(24px, 2.6vw, 32px);

  border-top: 1px solid var(--fwp-hairline);
}


/* =========================================================
   LOCKUP — label lines up with the WORTH wordmark
   ========================================================= */

.fw-partner-lockup {
  display: flex;
  align-items: flex-start;
  justify-content: center;

  gap: 14px;
}


.fw-partner-label {
  margin: 0;

  font-size: 18px;
  line-height: 28px;

  font-weight: 400;

  color: var(--fwp-white-faint);

  white-space: nowrap;
}


.fw-partner-logo {
  display: block;

  width: auto !important;
  height: 48px !important;
  max-width: 100%;

  border: 0;
  border-radius: 0;
  box-shadow: none;
}


/* =========================================================
   MOBILE — label above logo
   ========================================================= */

@media (max-width: 560px) {

  .fw-partner-section {
    padding: 0 20px 28px;
  }


  .fw-partner-lockup {
    flex-direction: column;
    align-items: center;

    gap: 10px;
  }


  .fw-partner-label {
    font-size: 15px;
    line-height: 1.3;
  }


  .fw-partner-logo {
    height: 36px !important;
  }

}/* End custom CSS */