.elementor-12455 .elementor-element.elementor-element-4e5b2abc{--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-12455 .elementor-element.elementor-element-4e5b2abc:not(.elementor-motion-effects-element-type-background), .elementor-12455 .elementor-element.elementor-element-4e5b2abc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12455 .elementor-element.elementor-element-9bf0b3c{--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-12455 .elementor-element.elementor-element-9bf0b3c:not(.elementor-motion-effects-element-type-background), .elementor-12455 .elementor-element.elementor-element-9bf0b3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(123deg, #011C20 0%, #097282 100%);}.elementor-12455 .elementor-element.elementor-element-9bf0b3c::before, .elementor-12455 .elementor-element.elementor-element-9bf0b3c > .elementor-background-video-container::before, .elementor-12455 .elementor-element.elementor-element-9bf0b3c > .e-con-inner > .elementor-background-video-container::before, .elementor-12455 .elementor-element.elementor-element-9bf0b3c > .elementor-background-slideshow::before, .elementor-12455 .elementor-element.elementor-element-9bf0b3c > .e-con-inner > .elementor-background-slideshow::before, .elementor-12455 .elementor-element.elementor-element-9bf0b3c > .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-12455 .elementor-element.elementor-element-a62f79b{--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-12455 .elementor-element.elementor-element-6ad2439{--display:flex;--padding-top:219px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-a2b3dfa{--spacer-size:6px;}.elementor-12455 .elementor-element.elementor-element-6d2916d{margin:-34px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12455 .elementor-element.elementor-element-1b7b162{--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-12455 .elementor-element.elementor-element-092d70c{--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:20px;--padding-bottom:010px;--padding-left:0px;--padding-right: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-12455 .elementor-element.elementor-element-d9f88e1 .elementor-button{background-color:#EBB91D;font-family:"Barlow", Sans-serif;font-size:1.39vw;font-weight:600;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.13);border-radius:21px 21px 21px 21px;padding:1.39vw 1.39vw 1.39vw 1.39vw;}.elementor-12455 .elementor-element.elementor-element-d9f88e1 .elementor-button:hover, .elementor-12455 .elementor-element.elementor-element-d9f88e1 .elementor-button:focus{background-color:#FFFFFF;color:#F2BB10;}.elementor-12455 .elementor-element.elementor-element-d9f88e1{padding:0px 0px 0px 0px;}.elementor-12455 .elementor-element.elementor-element-d9f88e1.elementor-element{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-d9f88e1 .elementor-button:hover svg, .elementor-12455 .elementor-element.elementor-element-d9f88e1 .elementor-button:focus svg{fill:#F2BB10;}.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-12455 .elementor-element.elementor-element-31b3b7e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-12455 .elementor-element.elementor-element-31b3b7e.elementor-element{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-31b3b7e .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:1.39vw;font-weight:400;color:#90BEC5;}.elementor-12455 .elementor-element.elementor-element-ad3b403{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12455 .elementor-element.elementor-element-4b19e662{--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-12455 .elementor-element.elementor-element-4b19e662:not(.elementor-motion-effects-element-type-background), .elementor-12455 .elementor-element.elementor-element-4b19e662 > .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-12455 .elementor-element.elementor-element-1ac4f66b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-64e6b549{--display:flex;--padding-top:89px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-12455 .elementor-element.elementor-element-64e6b549.e-con{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-226bb577{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-12455 .elementor-element.elementor-element-226bb577.elementor-element{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-226bb577 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:3.2vw;font-weight:700;color:#097384;}.elementor-12455 .elementor-element.elementor-element-147f80ca{--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:50px;--padding-right:50px;}.elementor-12455 .elementor-element.elementor-element-39dc741f{--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12455 .elementor-element.elementor-element-39dc741f:not(.elementor-motion-effects-element-type-background), .elementor-12455 .elementor-element.elementor-element-39dc741f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#097384;}.elementor-12455 .elementor-element.elementor-element-6f42a667{padding:31px 31px 31px 31px;}.elementor-12455 .elementor-element.elementor-element-7657d127{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-7657d127:not(.elementor-motion-effects-element-type-background), .elementor-12455 .elementor-element.elementor-element-7657d127 > .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-12455 .elementor-element.elementor-element-75e4bbc9{--spacer-size:8vh;}.elementor-12455 .elementor-element.elementor-element-260e0641{--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-12455 .elementor-element.elementor-element-260e0641:not(.elementor-motion-effects-element-type-background), .elementor-12455 .elementor-element.elementor-element-260e0641 > .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-12455 .elementor-element.elementor-element-57f4ea1b{--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-12455 .elementor-element.elementor-element-57f4ea1b:not(.elementor-motion-effects-element-type-background), .elementor-12455 .elementor-element.elementor-element-57f4ea1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#096473EB;}.elementor-12455 .elementor-element.elementor-element-4e1de52b{padding:0px 0px 0px 0px;}.elementor-12455 .elementor-element.elementor-element-8af2fb2{--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:150px;--padding-right:150px;}.elementor-12455 .elementor-element.elementor-element-fef2896{--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-12455 .elementor-element.elementor-element-3a6a6a83 .elementor-button{background-color:#EBB91D;font-family:"Barlow", Sans-serif;font-size:1.39vw;font-weight:600;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.13);border-radius:21px 21px 21px 21px;padding:1.39vw 1.39vw 1.39vw 1.39vw;}.elementor-12455 .elementor-element.elementor-element-3a6a6a83 .elementor-button:hover, .elementor-12455 .elementor-element.elementor-element-3a6a6a83 .elementor-button:focus{background-color:#FFFFFF;color:#F2BB10;}.elementor-12455 .elementor-element.elementor-element-3a6a6a83{padding:0px 0px 0px 0px;}.elementor-12455 .elementor-element.elementor-element-3a6a6a83.elementor-element{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-3a6a6a83 .elementor-button:hover svg, .elementor-12455 .elementor-element.elementor-element-3a6a6a83 .elementor-button:focus svg{fill:#F2BB10;}.elementor-12455 .elementor-element.elementor-element-3bd30b3a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-12455 .elementor-element.elementor-element-3bd30b3a.elementor-element{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-3bd30b3a .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:1.39vw;font-weight:400;color:#90BEC5;}@media(max-width:1090px){.elementor-12455 .elementor-element.elementor-element-260e0641:not(.elementor-motion-effects-element-type-background), .elementor-12455 .elementor-element.elementor-element-260e0641 > .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-12455 .elementor-element.elementor-element-260e0641{--padding-top:0px;--padding-bottom:0px;--padding-left:75px;--padding-right:75px;}}@media(max-width:768px){.elementor-12455 .elementor-element.elementor-element-9bf0b3c{--border-radius:0px 0px 35px 35px;--margin-top:-67px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:98px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;--z-index:2;}.elementor-12455 .elementor-element.elementor-element-6ad2439{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-6d2916d{padding:55px 0px 0px 0px;}.elementor-12455 .elementor-element.elementor-element-1b7b162{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12455 .elementor-element.elementor-element-1b7b162.e-con{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-092d70c{--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-12455 .elementor-element.elementor-element-092d70c.e-con{--align-self:center;}.elementor-12455 .elementor-element.elementor-element-d9f88e1 .elementor-button{font-size:15px;border-radius:14px 14px 14px 14px;padding:15px 15px 15px 15px;}.elementor-12455 .elementor-element.elementor-element-31b3b7e .elementor-heading-title{font-size:12px;}.elementor-12455 .elementor-element.elementor-element-4b19e662{--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-12455 .elementor-element.elementor-element-64e6b549{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-226bb577{--container-widget-width:584px;--container-widget-flex-grow:0;width:var( --container-widget-width, 584px );max-width:584px;}.elementor-12455 .elementor-element.elementor-element-226bb577 .elementor-heading-title{font-size:25px;}.elementor-12455 .elementor-element.elementor-element-147f80ca{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12455 .elementor-element.elementor-element-39dc741f{--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-12455 .elementor-element.elementor-element-260e0641:not(.elementor-motion-effects-element-type-background), .elementor-12455 .elementor-element.elementor-element-260e0641 > .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-12455 .elementor-element.elementor-element-260e0641{--padding-top:34px;--padding-bottom:34px;--padding-left:20px;--padding-right:20px;}.elementor-12455 .elementor-element.elementor-element-8af2fb2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12455 .elementor-element.elementor-element-3a6a6a83 .elementor-button{font-size:15px;border-radius:14px 14px 14px 14px;padding:15px 15px 15px 15px;}.elementor-12455 .elementor-element.elementor-element-3bd30b3a .elementor-heading-title{font-size:12px;}}@media(min-width:769px){.elementor-12455 .elementor-element.elementor-element-6ad2439{--width:100%;}.elementor-12455 .elementor-element.elementor-element-ad3b403{--width:53%;}}/* Start custom CSS for html, class: .elementor-element-6d2916d *//* =========================
   DESIGN TOKENS
========================= */
: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.86);
  --ee-white-faint: rgba(255, 255, 255, 0.6);
  --ee-border: rgba(255, 255, 255, 0.14);
  --ee-card: rgba(255, 255, 255, 0.045);
  --ee-card-hover: rgba(255, 255, 255, 0.075);
  --ee-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ee-fast: 0.22s;
  --ee-med: 0.4s;
}

/* =========================
   COPY LAYOUT
========================= */
.ee-copy-layout {
  width: 100%;
}

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

/* =========================
   ENTRANCE SEQUENCE
========================= */
@keyframes ee-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

/* =========================
   EYEBROW
========================= */
.ee-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Barlow', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ee-gold);
  margin-bottom: 10px;
}

/* small drawn accent — reads as a route mark without over-decorating */
.ee-eyebrow::before {
  content: "";
  width: 26px;
  height: 2px;
  background: var(--ee-gold);
  border-radius: 2px;
  transform-origin: left center;
  animation: ee-draw-line 0.6s var(--ee-ease) 0.15s both;
}

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

/* =========================
   TITLE
   (font-size reduced ~17% from clamp(2.9rem, 3.9vw, 4.7rem))
========================= */
.ee-title {
  font-family: 'Barlow', sans-serif;
  font-size: clamp(2.4rem, 3.2vw, 3.9rem);
  line-height: 0.98;
  letter-spacing: -0.03em;
  font-weight: 700;
  color: var(--ee-gold);
  margin: 0 0 8px;
  padding-bottom: 0.1em;
  overflow: visible;
}

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

/* =========================
   SUBTITLE
========================= */
.ee-subtitle {
  font-family: 'Barlow', sans-serif;
  font-size: clamp(1.2rem, 1.4vw, 1.45rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: var(--ee-white-faint);
  margin: 0 0 16px;
  max-width: 46ch;
}

/* =========================
   PANEL BADGE
========================= */
.ee-panel-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 100px;
  background: var(--ee-gold-soft);
  border: 1px solid var(--ee-gold-border);
  margin-bottom: 14px;
  font-family: 'Barlow', sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ee-gold);
  transition: background var(--ee-fast) var(--ee-ease),
              border-color var(--ee-fast) var(--ee-ease),
              box-shadow var(--ee-fast) var(--ee-ease);
}

.ee-panel-badge:hover {
  background: rgba(245, 191, 35, 0.18);
  border-color: rgba(245, 191, 35, 0.55);
  box-shadow: 0 0 0 6px rgba(245, 191, 35, 0.06);
}

.ee-panel-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ee-gold);
  flex-shrink: 0;
  box-shadow: 0 0 0 3px var(--ee-gold-glow);
  animation: ee-pulse 2.2s ease-in-out infinite;
}

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

/* =========================
   CONTENT ROW — equal width columns
========================= */
.ee-content-row {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 16px;
}

/* =========================
   SIDE CARD (col 1)
========================= */
.ee-side-card {
  flex: 1;
  padding-left: 24px;
  border-left: 1px solid var(--ee-border);
}

.ee-side-card p {
  margin: 0;
  font-family: 'Barlow', sans-serif;
  font-size: 1.06rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--ee-white-dim);
}

.ee-side-card p strong {
  font-weight: 700;
  color: var(--ee-white);
}

/* =========================
   JOIN HIGHLIGHT
========================= */
.ee-join-highlight {
  display: inline;
}

.ee-join-inner {
  position: relative;
  display: inline;
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  font-size: 1.12rem;
  color: var(--ee-white);
  letter-spacing: -0.01em;
  padding: 0 2px 3px;
}

.ee-join-inner::after {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 0;
  height: 2px;
  background: var(--ee-gold);
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: left center;
  animation: ee-draw-line 0.5s var(--ee-ease) 0.55s both;
}

/* =========================
   CHECKLIST
========================= */
.ee-checklist {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.ee-checklist li {
  position: relative;
  padding: 3px 8px 3px 30px;
  margin-left: -8px;
  border-radius: 10px;
  font-family: 'Barlow', sans-serif;
  font-size: 1.02rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--ee-white-dim);
  opacity: 0;
  animation: ee-rise 0.5s var(--ee-ease) both;
  transition: background var(--ee-fast) var(--ee-ease),
              color var(--ee-fast) var(--ee-ease),
              padding-left var(--ee-fast) var(--ee-ease);
}

.ee-checklist li:nth-child(1) { animation-delay: 0.5s; }
.ee-checklist li:nth-child(2) { animation-delay: 0.58s; }
.ee-checklist li:nth-child(3) { animation-delay: 0.66s; }
.ee-checklist li:nth-child(4) { animation-delay: 0.74s; }

.ee-checklist li::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 7px;
  width: 17px;
  height: 17px;
  border-radius: 6px;
  background: var(--ee-gold-soft);
  border: 1px solid var(--ee-gold-border);
  transition: background var(--ee-fast) var(--ee-ease),
              border-color var(--ee-fast) var(--ee-ease),
              transform var(--ee-fast) var(--ee-ease);
}

.ee-checklist li::after {
  content: "";
  position: absolute;
  left: 13px;
  top: 10.5px;
  width: 7px;
  height: 3.5px;
  border-left: 2px solid var(--ee-gold);
  border-bottom: 2px solid var(--ee-gold);
  transform: rotate(-45deg);
}

.ee-checklist li:hover {
  color: var(--ee-white);
  background: rgba(255, 255, 255, 0.04);
  padding-left: 36px;
}

.ee-checklist li:hover::before {
  background: rgba(245, 191, 35, 0.28);
  border-color: var(--ee-gold);
  transform: scale(1.06);
}

/* =========================
   INTRO (col 2)
========================= */
.ee-intro {
  flex: 1;
  font-family: 'Barlow', sans-serif;
  font-size: 1.06rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--ee-white-dim);
  margin: 0;
}

/* =========================
   BODY WRAPPER
========================= */
.ee-body {
  display: flex;
  flex-direction: column;
}

/* =========================================================
   EVENT STRIP (date / time / format / cost)
   A ticket-stub layout: the date is the hero on the left,
   a perforated tear divides it from the confirmed facts,
   each fact carries the same gold "verified" tick used in
   the checklist above — same visual grammar, one signature.
========================================================= */
.ee-event-strip {
  display: flex;
  align-items: stretch;
  margin-top: 10px;
  border-radius: 16px;
  border: 1px solid var(--ee-border);
  background: var(--ee-card);
  overflow: hidden;
  opacity: 0;
  animation: ee-rise 0.6s var(--ee-ease) 0.82s both;
}

.ee-event-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
  padding: 14px 22px;
  background: var(--ee-gold-soft);
  flex-shrink: 0;
}

.ee-event-weekday {
  font-family: 'Barlow', sans-serif;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ee-gold);
}

.ee-event-day {
  font-family: 'Barlow', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--ee-white);
}

.ee-event-month {
  font-family: 'Barlow', sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--ee-white-faint);
}

/* simple divider between the date stub and the facts —
   matches the thin borders already used between fact columns */
.ee-event-tear {
  width: 1px;
  flex-shrink: 0;
  align-self: stretch;
  margin: 14px 0;
  background: var(--ee-border);
}

.ee-event-facts {
  display: flex;
  flex: 1;
  min-width: 0;
}

.ee-event-fact {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  padding: 14px 18px;
  transition: background var(--ee-fast) var(--ee-ease);
}

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

.ee-event-fact:hover {
  background: rgba(255, 255, 255, 0.035);
}

.ee-fact-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--ee-gold);
}

.ee-fact-copy {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.ee-fact-label {
  font-family: 'Barlow', sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ee-gold);
}

.ee-fact-value {
  font-family: 'Barlow', sans-serif;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--ee-white);
}

/* =========================
   REDUCED MOTION
========================= */
@media (prefers-reduced-motion: reduce) {
  .ee-eyebrow,
  .ee-title,
  .ee-subtitle,
  .ee-panel-badge,
  .ee-body,
  .ee-event-strip,
  .ee-checklist li,
  .ee-eyebrow::before,
  .ee-join-inner::after {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .ee-panel-dot {
    animation: none;
  }

  .ee-event-fact,
  .ee-checklist li,
  .ee-panel-badge {
    transition: none;
  }
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1200px) {
  .ee-content-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .ee-side-card {
    width: 100%;
    padding-left: 0;
    padding-top: 14px;
    border-left: none;
    border-top: 1px solid var(--ee-border);
  }
}

@media (max-width: 768px) {
  .ee-title {
    font-size: clamp(2rem, 8vw, 3rem);
    line-height: 1.08;
    letter-spacing: -0.02em;
  }

  .ee-subtitle {
    font-size: 1.05rem;
    margin-bottom: 14px;
    max-width: none;
  }

  .ee-intro,
  .ee-side-card p {
    font-size: 0.98rem;
    line-height: 1.6;
  }

  .ee-checklist li {
    font-size: 0.98rem;
  }

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

  .ee-event-date {
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
    padding: 12px 16px;
  }

  /* divider rotates to a plain horizontal line when stacked */
  .ee-event-tear {
    width: auto;
    height: 1px;
    align-self: stretch;
    margin: 0 18px;
  }

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

  .ee-event-fact + .ee-event-fact {
    border-left: none;
    border-top: 1px solid var(--ee-border);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f42a667 *//* =========================
   OVERVIEW SECTION
   No background is set anywhere in this file on purpose —
   the section is designed to sit on top of whatever
   background the parent page already has.
========================= */

.overview-block {
  --ee-gold: #F6BE00;
  --ee-gold-soft: rgba(246, 190, 0, 0.06);
  --ee-gold-border: rgba(246, 190, 0, 0.18);
  --ee-white-70: rgba(255, 255, 255, 0.72);
  --ee-white-80: rgba(255, 255, 255, 0.82);
  --ee-hairline: rgba(255, 255, 255, 0.10);

  margin-bottom: 96px;
  font-family: 'Barlow', sans-serif;
  color: #ffffff;
}

.overview-block:last-child {
  margin-bottom: 0;
}

/* =========================
   HEADING
========================= */
.overview-heading {
  font-size: clamp(48px, 4.8vw, 76px);
  line-height: 0.92;
  font-weight: 700;
  letter-spacing: -0.065em;
  max-width: 1440px;
  margin: 0 0 30px;
}

/* =========================
   FEATURE COPY
========================= */
.overview-feature {
  max-width: 980px;
  margin-bottom: 56px;
}

.overview-feature p {
  font-size: clamp(21px, 1.45vw, 26px);
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: -0.015em;
  color: var(--ee-white-80);
  margin: 0 0 20px;
}

.overview-feature p:first-child {
  color: #fff;
  font-weight: 600;
}

.overview-feature p:last-child {
  margin-bottom: 0;
}

/* =========================
   GRID
========================= */
.overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 0;
}

/* =========================
   ITEM
========================= */
.overview-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 34px 0;
  border-top: 1px solid var(--ee-hairline);
  transition: padding-left 0.25s ease;
}

.overview-item:hover {
  padding-left: 6px;
}

.overview-item > div:last-child {
  flex: 1;
  min-width: 0;
}

/* =========================
   ICON
========================= */
.overview-icon {
  width: 52px;
  height: 52px;
  min-width: 52px;
  max-width: 52px;
  flex: 0 0 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--ee-gold-soft);
  border: 1px solid var(--ee-gold-border);
  box-sizing: border-box;
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.overview-item:hover .overview-icon {
  background: rgba(246, 190, 0, 0.12);
  border-color: rgba(246, 190, 0, 0.32);
  transform: translateY(-1px);
}

.overview-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--ee-gold);
  stroke-width: 1.8;
  fill: none;
}

/* =========================
   TEXT
========================= */
.overview-item-title {
  font-size: clamp(20px, 1.45vw, 26px);
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0 0 12px;
}

.overview-item-description {
  font-size: clamp(17px, 1.08vw, 19px);
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--ee-white-70);
  margin: 0;
  max-width: 100%;
}

/* Keyboard accessibility: if items ever become focusable/linked */
.overview-item:focus-within {
  outline: 2px solid var(--ee-gold);
  outline-offset: 6px;
  border-radius: 4px;
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .overview-item,
  .overview-icon {
    transition: none;
  }
}

/* =========================
   TABLET
========================= */
@media (max-width: 991px) {
  .overview-grid {
    grid-template-columns: 1fr;
  }

  .overview-heading,
  .overview-feature {
    max-width: 100%;
  }

  .overview-heading {
    font-size: 54px;
  }

  .overview-feature p {
    font-size: 20px;
  }

  .overview-item {
    padding: 28px 0;
  }

  .overview-item:hover {
    padding-left: 0;
  }

  .overview-item-title {
    font-size: 22px;
  }

  .overview-item-description {
    font-size: 17px;
  }

  .overview-block {
    margin-bottom: 72px;
  }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {
  .overview-heading {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 20px;
  }

  .overview-feature {
    margin-bottom: 36px;
  }

  .overview-feature p {
    font-size: 18px;
    line-height: 1.7;
  }

  .overview-grid {
    gap: 0;
  }

  .overview-item {
    gap: 18px;
    padding: 24px 0;
  }

  .overview-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    max-width: 46px;
    flex: 0 0 46px;
    border-radius: 12px;
  }

  .overview-icon svg {
    width: 20px;
    height: 20px;
  }

  .overview-item-title {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 8px;
  }

  .overview-item-description {
    font-size: 16px;
    line-height: 1.7;
  }

  .overview-block {
    margin-bottom: 56px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e1de52b *//* =========================
   FINAL PERSPECTIVE
========================= */

.ee-perspective-section{
  font-family:'Barlow',sans-serif;
  color:#ffffff;

  padding:20px 7vw 60px;

  text-align:center;
}

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

.ee-perspective-inner{
  max-width:1400px;
  margin:0 auto;
}

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

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

  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.14),
    rgba(255,255,255,0)
  );

  margin-bottom:72px;
}

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

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

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

.ee-perspective-eyebrow{
  font-size:13px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;

  color:#F6BE00;

  margin-bottom:26px;
}

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

.ee-perspective-heading{
  font-size:clamp(54px,5vw,86px);
  line-height:.94;
  font-weight:700;
  letter-spacing:-0.055em;

  max-width:1200px;

  margin:0 auto 42px;
}

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

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

.ee-perspective-copy p{
  font-size:clamp(20px,1.2vw,24px);
  line-height:1.8;
  font-weight:400;
  letter-spacing:-0.01em;

  color:rgba(255,255,255,.80);

  margin-bottom:28px;
}

.ee-perspective-copy p:last-child{
  margin-bottom:0;
}

/* =========================
   CTA SPACING
========================= */

.ee-perspective-buttons{
  margin-top:60px;
}

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

@media (max-width:991px){

  .ee-perspective-section{
    padding:60px 6vw 50px;
  }

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

  .ee-perspective-line{
    margin-bottom:56px;
  }

  .ee-perspective-heading{
    font-size:56px;
    max-width:100%;

    margin-bottom:34px;
  }

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

  .ee-perspective-copy p{
    font-size:19px;
    margin-bottom:24px;
  }

}

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

@media (max-width:768px){

  .ee-perspective-section{
    padding:20px 24px 20px;
  }

  .ee-perspective-line{
    margin-bottom:40px;
  }

  .ee-perspective-eyebrow{
    font-size:11px;
    letter-spacing:.18em;

    margin-bottom:18px;
  }

  .ee-perspective-heading{
    font-size:40px;
    line-height:1;
    letter-spacing:-0.04em;

    max-width:100%;

    margin-bottom:28px;
  }

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

  .ee-perspective-copy p{
    font-size:17px;
    line-height:1.75;

    margin-bottom:22px;
  }

  .ee-perspective-buttons{
    margin-top:40px;
  }

}/* End custom CSS */