:root {
    --paragraph-font-family: "Poppins";
}

.video-header .video-element {
    height: 100%;
}

.video-header-mobile .video-element {
    max-height: 100%;
}

.video-header-dark .video-element {
    background-color: #0a0a3f;
}

.video-header-mobile-dark .video-element {
    background-color: #0a0a3f;
}

.webinar-header h1 {
    text-transform: none;
}

.webinar-header span {
    font-style: normal;
}

.color-1-background-opacity {
    background-color: #f4f8fb;
}

@media screen and (max-width: 768px) {
    .home .video-header {
        display: none;
    }

    .home .webinar-header-desktop {
        display: none;
    }

    .webinar-header-small-img {
        font-size: 30px;
    }
}

@media screen and (min-width: 769px) {
    .home .video-header-mobile {
        display: none;
    }

    .home .webinar-header-mobile {
        display: none;
    }

    .webinar-header-person .col-sm-offset-1 {
        margin-left: 0;
        text-align: left;
    }

    .webinar-header-person .date-venue-holder,
    .webinar-header-person .date-venue-holder .custom-font,
    .webinar-header-person .form-group {
        text-align: left;
    }

    .webinar-header-small-img .element-groups,
    .wm-about-the-event .element-groups {
        display: flex;
        align-items: center;
    }
}

.webinar-header-small-img .element-12928663 {
    margin: auto 0;
}

h1,
h2,
h2,
h4,
h5 {
    text-transform: none !important;
}

.Component-elementGroups-0-2-1>div:first-child>div:nth-child(2) {
    height: auto !important;
}

@media screen and (min-width: 616px) and (max-width: 768px) {
    .webinar-header-bg .main-app-container {
        padding-bottom: 500px;
    }
}

@media screen and (min-width: 481px) and (max-width: 615px) {
    .webinar-header-bg .main-app-container {
        padding-bottom: 410px;
    }
}

.element-32632919 {
    text-align: left;
}

.element-32632936 {
    text-align: left;
}

.main-view.footer-padding {
    height: 100vh;
    /* background-color: rgba(4, 4, 85, 1); */
    background-color: #000000;
}

footer {
    display: none;
}

.wm-cta-ver-align .element-32632946 .atom-main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: fit-content;
}

.element-32632946 {
    text-align: left;
}

.section-6799658 .element-32632936 .atom-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.cta-new {
    background color: yellow !important;
    font-color: black ! important;
}


.element-33601474 {
    text-align: left;
}

.element-33616056 {
    text-align: left;
}




/* Bizzabo "RSVP" Registration Flow Widget End */
.regBtn.glitch-btn {
    position: absolute !important;
    top: 10px !important;
    right: 64px !important;
    z-index: 1006 !important;

    padding: 10px 17px !important;
    min-width: unset !important;
    font-size: 14px !important;
}


/* header/navbar section */
.trade-template .navbar-nav {
    padding-top: 5px;
}

.navbar-nav.navbar-right:last-child {
    display: none !important;
}

.logo-li-holder {
    position: absolute !important;
    left: 64px !important;
    top: 0 !important;
}

.nav-menu-btn {
    font-family: Poppins, sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 100% !important;
    text-align: center !important;
}

/* override menu style */
.color-1-hover:hover,
.color-1-hover.custom-color:hover {
    color: #ffffff !important;
}

.color-1-selected.selected,
.color-1-selected.custom-color.selected {
    color: #ffffff !important;
}

/* set navbar bg transparent */
.color-2-background,
.color-2-background.custom-color {
    background-color: transparent !important;
}

header.scrolled {
    background-color: rgba(0, 0, 0, 90%) !important;
}

.home-page {
    padding-top: 0 !important;
}

@media (max-width: 767px) {
    #bs-example-navbar-collapse-1 {
        background-color: rgba(0, 0, 0, 90%) !important;
    }
}

/* end: header/navbar section */


/* GLITCH BUTTON */
.glitch-btn {
    /* 🎨 CUSTOMIZE THESE COLORS */
    --btn-default-bg: #FFFB4D;
    /* Default background (yellow) */
    --btn-default-text: #000000;
    /* Default text (black) */
    --btn-default-border: #FFFB4D;
    /* Default border (yellow) */

    --btn-hover-bg: #000000;
    /* Hover background (black) */
    --btn-hover-text: #FFFB4D;
    /* Hover text (yellow) */
    --btn-hover-border: #FFFB4D;
    /* Hover border (yellow) */

    --btn-glitch-bg: #97EBFA;
    /* Glitch background color (cyan) */
    --btn-glitch-text: #FFFB4D;
    /* Glitch text color */

    /* Size & spacing */
    --btn-radius: 7px;
    --btn-border: 2px;
    --shimmy-distance: 5;

    position: relative;
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: var(--btn-default-text);
    background: transparent;
    border: 0;
    border-radius: var(--btn-radius);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
    min-width: 160px;
    height: auto !important;
    padding: 17px 44px;
}

.glitch-btn:hover {
    background-color: transparent !important;
    color: rgba(255, 251, 77, 1) !important;
}

/* Main backdrop - Default state */
.glitch-btn .backdrop {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: var(--btn-default-bg);
    border-radius: var(--btn-radius);
    pointer-events: none;
    transition: background 0.3s ease;
}

/* Border using outline technique */
.glitch-btn .backdrop::before {
    content: '';
    position: absolute;
    inset: calc(var(--btn-border) * -1);
    background: var(--btn-default-bg);
    border-radius: var(--btn-radius);
    z-index: -1;
    transition: background 0.3s ease;
}

.glitch-btn .backdrop::after {
    content: '';
    position: absolute;
    inset: calc(var(--btn-border) * -1);
    background: var(--btn-default-border);
    border-radius: var(--btn-radius);
    z-index: -2;
    transition: background 0.3s ease;
}

/* Glitch overlay - hidden by default */
.glitch-btn .glitch {
    display: none;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    pointer-events: none;
    color: var(--btn-glitch-text);
    text-shadow: 0 1px rgba(0, 0, 0, 0.8);
    border-radius: var(--btn-radius);
    overflow: hidden;
}

.glitch-btn .glitch .letters {
    display: flex;
    gap: 0;
}

.glitch-btn .glitch .backdrop {
    border-radius: var(--btn-radius);
}

/* Flip some letters for glitch effect */
.glitch-btn .glitch .letters span:nth-child(2),
.glitch-btn .glitch .letters span:nth-child(5) {
    transform: scale(1, -1);
}

.glitch-btn .glitch .letters span:nth-child(3),
.glitch-btn .glitch .letters span:nth-child(6),
.glitch-btn .glitch .letters span:nth-child(7) {
    transform: scale(-1, -1);
}

/* HOVER STATE */
.glitch-btn:hover,
.glitch-btn:focus-visible {
    color: var(--btn-hover-text) !important;
    outline: 2px solid var(--btn-hover-border);
    outline-offset: -2px;
}

/* Change main backdrop to black on hover */
.glitch-btn:hover>.backdrop {
    background: var(--btn-hover-bg);
}

/* Change inner background to black on hover */
.glitch-btn:hover>.backdrop::before {
    background: var(--btn-hover-bg);
}

/* Change border to yellow on hover */
.glitch-btn:hover>.backdrop::after {
    background: var(--btn-hover-border);
}

/* Show glitch on hover */
.glitch-btn:hover .glitch,
.glitch-btn:focus-visible .glitch {
    display: flex;
    animation: glitch 2s infinite;
}

/* The glitch backdrop changes to cyan during animation */
.glitch-btn .glitch .backdrop {
    background: var(--btn-glitch-bg);
    border-radius: var(--btn-radius);
}

.glitch-btn .glitch .backdrop::before {
    background: var(--btn-glitch-bg);
    border-radius: var(--btn-radius);
}

.glitch-btn .glitch .backdrop::after {
    background: var(--btn-hover-border);
    border-radius: var(--btn-radius);
}

/* Glitch animation */
@keyframes glitch {
    0% {
        clip-path: polygon(0 2%, 100% 2%, 100% 95%, 95% 95%, 95% 90%, 85% 90%, 85% 95%, 8% 95%, 0 70%);
    }

    2%,
    8% {
        clip-path: polygon(0 78%, 100% 78%, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 78%);
        transform: translate(calc(var(--shimmy-distance) * -1px), 0);
    }

    6% {
        clip-path: polygon(0 78%, 100% 78%, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 78%);
        transform: translate(calc(var(--shimmy-distance) * 1px), 0);
    }

    9% {
        clip-path: polygon(0 78%, 100% 78%, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 78%);
        transform: translate(0, 0);
    }

    10% {
        clip-path: polygon(0 44%, 100% 44%, 100% 54%, 95% 54%, 95% 54%, 85% 54%, 85% 54%, 8% 54%, 0 54%);
        transform: translate(calc(var(--shimmy-distance) * 1px), 0);
    }

    13% {
        clip-path: polygon(0 44%, 100% 44%, 100% 54%, 95% 54%, 95% 54%, 85% 54%, 85% 54%, 8% 54%, 0 54%);
        transform: translate(0, 0);
    }

    14%,
    21% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);
        transform: translate(calc(var(--shimmy-distance) * 1px), 0);
    }

    25% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);
        transform: translate(calc(var(--shimmy-distance) * 1px), 0);
    }

    30% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);
        transform: translate(calc(var(--shimmy-distance) * -1px), 0);
    }

    35%,
    45% {
        clip-path: polygon(0 40%, 100% 40%, 100% 85%, 95% 85%, 95% 85%, 85% 85%, 85% 85%, 8% 85%, 0 70%);
        transform: translate(calc(var(--shimmy-distance) * -1px), 0);
    }

    40% {
        clip-path: polygon(0 40%, 100% 40%, 100% 85%, 95% 85%, 95% 85%, 85% 85%, 85% 85%, 8% 85%, 0 70%);
        transform: translate(calc(var(--shimmy-distance) * 1px), 0);
    }

    50% {
        clip-path: polygon(0 40%, 100% 40%, 100% 85%, 95% 85%, 95% 85%, 85% 85%, 85% 85%, 8% 85%, 0 70%);
        transform: translate(0, 0);
    }

    55% {
        clip-path: polygon(0 63%, 100% 63%, 100% 80%, 95% 80%, 95% 80%, 85% 80%, 85% 80%, 8% 80%, 0 70%);
        transform: translate(calc(var(--shimmy-distance) * 1px), 0);
    }

    60% {
        clip-path: polygon(0 63%, 100% 63%, 100% 80%, 95% 80%, 95% 80%, 85% 80%, 85% 80%, 8% 80%, 0 70%);
        transform: translate(0, 0);
    }

    31%,
    61%,
    100% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);
    }
}

/* end: GLITCH BUTTON */



/* GLITCH text */
.transform-text-glitch .text-line {
    font-size: 80px;
    font-weight: 500;
    line-height: 1.1;

    /* Figma Gradient */
    background: conic-gradient(from -42deg at 58.46% 42.58%, #ABD3E2 115.14543056488037deg, #263D76 160.26085138320923deg, #6CABD7 298.29387187957764deg, #E5FFFF 360deg);
    background-clip: text;
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: transparent;

    position: relative;
}

/* THE GLITCH CONTAINER 
           Matches the .hero class from CodePen 
        */
.transform-text-glitch .glitch-word {
    display: inline-block;
    position: relative;
    z-index: 2;
    /* Ensures the gradient applies to the base word */
    background: inherit;
    background-clip: inherit;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
}

@media (max-width: 767px) {
    /* .transform-text-glitch .glitch-word {
        -webkit-text-fill-color: #6CABD7 !important;
    } */
}

/* Ghost Layers (::before and ::after)
           These create the Cyan/Magenta offset effects.
           They use the exact animations from the CodePen.
        */
.transform-text-glitch .layers::before,
.transform-text-glitch .layers::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.6;
}

.transform-text-glitch .layers::before {
    color: #FFFB4D;
    z-index: -2;
    -webkit-text-fill-color: #FFFB4D;
}

.transform-text-glitch .layers::after {
    color: #1bc7fb;
    /* Cyan */
    z-index: -3;
    -webkit-text-fill-color: #1bc7fb;
}

/* ANIMATION ASSIGNMENTS 
           Direct mapping from the CodePen logic
        */

/* The main word flashes/cuts */
.transform-text-glitch .glitch-word span {
    display: inline-block;
    animation: paths 5s step-end infinite;
}

/* The Magenta Layer */
.transform-text-glitch .glitch-word::before {
    animation: paths 5s step-end infinite, opacity 5s step-end infinite, font 8s step-end infinite, movement 10s step-end infinite;
}

/* The Cyan Layer */
.transform-text-glitch .glitch-word::after {
    animation: paths 5s step-end infinite, opacity 5s step-end infinite, font 7s step-end infinite, movement 8s step-end infinite;
}

/* KEYFRAMES 
           Exact polygon coordinates from the original effect 
        */

@keyframes paths {
    0% {
        clip-path: polygon(0% 43%, 83% 43%, 83% 22%, 23% 22%, 23% 24%, 91% 24%, 91% 26%, 18% 26%, 18% 83%, 29% 83%, 29% 17%, 41% 17%, 41% 39%, 18% 39%, 18% 82%, 54% 82%, 54% 88%, 19% 88%, 19% 4%, 39% 4%, 39% 14%, 76% 14%, 76% 52%, 23% 52%, 23% 35%, 19% 35%, 19% 8%, 36% 8%, 36% 31%, 73% 31%, 73% 16%, 1% 16%, 1% 56%, 50% 56%, 50% 8%);
    }

    5% {
        clip-path: polygon(0% 29%, 44% 29%, 44% 83%, 94% 83%, 94% 56%, 11% 56%, 11% 64%, 94% 64%, 94% 70%, 88% 70%, 88% 32%, 18% 32%, 18% 96%, 10% 96%, 10% 62%, 9% 62%, 9% 84%, 68% 84%, 68% 50%, 52% 50%, 52% 55%, 35% 55%, 35% 87%, 25% 87%, 25% 39%, 15% 39%, 15% 88%, 52% 88%);
    }

    30% {
        clip-path: polygon(0% 53%, 93% 53%, 93% 62%, 68% 62%, 68% 37%, 97% 37%, 97% 89%, 13% 89%, 13% 45%, 51% 45%, 51% 88%, 17% 88%, 17% 54%, 81% 54%, 81% 75%, 79% 75%, 79% 76%, 38% 76%, 38% 28%, 61% 28%, 61% 12%, 55% 12%, 55% 62%, 68% 62%, 68% 51%, 0% 51%, 0% 92%, 63% 92%, 63% 4%, 65% 4%);
    }

    45% {
        clip-path: polygon(0% 33%, 2% 33%, 2% 69%, 58% 69%, 58% 94%, 55% 94%, 55% 25%, 33% 25%, 33% 85%, 16% 85%, 16% 19%, 5% 19%, 5% 20%, 79% 20%, 79% 96%, 93% 96%, 93% 50%, 5% 50%, 5% 74%, 55% 74%, 55% 57%, 96% 57%, 96% 59%, 87% 59%, 87% 65%, 82% 65%, 82% 39%, 63% 39%, 63% 92%, 4% 92%, 4% 36%, 24% 36%, 24% 70%, 1% 70%, 1% 43%, 15% 43%, 15% 28%, 23% 28%, 23% 71%, 90% 71%, 90% 86%, 97% 86%, 97% 1%, 60% 1%, 60% 67%, 71% 67%, 71% 91%, 17% 91%, 17% 14%, 39% 14%, 39% 30%, 58% 30%, 58% 11%, 52% 11%, 52% 83%, 68% 83%);
    }

    76% {
        clip-path: polygon(0% 26%, 15% 26%, 15% 73%, 72% 73%, 72% 70%, 77% 70%, 77% 75%, 8% 75%, 8% 42%, 4% 42%, 4% 61%, 17% 61%, 17% 12%, 26% 12%, 26% 63%, 73% 63%, 73% 43%, 90% 43%, 90% 67%, 50% 67%, 50% 41%, 42% 41%, 42% 46%, 50% 46%, 50% 84%, 96% 84%, 96% 78%, 49% 78%, 49% 25%, 63% 25%, 63% 14%);
    }

    90% {
        clip-path: polygon(0% 41%, 13% 41%, 13% 6%, 87% 6%, 87% 93%, 10% 93%, 10% 13%, 89% 13%, 89% 6%, 3% 6%, 3% 8%, 16% 8%, 16% 79%, 0% 79%, 0% 99%, 92% 99%, 92% 90%, 5% 90%, 5% 60%, 0% 60%, 0% 48%, 89% 48%, 89% 13%, 80% 13%, 80% 43%, 95% 43%, 95% 19%, 80% 19%, 80% 85%, 38% 85%, 38% 62%);
    }

    1%,
    7%,
    33%,
    47%,
    78%,
    93% {
        clip-path: none;
    }
}

@keyframes movement {
    0% {
        top: 0px;
        left: -20px;
    }

    15% {
        top: 10px;
        left: 10px;
    }

    60% {
        top: 5px;
        left: -10px;
    }

    75% {
        top: -5px;
        left: 20px;
    }

    100% {
        top: 10px;
        left: 5px;
    }
}

@keyframes opacity {
    0% {
        opacity: 0.1;
    }

    5% {
        opacity: 0.7;
    }

    30% {
        opacity: 0.4;
    }

    45% {
        opacity: 0.6;
    }

    76% {
        opacity: 0.4;
    }

    90% {
        opacity: 0.8;
    }

    1%,
    7%,
    33%,
    47%,
    78%,
    93% {
        opacity: 0;
    }
}

@keyframes font {
    0% {
        font-weight: 100;
        filter: blur(3px);
    }

    20% {
        font-weight: 500;
        filter: blur(0);
    }

    50% {
        font-weight: 300;
        filter: blur(2px);
    }

    60% {
        font-weight: 700;
        filter: blur(0);
    }

    90% {
        font-weight: 500;
        filter: blur(6px);
    }
}

/* end: GLITCH text */



/* timer styling */
/* .walkme-timer-counter h2 {
    display: none;
} */

.walkme-timer-counter .count-number {
    border-radius: 10px !important;
    color: #fff !important;
    background: #000 !important;
    border: 1px solid #000 !important;
    margin: 0 !important;
}

.walkme-timer-counter .timer-wrapper:last-child .count-number {
    color: #24A3FF !important;
}

.walkme-timer-counter .count-unit {
    margin: 0 35px !important;
    font-size: 13px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-style: normal !important;
}

.walkme-timer-counter span.timer-wrapper {
    position: relative;
    display: inline-block;
    margin: 0 35px !important;
}

.walkme-timer-counter span.timer-shadow {
    border: 1.837px solid #000;
    /* background: linear-gradient(359deg, #007BD4 11.57%, #000 72.89%); */
    background: linear-gradient(359deg, #007BD4 77%, #000 33%);
    /* box-shadow: 0px 8px 12px 0px #26A3FFE5; */
    position: absolute;
    filter: blur(6.531393px);
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 40px);
    bottom: -5px;
}



/* .trade-template .landing-event-time-countdown .count-number {
    width: 150px;
    height: 150px;
    font-size: 70px;
    padding-top: 45px;
}

.trade-template .landing-event-time-countdown .count-unit {
    top: -40px;
    width: 150px;
} */

/* @media (max-width: 609px) {

    .walkme-timer-counter span.timer-wrapper,
    .walkme-timer-counter .count-unit {
        margin: 0 25px !important;
    }
}

@media (max-width: 530px) {

    .walkme-timer-counter span.timer-wrapper,
    .walkme-timer-counter .count-unit {
        margin: 0 18px !important;
    }
} */

@media (max-width: 768px) {
    .walkme-timer-counter .landing-event-time-countdown>div:first-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 45px 0;
    }

    .walkme-timer-counter span.timer-wrapper {
        width: 130px;
    }

    .walkme-timer-counter .landing-event-time-countdown .atom-main.count-number {
        height: auto !important;
        width: 100%;
        line-height: 100%;
        padding: 15px 0 30px;
        font-size: 45px;
    }

    .walkme-timer-counter span.timer-shadow {
        height: calc(100% + 25px);
    }

    /* labels */
    .walkme-timer-counter .landing-event-time-countdown>div:nth-child(2) {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: -465px;
    }

    .trade-template .landing-event-time-countdown .count-unit {
        width: 100%;
        font-size: 12px !important;
        margin-bottom: 122px !important;
    }

    .trade-template .landing-event-time-countdown .count-unit:last-child {
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) {
    .trade-template .landing-event-time-countdown .count-number {
        width: 110px;
        height: 110px;
        font-size: 53px;
        line-height: 100% !important;
        padding-top: 18px;
    }

    .trade-template .landing-event-time-countdown .count-unit {
        top: -28px;
        width: 110px;
    }
}

@media (min-width: 1024px) {
    .trade-template .landing-event-time-countdown .count-number {
        width: 150px;
        height: 150px;
        font-size: 80px;
        line-height: 100% !important;
        padding-top: 18px;
    }

    .trade-template .landing-event-time-countdown .count-unit {
        top: -40px;
        width: 150px;
    }
}

/* end: timer styling */








/* text reveal */
.bz-glyph-reveal .glitch-btn {
    margin: 0 auto !important;
}

/* Scope EVERYTHING to the widget container so it doesn't affect the whole Bizzabo site */
.bz-glyph-reveal {
    position: relative;
    background: #000;
    color: #fff;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    overflow: hidden;

    /* hotfix for container padding issue */
    margin-left: -15px;
    margin-right: -15px;
}

/* Canvas overlay (glow) */
.bz-glyph-reveal .bz-glow-canvas {
    position: absolute;
    /* <- use absolute so it stays inside this section */
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}

/* Section content above background but below canvas? */
.bz-glyph-reveal .reveal-section {
    position: relative;
    z-index: 1;
    background: #000;
    padding: 0 40px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /* If you want "cursor: none" only in this block */
    cursor: none;
}

.bz-glyph-reveal.show-cursor .reveal-section {
    cursor: unset;
}

.bz-glyph-reveal .content-wrapper {
    max-width: 1200px;
    text-align: center;
}

.bz-glyph-reveal .mission-title {
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #ffffff !important;
}

.bz-glyph-reveal .highlight {
    color: #FFD700;
    font-weight: 400;
}

.bz-glyph-reveal .description {
    font-size: 20px;
    line-height: 1.8;
    font-weight: 300;
}

.bz-glyph-reveal .glyph-word {
    display: inline-block;
    margin: 0;
    padding: 2px 0;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

.bz-glyph-reveal .glyph-char {
    display: inline-block;
    position: relative;
    color: transparent;
    /* hidden until reveal */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.bz-glyph-reveal .glyph-char::before {
    content: '▓';
    position: absolute;
    left: 0;
    transition: opacity 0.4s ease;
    color: #999;
}

.bz-glyph-reveal .glyph-char:hover {
    color: #FFD700;
    transform: scale(1.15);
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

.bz-glyph-reveal .glyph-char:hover::before {
    opacity: 0;
}

.bz-glyph-reveal .glyph-char.revealed {
    color: #FFD700 !important;
    transform: scale(1.1);
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

.bz-glyph-reveal .glyph-char.revealed::before {
    opacity: 0;
}

@keyframes bzRevealPulse {

    0%,
    100% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.25);
    }
}

.bz-glyph-reveal .glyph-char.just-revealed {
    animation: bzRevealPulse 0.5s ease;
}

@media (max-width: 768px) {
    .bz-glyph-reveal .reveal-section {
        padding: 20px 20px 40px;
    }

    .bz-glyph-reveal .mission-title {
        font-size: 32px;
    }

    .bz-glyph-reveal .description {
        font-size: 18px;
    }
}

@media (hover: none) and (pointer: coarse) {
    .bz-glyph-reveal .reveal-section {
        cursor: auto;
    }
}

/* end: text reveal */


/* accordion section */
.walkme-accordion .Component-elementGroups-0-2-1>div:first-child {
    overflow: unset;
}

.walkme-accordion .Component-elementGroups-0-2-1>div:first-child img {
    position: absolute;
    top: -115px;
    right: -84px;
    width: 500px !important;
    max-width: unset;
    transition: opacity 220ms ease;
    opacity: 1;
}

.walkme-accordion .Component-elementGroups-0-2-1>div:first-child img.is-fading {
    opacity: 0;
}

.walkme-accordion .Component-elementGroups-0-2-1 {
    display: flex;
}

.walkme-accordion .Component-elementGroups-0-2-1>div:first-child {
    flex: 0 0 45%;
}

.walkme-accordion .Component-elementGroups-0-2-1>div:nth-child(2) {
    flex: 0 0 55%;
}

.walkme-accordion .accordion-item {
    border-bottom: 1px solid #ffffff;
}

.walkme-accordion .accordion-item:last-child {
    border-bottom: none;
}

.walkme-accordion .accordion-header {
    width: 100%;
    background: transparent;
    border: none;
    padding: 16px 0;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-family: Poppins;
    font-weight: 500;
    font-size: 30px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    color: #ffffff;
}

.walkme-accordion .accordion-item.is-open .accordion-header {
    color: #fffb4d;
}

.walkme-accordion .accordion-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.25s ease;
}

.walkme-accordion .accordion-content p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    padding: 0 0 20px;
    margin: 0;
    color: #ffffff;
}

/* Open state */
.walkme-accordion .accordion-item.is-open .accordion-content {
    opacity: 1;
}

@media (max-width: 768px) {
    .walkme-accordion .Component-elementGroups-0-2-1 {
        display: inline-block;
    }

    .walkme-accordion .Component-elementGroups-0-2-1>div:first-child img {
        position: relative;
        top: -50px;
        right: 0;
        width: 100% !important;
        transform: scale(1.5);
    }

    .walkme-accordion .Component-elementGroups-0-2-1>div:nth-child(2)>div:nth-child(2) {
        text-align: center;
    }
}

/* end: accordion section */



/* speakers section */
.walkme-transform-speakers .main-app-container>div:first-child {
    display: none !important;
}

.walkme-transform-speakers .entity-photo-holder {
    margin-bottom: 62px;
}

.walkme-transform-speakers .entity-photo-holder a {
    display: block;
}

.walkme-transform-speakers .attendee-name {
    margin-bottom: 0 !important;
    line-height: 100% !important;
}

.walkme-transform-speakers .attendee-title,
.walkme-transform-speakers .attendee-company {
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: 5px 0 !important;
    font-family: 'Poppins' !important;
}

/* --- Outer Wrapper for the Frame --- */
.walkme-transform-speakers .frame-wrapper {
    position: relative;
    padding: 0;
    /* Creates space between the image and the outer corners */
    display: inline-block;
    /* UPDATED: Added overflow hidden here so the extended scanner stays inside the corners area */
    overflow: hidden;
}

/* 2. The Inner Image Container */
.walkme-transform-speakers .scan-container {
    position: relative;
    margin: 15px;
    width: 260px;
    height: 260px;
    background-color: transparent;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
    /* Subtle inner border to define the image area */
    border: 1px solid rgba(128, 128, 128, 0.3);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.02);
}

/* --- Corner Frame Design --- */
.walkme-transform-speakers .corner {
    position: absolute;
    width: 40px;
    /* Length of the corner arms */
    height: 40px;
    border-color: #00ffff;
    /* Cyan color */
    border-style: solid;
    pointer-events: none;
    /* Let clicks pass through */
}

/* Top Left */
.walkme-transform-speakers .corner-tl {
    top: 0;
    left: 0;
    border-width: 2px 0 0 2px;
}

/* Top Right */
.walkme-transform-speakers .corner-tr {
    top: 0;
    right: 0;
    border-width: 2px 2px 0 0;
}

/* Bottom Left */
.walkme-transform-speakers .corner-bl {
    bottom: 0;
    left: 0;
    border-width: 0 0 2px 2px;
}

/* Bottom Right */
.walkme-transform-speakers .corner-br {
    bottom: 0;
    right: 0;
    border-width: 0 2px 2px 0;
}

/* 3. The Image Itself */
.walkme-transform-speakers .scan-container img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 4. The Scanning Beam */
/* UPDATED: Context is now relative to .frame-wrapper */
.walkme-transform-speakers .scan-line {
    z-index: 10;
    /* Make sure it floats above image and corners */
    position: absolute;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(to bottom, transparent, rgba(0, 255, 255, 0.3) 90%, rgba(0, 255, 255, 0.6) 100%);
    top: -50px;
    opacity: 0;
    pointer-events: none;
}

.walkme-transform-speakers .scan-line::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    box-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff;
}

/* 6. Interaction */
.walkme-transform-speakers .frame-wrapper:hover .scan-line {
    opacity: 1;
    animation: scan-down 3s linear infinite;
}

/* 7. Animation */
@keyframes scan-down {
    0% {
        top: -50px;
    }

    100% {
        top: 100%;
    }
}

/* end: speakers section */







/* realize award section */
.award-title {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 61px;
    line-height: 80px;
    letter-spacing: 0;
    vertical-align: middle;
}

/* dot / period */
.award-title .dot {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 61px;
    line-height: 80px;
    letter-spacing: 0;
    vertical-align: middle;
}

.realize-award-section .Component-elementGroups-0-2-1 {
    display: flex !important;
}

@media screen and (max-width: 767px) {
    .realize-award-section .Component-elementGroups-0-2-1 {
        flex-direction: column-reverse !important;
    }

    .realize-award-section .Component-elementGroups-0-2-1>div:first-child>div:nth-child(2) {
        text-align: center;
    }

    .realize-award-section .atom-sectionMain {
        background-size: 200% 100% !important;
    }
}

/* end: realize award section */


/* default settings for custom image list component */
/* make the list take the full container width and arrange items in rows */
.wm-custom-image-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    row-gap: 40px;
    margin-top: 60px;
    justify-content: center;
}

/* default to three items per row (33.33% each) */
.wm-custom-image-list li {
    flex: 0 0 25%;
    box-sizing: border-box;
    text-align: center;
}

.wm-custom-image-list li img {
    transition: transform .5s ease;
    will-change: transform;
}

.wm-custom-image-list li img:hover {
    transform: scale(1.05);
}

/* end: default settings for custom image list component */

/* innovators section */
@media screen and (max-width: 768px) {
    .innovators-section .wm-custom-image-list {
        gap: 40px 20px;
    }

    .innovators-section .wm-custom-image-list li {
        flex: 0 0 40%;
    }
}

/* end: innovators section */

/* sponsor section */
.wm-custom-sponsor>div:first-child {
    position: relative;
}

.wm-custom-sponsor>div:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg,
            rgba(152, 190, 224, 0) 0%,
            #40A5FF 47.85%,
            rgba(152, 190, 224, 0) 100%);
}

.wm-custom-sponsor .wm-custom-image-list {
    width: 60%;
}

.wm-custom-sponsor .wm-custom-image-list li {
    flex: 0 0 33.333%;
}

/* first two and last two items span half the width (two-per-row) */
.wm-custom-sponsor .wm-custom-image-list li:nth-child(1),
.wm-custom-sponsor .wm-custom-image-list li:nth-child(2),
.wm-custom-sponsor .wm-custom-image-list li:nth-child(6),
.wm-custom-sponsor .wm-custom-image-list li:nth-child(7) {
    flex: 0 0 50%;
}

.wm-custom-sponsor .wm-custom-image-list li:nth-child(1) {
    padding: 0 20px 0 110px;
}

.wm-custom-sponsor .wm-custom-image-list li:nth-child(2) {
    padding: 0 120px 0 50px;
}

.wm-custom-sponsor .wm-custom-image-list li:nth-child(6) {
    padding: 0 40px 0 90px;
}

.wm-custom-sponsor .wm-custom-image-list li:nth-child(7) {
    padding: 0 70px 0 20px;
}

@media screen and (max-width: 768px) {
    .wm-custom-sponsor .wm-custom-image-list {
        width: 100%;
        gap: 40px 20px;
    }

    .wm-custom-sponsor .wm-custom-image-list li {
        flex: 0 0 40% !important;
        padding: 0 !important;
    }
}

/* end: sponsor section */


/*Speaker card font color*/
body>div.react-main>div>div>div>div.speaker-container.container>div.speaker-profile.margin-bottom-small.row>div.speaker-bio-wrapper.medium-padding-right-medium.medium-padding-left-medium.padding-top-small.padding-bottom-small.padding-right-medium.col-lg-9.col-md-7.col-xs-12>div:nth-child(1)>div.col-lg-9.col-lg-pull-3.col-md-8.col-md-pull-4.col-sm-9.col-sm-pull-3.col-xs-12>div.speaker-name-wrapper.bz-flex-row>h1,
body>div.react-main>div>div>div>div.speaker-container.container>div.speaker-profile.margin-bottom-small.row>div.speaker-bio-wrapper.medium-padding-right-medium.medium-padding-left-medium.padding-top-small.padding-bottom-small.padding-right-medium.col-lg-9.col-md-7.col-xs-12>div:nth-child(1)>div.col-lg-9.col-lg-pull-3.col-md-8.col-md-pull-4.col-sm-9.col-sm-pull-3.col-xs-12>div.speaker-position.text-ellipsis,
body>div.react-main>div>div>div>div.speaker-container.container>div.speaker-profile.margin-bottom-small.row>div.speaker-bio-wrapper.medium-padding-right-medium.medium-padding-left-medium.padding-top-small.padding-bottom-small.padding-right-medium.col-lg-9.col-md-7.col-xs-12>div:nth-child(2) {
    color: #fff;
}

/*Speaker card background*/
.speaker-view .speaker-container .speaker-profile {
    background-color: #000;
}

/*Speaker page background*/
.color-1-background-opacity {
    background-color: #000;
}

/*Speaker image border*/
.speaker-image-stub {
    border: none !important;
}

/*Share button background color*/
.speaker-view .speaker-container .speaker-profile .speaker-share-button {
    background-color: #000;
}

.secure-your-access .Component-elementGroups-0-2-1>div>div:nth-child(2) {
    margin-top: 40px;
}

.secure-your-access .btn-custom-element {
    margin: 0 auto;
}





/* agenda hero section */


.agenda-hero-section .Component-elementGroups-0-2-1>div:first-child .atom-main>div:first-child {
    max-width: 68%;
}

@media screen and (max-width: 768px) {
    .agenda-hero-section .cover-image-background {
        background-image: url(https://res.cloudinary.com/bizzaboprod/image/upload/q_auto,f_auto,c_scale,c_crop,g_custom/v1769673831/yljyghknh6krphgdbujh) !important;
    }
}

@media screen and (max-width: 480px) {
    .agenda-hero-section .cover-image-background {
        background-image: url(https://res.cloudinary.com/bizzaboprod/image/upload/q_auto,f_auto,c_scale,c_crop,g_custom/v1769674855/ncq07rgcthhromob3yvw) !important;
        background-size: contain !important;
        background-position: top !important;
        background-color: #000 !important;
    }

    .agenda-hero-section .cover-image-background .main-app-container {
        padding-top: 300px !important;
        padding-bottom: 0 !important;
    }

    .agenda-hero-section .Component-elementGroups-0-2-1>div:first-child .atom-main>div:first-child {
        max-width: unset;
    }

    .agenda-hero-section .Component-elementGroups-0-2-1 h1 {
        text-align: center;
        font-size: 30px !important;
    }

    .agenda-hero-section .Component-elementGroups-0-2-1 p {
        text-align: center;
    }
}

/* end: agenda hero section */


/* helper */
.hide-title-element .main-app-container>div:first-child {
    display: none !important;
}

.three-col-cta-center .btn-custom-element {
    margin: 0 auto;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

@media screen and (max-width: 768px) {
    .em-f-32 {
        font-size: 32px !important;
    }

    .em-f-36 {
        font-size: 36px !important;
    }

    .em-mb-15 {
        margin-bottom: 15px !important;
    }

    .em-mb-24 {
        margin-bottom: 24px !important;
    }
}