/* RICHKID BETTER 2025 PAGE */
:root { --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-15: 0.781vw; --gap-16: 0.833vw; --gap-17: 0.885vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-24: 1.25vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-48: 2.5vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-100: 5.208vw; --gap-120: 6.25vw; --gap-130: 6.771vw; --gap-140: 7.292vw; --gap-160: 8.333vw; --gap-180: 9.375vw; --gap-200: 10.417vw; --gap-240: 12.5vw; --fs-12: 0.625vw; --fs-14: 0.729vw; --fs-16: 0.833vw; --fs-18: 0.938vw; --fs-20: 1.042vw; --fs-24: 1.25vw; --fs-32: 1.667vw; --fs-36: 1.875vw; --fs-48: 2.5vw; --fs-52: 2.708vw; --fs-56: 2.917vw; --fs-64: 3.333vw; --fs-72: 3.75vw; --fs-96: 5vw; --fs-120: 6.25vw; --fs-180: 9.375vw; --black: #171717; --red: #FF3227; --blue: #30A7FA; --green: #01DF70; --text: #323232; --lgray: #F5F5F5; --white: #fff; --reg: 'ABCFavoritHebrew-Book'; --bold: 'ABCFavoritHebrew-Bold'; --en-reg: 'PPNeueMontreal-Italic'; --en-bold: 'PPNeueMontreal-Bold'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body { opacity: 0; background: var(--lgray); transition: 0.3s opacity ease; font-family: var(--reg) !important; line-height: 1; font-size: 2rem; zoom: 1 !important; position: relative; }
body:has(#SiteContainer.shown) { opacity: 1; }
body, body.modal-open { padding: 0 !important; overflow: clip !important; }
.modal { z-index: 10000; }
.modal-backdrop.in { opacity: 0.5; }
.gallery-cubes-modal { padding: 0 !important; }
.gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; }
.gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; }
.gallery-cubes-modal .flexslider a.flex-next:before,
.gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; }

#headline { font-size: 100%; margin: 0; }
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%; color: var(--black); }

.grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li),
:is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span,
.section-topText :is(p, li), #catalogText :is(p, li) { font-size: clamp(1.2rem, var(--fs-24), 1000rem); position: relative; line-height: 1.2; color: var(--black); }

.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; overflow-x: clip; }
#SiteGrid { overflow-x: clip; }
#SiteGridContainer { position: unset; }
#GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; }
#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%; }
.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, :is(#lobbyview, #pageview) .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; }
.grid-boxes .grid-box-title h3 a { color: inherit; outline: none !important; }
:is(#lobbyview, #pageview) .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; position: unset; }
#main-header .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; }
a:hover, a:focus { color: inherit; }
li::marker { color: var(--black); }
b, strong { font-weight: unset; font-family: var(--bold), var(--en-bold); }
.container-fluid { padding: 0; }
.gallery-container { width: 100%; }
.gallery-cubes { display: flex; }
.box-image-animation { outline: unset !important; }
.box-image-animation:hover img { transform: none !important; }
.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; }
#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; }

:is(div, #LobbyModule) .button-with-anim { position: relative; margin-inline: var(--gap-52) 0 !important; transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1.7) !important; }
:is(div, #LobbyModule) .button-with-anim::before { content: ''; position: absolute; width: var(--gap-52); height: auto; aspect-ratio: 1; inset-inline-end: 100%; top: 50%; transform: translateY(-50%); background-color: var(--red); border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: var(--gap-18); background-image: url(/warehouse/dynamic/623929.svg); transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1.7); }

@media(min-width: 1025px) {
    body:not(.safariBrowser) { container-type: inline-size; container-name: body; }

    #SiteGridContainer { min-height: 42vw; }

    :is(div, #LobbyModule) .button-with-anim::after { content: ''; position: absolute; width: var(--gap-52); height: auto; aspect-ratio: 1; inset-inline-start: 100%; top: 50%; transform: translateY(-50%) scale(0); background-color: var(--red); border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: var(--gap-18); background-image: url(/warehouse/dynamic/623931.svg); transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1); }
    :is(div, #LobbyModule) .button-with-anim:hover { margin-inline-start: 0 !important; }
    :is(div, #LobbyModule) .button-with-anim:hover::before { transform: translateY(-50%) scale(0); inset-inline-end: calc(100% - var(--gap-28)); transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1); }
    :is(div, #LobbyModule) .button-with-anim:hover::after { transform: translateY(-50%) scale(1); transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1.7); }
}

@media(max-width: 1024px) {
    :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-15: 15px; --gap-16: 16px; --gap-17: 17px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-48: 48px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-130: 130px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-24: 24px; --fs-32: 32px; --fs-36: 36px; --fs-40: 40px; --fs-48: 48px; --fs-52: 52px; --fs-72: 72px; --fs-96: 96px; --fs-120: 120px; --fs-180: 180px; }

    .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li),
    :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li),
    :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li) { font-size: var(--fs-16); }
}


/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
#main-header, #main-header.bg { z-index: 300; background: transparent; transition: 0.3s all ease; top: 0; padding: var(--gap-32) var(--gap-40); }
#main-header .header-container .header-right { display: none; }
#main-header .header-container .header-center .header-buttons a { background-color: var(--white); display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.35s all ease; border-radius: 50px; line-height: 1.4; padding: var(--gap-16) var(--gap-24); align-items: center; justify-content: center; color: var(--black); font-family: var(--bold); position: relative; text-align: center; margin-inline: 0 !important; }
#main-header.bg .header-container .header-center .header-buttons a { background-color: var(--red); color: var(--white); }
#main-header .header-container .header-center .header-buttons a.button-with-anim::before { display: none; }
#main-header .header-container .header-left { position: relative; width: var(--gap-200); }
#main-header .header-container .header-left a.logoHeader::after { content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: var(--gap-20); position: absolute; bottom: 0; left: 0; background-image: url(/warehouse/dynamic/547612.svg); pointer-events: none; transition: 0.35s all ease; }
#main-header.bg .header-container .header-left a.logoHeader::after { background-image: url(/warehouse/dynamic/627350.svg); }
#main-header .header-container .header-left a.logoHeader img { width: 100%; opacity: 0; }
#main-header .header-container .header-left a.logoHeader lottie-player { width: 100%; height: 100%; display: flex; }
#main-header .header-container .header-left a.logoHeader #logoHeader-1 svg { aspect-ratio: unset; position: absolute; left: calc(50% - 0.05vw); top: calc(50% - 0.75vw); transform: translate(-50%, -50%) scale(1.05) !important; }
#main-header .header-container .header-left a.logoHeader #logoHeader-1 svg path { fill: var(--white); transition: 0.35s all ease; }
#main-header.bg .header-container .header-left a.logoHeader #logoHeader-1 svg path { fill: var(--red); }

@media(min-width: 1025px) {
    #main-header .header-container .header-center .header-buttons a.button-with-anim::after { margin-inline-start: calc(var(--gap-40) * -1); }
    #main-header:not(.bg) .header-container .header-center .header-buttons a.button-with-anim::after { background-color: var(--white); background-image: url(/warehouse/dynamic/623930.svg); }
    #main-header .header-container .header-center .header-buttons a.button-with-anim:hover::after { margin-inline-start: 0; }
}

@media(max-width: 1024px) {
    #main-header, #main-header.bg { padding: var(--gap-20); }
    #main-header .header-container .header-center .header-buttons a { font-size: var(--fs-12); padding: var(--gap-10) var(--gap-14); Content; }
    #main-header .header-container .header-left { width: var(--gap-160); }
    #main-header .header-container .header-left a.logoHeader::after { height: var(--gap-10); bottom: calc(var(--gap-4) * -1); }
}


/*------------------------------------------/*
 FORM
/*------------------------------------------*/
#SiteContainer::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; z-index: 500; opacity: 0; transition: 0.3s all ease; pointer-events: none; }
body:has(.side-form-sec.active) #SiteContainer::before { opacity: 0.5; }
:is(div, #LobbyModule) .section.side-form-sec { padding: var(--gap-16); width: 50%; position: fixed; top: 0; inset-inline-end: 0; transform: translateX(-100%); height: var(--app-height); z-index: 1000; transition: 0.8s all ease; }
:is(div, #LobbyModule) .section.side-form-sec.active { transform: translateX(0%); }
:is(div, #LobbyModule) .section.side-form-sec .close-form-btn { position: absolute; z-index: 1; background-color: var(--white); width: var(--gap-40); border-radius: 50%; height: auto; aspect-ratio: 1; top: var(--gap-40); inset-inline-start: var(--gap-40); background-repeat: no-repeat; background-position: center; background-size: 40%; background-image: url(/warehouse/dynamic/628090.svg); border: unset; }
.form-container-wide:has(#DynamicFormObject) { margin: 0 auto; height: 100%; }
.form-container-wide #DynamicFormObject { max-width: 100% !important; height: 100%; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; padding: var(--gap-48) var(--gap-80); background: var(--red); margin: 0 auto; border: unset; text-align: start; color: var(--white); border-radius: var(--gap-6); }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; font-size: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(1.2rem, var(--fs-72), 1000rem); margin-bottom: var(--gap-28); line-height: 0.9; text-align: start; color: inherit; font-family: var(--bold); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block !important; margin: 0 0 var(--gap-24); font-size: clamp(1.2rem, var(--fs-24), 1000rem); color: inherit; letter-spacing: 0.24px; line-height: 1.5; max-width: 30vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: var(--gap-32) var(--gap-24); display: grid; grid-template-columns: repeat(2, 1fr); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { width: 100%; max-width: 100%; padding: 0; box-shadow: none; border-radius: 0; border: unset !important; border-bottom: 1px solid var(--white) !important; margin: 0; font-size: clamp(1.2rem, var(--fs-18), 1000rem); letter-spacing: 0.5px; color: inherit; height: var(--gap-40); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea)::placeholder { color: inherit !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField input.fileUploadTrigger { padding: var(--gap-6) var(--gap-20); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { grid-column: 1 / -1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { grid-column: 1 / -1; display: flex; gap: 10px; margin: 0; align-items: center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { margin: 0; height: var(--gap-16); width: var(--gap-16); accent-color: var(--black); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { margin: 0; font-size: clamp(1rem, var(--fs-14), 1000rem); color: var(--black); font-weight: unset; text-align: start; letter-spacing: 0.3px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { left: 0; top: 50%; content: "\f107"; font-size: clamp(1.2rem, var(--fs-20), 1000rem); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField::after { top: 50%; transform: translateY(-50%); left: unset; inset-inline-start: 0; font-size: 0; content: ''; font-family: none; width: var(--gap-16); height: auto; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/614766.svg); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { inset-inline-start: 0; top: var(--gap-6); font-size: var(--fs-16); color: var(--white); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(span.error, .fileUploader-error) { color: var(--white); font-size: clamp(1rem, var(--fs-12), 1000rem); left: unset; inset-inline-end: 0; top: var(--gap-12); font-weight: unset; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField span.error { inset-inline-end: var(--gap-18); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField .error.fileUploader-error { top: calc(100% + var(--gap-4)); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:has(.radio-group) { grid-column: 1 / -1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-label { font-size: clamp(1.2rem, var(--fs-24), 1000rem); color: inherit; letter-spacing: 0.24px; line-height: 1.5; font-weight: unset; margin-bottom: var(--gap-24); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: var(--gap-12); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair { border: 2px solid var(--white); border-radius: var(--gap-48); padding: var(--gap-18) var(--gap-48); display: flex; position: relative; transition: 0.35s all ease; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair:has( input[type="radio"]:is(:checked, :hover, :focus)) { background: var(--white); color: var(--black); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair input[type="radio"] { position: absolute; inset-inline-end: 0; top: 0; width: 100%; margin: 0; height: 100%; border: unset; opacity: 0; z-index: 1; cursor: pointer; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair label { font-weight: unset; margin: 0; pointer-events: none; font-size: clamp(1.2rem, var(--fs-18), 1000rem); color: inherit; line-height: 1.4; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; grid-column: 1 / -1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { background-color: var(--black); height: var(--gap-80); font-family: var(--bold); width: 100%; display: inline-flex; font-size: clamp(1.2rem, var(--fs-24), 1000rem); transition: 0.3s all ease; letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); border-radius: var(--gap-48); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit .spinner { color: var(--white); }

.form-container-wide #DynamicFormObject.thanks-mode .dynamicFormObjectTitleAndText,
.form-container-wide #DynamicFormObject.thanks-mode .top-form { display: none !important; }
.form-container-wide #DynamicFormObject.thanks-mode #form-thanks { max-width: unset; }
.form-container-wide #DynamicFormObject.thanks-mode #form-thanks #headline { text-align: start; }
.form-container-wide #DynamicFormObject.thanks-mode #form-thanks #headline h3 { font-size: clamp(1.2rem, var(--fs-72), 1000rem); margin: 0 0 var(--gap-28); line-height: 0.9; font-family: var(--bold); }
.form-container-wide #DynamicFormObject.thanks-mode #form-thanks #text1 { text-align: start; max-width: 80%; margin: 0; }
.form-container-wide #DynamicFormObject.thanks-mode #form-thanks #text1 * { color: var(--white); }

@media(min-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button:is(:hover, :focus) { background: var(--white); color: var(--black); }
}

@media(max-width: 1024px) {
    :is(div, #LobbyModule) .section.side-form-sec { width: 100%; padding: 0; }
    :is(div, #LobbyModule) .section.side-form-sec .close-form-btn { top: var(--gap-16); inset-inline-end: var(--gap-16); inset-inline-start: unset; }
    .form-container-wide #DynamicFormObject { padding: var(--gap-80) var(--gap-16) var(--gap-32); border-radius: 0; overflow-y: scroll; justify-content: flex-start; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: var(--fs-32); margin-bottom: var(--gap-28); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: var(--fs-20); max-width: unset; margin: 0 auto var(--gap-28); letter-spacing: 0.2px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { grid-template-columns: repeat(1, 1fr); gap: var(--gap-24); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { max-width: calc(var(--app-width) - var(--gap-32)); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { font-size: var(--fs-16) !important; height: var(--gap-32); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField textarea { height: var(--gap-80) !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: var(--fs-16); letter-spacing: 0.5px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { font-size: 100%; left: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group::after { content: ''; position: absolute; inset-inline-end: 0; top: 0; height: 100%; width: var(--gap-40); background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 50, 39, 1) 54%); pointer-events: none; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-label { font-size: var(--fs-16); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs { padding-inline-end: var(--gap-30); flex-wrap: nowrap; overflow-x: auto; width: 100%; position: relative; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair { padding: var(--gap-12) var(--gap-24); white-space: nowrap; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair label { font-size: var(--fs-16); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { top: var(--gap-6); font-size: var(--fs-14); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .error { top: 10px; left: 12px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { height: auto; font-size: var(--fs-16); padding: var(--gap-20) var(--gap-16); margin-top: var(--gap-20); }

    .form-container-wide #DynamicFormObject.thanks-mode { justify-content: center; padding-top: var(--gap-32); }
    .form-container-wide #DynamicFormObject.thanks-mode #form-thanks #headline h3 { font-size: var(--fs-32); }
    .form-container-wide #DynamicFormObject.thanks-mode #form-thanks #text1 { max-width: 100%; }
    .form-container-wide #DynamicFormObject.thanks-mode #form-thanks #text1 * { font-size: var(--fs-20); }
}


/*------------------------------------------/*
 SECTIONS
/*------------------------------------------*/
:is(div, #LobbyModule) .section.hero-video-sec #lobbyview { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; height: 100%; width: 100%; color: var(--white); display: flex; flex-direction: column-reverse; justify-content: center; padding: 0 var(--gap-24) var(--gap-72); }
:is(div, #LobbyModule) .section.hero-video-sec #lobbyview #headline h1 { font-size: clamp(1.2rem, var(--fs-24), 1000rem); color: inherit; line-height: 1.2; }
:is(div, #LobbyModule) .section.hero-video-sec #lobbyview #lobbyText { max-width: unset; }
:is(div, #LobbyModule) .section.hero-video-sec #lobbyview #lobbyText * { font-size: clamp(1.2rem, var(--fs-52), 1000rem); color: inherit; font-family: var(--en-reg); }
:is(div, #LobbyModule) .section.hero-video-sec #lobbyview #lobbyText * strong { font-family: var(--en-bold); }
:is(div, #LobbyModule) .section.hero-video-sec .gridTextImgContainer { position: absolute; width: 100%; height: 100%; z-index: 1; pointer-events: none; transition: 0.5s all ease; }
:is(div, #LobbyModule) .section.hero-video-sec.video-loaded .gridTextImgContainer { -webkit-transform: translate3d(0, 0, 0); opacity: 0; }
:is(div, #LobbyModule) .section.hero-video-sec .gridTextImgContainer img { height: 100%; }
:is(div, #LobbyModule) .section.hero-video-sec .grid-iframe-holder { -webkit-transform: translate3d(0, 0, 0); height: var(--app-height); height: 100svh; }
:is(div, #LobbyModule) .section.hero-video-sec .grid-iframe-holder iframe { -webkit-transform: translate3d(0, 0, 0); position: relative; inset: unset; transform: scale(1.25); }
:is(div, #LobbyModule) .section.hero-video-sec.hero-mobile-sec { display: none; }

:is(div, #LobbyModule) .section.hero-img-sec { height: 100svh; background: var(--red); overflow: clip; } 
:is(div, #LobbyModule) .section.hero-img-sec .grid-text { height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; }
:is(div, #LobbyModule) .section.hero-img-sec #lobbyview { position: absolute; left: 50%; top: calc(var(--headerHeight) + var(--gap-40)); transform: translateX(-50%); z-index: 2; width: 57vw; color: var(--white); display: flex; flex-direction: column-reverse; justify-content: center; gap: var(--gap-30); }
:is(div, #LobbyModule) .section.hero-img-sec #lobbyview #headline h1 { font-size: clamp(1.2rem, var(--fs-24), 1000rem); color: inherit; line-height: 1.2; }
:is(div, #LobbyModule) .section.hero-img-sec #lobbyview #lobbyText { max-width: unset; }
:is(div, #LobbyModule) .section.hero-img-sec #lobbyview #lobbyText * { font-size: clamp(1.2rem, var(--fs-52), 1000rem); color: inherit; font-family: var(--reg); }
:is(div, #LobbyModule) .section.hero-img-sec #lobbyview #lobbyText * strong { font-family: var(--bold); }
:is(div, #LobbyModule) .section.hero-img-sec .gridTextImgContainer img { height: 32vw; object-fit: contain; width: max-content; transform: translateY(calc(var(--gap-120))); }

:is(div, #LobbyModule) .section.infinite-gallery-sec { margin-block: var(--gap-160); max-width: 100vw; }
:is(div, #LobbyModule) .section.infinite-gallery-sec:has( + .infinite-gallery-sec) { margin-bottom: 0; }
:is(div, #LobbyModule) .section.infinite-gallery-sec + .infinite-gallery-sec { margin-top: 0; }
:is(div, #LobbyModule) .section.infinite-gallery-sec .text1 { max-width: 34vw; text-wrap: balance; margin: 0 auto var(--gap-80); }
:is(div, #LobbyModule) .section.infinite-gallery-sec .gallery-cubes .grid-boxes-wrapper { display: flex; animation: infiniteScroll 50s linear infinite; width: max-content; }
:is(div, #LobbyModule) .section.infinite-gallery-sec.infinite-gallery-inverted-sec .gallery-cubes .grid-boxes-wrapper { animation: infiniteScrollInverted 50s linear infinite; }
:is(div, #LobbyModule) .section.infinite-gallery-sec .gallery-cubes div:has(> .boxes-images-outer-image) { width: 100%; pointer-events: none; padding: var(--gap-32) var(--gap-48); }
:is(div, #LobbyModule) .section.infinite-gallery-sec .gallery-cubes div:has(> .boxes-images-outer-image) .boxes-images-outer-image { padding: 0; height: var(--gap-96); width: var(--gap-180); background-size: 100% !important; background-repeat: no-repeat; }

:is(div, #LobbyModule) .section.grid-row-sec { margin-bottom: var(--gap-160); padding: 0 var(--gap-40); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row { display: flex !important; align-items: center; justify-content: space-between; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row:nth-child(odd) { direction: rtl !important; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row:nth-child(even) { direction: ltr !important; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box { width: 50%; height: 34.3vw; overflow: hidden; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .slides { height: 100%; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .slides .box-image-animation lottie-player { /*position: absolute; inset-inline-end: 0; top: 0;*/ width: 100%; height: 100%; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .slides .box-image-animation img { display: none; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text { width: 50%; display: grid !important; align-items: center; padding-block: var(--gap-56); height: 34.3vw; overflow-y: auto; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { padding: 0 var(--gap-100) 0 0; margin: 0 auto; text-align: start; width: 100%; display: flex; flex-direction: column; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { margin-bottom: var(--gap-56); font-size: clamp(2rem, var(--fs-52), 1000rem); line-height: 1; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { margin: 0 0 var(--gap-32); font-size: clamp(1.2rem, var(--fs-18), 1000rem); color: var(--red); width: 100%; order: -1; position: relative; display: flex; align-items: flex-end; gap: var(--gap-10); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3::before { content: ''; display: inline-block; width: var(--gap-24); height: auto; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/622805.svg); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { margin-bottom: var(--gap-56); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p:not(:first-of-type) { font-size: clamp(1.2rem, var(--fs-18), 1000rem); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p.is-empty { display: none; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { margin: 0; font-family: var(--bold); background-color: var(--red); display: inline-flex; width: max-content; align-items: center; justify-content: center; border: unset; color: var(--white); font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; border-radius: 50px; line-height: 1.4; padding: var(--gap-16) var(--gap-24); }

:is(div, #LobbyModule) .section.content-accordion-sec { margin-top: calc(var(--gap-6) * -1); overflow: hidden; border-radius: var(--gap-6) var(--gap-6) 0 0; }
:is(div, #LobbyModule) .section.content-accordion-sec:nth-child(1 of .content-accordion-sec) { margin: 0; }
:is(div, #LobbyModule) .section.content-accordion-sec:nth-last-child(1 of .content-accordion-sec) { border-radius: var(--gap-6); }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group { margin: 0; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item { position: relative; overflow: hidden; margin: 0 !important; box-shadow: none; background: var(--red); border-radius: unset; color: var(--white); }
:is(div, #LobbyModule) .section.content-accordion-sec.blue-bg-sec .panel-group .faq-item { background: var(--blue); }
:is(div, #LobbyModule) .section.content-accordion-sec.green-bg-sec .panel-group .faq-item { background: var(--green); color: var(--black); }
:is(div, #LobbyModule) .section.content-accordion-sec.black-bg-sec .panel-group .faq-item { background: var(--black); }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline { background: transparent; font-size: clamp(1.2rem, var(--fs-52), 1000rem); color: inherit; padding: var(--gap-64) var(--gap-40); transition: 0.35s 0.2s all ease; line-height: 1.1; display: flex; align-items: center; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline span { position: relative; display: inline-flex; align-items: center; gap: var(--gap-16); }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline span lottie-player { width: var(--gap-64); height: var(--gap-64); }
:is(div, #LobbyModule) .section.content-accordion-sec.blue-bg-sec .panel-group .faq-item .faq-headline span::before { background-image: url(/warehouse/dynamic/622808.svg); }
:is(div, #LobbyModule) .section.content-accordion-sec.green-bg-sec .panel-group .faq-item .faq-headline span::before { background-image: url(/warehouse/dynamic/622806.svg); }
:is(div, #LobbyModule) .section.content-accordion-sec.black-bg-sec .panel-group .faq-item .faq-headline span::before { background-image: url(/warehouse/dynamic/622809.svg); }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline i { background-image: url(/warehouse/dynamic/623933.jpg); background-repeat: no-repeat; background-size: var(--gap-18); background-position: center; background-color: var(--white); border-radius: 50%; width: var(--gap-52); left: unset; height: var(--gap-52); inset-inline-end: var(--gap-40); }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline i::before { display: none; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline:is(.open, :not(.collapsed)) { transition: unset; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline:is(.open, :not(.collapsed)) i { background-image: url(/warehouse/dynamic/623934.jpg); }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body { background: transparent; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper { max-width: unset; padding: 0 var(--gap-40) var(--gap-64); color: inherit; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner { display: flex; align-items: flex-end; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .section-text { display: inline-flex; align-items: flex-end; gap; gap: var(--gap-90); max-width: 43.5vw; margin-inline-end: var(--gap-140); }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .section-text h3 { margin: 0; font-size: clamp(1.2rem, var(--fs-24), 1000rem); color: inherit; line-height: 1.2; max-width: 60%; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .section-text p { max-width: 30%; font-size: clamp(1.2rem, var(--fs-16), 1000rem); color: inherit; line-height: 1.2; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes-title { align-self: flex-start; writing-mode: sideways-rl; height: max-content; padding-block-end: var(--gap-20); position: relative; display: flex; gap: var(--gap-8); align-items: center; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes-title h3 { margin: 0; font-size: clamp(1.2rem, var(--fs-24), 1000rem); color: inherit; line-height: 1.2; }
body.safariBrowser :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes-title h3 { display: none; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes-title::before { content: ''; display: inline-block; width: var(--gap-20); height: auto; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/626762.svg); }
body.safariBrowser :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes-title::before { display: none; }
:is(div, #LobbyModule) .section.content-accordion-sec.green-bg-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes-title::before { filter: invert(1); }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes { width: max-content; display: flex; gap: var(--gap-24); }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes .grid-box { display: flex; flex-direction: column; align-items: flex-start; gap: var(--gap-16); }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes .grid-box .grid-box-image { overflow: hidden; border-radius: var(--gap-6); transition: 0.3s all ease; height: 100%; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes .grid-box .grid-box-image a.box-image-animation { transform: scale(1.02); transition: 0.3s all ease; }
:is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes .grid-box .grid-box-title h3 { font-size: clamp(1.2rem, var(--fs-18), 1000rem); color: inherit; line-height: 1.2; margin: 0; }

:is(div, #LobbyModule) .section.recommendations-sec { padding: var(--gap-240) 0; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes { width: 62.5vw; margin: 0 auto; overflow: visible; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes::before { content: ''; display: block !important; position: absolute; width: var(--gap-80); height: var(--gap-56); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/622810.svg); inset-inline-end: calc(100% + var(--gap-32)); bottom: calc(100% + var(--gap-32)); }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box { display: flex; flex-direction: column-reverse; gap: var(--gap-32); align-items: center; width: 100%; opacity: 0 !important; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box.swiper-slide-active { opacity: 1 !important; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box .grid-box-headline { display: flex; align-items: center; justify-content: center; gap: var(--gap-8); }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box .grid-box-title h3 { color: var(--black); margin: 0; font-size: clamp(1.3rem, var(--fs-24), 1000rem); line-height: 1.5; font-family: var(--bold); }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box .grid-box-subtitle { color: var(--black); font-size: clamp(1.3rem, var(--fs-24), 1000rem); line-height: 1.5; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: clamp(1.3rem, var(--fs-52), 1000rem); line-height: 1.1; }
:is(div, #LobbyModule) .section.recommendations-sec .recommendations-image-container { display: flex; justify-content: center; margin-top: var(--gap-64); gap: var(--gap-28); }
:is(div, #LobbyModule) .section.recommendations-sec .grid-box-image { position: relative; cursor: pointer; scroll-snap-align: center; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-box-image .box-image-animation { pointer-events: none; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-box-image .box-image-animation img { width: var(--gap-90); aspect-ratio: 1; height: auto; border-radius: 50%; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-box-image .progress-ring { position: absolute; top: 50%; left: 50%; width: var(--gap-100); height: var(--gap-100); pointer-events: none; transform: translate(-50%,-50%) rotate(-90deg); }
:is(div, #LobbyModule) .section.recommendations-sec .grid-box-image .progress-ring svg { width: 100%; height: 100%; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-box-image .progress-ring__background { fill: none; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-box-image .progress-ring__circle { fill: none; stroke: var(--red); stroke-width: var(--gap-2); stroke-dasharray: 356; stroke-dashoffset: 356; transition: unset; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-box-image.active .progress-ring__circle { transition: stroke-dashoffset 5s linear; }
:is(div, #LobbyModule) .section.recommendations-sec .content-section-Btn a.sec-button { margin: var(--gap-130) auto 0; font-family: var(--bold); background-color: var(--red); display: inline-flex; width: max-content; align-items: center; justify-content: center; border: unset; color: var(--white); font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; border-radius: 50px; line-height: 1.4; padding: var(--gap-16) var(--gap-24); }

:is(div, #LobbyModule) .section.scroll-side-boxes-sec { padding: var(--gap-140) 0; color: var(--white); }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .section-title { height: 2000px; }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .section-title h2 { gap: var(--gap-10); color: var(--lgray); font-size: clamp(1.2rem, var(--fs-52), 1000rem); line-height: 1.2; margin-bottom: var(--gap-64); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: sticky; top: 45%; }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .section-title.pinned h2 { color: inherit; }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .section-title h2::before { content: ''; display: inline-block; min-width: var(--gap-40); width: var(--gap-40); height: var(--gap-64); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/622811.svg); opacity: 0; transition: 0.4s all ease; }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .section-title.pinned h2::before { opacity: 1; }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .grid-boxes { padding: 0 var(--gap-30) var(--gap-30); }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .grid-boxes .grid-box { padding: 0 var(--gap-10); min-width: 27.5vw; display: flex; flex-direction: column; gap: var(--gap-32); text-align: start; }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .grid-boxes .grid-box .grid-box-image { overflow: hidden; border-radius: var(--gap-6); height: 100%; transition: 0.3s all ease; }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .grid-boxes .grid-box .grid-box-image a.box-image-animation { transform: scale(1.02); transition: 0.3s all ease; }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: clamp(1.2rem, var(--fs-24), 1000rem); margin: 0; line-height: 1.2; }
:is(div, #LobbyModule) .section.scroll-side-boxes-sec .content-section-Btn a.sec-button { margin: var(--gap-100) auto 0; font-family: var(--bold); background-color: var(--red); display: inline-flex; width: max-content; align-items: center; justify-content: center; border: unset; color: var(--white); font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; border-radius: 50px; line-height: 1.4; padding: var(--gap-16) var(--gap-24); }

:is(div, #LobbyModule) .section.running-text-sec { padding: var(--gap-140) 0; }
:is(div, #LobbyModule) .section.running-text-sec .grid-text-content { display: flex; gap: var(--gap-40); }
:is(div, #LobbyModule) .section.running-text-sec .grid-text-content .running-text-inner { width: max-content; display: flex; white-space: nowrap; animation: infiniteScroll 50s linear infinite; gap: var(--gap-40); }
:is(div, #LobbyModule) .section.running-text-sec .grid-text-content .running-text-inner p { font-size: clamp(2rem, var(--fs-180), 1000rem); line-height: 1; color: var(--red); font-family: var(--bold); }
:is(div, #LobbyModule) .section.running-text-sec .grid-text-content .running-text-inner p strong { font-family: var(--en-bold); }

:is(div, #LobbyModule) .section.img-in-middle-text-sec { color: var(--white); padding: var(--gap-140) var(--gap-240); }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes { justify-content: center; }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box { display: flex; align-items: center; width: 100%; gap: var(--gap-40); justify-content: space-between; }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-image { width: 20.2vw; he; height: 23vw; pointer-events: none; overflow-y: clip; }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-image lottie-player { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.3); z-index: 1; width: 100%; height: 100%; }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-image img { opacity: 0; }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-title { order: -1; text-align: start; width: 33%; font-size: clamp(1.2rem, var(--fs-24), 1000rem); }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-title h3 { margin: 0 0 var(--gap-36); font-size: inherit; color: inherit; width: 100%; order: -1; position: relative; display: flex; align-items: center; gap: var(--gap-10); font-family: var(--bold); pointer-events: none; }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-title h3::before { content: ''; display: inline-block; width: var(--gap-24); height: auto; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/622805.svg); }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-title .grid-box-subtitle { font-size: inherit; color: inherit; line-height: 1.1; }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-text { width: 33%; text-align: start; }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-text .grid-box-fulltext p { color: inherit; }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-text .grid-box-subtitle.button { color: inherit; }
:is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-text .grid-box-subtitle.button a { background-color: var(--red); height: 2.35vw; display: inline-flex; font-size: clamp(1.2rem, var(--fs-16), 1000rem); transition: 0.3s all ease; min-width: 9.25vw; letter-spacing: 0.32px; border-radius: 50px; padding: 0 var(--gap-32); align-items: center; justify-content: center; color: var(--white); font-family: var(--bold); margin-top: var(--gap-32); }

:is(div, #LobbyModule) .section.cards-sec { color: var(--white); padding: var(--gap-140) var(--gap-40); }
:is(div, #LobbyModule) .section.cards-sec .section-title h2 { margin: 0 auto var(--gap-16); width: max-content; font-size: clamp(1.2rem, var(--fs-24), 1000rem); color: inherit; position: relative; display: inline-flex; gap: var(--gap-8); pointer-events: none; flex-direction: column; align-items: center; }
:is(div, #LobbyModule) .section.cards-sec .section-title h2::before { content: ''; display: inline-block; width: var(--gap-24); height: auto; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/622805.svg); }
:is(div, #LobbyModule) .section.cards-sec .section-topText { margin: 0 auto var(--gap-56); max-width: 54vw; }
:is(div, #LobbyModule) .section.cards-sec .section-topText * { font-size: clamp(1.2rem, var(--fs-52), 1000rem); color: inherit; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gap-24); max-width: 100%; margin: 0 auto; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box { border-radius: var(--gap-6); width: 100%; flex-grow: 1; max-width: 22.7vw; overflow: hidden; display: flex; flex-direction: column-reverse; padding: 0; margin: 0; cursor: default; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image { position: absolute; left: 0; bottom: 0; transform: translateY(110%); aspect-ratio: 4.35/5.67; z-index: 2; background: var(--red); overflow: hidden; border-radius: var(--gap-6); transition: 0.7s all ease; pointer-events: none; width: 100%; height: 100%; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container { display: flex; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation { overflow: visible; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-opacity-layer { display: none; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-image-text { position: relative; left: unset; top: unset; transform: unset; opacity: 1; height: 100%; font-size: 100%; gap: var(--gap-32); color: inherit; padding: var(--gap-20); display: flex; justify-content: center; align-items: center; flex-direction: column; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-image-text h4 { position: absolute; margin: 0; top: var(--gap-20); writing-mode: sideways-rl; width: calc(100% - var(--gap-40)); height: max-content; font-size: clamp(1.2rem, var(--fs-12), 1000rem); }
body.safariBrowser :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-image-text h4 { display: none; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-image-text h4::before { content: ''; display: inline-block; width: var(--gap-14); height: auto; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/622817.svg); transform: translateX(calc(var(--gap-4) * -1)); }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-image-text h3 { font-size: clamp(1.2rem, var(--fs-52), 1000rem); line-height: 0.9; margin: 0; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-image-text p { font-size: clamp(1.2rem, var(--fs-18), 1000rem); line-height: 1.2; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text { gap: var(--gap-2); display: flex; flex-direction: column; aspect-ratio: 4.35/5.67; transition: 0.7s all ease; pointer-events: none; width: 100%; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text .grid-box-text-top { background: var(--text); border-radius: var(--gap-6); padding: var(--gap-130) var(--gap-20) var(--gap-90); height: 100%; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text .grid-box-text-top .grid-box-title h3 { font-size: clamp(1.2rem, var(--fs-52), 1000rem); line-height: 0.9; margin: 0 auto var(--gap-100); pointer-events: none; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text .grid-box-text-top .grid-box-subtitle { color: inherit; font-size: clamp(1.2rem, var(--fs-24), 1000rem); }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text .grid-box-subtitle.button a { background: var(--text); border-radius: var(--gap-6); height: var(--gap-80); padding: var(--gap-20); display: flex; align-items: center; justify-content: space-between; font-size: clamp(1.2rem, var(--fs-18), 1000rem); color: var(--white); position: relative; }
:is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text .grid-box-subtitle.button a::after { content: ''; display: inline-block; width: var(--gap-14); height: auto; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/622820.svg); }
:is(div, #LobbyModule) .section.cards-sec .content-section-Btn a.sec-button { margin: var(--gap-130) auto 0; font-family: var(--bold); background-color: var(--red); display: inline-flex; width: max-content; align-items: center; justify-content: center; border: unset; color: var(--white); font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; border-radius: 50px; line-height: 1.4; padding: var(--gap-16) var(--gap-24); }

@media(min-width: 1025px) {
    :is(div, #LobbyModule) .section.hero-video-sec #lobbyview #headline { position: absolute; bottom: var(--gap-72); left: 50%; transform: translateX(-50%); }

    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .slides :is(.slider-item, .grid-row-image-container, .box-image-animation, .box-image-animation img) { height: 100%; }

    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes .grid-box:hover .grid-box-image { height: 80%; }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes .grid-box:hover .grid-box-image a.box-image-animation { transform: scale(1.15); }

    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes::after { content: ''; display: block !important; position: absolute; width: var(--gap-80); height: var(--gap-56); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/622810.svg); inset-inline-start: calc(100% + var(--gap-32)); top: calc(100% + var(--gap-32)); }

    :is(div, #LobbyModule) .section.scroll-side-boxes-sec .grid-boxes .grid-box:hover .grid-box-image { height: 80%; }
    :is(div, #LobbyModule) .section.scroll-side-boxes-sec .grid-boxes .grid-box:hover .grid-box-image a.box-image-animation { transform: scale(1.15); }

    :is(div, #LobbyModule) .section.cards-sec .grid-boxes:has(> .grid-box:nth-child(4)) { display: grid; grid-template-columns: repeat(4, 1fr); }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box:is(:hover, :focus) .grid-box-image { transform: translateY(0%); }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box:is(:hover, :focus) .grid-box-text { transform: translateY(-100%); }
}

@media(max-width: 1024px) {
    :is(div, #LobbyModule) .section.hero-video-sec { display: none; }
    :is(div, #LobbyModule) .section.hero-video-sec.hero-mobile-sec { display: block; }
    :is(div, #LobbyModule) .section.hero-video-sec #lobbyview { justify-content: space-between; padding: calc(var(--headerHeight) + var(--gap-32)) var(--gap-36) var(--gap-72); }
    :is(div, #LobbyModule) .section.hero-video-sec #lobbyview #headline h1 { font-size: var(--fs-20); }
    :is(div, #LobbyModule) .section.hero-video-sec #lobbyview #lobbyText * { font-size: var(--fs-32); line-height: 1.1; }

    :is(div, #LobbyModule) .section.hero-img-sec #lobbyview { width: 100%; padding: 0 var(--gap-20); }
    :is(div, #LobbyModule) .section.hero-img-sec #lobbyview #headline h1 { font-size: var(--fs-20); }
    :is(div, #LobbyModule) .section.hero-img-sec #lobbyview #lobbyText * { font-size: var(--fs-32); line-height: 1.1; }
    :is(div, #LobbyModule) .section.hero-img-sec .gridTextImgContainer img { height: auto; object-fit: contain; width: calc(100% - var(--gap-40)); transform: translateY(calc(var(--gap-40))); }

    :is(div, #LobbyModule) .section.infinite-gallery-sec { margin-block: var(--gap-52); }
    :is(div, #LobbyModule) .section.infinite-gallery-sec .text1 { max-width: unset; margin: 0 auto var(--gap-20); padding: 0 var(--gap-20); }
    :is(div, #LobbyModule) .section.infinite-gallery-sec .gallery-cubes div:has(> .boxes-images-outer-image) { padding: var(--gap-20) var(--gap-32); }
    :is(div, #LobbyModule) .section.infinite-gallery-sec .gallery-cubes div:has(> .boxes-images-outer-image) .boxes-images-outer-image { height: var(--gap-64); width: var(--gap-120); }

    :is(div, #LobbyModule) .section.grid-row-sec { margin-bottom: var(--gap-52); padding: 0; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row { flex-direction: column; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box { width: 100%; height: auto; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging { bottom: 10px; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text { width: 100%; height: auto; padding-block: var(--gap-52); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { padding: 0 var(--gap-20); ': '; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: var(--fs-32); line-height: 1; margin-bottom: var(--gap-40); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: var(--fs-16); line-height: 1.2; margin-bottom: var(--gap-32); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { margin-bottom: var(--gap-40); font-size: var(--fs-20); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p:not(:first-of-type) { font-size: var(--fs-16); line-height: 1.4; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { font-size: var(--fs-16); line-height: 1.5; }

    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline { font-size: var(--fs-32); padding: var(--gap-40) var(--gap-14) var(--gap-40) var(--gap-80); line-height: 1; }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline span { gap: var(--gap-20); }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline span lottie-player { width: var(--gap-48); height: var(--gap-48); }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-headline i { width: var(--gap-40); height: var(--gap-40); inset-inline-end: var(--gap-14); background-size: var(--gap-16); }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper { padding: 0 0 var(--gap-52); }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner { flex-direction: column; }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .section-text { flex-direction: column; max-width: unset; padding: 0 var(--gap-20); gap: var(--gap-32); margin: 0 0 var(--gap-52); align-items: flex-start; }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .section-text h3 { max-width: unset; font-size: var(--fs-20); }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .section-text p { font-size: var(--fs-18); max-width: unset; }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes-title { writing-mode: unset; padding: 0 var(--gap-20); margin-bottom: var(--gap-20); width: 100%; }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes-title h3 { font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes { width: 100%; gap: var(--gap-20); padding: 0 var(--gap-20); scroll-snap-type: x mandatory; overflow-x: auto; }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes .grid-box { scroll-snap-align: center; min-width: 66vw; gap: var(--gap-12); }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes .grid-box:hover .grid-box-image a.box-image-animation { transform: scale(1.1); }
    :is(div, #LobbyModule) .section.content-accordion-sec .panel-group .faq-item .faq-body .faq-body-wrapper .faq-body-inner .grid-boxes .grid-box .grid-box-title h3 { font-size: var(--fs-16); }

    :is(div, #LobbyModule) .section.recommendations-sec { padding: var(--gap-200) 0 var(--gap-100); }
    :is(div, #LobbyModule) .section.recommendations-sec::before { width: 50px; height: var(--gap-34); margin-bottom: var(--gap-56); }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes { width: 100%; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes::before { inset-inline-end: 50%; transform: translateX(-50%); bottom: calc(100% + var(--gap-32)); }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box { padding: 0 var(--gap-20); }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box .grid-box-headline { flex-direction: column; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-20); }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.recommendations-sec .recommendations-image-container { margin-top: 0; gap: var(--gap-20); scroll-snap-type: x mandatory; overflow-x: auto; padding: var(--gap-32) var(--gap-20) var(--gap-4); justify-content: flex-start; }
    :is(div, #LobbyModule) .section.recommendations-sec .recommendations-image-container::-webkit-scrollbar,
    :is(div, #LobbyModule) .section.recommendations-sec .recommendations-image-container::-webkit-scrollbar-button { display: none; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-box-image .box-image-animation img { width: var(--gap-64); }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-box-image .progress-ring { width: var(--gap-72); height: var(--gap-72); }
    :is(div, #LobbyModule) .section.recommendations-sec .content-section-Btn a.sec-button { margin: var(--gap-52) auto 0; font-size: var(--fs-16); line-height: 1.5; }

    :is(div, #LobbyModule) .section.scroll-side-boxes-sec { padding: var(--gap-100) 0 var(--gap-72); }
    :is(div, #LobbyModule) .section.scroll-side-boxes-sec .section-title { height: 1200px; }
    :is(div, #LobbyModule) .section.scroll-side-boxes-sec .section-title h2 { padding-inline: var(--gap-72); font-size: var(--fs-32); gap: 0; }
    :is(div, #LobbyModule) .section.scroll-side-boxes-sec .section-title h2::before { position: absolute; inset-inline-start: var(--gap-36); }
    :is(div, #LobbyModule) .section.scroll-side-boxes-sec .grid-boxes { padding: 0 var(--gap-10); }
    :is(div, #LobbyModule) .section.scroll-side-boxes-sec .grid-boxes .grid-box { padding: 0 var(--gap-10); min-width: 66.5vw; gap: var(--gap-12); }
    :is(div, #LobbyModule) .section.scroll-side-boxes-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.scroll-side-boxes-sec .content-section-Btn a.sec-button { margin: var(--gap-52) auto 0; font-size: var(--fs-16); line-height: 1.5; }

    :is(div, #LobbyModule) .section.running-text-sec { padding: var(--gap-72) 0; }
    :is(div, #LobbyModule) .section.running-text-sec .grid-text-content { gap: var(--gap-20); }
    :is(div, #LobbyModule) .section.running-text-sec .grid-text-content .running-text-inner { gap: var(--gap-20); }
    :is(div, #LobbyModule) .section.running-text-sec .grid-text-content .running-text-inner p { font-size: var(--fs-96); }

    :is(div, #LobbyModule) .section.img-in-middle-text-sec { padding: var(--gap-52) var(--gap-24); }
    :is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box { flex-direction: column; gap: var(--gap-52); }
    :is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-image { width: 66vw; height: 72vw; }
    :is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-title { width: 100%; font-size: var(--fs-20); }
    :is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: var(--fs-16); line-height: 1; font-family: var(--reg); margin: 0 0 var(--gap-20); }
    :is(div, #LobbyModule) .section.img-in-middle-text-sec .grid-boxes .grid-box .grid-box-text { width: 100%; text-align: center; }

    :is(div, #LobbyModule) .section.cards-sec { padding: var(--gap-52) var(--gap-20); }
    :is(div, #LobbyModule) .section.cards-sec .section-title h2 { font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.cards-sec .section-topText { max-width: unset; margin: 0 auto var(--gap-36); }
    :is(div, #LobbyModule) .section.cards-sec .section-topText * { font-size: var(--fs-32); }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes { flex-direction: column; flex-wrap: nowrap; }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box { max-width: unset; }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image { aspect-ratio: 3.35 / 1.8; }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box.active .grid-box-image { transform: translateY(0%); }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-image-text h4 { display: none; }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-image-text { gap: var(--gap-40); padding: var(--gap-40) var(--gap-20); justify-content: flex-start; }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-image-text h3 { font-size: var(--fs-24); }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image .box-image-animation .grid-box-image-text p { font-size: var(--fs-16); line-height: 1.3; }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text { aspect-ratio: 3.35 / 1.8; }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box.active .grid-box-text { transform: translateY(-100%); }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text .grid-box-text-top { width: 100%; padding: var(--gap-40) var(--gap-20); aspect-ratio: 3.35 / 1.8; }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text .grid-box-text-top .grid-box-title { display: block; }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text .grid-box-text-top .grid-box-title h3 { font-size: var(--fs-24); line-height: 1; margin-bottom: var(--gap-40); }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text .grid-box-text-top .grid-box-subtitle { font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-text .grid-box-subtitle.button a { font-size: var(--fs-18); height: var(--gap-60); }
    :is(div, #LobbyModule) .section.cards-sec .content-section-Btn a.sec-button { margin: var(--gap-52) auto 0; font-size: var(--fs-16); line-height: 1.5; }
}


/*------------------------------------------/*
 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 { margin: 0; }
.page-404 #SiteGrid #GridWrapInner { padding: var(--gap-140) 0; min-height: calc(48vw - var(--headerHeight)); display: grid; place-content: center; }
.page-404 #SiteGrid #GridWrapInner #GridHeader { display: none; }
.page-404 #SiteGrid #GridPage .page-not-found { display: flex; flex-direction: column; position: relative; align-items: center; }
.page-404 #SiteGrid #GridPage .page-not-found h2 { line-height: 1.2; direction: ltr; font-size: clamp(1.2rem, var(--fs-28), 1000rem); font-family: var(--bold); }
.page-404 #SiteGrid #GridPage .page-not-found::before { content: 'שגיאה 404'; pointer-events: none; line-height: 0.8; color: var(--blue); font-family: var(--title), var(--bold); font-size: clamp(2rem, var(--fs-260), 1000rem); letter-spacing: 2.4px; margin: 0 0 var(--gap-8); }
.page-404 #SiteGrid #GridPage .page-not-found a { background-color: var(--red); height: 3.125vw; display: inline-flex; font-size: clamp(1.2rem, var(--fs-16), 1000rem); transition: 0.3s all ease; min-width: 9.35vw; letter-spacing: 0.32px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border-radius: var(--gap-56); border: unset; color: var(--white); }

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

@media(max-width: 1024px) {
    .page-404 #SiteGrid #GridWrapInner { padding: var(--gap-80) var(--gap-20); min-height: calc(100vh - var(--headerHeight)); border: unset; margin: 0; }
    .page-404 #SiteGrid #GridPage .page-not-found::before { font-size: var(--fs-96); letter-spacing: unset; margin-bottom: var(--gap-16); line-height: 0.9; }
    .page-404 #SiteGrid #GridPage .page-not-found h2 { font-size: var(--fs-16); letter-spacing: 0.18px; }
    .page-404 #SiteGrid #GridPage .page-not-found a { font-size: var(--fs-16); padding: 0 var(--gap-32); letter-spacing: 0.32px; height: 60px; min-width: 170px; }
}


/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/
footer { display: none; }


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

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

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


/*-------------------------------------------/*
 MOUSE HOVER EFFECT
/*------------------------------------------*/
div[data-cursor-img], div[data-cursor-img] * { cursor: pointer; }
body .mf-cursor { z-index: 1000; }
body .mf-cursor:before { left: calc(var(--gap-60) * -1); top: calc(var(--gap-60) * -1); width: var(--gap-120); height: var(--gap-120); opacity: 1 !important; transform: scale(0); background: transparent; border-radius: 50%; backdrop-filter: blur(22px); }
body .mf-cursor.-hidden:before { transform: scale(0) !important; }
body .mf-cursor.-media:before { transform: scale(1); }
body .mf-cursor .mf-cursor-media { width: var(--gap-120); height: var(--gap-120); margin: calc(var(--gap-60) * -1) 0 0 calc(var(--gap-60) * -1); }
body .mf-cursor .mf-cursor-media .mf-cursor-media-box { display: flex; padding: 0; align-items: center; justify-content: center; }
body .mf-cursor.-media .mf-cursor-media .mf-cursor-media-box { transform: scale(1) !important; }
body .mf-cursor.-hidden .mf-cursor-media .mf-cursor-media-box { transform: scale(0) !important; }
body .mf-cursor .mf-cursor-media .mf-cursor-media-box img { width: 100%; height: 100%; transform: unset; border-radius: unset; position: relative; top: unset; left: unset; }