/* WEBINAR 2024 */

:root { --black: #0E0607; --red: #FF3227; --gray: #D9DBDF; --white: #fff; --heb-reg: 'ABCFavoritHebrew-Book'; --heb-bold: 'ABCFavoritHebrew-Bold'; --en-reg: 'Cera-GR-Light-Italic'; --en-bold: 'Cera-GR-Black-Italic'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body { opacity: 0; transition: 0.3s opacity ease; font-family: var(--heb-reg) !important; }
body:has(#SiteContainer.shown) { opacity: 1; }
body, body.modal-open { line-height: 1; font-size: 2rem; zoom: 1 !important; position: relative; color: var(--black); }
body:not(.home-page), body.modal-open { padding: 0 !important; overflow: clip !important; }
.modal-backdrop.in { opacity: 0.5; }
.gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; }
.gallery-cubes-modal .flexslider a.flex-next:before,
.gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
#pageview :is(#text1, #text2) h2, #headline h1 { position: relative; display: inline-block; max-width: 100%; width: 100%; }
.grid-text-content p, .grid-box-fulltext :is(p, li), .grid-text p, :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) span, .section-topText p, #catalogText p { font-size: clamp(1.2rem, 0.938vw, 1000rem); position: relative; line-height: 1.4; }
.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; }
#SiteGrid { padding-top: var(--headerHeight); overflow-x: clip; }
#SiteGridContainer { position: unset; }
#GridWrapInner { width: var(--app-width); }
#allSectionsWrapper { z-index: 1; }
.sections .section, section.section { margin-bottom: 0; background: transparent; padding: 0; max-width: var(--app-width); width: 100%; }
.grid-rows .grid-row { background: inherit; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container,
.grid-short-box-image .image-container { position: relative; height: 100%; pointer-events: none; }
.grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; }
.grid-boxes { display: flex; margin: 0; width: 100%; }
.grid-boxes .grid-box { margin: 0; padding: 0; }
.grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; }
.grid-boxes .grid-box-title h3 a { pointer-events: none; color: inherit; outline: none !important; }
#lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; }
#LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; }
#text1 p:last-child { margin: 0; }
#GridPage { padding: 0; }
#header2 .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width,
.max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; }
.grid-text-content, .grid-text .grid-text-content { opacity: initial; margin: 0; width: 100%; padding: 0; }
.grid-text p { margin-top: 0; }
ul li::marker { }
a:hover, a:focus { color: inherit; }
.container-fluid { padding: 0; }
.gallery-container { width: 100%; }
.gallery-cubes { display: flex; }
.box-image-animation:hover img { transform: none !important; }
#GridTop.noTopImage.longer { height: 0; overflow: hidden; }
.box-image-animation img { object-fit: cover; }
#GridPromo { width: 100%; margin: 0; padding: 0; }
#CatalogModule { padding: 0; }
.itemContentWrapper { margin: 0; }
.catalogContainer.container { width: 100%; padding: 0; margin: 0; }
.row { margin: 0; }
em { font-weight: unset; font-style: normal; }
strong { font-family: var(--heb-bold); font-style: normal; font-weight: unset; }
#GridTop { }
#GridTop.noTopImage, .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after,
.grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after,
.gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before,
.clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before,
.container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after,
.form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after,
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before,
.navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after,
.pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after,
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before,
.container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before,
.btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before,
.navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after,
.panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; }

@media(min-width: 1025px) {
    #SiteGridContainer { min-height: calc(48vw - var(--headerHeight)); }
}

@media(min-width: 1025px) and (max-width: 1600px) {
    .grid-text-content p, .grid-box-fulltext :is(p, li), .grid-text p, :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) span, .section-topText p, #catalogText p { font-size: clamp(1.2rem, 1.042vw, 1000rem); }
}

@media(max-width: 1024px) {
    .grid-text-content p, .grid-box-fulltext :is(p, li), .grid-text p,
    :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li),
    :is(#text1, #text2) span, .section-topText p, #catalogText p { font-size: 1.6rem; }
}


/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
#header2 { padding: 0; background: var(--red); }
#header2 #header-container { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 1.875vw 6.25vw; }
#header2 #header-container::before { content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; width: 5.85vw; height: 2.35vw; display: inline-block; background-image: url(/warehouse/dynamic/547611.svg); }
#header2 #header-container::after { content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; width: 8.85vw; height: 0.625vw; display: inline-block; background-image: url(/warehouse/dynamic/547610.svg); }
#header2 #header-container #header-left { text-align: center; }
#header2 #header-container #header-left a.logoHeader { position: relative; pointer-events: none; }
#header2 #header-container #header-left a.logoHeader::after { content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 1vw; position: absolute; bottom: 0; left: 0; background-image: url(/warehouse/dynamic/547612.svg); pointer-events: none; }
#header2 #header-container #header-left a.logoHeader img { opacity: 0; }
#header2 #header-container #header-left a.logoHeader #logoHeader-1 svg { position: absolute; left: calc(50% - 0.05vw); top: calc(50% - 0.75vw); transform: translate(-50%,-50%) scale(1.05) !important; }
#header2 #header-container .header-right-section { display: none; }

@media(max-width: 1024px) {
    #header2 #header-container { padding: 24px 10px 28px; }
    #header2 #header-container::before { width: 66px; height: 28px; }
    #header2 #header-container::after { width: 66px; height: 25px; background-image: url(/warehouse/dynamic/547630.svg); }
    #header2 #header-container #header-left { margin: 0; width: fit-content; }
    #header2 #header-container #header-left a.logoHeader::after { height: 10px; bottom: -4px; }
    #header2 #header-container #header-left a.logoHeader img { width: 157px; }
    #header2 #header-container .mobile-middle-kdm { display: none; }
}


/*------------------------------------------/*
 LOBBYVIEW
/*------------------------------------------*/
#lobbyview { display: grid; text-wrap: balance; justify-items: center; position: relative; background: var(--red); padding: 1.875vw 21vw 2.5vw; color: var(--white); }
#lobbyview > h2 { order: -1; margin: 0; font-size: clamp(2rem, 3.9vw, 1000rem); line-height: 0.9; }
#lobbyview #headline { font-size: 100%; margin: 0; position: relative; }
#lobbyview #headline h1 { font-size: clamp(2rem, 3.9vw, 1000rem); line-height: 0.9; font-family: var(--heb-bold); ); }
#lobbyview:has(#lobbyText) #headline h1 { margin-bottom: 2.5vw; }
#lobbyview #lobbyText { max-width: unset; margin: 0; }
#lobbyview #lobbyText p { font-size: clamp(1.2rem, 1.146vw, 1000rem); line-height: 1.1; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    #lobbyview { width: 100%; padding: 24px 12px 40px; text-wrap: unset; }
    #lobbyview > h2 { font-size: 3.2rem; line-height: 1; }
    #lobbyview #headline h1 { font-size: 3.2rem; line-height: 1; }
    #lobbyview:has(#lobbyText) #headline h1 { margin-bottom: 30px; }
    #lobbyview #lobbyText p { font-size: 1.6rem; }
}


/*------------------------------------------/*
 SECTIONS
/*------------------------------------------*/
#GridWrap { display: grid; }

:is(div, #LobbyModule) .section.hero-team-sec { background: var(--red); padding-bottom: 2.5vw; color: var(--white); display: flex; justify-content: center; }
:is(div, #LobbyModule) .section.hero-team-sec .grid-boxes { width: 43vw; gap: 7.292vw; }
:is(div, #LobbyModule) .section.hero-team-sec .grid-boxes .grid-box { display: flex; text-align: start; gap: 1vw; align-items: center; }
:is(div, #LobbyModule) .section.hero-team-sec .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: clamp(1.2rem, 1.146vw, 1000rem); line-height: 1.2; font-family: var(--heb-bold); }
:is(div, #LobbyModule) .section.hero-team-sec .grid-boxes .grid-box .grid-box-subtitle { color: inherit; font-size: clamp(1.2rem, 0.938vw, 1000rem); line-height: 1.2; }

:is(div, #LobbyModule) .section.date-sec { background: var(--red); padding-bottom: 3.25vw; color: var(--white); }
:is(div, #LobbyModule) .section.date-sec .grid-text-content { display: grid; place-content: center; gap: 2.5vw; }
:is(div, #LobbyModule) .section.date-sec .grid-text-content ul { margin: 0; padding: 0; width: max-content; list-style: none; display: flex; justify-content: center; font-size: clamp(2rem, 1.25vw, 1000rem); border: 2px solid var(--white); }
:is(div, #LobbyModule) .section.date-sec .grid-text-content ul li { padding-block: 0.8vw; min-width: 9vw; }
:is(div, #LobbyModule) .section.date-sec .grid-text-content ul li:not(:last-child) { border-left: 2px solid; }
:is(div, #LobbyModule) .section.date-sec .grid-text-content a.sec-button { background: var(--black); padding: 0 1vw; border-radius: 50px; height: 2.7vw; min-width: 12.9vw; display: inline-flex; align-items: center; justify-content: center; font-size: clamp(2rem, 1.146vw, 1000rem); font-family: var(--heb-reg); }

:is(div, #LobbyModule) .section.running-text { background: var(--red); margin-bottom: 4vw; color: var(--white); }
:is(div, #LobbyModule) .section.running-text .grid-text-content { display: flex; gap: 2vw; transform: translateY(100%); transition: 0.6s 0.3s all ease; }
:is(div, #LobbyModule) .section.running-text.shown .grid-text-content { transform: translateY(0%); }
:is(div, #LobbyModule) .section.running-text .grid-text-content .running-text-inner { width: max-content; display: flex; white-space: nowrap; animation: scrollText 80s linear infinite; gap: 2vw; }
:is(div, #LobbyModule) .section.running-text .grid-text-content .running-text-inner p { font-size: clamp(2rem, 7.187vw, 1000rem); line-height: 0.7; text-transform: uppercase; opacity: 0.2; font-family: var(--en-reg); }
:is(div, #LobbyModule) .section.running-text .grid-text-content .running-text-inner p strong { font-family: var(--en-bold); }

:is(div, #LobbyModule) .section.side-title-sec { display: flex; gap: 2vw; justify-content: space-between; text-align: start; margin-bottom: 4vw; }
:is(div, #LobbyModule) .section.side-title-sec .section-title { min-width: 19.156vw; width: fit-content; }
:is(div, #LobbyModule) .section.side-title-sec .section-title h2 { font-size: clamp(1.2rem, 0.781vw, 1000rem); color: #777777; line-height: 1; }
:is(div, #LobbyModule) .section.side-title-sec .section-title + div { flex-grow: 1; }

:is(div, #LobbyModule) .section.mid-text-size-sec .grid-text-content * { font-size: clamp(1.2rem, 1.667vw, 1000rem); line-height: 0.9; }

:is(div, #LobbyModule) .section.boxes-sec .grid-boxes { gap: 4vw 1.25vw; text-align: start; display: grid; grid-template-columns: repeat(2, 1fr); }
:is(div, #LobbyModule) .section.boxes-sec .grid-boxes .grid-box { width: 100%; max-width: 13.2vw; }
:is(div, #LobbyModule) .section.boxes-sec .grid-boxes .grid-box .grid-box-title h3 { color: var(--red); font-family: var(--heb-bold); font-size: clamp(1.2rem, 0.938vw, 1000rem); margin: 0; }
:is(div, #LobbyModule) .section.boxes-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: clamp(1.2rem, 1.354vw, 1000rem); }

:is(div, #LobbyModule) .section.speakers-sec .grid-boxes { gap: 1.25vw; }
:is(div, #LobbyModule) .section.speakers-sec .grid-boxes .grid-box { display: flex; text-align: start; gap: 1vw; align-items: center; width: auto; min-width: 15vw; }
:is(div, #LobbyModule) .section.speakers-sec .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: clamp(2rem, 1.146vw, 1000rem); line-height: 1.2; font-family: var(--heb-bold); }
:is(div, #LobbyModule) .section.speakers-sec .grid-boxes .grid-box .grid-box-subtitle { color: inherit; font-size: clamp(1.2rem, 0.938vw, 1000rem); line-height: 1.2; }

.section.text-sections { display: flex; gap: 8vw; padding: 0 6.25vw 7.5vw; }
.section.text-sections .text-sections-inner { width: 57.5vw; }
.section.text-sections #GridPromo { width: 21vw; position: sticky; top: 2vw; height: max-content; }
#GridPromo #DynamicFormObject { max-width: 100% !important; display: flex; flex-direction: column; border: none; justify-content: center; align-items: center; padding: 1.667vw; background: var(--black); color: var(--white); }
#GridPromo #DynamicFormObject::after { display: none; }
#GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; font-size: 100%; }
#GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(1.2rem, 1.667vw, 1000rem); line-height: 1; color: #fff; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; text-align: start !important; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 0.8vw; font-size: clamp(1.2rem, 1.667vw, 1000rem); color: var(--black); text-align: center; line-height: 1; font-family: var(--heb-bold); color: #fff; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText { margin-bottom: 2vw; font-size: clamp(1.2rem, 0.938vw, 1000rem); text-align: center; line-height: 1; color: #fff; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; gap: 1.354vw; flex-direction: column; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0; width: 100%; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { outline: unset; width: 100%; max-width: 100%; padding: 0.5vw 0.4vw; box-shadow: none; background: transparent; border: unset !important; border-bottom: 1px solid #fff !important; border-radius: 0; margin: 0; font-size: clamp(1.2rem, 0.833vw, 1000rem); color: #fff; height: 2.3vw; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea)::placeholder { opacity: 0.6; color: #fff }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { width: 100%; margin: 0.5vw 0 0; display: flex; gap: 6px; align-items: center; pointer-events: none; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { margin: 0; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input[type="checkbox"] { margin: 0; cursor: pointer; opacity: 0; width: 0.833vw; height: 0.833vw; color: #fff; border: 1px solid #fff; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField .checkmark { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/570295.svg); position: absolute; top: 0; right: 0; height: 0.833vw; width: 0.833vw; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { margin: 0; font-size: clamp(1rem, 0.677vw, 1000rem); color: #fff; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { right: 0; top: 0.7vw; font-size: 0.6vw; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField span.error { font-size: clamp(1rem, 0.677vw, 1000rem); left: 0; padding: 0.2vw; top: 0.7vw; line-height: 0.8; color: var(--white); background: var(--red); }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; margin-top: 0.4vw; display: grid; place-content: center; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { background-color: var(--red); color: var(--white); height: 2.7vw; border: unset; display: flex; font-size: clamp(1.2rem, 1.146vw, 1000rem); transition: 0.3s all ease; min-width: 13vw; border-radius: 50px; padding: 0 1vw; align-items: center; justify-content: center; font-family: var(--heb-reg); }
#GridPromo #DynamicFormObject .dynamicFormObjectFields #form-thanks #text1 * { color: inherit; }


:is(div, #LobbyModule) .section.who-we-are-sec { background: var(--red); color: var(--white); display: flex; flex-wrap: wrap; gap: 4vw 2vw; padding-block: 4vw 9vw; }
:is(div, #LobbyModule) .section.who-we-are-sec .section-title { min-width: 19.156vw; width: fit-content; margin-inline-start: 6.25vw; }
:is(div, #LobbyModule) .section.who-we-are-sec .section-title h2 { font-size: clamp(2rem, 0.781vw, 1000rem); line-height: 1; text-align: start; }
:is(div, #LobbyModule) .section.who-we-are-sec .text1 { max-width: 41.8vw; text-align: start; flex-grow: 1; }
:is(div, #LobbyModule) .section.who-we-are-sec .text1 * { }
:is(div, #LobbyModule) .section.who-we-are-sec .text1 a { text-decoration: underline; }
:is(div, #LobbyModule) .section.who-we-are-sec .owl-stage-outer { display: flex; gap: 1.667vw; justify-content: flex-end; }
:is(div, #LobbyModule) .section.who-we-are-sec .owl-stage-outer .owl-stage-outer-inner { display: flex; gap: 1.667vw; width: max-content; animation: scrollText 25s linear infinite; }
:is(div, #LobbyModule) .section.who-we-are-sec .owl-stage-outer .item a.slide-bg-layer { display: none; }

:is(div, #LobbyModule) .section.footer-text-sec { background: var(--red); color: var(--white); }
:is(div, #LobbyModule) .section.footer-text-sec .section-title h2 { font-size: clamp(2rem, 7.187vw, 1000rem); line-height: 0.7; text-transform: uppercase; opacity: 0.2; transform: translateY(100%); transition: 0.6s 0.3s all ease; font-family: var(--en-reg); }
:is(div, #LobbyModule) .section.footer-text-sec .section-title h2 span { font-family: var(--en-bold); }
:is(div, #LobbyModule) .section.footer-text-sec .section-title.shown h2 { transform: translateY(0%); }

footer { display: none; }

@media(min-width: 1025px) {
    :is(div, #LobbyModule) .section.hero-team-sec .grid-boxes .grid-box:first-child { flex-direction: row-reverse; text-align: end; }
    :is(div, #LobbyModule) .section.hero-team-sec .grid-boxes .grid-box .grid-box-image img { width: 5.8vw; }

    :is(div, #LobbyModule) .section.speakers-sec .grid-boxes .grid-box .grid-box-image img { width: 5.8vw; }

    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea):is(:focus) { border-bottom: 1px solid var(--red) !important; }
}

@media(max-width: 1024px) {
    :is(div, #LobbyModule) .section.hero-team-sec { padding: 0 12px 30px; }
    :is(div, #LobbyModule) .section.hero-team-sec .grid-boxes { width: 100%; gap: 28px; display: flex; flex-direction: column; }
    :is(div, #LobbyModule) .section.hero-team-sec .grid-boxes .grid-box { gap: 8px; width: 70%; }
    :is(div, #LobbyModule) .section.hero-team-sec .grid-boxes .grid-box .grid-box-image img { width: 64px; }
    :is(div, #LobbyModule) .section.hero-team-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.4rem; }
    :is(div, #LobbyModule) .section.hero-team-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.2rem; }
    :is(div, #LobbyModule) .section.hero-team-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 1.2rem; }

    :is(div, #LobbyModule) .section.date-sec { padding: 0 12px 80px; }
    :is(div, #LobbyModule) .section.date-sec .grid-text-content { gap: 0; place-content: normal; }
    :is(div, #LobbyModule) .section.date-sec .grid-text-content ul { width: 100%; font-size: 1.6rem; display: grid; grid-auto-flow: column; justify-content: normal; }
    :is(div, #LobbyModule) .section.date-sec .grid-text-content ul li { min-width: unset; width: 100%; padding-block: 10px; }
    :is(div, #LobbyModule) .section.date-sec .grid-text-content a.sec-button { display: none; }

    :is(div, #LobbyModule) .section.running-text { margin-bottom: 40px; }
    :is(div, #LobbyModule) .section.running-text .grid-text-content { gap: 20px; }
    :is(div, #LobbyModule) .section.running-text .grid-text-content .running-text-inner { gap: 20px; }
    :is(div, #LobbyModule) .section.running-text .grid-text-content .running-text-inner p { font-size: 7.6rem; }

    :is(div, #LobbyModule) .section.side-title-sec { padding-inline: 24px; flex-direction: column; gap: 14px; margin-bottom: 40px; }
    :is(div, #LobbyModule) .section.side-title-sec .section-title { min-width: unset; }
    :is(div, #LobbyModule) .section.side-title-sec .section-title h2 { font-size: 1.6rem; color: var(--black); font-family: var(--heb-bold); }

    :is(div, #LobbyModule) .section.mid-text-size-sec .grid-text-content * { font-size: 2.2rem; line-height: 1.1; }

    :is(div, #LobbyModule) .section.boxes-sec .grid-boxes { gap: 24px; }
    :is(div, #LobbyModule) .section.boxes-sec .grid-boxes .grid-box { max-width: unset; }
    :is(div, #LobbyModule) .section.boxes-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.8rem; }
    :is(div, #LobbyModule) .section.boxes-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 1.6rem; }

    :is(div, #LobbyModule) .section.speakers-sec .grid-boxes { width: 100%; gap: 28px; flex-direction: column; }
    :is(div, #LobbyModule) .section.speakers-sec .grid-boxes .grid-box { gap: 8px; width: 70%; }
    :is(div, #LobbyModule) .section.speakers-sec .grid-boxes .grid-box .grid-box-image img { width: 64px; }
    :is(div, #LobbyModule) .section.speakers-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.4rem; }
    :is(div, #LobbyModule) .section.speakers-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.2rem; }
    :is(div, #LobbyModule) .section.speakers-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 1.2rem; }

    :is(div, #LobbyModule) .section.who-we-are-sec { flex-wrap: nowrap; flex-direction: column; padding-block: 40px 60px; gap: 0; }
    :is(div, #LobbyModule) .section.who-we-are-sec .section-title { min-width: unset; margin-inline-start: 24px; margin-bottom: 24px; }
    :is(div, #LobbyModule) .section.who-we-are-sec .section-title h2 { font-size: 1.6rem; font-family: var(--heb-bold); }
    :is(div, #LobbyModule) .section.who-we-are-sec .text1 { max-width: unset; padding: 0 24px 40px; }
    :is(div, #LobbyModule) .section.who-we-are-sec .text1 * { font-size: 1.6rem; }
    :is(div, #LobbyModule) .section.who-we-are-sec .owl-stage-outer .owl-stage-outer-inner img { width: 33vw; max-height: 60vw; object-fit: cover; }

    :is(div, #LobbyModule) .section.footer-text-sec { padding-bottom: 60px; }
    :is(div, #LobbyModule) .section.footer-text-sec .section-title h2 { font-size: 6.7rem; line-height: 0.9; }

    .GridPromo-button { position: fixed; z-index: 200; bottom: 0; width: 100%; background: var(--black); ); border: unset; box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.25); border-radius: 20px 20px 0px 0px; padding: 22px 22px 18px; font-size: 1.6rem; transition: 0.7s all ease; display: flex; align-items: center; justify-content: center; gap: 6px; color: #fff; }
    .GridPromo-button.active { transform: translateY(100%); }
    .GridPromo-button::before { content: ''; animation: updownInverted 1.5s infinite alternate; display: inline-block; width: 15px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/547558.svg); margin-right: 10px; transform: scaleY(-1); filter: contrast(0); }

    #GridPromo:has(#DynamicFormObject) { box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.25); border-radius: 20px 20px 0px 0px; overflow: hidden; position: fixed; z-index: 100; bottom: -100vh; right: 0; transition: 0.7s all ease; }
    #GridPromo:has(#DynamicFormObject).active { bottom: 0%; z-index: 250; }
    #GridPromo #DynamicFormObject { padding: 24px 12px !important; width: 100%; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText { margin-bottom: 20px; font-size: 1.6rem; }
    #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; text-align: center; position: relative; }
    #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText::after { content: ''; width: 15px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/547558.svg); position: absolute; left: 30px; margin-top: 5px; animation: updown 1.5s infinite alternate; }
    #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 2.4rem; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 2.4rem; margin-bottom: 20px; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset { flex-direction: column; gap: 24px; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100%; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { font-size: 1.6rem !important; padding: 5px 10px; height: 40px; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 120px; padding-top: 16px; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { margin: 10px 0 0; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: 1.2rem; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { top: 14px; right: 0; font-size: 70%; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField span.error { font-size: 1.3rem; top: 10px; left: 0; padding: 4px; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { margin-top: 4px; }
    #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { height: 40px; font-size: 1.4rem; min-width: 162px; padding: 0 20px; }
}


/*------------------------------------------/*
 FORM THANK YOU PAGE
/*------------------------------------------*/
.FormResultPage #GridTop { display: none; }
.FormResultPage #GridWrapInner { padding: 0; min-height: calc(48vw - var(--headerHeight)); display: grid; place-content: center; }
.FormResultPage #GridWrapInner #GridHeader { display: none; }
.FormResultPage #SiteGrid { display: flex; flex-direction: column; justify-content: center; }
.FormResultPage #pageview #headline { font-size: 100%; position: relative; margin: 0; }
.FormResultPage #pageview #headline h1 { margin-bottom: 2vw; color: var(--black); font-family: var(--bold); font-size: 4.167vw; }
.FormResultPage #pageview #text1 { max-width: 100%; line-height: 1; }
.FormResultPage #pageview #text1 p { text-align: center; font-family: var(--heb-reg); line-height: 1.5; direction: ltr; color: var(--black); font-size: clamp(1.2rem, 0.833vw, 1000rem); }
.FormResultPage #pageview #text1 a.FormResultPageButton { background: var(--red); color: var(--white); height: 2.7vw; display: inline-flex !important; font-size: clamp(1.2rem, 0.938vw, 1000rem); transition: 0.3s all ease; min-width: 11vw; border-radius: 50px; padding: 0 1vw; margin-top: 0 !important; align-items: center; justify-content: center; font-family: var(--bold); }

@media(min-width: 1025px) {
    .FormResultPage #pageview #text1 a.FormResultPageButton:is(:hover, :focus) { background: var(--dblue); }
}

@media(max-width: 1024px) {
    .FormResultPage #GridWrapInner { height: calc(100vh - var(--headerHeight)); padding: 0; justify-content: center; }
    .FormResultPage #pageview #headline h1 { font-size: 4rem; margin-bottom: 32px; margin-top: 0; }
    .FormResultPage #pageview #text1 p { font-size: 1.6rem; }
    .FormResultPage #pageview #text1 a.FormResultPageButton { height: 50px; width: auto; min-width: 210px; font-size: 1.6rem; padding: 0 20px; }
}


/*------------------------------------------/*
 PAGE 404
/*------------------------------------------*/
.page-404 #SiteGrid { display: flex; align-items: center; flex-direction: column; }
.page-404 #SiteGrid #GridTop { display: none; }
.page-404 #SiteGrid #GridPage { width: 100%; height: 100%; padding: 0; }
.page-404 #SiteGrid #GridWrap { display: flex; flex-direction: column; max-width: unset; }
.page-404 #SiteGrid #PageBreadCrumps { display: none; }
.page-404 #SiteGrid #GridWrapInner { padding: 0; min-height: calc(48vw - var(--headerHeight)); display: grid; place-content: center; }
.page-404 #SiteGrid #GridWrapInner #GridHeader { display: none; }
.page-404 #SiteGrid #GridPage #GridContent { display: flex; position: relative; gap: 4.3vw; align-items: center; }
.page-404 #SiteGrid #GridPage #GridContent::before { content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/545689.webp); height: 27.083vw; width: 33.646vw; }
.page-404 #SiteGrid #GridPage .page-not-found { display: flex; flex-direction: column; position: relative; align-items: center; }
.page-404 #SiteGrid #GridPage .page-not-found::before { content: 'תקלה 404'; pointer-events: none; margin-bottom: 1.2vw; color: var(--black); font-family: var(--bold); font-size: 4.167vw; }
.page-404 #SiteGrid #GridPage .page-not-found h2 { text-align: center; font-family: var(--heb-reg); line-height: 1.5; direction: ltr; color: var(--black); letter-spacing: 0.64px; font-size: clamp(1.2rem, 0.833vw, 1000rem); }
.page-404 #SiteGrid #GridPage .page-not-found a { background-color: var(--red); color: var(--white); height: 2.7vw; display: flex; font-size: clamp(1.2rem, 0.938vw, 1000rem); transition: 0.3s all ease; min-width: 11vw; border-radius: 50px; padding: 0 1vw; margin-top: 0; align-items: center; justify-content: center; font-family: var(--bold); z-index: 1; }

@media(min-width: 1025px) {
    .page-404 #SiteGrid #GridPage .page-not-found a:is(:hover, :focus) { }
}

@media(max-width: 1024px) {
    .page-404 #SiteGrid #GridWrapInner { padding: 0 0 60px; min-height: calc(100vh - var(--headerHeight)); justify-content: center; }
    .page-404 #SiteGrid #GridPage #GridContent { flex-direction: column; gap: 40px; }
    .page-404 #SiteGrid #GridPage #GridContent::before { width: 100%; height: 48vw; }
    .page-404 #SiteGrid #GridPage .page-not-found::before { font-size: 4rem; margin-bottom: 20px; margin-top: 0; }
    .page-404 #SiteGrid #GridPage .page-not-found h2 { font-size: 1.6rem; }
    .page-404 #SiteGrid #GridPage .page-not-found a { height: 50px; width: auto; min-width: 210px; font-size: 1.6rem; padding: 0 20px; }
}


/*------------------------------------------/*
 ACCESSABILITY PAGE
/*------------------------------------------*/
.accessabilityMainPage #GridTop { display: none; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 46vw; margin: 5vw auto; display: flex; flex-direction: column; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline { font-size: 100%; text-align: start; margin: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { font-size: clamp(2rem, 3.9vw, 1000rem); margin: 0 0 3vw; direction: ltr; font-family: var(--en-bold), var(--heb-bold); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) { max-width: 100%; text-align: start; direction: ltr; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-size: clamp(1.3rem, 1.354vw, 1000rem); margin: 2vw 0 0.8vw; line-height: 1; font-family: var(--en-bold), var(--heb-bold); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3):first-child { margin-top: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-inline-start: 1vw; margin: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) :is(ul,ol) { padding-inline-start: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol),
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(p, ul,ol):has(+ ul, + ol) { margin-bottom: 2vw; }

@media(max-width: 1024px) {
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 100%; margin: 60px auto; padding: 0 16px; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { font-size: 4rem; margin: 0 0 40px; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { margin: 24px 0; font-size: 2.2rem; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-inline-start: 20px; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol) { margin-bottom: 24px; }
}


/*------------------------------------------/*
 GSAP/ANIMATIONS RELATED
/*------------------------------------------*/
.line { overflow: hidden; }
.word { display: inline-flex !important; }
.char-wrap { display: inline-block; position: relative; overflow: hidden; }

@keyframes scrollText {
    0% { transform: translateX(0); }
    100% { transform: translateX(100%); }
}

@keyframes updownInverted {
    0% { transform: translateY(5px) scaleY(-1); }
    100% { transform: translateY(-5px) scaleY(-1); }
}

@keyframes updown {
    0% { transform: translateY(5px); }
    100% { transform: translateY(-5px); }
}