.elementor-12710 .elementor-element.elementor-element-1f3915ec{--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-12710 .elementor-element.elementor-element-1f3915ec:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-1f3915ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12710 .elementor-element.elementor-element-6142ebd6{--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:-104px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-12710 .elementor-element.elementor-element-6142ebd6:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-6142ebd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(123deg, #011C20 0%, #097282 100%);}.elementor-12710 .elementor-element.elementor-element-6142ebd6::before, .elementor-12710 .elementor-element.elementor-element-6142ebd6 > .elementor-background-video-container::before, .elementor-12710 .elementor-element.elementor-element-6142ebd6 > .e-con-inner > .elementor-background-video-container::before, .elementor-12710 .elementor-element.elementor-element-6142ebd6 > .elementor-background-slideshow::before, .elementor-12710 .elementor-element.elementor-element-6142ebd6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12710 .elementor-element.elementor-element-6142ebd6 > .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-12710 .elementor-element.elementor-element-4d8b413d{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-1ffce81{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-69f42ef9{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12710 .elementor-element.elementor-element-1d658a49{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:-5px;--margin-right:0px;--padding-top:0px;--padding-bottom:19px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-77a9cae6{--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-12710 .elementor-element.elementor-element-fd8e1a0{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-12710 .elementor-element.elementor-element-592ad211 .elementor-button{background-color:#EBB91D;font-family:"Barlow", Sans-serif;font-size:1.2vw;font-weight:700;fill:#000000;color:#000000;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.13);border-radius:35px 35px 35px 35px;padding:1.39vw 1.39vw 1.39vw 1.39vw;}.elementor-12710 .elementor-element.elementor-element-592ad211 .elementor-button:hover, .elementor-12710 .elementor-element.elementor-element-592ad211 .elementor-button:focus{background-color:#FFFFFF;color:#F2BB10;}.elementor-12710 .elementor-element.elementor-element-592ad211{padding:0px 0px 0px 0px;}.elementor-12710 .elementor-element.elementor-element-592ad211.elementor-element{--align-self:center;}.elementor-12710 .elementor-element.elementor-element-592ad211 .elementor-button:hover svg, .elementor-12710 .elementor-element.elementor-element-592ad211 .elementor-button:focus svg{fill:#F2BB10;}.elementor-12710 .elementor-element.elementor-element-51cd0d51{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-51cd0d51:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-51cd0d51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/08/Group-27-3.png");background-repeat:no-repeat;background-size:cover;}.elementor-12710 .elementor-element.elementor-element-1c96943d{--spacer-size:50px;}.elementor-12710 .elementor-element.elementor-element-4c2eb0c{padding:0px 0px 25px 0px;}.elementor-12710 .elementor-element.elementor-element-67bd621a{--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-12710 .elementor-element.elementor-element-67bd621a:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-67bd621a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;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-12710 .elementor-element.elementor-element-20e8b6b2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-3bf4c27{--display:flex;--padding-top:89px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-12710 .elementor-element.elementor-element-3bf4c27.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-12710 .elementor-element.elementor-element-5893bdf2{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-12710 .elementor-element.elementor-element-5893bdf2.elementor-element{--align-self:center;}.elementor-12710 .elementor-element.elementor-element-5893bdf2 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:3.2vw;font-weight:700;color:#097384;}.elementor-12710 .elementor-element.elementor-element-189f8562{--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-12710 .elementor-element.elementor-element-198b5532{--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-12710 .elementor-element.elementor-element-198b5532:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-198b5532 > .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-12710 .elementor-element.elementor-element-198b5532::before, .elementor-12710 .elementor-element.elementor-element-198b5532 > .elementor-background-video-container::before, .elementor-12710 .elementor-element.elementor-element-198b5532 > .e-con-inner > .elementor-background-video-container::before, .elementor-12710 .elementor-element.elementor-element-198b5532 > .elementor-background-slideshow::before, .elementor-12710 .elementor-element.elementor-element-198b5532 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12710 .elementor-element.elementor-element-198b5532 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#097384;--background-overlay:'';}.elementor-12710 .elementor-element.elementor-element-449325cc{padding:0px 0px 0px 0px;}.elementor-12710 .elementor-element.elementor-element-7990e7f{--display:flex;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-7990e7f:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-7990e7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/03/grey-ban-5.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-12710 .elementor-element.elementor-element-9f13119{--spacer-size:8vh;}.elementor-12710 .elementor-element.elementor-element-74ff9ac{--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-12710 .elementor-element.elementor-element-74ff9ac:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-74ff9ac > .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-12710 .elementor-element.elementor-element-e4a743d{--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-12710 .elementor-element.elementor-element-e4a743d:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-e4a743d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#096473EB;}.elementor-12710 .elementor-element.elementor-element-d5d6386{padding:0px 0px 0px 0px;}.elementor-12710 .elementor-element.elementor-element-df27fef{--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-12710 .elementor-element.elementor-element-ceff9b7{--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-12710 .elementor-element.elementor-element-4b7ac76 .elementor-button{background-color:#EBB91D;font-family:"Barlow", Sans-serif;font-size:1.2vw;font-weight:700;fill:#000000;color:#000000;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.13);border-radius:35px 35px 35px 35px;padding:1.39vw 1.39vw 1.39vw 1.39vw;}.elementor-12710 .elementor-element.elementor-element-4b7ac76 .elementor-button:hover, .elementor-12710 .elementor-element.elementor-element-4b7ac76 .elementor-button:focus{background-color:#FFFFFF;color:#F2BB10;}.elementor-12710 .elementor-element.elementor-element-4b7ac76{padding:0px 0px 0px 0px;}.elementor-12710 .elementor-element.elementor-element-4b7ac76.elementor-element{--align-self:center;}.elementor-12710 .elementor-element.elementor-element-4b7ac76 .elementor-button:hover svg, .elementor-12710 .elementor-element.elementor-element-4b7ac76 .elementor-button:focus svg{fill:#F2BB10;}.elementor-12710 .elementor-element.elementor-element-e1a362c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-12710 .elementor-element.elementor-element-e1a362c.elementor-element{--align-self:center;}.elementor-12710 .elementor-element.elementor-element-e1a362c .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:1.39vw;font-weight:400;color:#90BEC5;}@media(max-width:1090px){.elementor-12710 .elementor-element.elementor-element-51cd0d51:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-51cd0d51 > .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-12710 .elementor-element.elementor-element-74ff9ac:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-74ff9ac > .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-12710 .elementor-element.elementor-element-74ff9ac{--padding-top:0px;--padding-bottom:0px;--padding-left:75px;--padding-right:75px;}}@media(max-width:768px){.elementor-12710 .elementor-element.elementor-element-6142ebd6{--border-radius:0px 0px 35px 35px;--margin-top:-188px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:299px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;--z-index:2;}.elementor-12710 .elementor-element.elementor-element-4d8b413d{--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12710 .elementor-element.elementor-element-1ffce81{--padding-top:23px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-69f42ef9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:77px 0px 0px 0px;}.elementor-12710 .elementor-element.elementor-element-1d658a49{--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-12710 .elementor-element.elementor-element-1d658a49.e-con{--align-self:center;}.elementor-12710 .elementor-element.elementor-element-77a9cae6{--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-12710 .elementor-element.elementor-element-77a9cae6.e-con{--align-self:center;}.elementor-12710 .elementor-element.elementor-element-fd8e1a0{margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:9px 0px 9px 0px;}.elementor-12710 .elementor-element.elementor-element-fd8e1a0.elementor-element{--align-self:center;}.elementor-12710 .elementor-element.elementor-element-592ad211 .elementor-button{font-size:1.02rem;border-radius:38px 38px 38px 38px;padding:15px 35px 15px 35px;}.elementor-12710 .elementor-element.elementor-element-51cd0d51:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-51cd0d51 > .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-12710 .elementor-element.elementor-element-4c2eb0c{margin:-74px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12710 .elementor-element.elementor-element-4c2eb0c.elementor-element{--align-self:center;}.elementor-12710 .elementor-element.elementor-element-67bd621a{--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-12710 .elementor-element.elementor-element-3bf4c27{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-5893bdf2{--container-widget-width:584px;--container-widget-flex-grow:0;width:var( --container-widget-width, 584px );max-width:584px;}.elementor-12710 .elementor-element.elementor-element-5893bdf2 .elementor-heading-title{font-size:25px;}.elementor-12710 .elementor-element.elementor-element-189f8562{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12710 .elementor-element.elementor-element-198b5532{--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-12710 .elementor-element.elementor-element-74ff9ac:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-74ff9ac > .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-12710 .elementor-element.elementor-element-74ff9ac{--padding-top:34px;--padding-bottom:34px;--padding-left:20px;--padding-right:20px;}.elementor-12710 .elementor-element.elementor-element-df27fef{--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-12710 .elementor-element.elementor-element-ceff9b7{--padding-top:11px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-4b7ac76 .elementor-button{font-size:1.02rem;border-radius:38px 38px 38px 38px;padding:15px 32px 15px 32px;}.elementor-12710 .elementor-element.elementor-element-e1a362c .elementor-heading-title{font-size:12px;}}@media(min-width:769px){.elementor-12710 .elementor-element.elementor-element-1ffce81{--width:100%;}.elementor-12710 .elementor-element.elementor-element-51cd0d51{--width:53%;}}/* Start custom CSS for html, class: .elementor-element-69f42ef9 *//* =========================================================
   EE MASTERY EPISODE 5
   HERO SECTION
========================================================= */

:root {
    --ee-gold: #f5bf23;
    --ee-gold-soft: rgba(245, 191, 35, 0.14);
    --ee-gold-border: rgba(245, 191, 35, 0.38);
    --ee-gold-glow: rgba(245, 191, 35, 0.22);

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

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

    --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);
    }
}

@keyframes ee-draw-line {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@keyframes ee-pulse {
    0%,
    100% {
        box-shadow:
            0 0 0 3px var(--ee-gold-glow);
    }

    50% {
        box-shadow:
            0 0 0 7px rgba(245, 191, 35, 0.06);
    }
}


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

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

.ee-eyebrow {
    animation-delay: 0s;
}

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

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

.ee-panel-badge {
    animation-delay: 0.18s;
}

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


/* =========================================================
   EYEBROW
========================================================= */

.ee-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    margin: 0 0 clamp(16px, 2.6vh, 26px);

    color: var(--ee-gold);

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

    font-weight: 700;

    letter-spacing: 0.17em;
    text-transform: uppercase;
}

.ee-eyebrow::before {
    content: "";

    width: 38px;
    height: 2px;

    flex-shrink: 0;

    background: var(--ee-gold);

    border-radius: 2px;

    transform-origin: left center;

    animation:
        ee-draw-line
        0.65s
        var(--ee-ease)
        0.1s
        both;
}


/* =========================================================
   MAIN HEADLINE
========================================================= */

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

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

    display: flex;
    flex-wrap: wrap;
    align-items: center;

    column-gap: 18px;
    row-gap: 4px;

    overflow: visible;
}


/* =========================================================
   JOIN EE EXPERT
   SAME SIZE AS YOLANDI
========================================================= */

.ee-title-kicker {
    display: inline-flex;
    align-items: center;

    color: var(--ee-white);

    font-size: clamp(2.4rem, 2.6vw + 3.4vh, 4.6rem);
    line-height: 0.96;

    font-weight: 800;

    letter-spacing: -0.055em;

    white-space: nowrap;
}


/* =========================================================
   SPEAKER NAME
========================================================= */

.ee-title-name {
    display: inline-block;

    color: var(--ee-gold);

    font-size: clamp(2.4rem, 2.6vw + 3.4vh, 4.6rem);
    line-height: 0.96;

    font-weight: 800;

    letter-spacing: -0.055em;

    text-shadow:
        0 8px 35px rgba(245, 191, 35, 0.18);
}


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

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

    margin: 0 0 clamp(20px, 3vh, 30px);
    padding-left: 19px;

    border-left: 3px solid var(--ee-gold-border);

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

    font-size: clamp(1.2rem, 0.7vw + 1.6vh, 1.52rem);
    line-height: 1.45;

    font-weight: 400;

    letter-spacing: -0.008em;
}

.ee-subtitle strong {
    color: var(--ee-white);

    font-weight: 700;
}


/* =========================================================
   LIVE BADGE
========================================================= */

.ee-panel-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: clamp(8px, 1.3vh, 11px) 18px;

    margin: 0 0 clamp(20px, 3.2vh, 32px);

    border: 1px solid var(--ee-gold-border);
    border-radius: 100px;

    background: rgba(8, 25, 23, 0.62);

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

    box-shadow:
        0 0 0 1px rgba(245, 191, 35, 0.06) inset;

    color: var(--ee-gold);

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

    font-weight: 700;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}


/* =========================================================
   LIVE DOT
========================================================= */

.ee-panel-dot {
    width: 9px;
    height: 9px;

    flex-shrink: 0;

    border-radius: 50%;

    background: var(--ee-gold);

    box-shadow:
        0 0 0 3px var(--ee-gold-glow);

    animation:
        ee-pulse
        2.2s
        ease-in-out
        infinite;
}


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

.ee-body {
    width: 100%;
}


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

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

    margin: 0 0 clamp(16px, 2.6vh, 26px);

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

    font-size: clamp(1.1rem, 0.45vw + 1.3vh, 1.26rem);
    line-height: 1.55;

    font-weight: 500;

    letter-spacing: -0.005em;
}


/* =========================================================
   EVENT STRIP
========================================================= */

.ee-event-strip {
    display: flex;
    align-items: stretch;

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

    min-height: clamp(94px, 15vh, 128px);

    margin: 0;

    overflow: hidden;

    border:
        1px solid
        var(--ee-border);

    border-radius: 17px;

    background:
        rgba(8, 22, 20, 0.62);

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

    box-shadow:
        0 16px 38px -18px rgba(0, 0, 0, 0.58);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* =========================================================
   EVENT STRIP HOVER
========================================================= */

.ee-event-strip:hover {
    border-color: var(--ee-gold-border);

    box-shadow:
        0 16px 38px -18px rgba(0, 0, 0, 0.58),
        0 0 0 1px rgba(245, 191, 35, 0.08) inset;
}


/* =========================================================
   DATE BLOCK
========================================================= */

.ee-event-date {
    width: 168px;

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;

    flex-shrink: 0;

    padding: clamp(12px, 1.8vh, 16px) 20px;

    text-align: center;

    background:
        rgba(245, 191, 35, 0.13);

    border-right:
        1px solid
        var(--ee-gold-border);
}

.ee-event-weekday {
    margin-bottom: 4px;

    color: var(--ee-gold);

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

    font-weight: 700;

    letter-spacing: 0.15em;

    text-transform: uppercase;
}

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

    font-size: clamp(1.7rem, 3.4vh, 2.2rem);
    line-height: 1;

    font-weight: 700;

    letter-spacing: -0.03em;
}

.ee-event-month {
    margin-top: 5px;

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

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

    font-weight: 600;
}


/* =========================================================
   EVENT DIVIDER
========================================================= */

.ee-event-tear {
    width: 1px;

    flex-shrink: 0;

    margin: 14px 0;

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


/* =========================================================
   EVENT FACTS
========================================================= */

.ee-event-facts {
    display: flex;

    flex: 1;

    min-width: 0;
}


/* =========================================================
   EVENT FACT
========================================================= */

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

    gap: 14px;

    flex: 1 1 33.333%;

    min-width: 0;

    padding: clamp(14px, 2.4vh, 20px) 24px;

    transition:
        background 0.2s ease;
}

.ee-event-fact + .ee-event-fact {
    border-left:
        1px solid
        var(--ee-border);
}

.ee-event-fact:hover {
    background:
        rgba(245, 191, 35, 0.05);
}


/* =========================================================
   FACT ICON
========================================================= */

.ee-fact-icon {
    width: 20px;
    height: 20px;

    flex-shrink: 0;

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


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

.ee-fact-copy {
    display: flex;
    flex-direction: column;

    gap: 4px;

    min-width: 0;
}

.ee-fact-label {
    color: var(--ee-gold);

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

    font-weight: 700;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}

.ee-fact-value {
    color: var(--ee-white);

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

    font-weight: 700;
}


/* =========================================================
   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.6vh, 3.6rem);
    }

    .ee-event-strip {
        max-width: 940px;
    }

    .ee-event-fact {
        padding-left: 17px;
        padding-right: 17px;
    }
}


/* =========================================================
   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;

        column-gap: 14px;
    }

    .ee-title-kicker,
    .ee-title-name {
        font-size: clamp(
            2.5rem,
            5.5vw,
            3.7rem
        );
    }

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

        font-size: 1.32rem;
    }

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

        font-size: 1.12rem;
    }

    .ee-event-facts {
        flex-wrap: wrap;
    }

    .ee-event-fact {
        flex: 1 1 50%;
    }

    .ee-event-fact:nth-child(2) {
        border-left:
            1px solid
            var(--ee-border);
    }

    .ee-event-fact:nth-child(3) {
        flex-basis: 100%;

        border-left: none;

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


/* =========================================================
   MOBILE — 768PX
   Fixed mobile headers run taller than they look (wrapped
   logo/tagline, larger tap targets, sometimes a search or
   hamburger row) — 110px gives real clearance instead of
   the 64px guess that was clipping under the nav.
========================================================= */

@media (max-width: 768px) {

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

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

        padding: 0 20px 0;
    }

    .ee-eyebrow {
        margin-bottom: 16px;

        font-size: 0.76rem;
    }

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

        margin-bottom: 22px;

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

        column-gap: 0;
        row-gap: 7px;
    }

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

        display: block;

        font-size:
            clamp(
                2.8rem,
                10vw,
                3.8rem
            );

        line-height: 0.98;

        white-space: normal;
    }

    .ee-title-name {
        font-size:
            clamp(
                2.8rem,
                10vw,
                3.8rem
            );

        line-height: 0.98;
    }

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

        padding-left: 15px;

        font-size: 1.28rem;

        line-height: 1.45;
    }

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

        font-size: 1.12rem;

        line-height: 1.5;
    }

    .ee-event-strip {
        flex-direction: column;

        max-width: 100%;
    }

    .ee-event-date {
        width: 100%;

        flex-direction: row;

        align-items: baseline;
        justify-content: center;

        gap: 9px;

        padding: 14px 16px;

        border-right: none;

        border-bottom:
            1px solid
            var(--ee-gold-border);
    }

    .ee-event-weekday {
        margin-bottom: 0;
    }

    .ee-event-day {
        font-size: 2rem;
    }

    .ee-event-month {
        margin-top: 0;
    }

    .ee-event-tear {
        width: auto;

        height: 1px;

        margin: 0 18px;
    }

    .ee-event-facts {
        flex-direction: column;
    }

    .ee-event-fact {
        flex-basis: auto;

        padding: 16px 18px;
    }

    .ee-event-fact + .ee-event-fact,
    .ee-event-fact:nth-child(2),
    .ee-event-fact:nth-child(3) {
        border-left: none;

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


/* =========================================================
   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.5rem,
                10.5vw,
                3.35rem
            );
    }

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

    .ee-intro {
        font-size: 1.08rem;
    }

    .ee-panel-badge {
        padding: 8px 15px;

        font-size: 0.72rem;
    }
}


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

@media (max-width: 420px) {

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

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

    .ee-eyebrow {
        font-size: 0.68rem;

        letter-spacing: 0.14em;
    }

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

        line-height: 1;
    }

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

        font-size: 1.1rem;

        line-height: 1.45;
    }

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

    .ee-panel-badge {
        padding: 7px 13px;

        font-size: 0.68rem;
    }

    .ee-event-date {
        flex-direction: column;

        align-items: center;

        gap: 3px;
    }

    .ee-event-month {
        margin-top: 1px;
    }
}


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

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

    .ee-eyebrow,
    .ee-title,
    .ee-subtitle,
    .ee-panel-badge,
    .ee-body,
    .ee-eyebrow::before,
    .ee-panel-dot {
        animation: none !important;

        opacity: 1 !important;

        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd8e1a0 *//* =========================================================
   EE MASTERY — SPEAKER BIO
   ========================================================= */

:root {
    --ee-gold:         #f5bf23;
    --ee-gold-border:  rgba(245, 191, 35, 0.38);
    --ee-gold-glow:    rgba(245, 191, 35, 0.22);

    --ee-white:        #ffffff;
    --ee-white-dim:    rgba(255, 255, 255, 0.82);
    --ee-white-faint:  rgba(255, 255, 255, 0.62);
    --ee-hairline:     rgba(255, 255, 255, 0.14);

    --ee-font-body:    "Barlow", sans-serif;

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


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


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

.ee-bio-block {
    width: 100%;
    max-width: 420px;

    margin: 0 auto;
    padding: 0;

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


.ee-bio-card {
    padding: 1.25rem 1.4rem;

    border: 1px solid var(--ee-hairline);
    border-radius: 20px;

    background: linear-gradient(
        160deg,
        rgba(4, 12, 10, 0.74),
        rgba(4, 12, 10, 0.58)
    );

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

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


.ee-bio-identity {
    margin-bottom: 0.75rem;
}


.ee-bio-name {
    margin: 0 0 0.15rem;

    font-size: 1.05rem;
    line-height: 1.2;
    font-weight: 700;

    letter-spacing: -0.01em;

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


.ee-bio-role {
    margin: 0;

    font-size: 0.76rem;
    font-weight: 600;

    letter-spacing: 0.03em;

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


.ee-bio-short {
    margin: 0 0 0.9rem;

    font-size: 0.9rem;
    line-height: 1.55;

    font-weight: 400;

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

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
}


.ee-bio-trigger,
.ee-bio-trigger:link,
.ee-bio-trigger:visited {
    display: inline-flex !important;
    align-items: center;

    gap: 8px;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 0 !important;
    outline: none !important;

    background: none !important;
    box-shadow: none !important;

    color: var(--ee-gold) !important;

    font-family: var(--ee-font-body);
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: -0.005em;

    text-decoration: none !important;
    text-transform: none !important;

    cursor: pointer;
}


.ee-bio-trigger:hover,
.ee-bio-trigger:active,
.ee-bio-trigger:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;

    color: var(--ee-gold) !important;

    text-decoration: none !important;
}


.ee-bio-trigger svg {
    transition: transform 0.2s var(--ee-ease);
}


.ee-bio-trigger:hover svg {
    transform: translateX(3px);
}


.ee-bio-trigger:focus-visible {
    outline: 2px solid var(--ee-gold) !important;
    outline-offset: 4px;

    border-radius: 2px;
}


/* =========================================================
   MODAL
   ========================================================= */

.ee-bio-modal {
    position: fixed;
    inset: 0;

    z-index: 99999;

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

    padding: 24px;
}


.ee-bio-modal[hidden] {
    display: none;
}


.ee-bio-modal-backdrop {
    position: absolute;
    inset: 0;

    background: rgba(4, 12, 10, 0.72);

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

    animation: ee-bio-fade 0.2s ease both;
}


.ee-bio-modal-panel {
    position: relative;

    width: 100%;
    max-width: 620px;
    max-height: 84vh;

    overflow-y: auto;

    padding: 2.75rem 2.5rem 2.5rem;

    border: 1px solid var(--ee-gold-border);
    border-radius: 20px;

    background:
        radial-gradient(
            140% 140% at 15% 0%,
            #14453b 0%,
            #0b2d26 55%,
            #071e19 100%
        );

    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, 0.6);

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

    animation: ee-bio-rise 0.25s var(--ee-ease) both;
}


@keyframes ee-bio-fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@keyframes ee-bio-rise {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


.ee-bio-modal-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;

    z-index: 1;

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

    width: 36px;
    height: 36px;

    padding: 0 !important;

    border: 1px solid var(--ee-hairline) !important;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.04) !important;

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

    font-size: 22px;
    line-height: 1;
    font-weight: 400;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


.ee-bio-modal-close span {
    display: block;
    margin-top: -2px;
}


.ee-bio-modal-close:hover {
    background: rgba(245, 191, 35, 0.12) !important;
    border-color: var(--ee-gold-border) !important;

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


.ee-bio-modal-close:focus-visible {
    outline: 2px solid var(--ee-gold);
    outline-offset: 2px;
}


.ee-bio-modal-name {
    margin: 0 0 0.25rem;

    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 800;

    letter-spacing: -0.02em;

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


.ee-bio-modal-role {
    margin: 0 0 1.5rem;

    font-size: 0.85rem;
    font-weight: 600;

    letter-spacing: 0.03em;

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


.ee-bio-modal-body p {
    margin: 0 0 1.1rem;

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

    font-weight: 400;

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


.ee-bio-modal-body p:last-child {
    margin-bottom: 0;
}


.ee-bio-modal-divider {
    width: 100%;
    height: 1px;

    margin: 1.5rem 0;

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


.ee-bio-mobile-only {
    display: none;
}


/* =========================================================
   MOBILE
   The full card (name, role, teaser) is desktop-only — it's
   meant to sit over her photo there. With the photo hidden
   on mobile, a whole extra card stacked under an already
   busy hero (title, subtitle, badge, intro, event strip,
   register button) is too much competing content. Mobile
   gets a single plain link instead: same modal, near-zero
   footprint.

   position/inset resets below are a defensive fallback only
   — if this card is still floating in a weird spot on mobile,
   it's very likely being absolutely positioned by an Elementor
   column/widget setting outside this file, which needs its
   own per-device override in the Elementor editor; CSS here
   can't reach an ancestor element it doesn't control.
   ========================================================= */

@media (max-width: 640px) {

    .ee-bio-block {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;

        max-width: 100%;

        margin-top: 0.5rem;

        padding: 0 20px;

        text-align: center;
    }

    .ee-bio-desktop-only {
        display: none !important;
    }

    .ee-bio-mobile-only {
        display: block;
    }

    .ee-bio-mobile-label {
        margin: 0 0 0.35rem;

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

        font-size: 0.8rem;
        font-weight: 700;

        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    .ee-bio-card {
        padding: 0;

        border: none;
        border-radius: 0;

        background: none;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;

        box-shadow: none;
    }

    .ee-bio-trigger {
        font-size: 1.3rem !important;
        font-weight: 800 !important;
    }

    .ee-bio-trigger svg {
        width: 20px;
        height: 20px;

        stroke-width: 2.5;
    }

    .ee-bio-modal {
        padding: 16px;
    }

    .ee-bio-modal-panel {
        max-height: 88vh;

        padding: 2.25rem 1.5rem 1.75rem;
    }

    .ee-bio-modal-name {
        font-size: 1.3rem;
    }

}


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

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

    .ee-bio-modal-backdrop,
    .ee-bio-modal-panel {
        animation: none;
    }

    .ee-bio-trigger svg {
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-592ad211 */box-shadow: 0 12px 28px -12px rgba(245, 191, 35, 0.5);/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c2eb0c *//* =========================================================
   EE MASTERY — SPEAKER BIO
   ========================================================= */

:root {
    --ee-gold:         #f5bf23;
    --ee-gold-border:  rgba(245, 191, 35, 0.38);
    --ee-gold-glow:    rgba(245, 191, 35, 0.22);

    --ee-white:        #ffffff;
    --ee-white-dim:    rgba(255, 255, 255, 0.82);
    --ee-white-faint:  rgba(255, 255, 255, 0.62);
    --ee-hairline:     rgba(255, 255, 255, 0.14);

    --ee-font-body:    "Barlow", sans-serif;

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


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


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

.ee-bio-block {
    width: 100%;
    max-width: 420px;

    margin: 0 auto;
    padding: 0;

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


.ee-bio-card {
    padding: 1.25rem 1.4rem;

    border: 1px solid var(--ee-hairline);
    border-radius: 20px;

    background: linear-gradient(
        160deg,
        rgba(4, 12, 10, 0.74),
        rgba(4, 12, 10, 0.58)
    );

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

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


.ee-bio-identity {
    margin-bottom: 0.75rem;
}


.ee-bio-name {
    margin: 0 0 0.15rem;

    font-size: 1.05rem;
    line-height: 1.2;
    font-weight: 700;

    letter-spacing: -0.01em;

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


.ee-bio-role {
    margin: 0;

    font-size: 0.76rem;
    font-weight: 600;

    letter-spacing: 0.03em;

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


.ee-bio-short {
    margin: 0 0 0.9rem;

    font-size: 0.9rem;
    line-height: 1.55;

    font-weight: 400;

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

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;

    overflow: hidden;
}


.ee-bio-trigger,
.ee-bio-trigger:link,
.ee-bio-trigger:visited {
    display: inline-flex !important;
    align-items: center;

    gap: 8px;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 0 !important;
    outline: none !important;

    background: none !important;
    box-shadow: none !important;

    color: var(--ee-gold) !important;

    font-family: var(--ee-font-body);
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: -0.005em;

    text-decoration: none !important;
    text-transform: none !important;

    cursor: pointer;
}


.ee-bio-trigger:hover,
.ee-bio-trigger:active,
.ee-bio-trigger:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;

    color: var(--ee-gold) !important;

    text-decoration: none !important;
}


.ee-bio-trigger svg {
    transition: transform 0.2s var(--ee-ease);
}


.ee-bio-trigger:hover svg {
    transform: translateX(3px);
}


.ee-bio-trigger:focus-visible {
    outline: 2px solid var(--ee-gold) !important;
    outline-offset: 4px;

    border-radius: 2px;
}


/* =========================================================
   MODAL
   ========================================================= */

.ee-bio-modal {
    position: fixed;
    inset: 0;

    z-index: 99999;

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

    padding: 24px;
}


.ee-bio-modal[hidden] {
    display: none;
}


.ee-bio-modal-backdrop {
    position: absolute;
    inset: 0;

    background: rgba(4, 12, 10, 0.72);

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

    animation: ee-bio-fade 0.2s ease both;
}


.ee-bio-modal-panel {
    position: relative;

    width: 100%;
    max-width: 620px;
    max-height: 84vh;

    overflow-y: auto;

    padding: 2.75rem 2.5rem 2.5rem;

    border: 1px solid var(--ee-gold-border);
    border-radius: 20px;

    background:
        radial-gradient(
            140% 140% at 15% 0%,
            #14453b 0%,
            #0b2d26 55%,
            #071e19 100%
        );

    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, 0.6);

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

    animation: ee-bio-rise 0.25s var(--ee-ease) both;
}


@keyframes ee-bio-fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@keyframes ee-bio-rise {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


.ee-bio-modal-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;

    z-index: 1;

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

    width: 36px;
    height: 36px;

    padding: 0 !important;

    border: 1px solid var(--ee-hairline) !important;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.04) !important;

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

    font-size: 22px;
    line-height: 1;
    font-weight: 400;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


.ee-bio-modal-close span {
    display: block;
    margin-top: -2px;
}


.ee-bio-modal-close:hover {
    background: rgba(245, 191, 35, 0.12) !important;
    border-color: var(--ee-gold-border) !important;

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


.ee-bio-modal-close:focus-visible {
    outline: 2px solid var(--ee-gold);
    outline-offset: 2px;
}


.ee-bio-modal-name {
    margin: 0 0 0.25rem;

    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 800;

    letter-spacing: -0.02em;

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


.ee-bio-modal-role {
    margin: 0 0 1.5rem;

    font-size: 0.85rem;
    font-weight: 600;

    letter-spacing: 0.03em;

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


.ee-bio-modal-body p {
    margin: 0 0 1.1rem;

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

    font-weight: 400;

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


.ee-bio-modal-body p:last-child {
    margin-bottom: 0;
}


.ee-bio-modal-divider {
    width: 100%;
    height: 1px;

    margin: 1.5rem 0;

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


.ee-bio-mobile-only {
    display: none;
}


/* =========================================================
   MOBILE
   The full card (name, role, teaser) is desktop-only — it's
   meant to sit over her photo there. With the photo hidden
   on mobile, a whole extra card stacked under an already
   busy hero (title, subtitle, badge, intro, event strip,
   register button) is too much competing content. Mobile
   gets a single plain link instead: same modal, near-zero
   footprint.

   position/inset resets below are a defensive fallback only
   — if this card is still floating in a weird spot on mobile,
   it's very likely being absolutely positioned by an Elementor
   column/widget setting outside this file, which needs its
   own per-device override in the Elementor editor; CSS here
   can't reach an ancestor element it doesn't control.
   ========================================================= */

@media (max-width: 640px) {

    .ee-bio-block {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;

        max-width: 100%;

        margin-top: 0.5rem;

        padding: 0 20px;

        text-align: center;
    }

    .ee-bio-desktop-only {
        display: none !important;
    }

    .ee-bio-mobile-only {
        display: block;
    }

    .ee-bio-mobile-label {
        margin: 0 0 0.35rem;

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

        font-size: 0.8rem;
        font-weight: 700;

        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    .ee-bio-card {
        display: flex;
        flex-direction: column;
        align-items: center;

        padding: 0;

        border: none;
        border-radius: 0;

        background: none;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;

        box-shadow: none;
    }

    .ee-bio-trigger {
        display: inline-flex !important;

        padding: 0.9rem 1.75rem !important;

        border-radius: 100px !important;

        background: var(--ee-gold) !important;

        box-shadow: 0 12px 28px -12px rgba(245, 191, 35, 0.5) !important;

        color: #14181c !important;

        font-size: 1.02rem !important;
    }

    .ee-bio-trigger svg {
        width: 18px;
        height: 18px;
    }

    .ee-bio-modal {
        padding: 16px;
    }

    .ee-bio-modal-panel {
        max-height: 88vh;

        padding: 2.25rem 1.5rem 1.75rem;
    }

    .ee-bio-modal-name {
        font-size: 1.3rem;
    }

}


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

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

    .ee-bio-modal-backdrop,
    .ee-bio-modal-panel {
        animation: none;
    }

    .ee-bio-trigger svg {
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-449325cc *//* =========================================================
   EE MASTERY — OVERVIEW SECTION
   Year 1 → Year 2
   ========================================================= */

.overview-block {
  /* -- palette -------------------------------------------- */
  --ee-ink:          #14181c;
  --ee-white:        #ffffff;
  --ee-white-dim:    rgba(255, 255, 255, 0.78);
  --ee-white-faint:  rgba(255, 255, 255, 0.60);
  --ee-hairline:     rgba(255, 255, 255, 0.14);

  --ee-gold:         #f5bf23;
  --ee-gold-dim:     rgba(245, 191, 35, 0.5);

  --ee-redline:      #c1583f;

  /* -- 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 20px;

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

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

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

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


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

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

  margin: 0 0 36px;
}


.overview-feature p {
  margin: 0;

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

  font-weight: 500;

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


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

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

  list-style: none;

  margin: 0;
  padding: 24px 0 0;

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

  display: grid;

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

  column-gap: 40px;
  row-gap: 0;
}


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

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

  padding: 20px 0 22px;

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

  transition:
    border-color 0.2s ease;
}


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


/* =========================================================
   ITEM 05
   ========================================================= */

.overview-item-wide {
  grid-column: 1 / -1;
}


.overview-item-wide .overview-item-description {
  max-width: 640px;
  width: 100%;
}


/* =========================================================
   ITEM HEADER
   ========================================================= */

.overview-item-head {
  display: flex;
  align-items: baseline;

  gap: 12px;

  width: 100%;

  margin: 0 0 7px;
}


/* =========================================================
   NUMBER
   ========================================================= */

.overview-number {
  flex: 0 0 auto;

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

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

  font-weight: 600;

  letter-spacing: 0;

  color: var(--ee-gold);

  font-variant-numeric: tabular-nums;
}


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

.overview-item-title {
  flex: 1 1 auto;
  min-width: 0;

  margin: 0;

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

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

  font-weight: 700;

  letter-spacing: 0;

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


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

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

  margin: 0;

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

  font-weight: 400;

  letter-spacing: 0;

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


/* =========================================================
   CTA / CLOSING STATEMENT
   ========================================================= */

.overview-cta {
  width: 100%;

  margin-top: 48px;

  text-align: center;
}


.overview-cta-line {
  width: 58px;
  height: 3px;

  margin: 0 auto 20px;

  background: var(--ee-gold);

  border-radius: 999px;
}


.overview-cta-title {
  width: 100%;
  max-width: 900px;

  margin: 0 auto;

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

  font-size: clamp(1.35rem, 0.8vw + 1.1rem, 1.85rem);
  line-height: 1.2;

  font-weight: 700;

  letter-spacing: -0.015em;

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


.overview-cta-subtitle {
  width: 100%;

  margin: 8px auto 0;

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

  font-weight: 500;

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


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.overview-item:focus-within {
  outline: 2px solid var(--ee-gold);
  outline-offset: 6px;

  border-radius: 4px;
}


/* =========================================================
   ULTRA-WIDE (2200px+)
   Keep the layout from thinning out into a strip on very
   wide monitors — grow the side padding a touch further.
   ========================================================= */

@media (min-width: 2200px) {

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

}


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

@media (max-width: 991px) {

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


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


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


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


  .overview-item {
    padding: 18px 0 19px;
  }


  .overview-item-title {
    font-size: 1.4rem;
  }


  .overview-item-description {
    font-size: 1.1rem;
  }


  .overview-cta {
    margin-top: 38px;
  }


  .overview-cta-title {
    font-size: 1.45rem;
  }

}


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

@media (max-width: 640px) {

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


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

    margin-bottom: 12px;
  }


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


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


  .overview-grid {
    grid-template-columns: 1fr;/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5d6386 *//* =========================================================
   EE MASTERY — FINAL PERSPECTIVE SECTION
   ========================================================= */

.ee-perspective-section {
  /* -- palette (matches overview-block / hero) ------------- */
  --ee-white:        #ffffff;
  --ee-white-dim:    rgba(255, 255, 255, 0.80);
  --ee-white-faint:  rgba(255, 255, 255, 0.60);
  --ee-hairline:     rgba(255, 255, 255, 0.14);

  --ee-gold:         #f5bf23;
  --ee-gold-soft:    rgba(245, 191, 35, 0.14);
  --ee-gold-border:  rgba(245, 191, 35, 0.38);
  --ee-gold-glow:    rgba(245, 191, 35, 0.22);

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

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

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

  padding: 1.25rem 7vw 3.75rem;

  text-align: center;
}


.ee-perspective-section *,
.ee-perspective-section *::before,
.ee-perspective-section *::after {
  box-sizing: border-box;
}


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

.ee-perspective-inner {
  width: 100%;
  max-width: 1400px;

  margin: 0 auto;
}


/* =========================================================
   TOP LINE
   ========================================================= */

.ee-perspective-line {
  width: 100%;
  height: 1px;

  margin-bottom: 2.5rem;

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    var(--ee-hairline),
    rgba(255, 255, 255, 0)
  );
}


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

.ee-perspective-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}


/* =========================================================
   TAG
   Same pill/dot language as the hero's "Live Online Webinar"
   badge, so this closing section reads as part of the same
   system rather than a bolted-on afterthought.
   ========================================================= */

.ee-perspective-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  padding: 8px 16px;

  margin: 0 0 1.25rem;

  border: 1px solid var(--ee-gold-border);
  border-radius: 100px;

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

  color: var(--ee-gold);

  font-size: 0.84rem;
  line-height: 1;
  font-weight: 700;

  letter-spacing: 0.16em;
  text-transform: uppercase;
}


.ee-perspective-tag-dot {
  width: 7px;
  height: 7px;

  flex-shrink: 0;

  border-radius: 50%;

  background: var(--ee-gold);

  box-shadow: 0 0 0 3px var(--ee-gold-glow);
}


/* =========================================================
   HEADING
   "Take Action" as a genuine two-tone headline — same split
   treatment as the hero's "Join EE Expert [Name]" — instead
   of a flat single-color line of gold-on-dark, which reads
   heavy at display size.
   ========================================================= */

.ee-perspective-heading {
  width: 100%;
  max-width: 900px;

  margin: 0 auto 1.25rem;

  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;

  column-gap: 0.22em;
  row-gap: 0.1em;

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

  font-size: clamp(3.1rem, 2.6vw + 2.4rem, 5rem);
  line-height: 0.98;

  letter-spacing: -0.05em;
  font-weight: 800;

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


.ee-perspective-heading-accent {
  color: var(--ee-gold);

  text-shadow: 0 8px 35px rgba(245, 191, 35, 0.18);
}


/* =========================================================
   COPY
   The former heading now leads the copy block as a bolder,
   brighter "lead" line, with the closing line as regular
   supporting copy beneath it.
   ========================================================= */

.ee-perspective-copy {
  width: 100%;
  max-width: 820px;

  margin: 0 auto;
}


.ee-perspective-copy p.ee-perspective-lead {
  margin: 0 0 0.5rem !important;
  max-width: none;

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

  font-size: clamp(1.45rem, 0.85vw + 1.15rem, 1.85rem) !important;
  line-height: 1.28 !important;

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

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


.ee-perspective-copy p {
  margin: 0 !important;
  max-width: 460px;
  margin-left: auto !important;
  margin-right: auto !important;

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

  font-size: clamp(1.1rem, 0.35vw + 0.98rem, 1.22rem) !important;
  line-height: 1.5 !important;

  font-weight: 400;

  letter-spacing: -0.01em;

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


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

@media (max-width: 991px) {

  .ee-perspective-section {
    padding: 3.75rem 6vw 3.125rem;
  }


  .ee-perspective-inner {
    max-width: 100%;
  }


  .ee-perspective-line {
    margin-bottom: 3.5rem;
  }


  .ee-perspective-tag {
    margin-bottom: 1.25rem;
  }


  .ee-perspective-heading {
    max-width: 100%;

    font-size: 3.6rem;

    margin-bottom: 1.25rem;
  }


  .ee-perspective-copy {
    max-width: 640px;
  }


  .ee-perspective-copy p.ee-perspective-lead {
    font-size: 1.5rem !important;

    margin-bottom: 0.5rem !important;
  }

}


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

@media (max-width: 768px) {

  .ee-perspective-section {
    padding: 1.25rem 1.5rem 1.25rem;
  }


  .ee-perspective-line {
    margin-bottom: 2.5rem;
  }


  .ee-perspective-tag {
    padding: 7px 14px;

    margin-bottom: 1.1rem;

    font-size: 0.68rem;
  }


  .ee-perspective-heading {
    max-width: 100%;

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

    letter-spacing: -0.035em;

    margin-bottom: 1.1rem;
  }


  .ee-perspective-copy {
    max-width: 100%;
  }


  .ee-perspective-copy p.ee-perspective-lead {
    font-size: 1.28rem !important;
    line-height: 1.4 !important;

    margin-bottom: 0.5rem !important;
  }


  .ee-perspective-copy p {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

}/* End custom CSS */