/* ME MA MU */


:root { --bg: #FFFAF2; --white: #fff; --black: #181818; --blue: #081A45; --light-blue: #3B5B70; --brown: #B04A19; --light-brown: #F29057; --stroke: #DEDEDE; --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-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-21: 1.094vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-25: 1.3vw; --gap-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-37: 1.927vw; --gap-38: 1.98vw; --gap-40: 2.083vw; --gap-42: 2.19vw; --gap-44: 2.292vw; --gap-46: 2.4vw; --gap-48: 2.5vw; --gap-50: 2.604vw; --gap-52: 2.708vw; --gap-54: 2.813vw; --gap-56: 2.917vw; --gap-58: 3.02vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-70: 3.646vw; --gap-72: 3.75vw; --gap-78: 4.063vw; --gap-80: 4.17vw; --gap-88: 4.58vw; --gap-90: 4.688vw; --gap-92: 4.792vw; --gap-96: 5vw; --gap-98: 5.104vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-114: 5.938vw; --gap-120: 6.25vw; --gap-124: 6.458vw; --gap-132: 6.88vw; --gap-140: 7.292vw; --gap-150: 7.813vw; --gap-156: 8.125vw; --gap-160: 8.333vw; --gap-165: 8.594vw; --gap-170: 8.854vw; --gap-180: 9.375vw; --gap-190: 9.896vw; --gap-195: 10.156vw; --gap-200: 10.417vw; --gap-210: 10.938vw; --gap-220: 11.458vw; --gap-240: 12.5vw; --gap-250: 13.021vw; --gap-260: 13.542vw; --gap-280: 14.583vw; --gap-300: 15.625vw; --gap-320: 16.667vw; --gap-360: 18.75vw; --gap-460: 23.958vw; --gap-480: 25vw; --fs-13: 0.677vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-19: 0.99vw; --fs-20: 1.042vw; --fs-21: 1.094vw; --fs-22: 1.146vw; --fs-24: 1.25vw; --fs-25: 1.302vw; --fs-26: 1.354vw; --fs-28: 1.458vw; --fs-30: 1.563vw; --fs-31: 1.615vw; --fs-32: 1.667vw; --fs-36: 1.875vw; --fs-38: 1.979vw; --fs-40: 2.083vw; --fs-44: 2.292vw; --fs-45: 2.344vw; --fs-48: 2.5vw; --fs-50: 2.604vw; --fs-55: 2.865vw; --fs-38: 1.979vw; --fs-55: 2.865vw; --fs-72: 3.75vw; --fs-80: 4.167vw; --fs-56: 2.917vw; --fs-55: 2.865vw; --fs-88: 4.583vw; --fs-64: 3.333vw; --fs-65: 3.385vw; --fs-90: 4.688vw; --fs-96: 5vw; --fs-120: 6.25vw; --fs-140: 7.292vw; --fs-160: 8.333vw; --fs-168: 8.75vw; --fs-170: 8.854vw; --fs-200: 10.417vw; --fs-240: 12.5vw; --font-1: 'notosans2026-regular'; --font-2: 'notosans2026-bold'; --font-3: 'taamula-ultrabold-aaa'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body { opacity: 0; color: var(--blue); background: var(--bg); transition: 0.6s opacity ease; font-family: var(--font-1) !important; /* line-height: 1; */ font-size: 2rem; zoom: 1 !important; position: relative; transition-delay: 0.5s; }
body { font-size: clamp(15px, var(--fs-18),300px); font-family: var(--font-1); }
/*body.home-page { opacity: 1; }*/
body.shown { opacity: 1; }
body, body.modal-open { padding: 0 !important; overflow: clip !important; }
#INDmenu-btn { top: 90% !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%; }
/*.grid-box-fulltext :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), .project-inner-page .headline-wrapper .cstm-flds .field-row p, .circle-swiper .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(14px,var(--fs-18),300px); position: relative; line-height: 1.45; color: white; letter-spacing: 0.18px; }*/
.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; z-index: 1; }
body:not(:has(#GridTop.noTopImage)) #SiteGrid { padding: 0; }
#SiteGridContainer { position: relative; z-index: 2; }
#GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; }
#allSectionsWrapper { z-index: 2; background: var(--black); }
.sections .section, section.section { margin-bottom: 0; /* background: transparent; */ padding: 0; max-width: var(--app-width); width: 100%; /* min-height: 100vh; */ }
.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-text.gridHasVideo .grid-iframe-holder video { width: 100%; }
.grid-boxes { display: flex; margin: 0; width: 100%; }
.grid-boxes .grid-box { margin: 0; padding: 0; }
.grid-boxes .grid-box-subtitle { font-size: unset; }
.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 { color: var(--dbrown)-; outline: none !important; transition: 0.3s ease all; }
#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; background: var(--lpink); }
#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; }
b, strong { font-weight: unset; font-family: var(--font-2); }
li::marker { color: var(--black); }
a:hover, a:focus { color: inherit; }
.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 { }
#GridPromo { width: 100%; margin: 0; padding: 0; }
#CatalogModule { padding: 0; }
.itemContentWrapper { margin: 0; }
.csdasda96talogContainer.container { width: 100%; padding: 0; margin: 0; }
.row { margin: 0; }
.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; }
/*.swiper-scrollbar.swiper-scrollbar-0 { display: none; }*/
#GridTop, #GridTop.blog { height: calc(100vh - var(--headerHeight)); background-repeat: no-repeat; background-size: cover; margin: 0; width: 100%; margin-top: var(--headerHeight); position: relative; }
#GridTop.noTopImage.longer { height: 0; overflow: hidden; }
#home-gallery .scroll-down { display: none; }
#player-controls { display: none; }
.cartItemsCounter { background: var(--blue); }
.cartItemsCounter span.CartItems { color: var(--white); left: 50%; top: 60%; }
footer { padding: 0; display: block; position: relative; z-index: 2; }
#SiteFooter { float: none; }
h1, .h1, h2, .h2, h3, .h3 { margin: 0; }
#SiteGridContainer .newCatalogItemQuantity .item-quantity-options button svg { fill: white; /* width: 23px; */ }
.st0 { fill: white !important; width: 5px; height: 43px; }
.CatalogItemHowMuchDidYouSaved span.SavedAmountSpan:after, .itemBeforeDiscountPrice.hasDiscount:after { content: "₪"; font-size: 100%; }
.gallery-cubes .image-link-container { display: none; }
.blog-post { padding: 0; direction: ltr; }
#LobbyModule .grid-boxes .grid-box-title h3 { font-size: unset; margin: 0; }
/*body:not(.franchise, .about, .contact) :is(div,#LobbyModule) #lobbyview { display: flex; padding-block: var(--gap-80) var(--gap-120); display: none; }*/
#BlogMain { padding-bottom: var(--gap-200); }
.gallery-cubes .boxes-images-outer-image { border-radius: 6px; padding: 0; width: 100%; height: auto; aspect-ratio: 1.2; }
.opacity-layer-slide { display: none; }
.GridTop { width: calc(100% - var(--gap-24)); margin-inline: auto; margin-top: var( --gap-12); border-radius: 6px; }
#headline h1 span { color: var(--blue-100); }
.blog-post-title a:focus, .blog-post-title a:hover { text-decoration: none; }

.owl-carousel .owl-controls .owl-dot { width: 7px; height: 7px; background: white; border-radius: 9.3px; transition: 0.3s ease all; }
.owl-carousel .owl-controls .owl-dot.active { width: 32px; }
.swiper-pagination span.swiper-pagination-bullet { background: white !important; opacity: 1; border-radius: 9.33px; transition: 0.3s ease all; }
.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; }

#ContentGridShortModule .gridshort-view-item { width: 100%; margin: 0; }
#ContentGridShortModule .grid-short-box-image a { position: static; }

#GridTop.noTopImage, .GridTop.noTopImage { display: none; }
#PageBreadCrumps { max-width: 100% !important; padding: var(--gap-24) !important; text-align: start; }
#PageBreadCrumps span:last-child { color: var(--blue-100); }
#PageBreadCrumps span:not(:last-child)::after { content: ""; width: var(--gap-4); height: var(--gap-4); aspect-ratio: 1; display: inline-block; background: var( --black); border-radius: 50%; margin-inline: 0 10px; }
#PageBreadCrumps span:not(:last-child) { display: inline-flex; gap: var(--gap-10); align-items: center; }

label.error, span.error { left: 0; top: -15%; white-space: nowrap; font-size: 60%; }
#ContentRegularModule li { list-style: none; display: flex; align-items: baseline; }
#ContentRegularModule ul { padding: 0; }
#ContentRegularModule li:before { content: ""; width: 6px; height: 6px; aspect-ratio: 1; display: inline-block; background: var(--blue); border-radius: 50%; vertical-align: inherit; margin-inline-end: var(--gap-12); }

.arrow { position: absolute; width: var(--gap-50); height: auto; aspect-ratio: 1; right: var(--gap-12); bottom: var(--gap-12); border-radius: var(--desktop-corner-radius-small, 8px); background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(40px); overflow: hidden; }
.arrow:before, .arrow:after { content: ""; position: absolute; width: 100%; height: 100%; background-image: url("https://media.getmood.io/warehouse/dynamic/704004.svg"); background-position: center; left: 0; background-repeat: no-repeat; background-size: auto; transition: 0.3s ease all; }
.arrow:before { transform: translateX(-100%); }

:is(#ContentGridShortModule .grid-short-box-image, .blog-post, .grid-boxes-content > div .grid-short-box .grid-short-box-image):hover a .arrow::before { transform: unset; }
:is(#ContentGridShortModule .grid-short-box-image, .blog-post, .grid-boxes-content > div .grid-short-box .grid-short-box-image):hover a .arrow::after { transform: translateX(100%); }

@media(max-width: 1024px) {
    #home-gallery video { width: 479vw !important; }
}
/*--------------------/*
 TEXT SELECTORS
/*--------------------*/
/*200-BOLD*/
#SiteGrid #home-gallery .gallery-caption .gallery-text > div { color: var(--white); text-align: center; font-family: var(--font-3); font-size: var(--fs-200); font-style: normal; font-weight: 800; line-height: 70%; letter-spacing: 2px; text-transform: uppercase; }
/*160-BOLD*/
body:not(.home-page) #SiteGridContainer #SiteGrid #GridTop .top-caption h1 { font-size: clamp(120px,var(--fs-160),300px); line-height: 0.7; letter-spacing: -3.2px; font-family: var(--font-2); }
/*120-BOLD*/
body.menu #SiteGridContainer #SiteGrid .menu-wrapper #headline h1, #allSectionsWrapper .section.merch .section-title h2, .grid-row-plus-image .grid-rows .grid-row-cell-text .grid-row-text h2, #allSectionsWrapper .grid-rows .grid-row-text h2, #SiteGridContainer #GridPage #LobbyModule #lobbyview #headline h1 { font-size: clamp(90px,var(--fs-120),300px); line-height: 70%; color: var(--blue); font-family: var(--font-3); margin: 0; letter-spacing: 1.2px; }
/*64-BOLD*/
body.menu #SiteGrid #MenuModule .menuModuleContent .menuModuleContentPart li h2, #allSectionsWrapper .section.branches .grid-faq .faq-headline-title, #allSectionsWrapper .form-container-wide .normal-form h3 { color: var(--blue); font-family: var(--font-3); font-size: clamp(44px, var(--fs-64), 300px); line-height: 100%; letter-spacing: 0.64px; }
/*20-BOLD*/
body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleTextItemPrice, body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart h3, .grid-rows .grid-row-text h3, #SiteGridContainer #GridPage #LobbyModule #lobbyview h2 { color: var(--blue); text-align: center; font-family: var(--font-2); font-size: clamp(14px, var(--fs-20), 300px); line-height: 150%; letter-spacing: -0.2px; margin-bottom: 0; }
/*18-REG*/

/*16-BOLD*/
#allSectionsWrapper .grid-rows .grid-row-text a { font-size: clamp(13px, var(--fs-16), 300px); font-family: var(--font-2); }
/*18-BOLD*/
. { }
/*18-REG*/
. { }
/*BUTTONS*/
body.menu #SiteGridContainer #SiteGrid .menu-wrapper #menuModuleNav a, #allSectionsWrapper .section.grid-gallery-section.franchising .content-section-Btn a, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit, #main-header .header-container .header-center .header-buttons a, #SiteGridContainer #GridPage #GridWrap #GridContent #MenuModule #menuModuleNav a, .column-cubes .content-section-Btn a.sec-button, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .section:not(.team) a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button, #main-header .header-container .header-right .menu-nav ul#menu > a, #GridPage #GridWrapInner #GridContent .page-not-found #text1 p a, body.thankspage #GridPage #GridWrapInner #GridContent .MainContent #text1 p a, #header #header-center-kdm a { position: relative; height: var(--gap-52); align-content: center; border-radius: 999px; padding-inline: var(--gap-18); padding-block: var(--gap-10); background: var(--brown); color: var(--white); font-size: clamp(12px,var(--fs-16),300px); font-family: var(--font-2); min-width: var(--gap-132); text-align: center; display: inline-block; overflow: hidden; border-radius: var(--gap-24); border: none; }
#SiteGridContainer #GridPage #GridWrap #GridContent #MenuModule #menuModuleNav a.selected { background-color: var(--light-brown); color: var(--white); }
:is(a,button).blue-btn { position: relative; overflow: hidden; color: var(--white) !important; isolation: isolate; text-decoration: none !important; background-color: var(--brown); font-size: var(--font-2); }
/*:is(a,button).blue-btn::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background-color: var(--light-brown); transition: height 0.3s ease; z-index: -1; }*/
:is(a,button).blue-btn:hover,
:is(a,button).blue-btn:focus { text-decoration: none !important; background: var(--light-brown); }
:is(a,button).blue-btn:hover::before { /*height: 100%;*/ }
:is(a,button).blue-btn.text-swap-effect:hover { background: var(--light-brown); }

@media(min-width: 1025px) {
    :is(a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button,.grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button,a.tiny-btn, a.FormResultPageButton):hover { color: var(--black); background: transparent; }
    :is(a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button,a.tiny-btn, a.FormResultPageButton):hover::after { background-position: right bottom; }

    .text-swap-effect:not(.selected) { color: rgba(0,0,0,0); -webkit-text-fill-color: transparent; display: inline-block; transition: all 0.2s ease; text-shadow: 0 0 var(--white), 0 40px var(--light-brown); height: var(--gap-44); }
    .text-swap-effect:not(.selected):hover { text-shadow: 0 -40px var(--white), 0 0 var(--white); }
    :is(body.menu #SiteGridContainer #SiteGrid .menu-wrapper #menuModuleNav a, #allSectionsWrapper .section.grid-gallery-section.franchising .content-section-Btn a, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit, #main-header .header-container .header-center .header-buttons a, #SiteGridContainer #GridPage #GridWrap #GridContent #MenuModule #menuModuleNav a, .column-cubes .content-section-Btn a.sec-button, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .section:not(.team) a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button, #main-header .header-container .header-right .menu-nav ul#menu > a, #GridPage #GridWrapInner #GridContent .page-not-found #text1 p a, body.thankspage #GridPage #GridWrapInner #GridContent .MainContent #text1 p a, #header #header-center-kdm a):hover { background: var(--light-brown); transition: 0.3s all ease; }
    .btn-text-wrapper { height: 1vw; overflow: hidden; }
    .btn-text-wrapper span { height: 1vw; display: flex; flex-direction: column; justify-content: center; }
}

@media(max-width: 1025px) {
    :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --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-44: 44px; --gap-48: 48px; --gap-50: 50px; --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-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-26: 26px; --fs-28: 28px; --fs-30: 30px; --fs-32: 32px; --fs-44: 44px; --fs-56: 56px; }
    body { font-size: 16px; line-height: 1.45; letter-spacing: 0.16px; }
    .top-caption { position: absolute; transform: translateX(-50%); left: 50%; margin: 0; height: fit-content; justify-content: center; font-family: var(--font-2); }
    .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: 17px; line-height: 1.35; }
    .opacity-layer-slide { position: absolute; width: 100%; height: 100%; opacity: 0.2; background: black; z-index: 3; }
    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 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; }
    .faq-headline .button-open { /* display: none; */ }
    #GridTop, #GridTop.blog { height: auto; /* aspect-ratio: 1; */ height: 280px; position: relative; }
    .GridTop { width: calc(100% - var(--gap-12)); margin-top: var(--gap-6); }
    .sections .section, section.section { max-width: unset; }
    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: var(--fs-16); padding: var(--gap-12) var(--gap-24) var(--gap-40); padding-bottom: 0 !important; margin: 0; justify-content: normal; position: relative; }
    #PageBreadCrumps span:not(:last-child)::after { width: 3px; }
    ul { padding-inline: 20px; }
    .categories-strip ul.hidden-xs { gap: var(--gap-4) var(--gap-8); padding: var(--gap-10) var(--gap-24); width: 100vw; flex-wrap: nowrap; overflow-x: auto; }
    .categories-strip ul.hidden-xs li a { font-size: var(--fs-16); }

    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { width: 18px; }
    #nav-toggle span:before { top: -6px; }
    #nav-toggle span:after { bottom: -6px; }

    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1%; }
    .swiper-pagination-bullet-active { background: var(--black) !important; }

    :is(div,#LobbyModule) #lobbyview #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; }
    .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3 { font-size: 20px; letter-spacing: -0.4px; line-height: 1.2; }
    .owl-carousel .owl-item .item { padding: 0; border-radius: 6px; }
    #SiteGrid > div { position: relative; z-index: 1; }
    .grid-boxes-content { overflow: auto; }
    .grid-boxes-content > div { min-width: 300px; }
    .arrow { width: var(--gap-40); }

    /*--------------------/*
     TEXT SELECTORS
    /*--------------------*/
    /*36-MID*/
    . { }
    /*24-BOLD*/
    . { }
    /*20-MID*/
    .grid-row-section[data-id="24172"] .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2, .running-numbers .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-3); line-height: 1; letter-spacing: 0.2px; font-size: 20px; }
    /*18-BOLD*/
    footer #SiteFooter .footer-text-divided .footer-text-middle ul li, #allSectionsWrapper .section.merch .grid-boxes .grid-box .grid-box-title h3 { color: var(--blue); font-family: var(--font-2); font-size: clamp(12px, var(--fs-18), 300px); line-height: 150%; }
    /*18-REG*/
    body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart .menuModuleTextItemDescription, body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text ul li, #allSectionsWrapper .grid-rows .grid-row-text p, #SiteGridContainer #GridPage #LobbyModule #lobbyview .lobbyTextContainer .lobbyText p span { color: var(--blue); font-size: clamp(12px, var(--fs-18), 300px); font-style: normal; line-height: 150%; letter-spacing: 0.18px; }
    /*16-MID*/
    . { font-family: var(--font-3); line-height: 1.45; letter-spacing: 0.16px; }
    /*16-REG*/
    .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p, #home-gallery .gallery-caption .gallery-text div { font-family: var(--font-1); line-height: 1.45; letter-spacing: 0.16px; font-size: 18px; }
    /*15-REG*/
    . { }
    /*14-REG*/
    . { }
}

/*------------------------------------------/*
 FORM RESET
/*------------------------------------------*/
.form-container-wide { }
.form-container-wide #DynamicFormObject { border: none; padding: 0; display: flex; flex-direction: column; }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; width: 100%; display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; width: 100%; margin: 0; display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: unset; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { padding: 0; float: none; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper::before { right: 0.5%; color: var(--blue); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { margin: 0; width: 100%; border-radius: 0; color: var(--blue); border: none; border-bottom: 1px solid var(--blue); box-shadow: none; /* padding: 16px; */ }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea)::placeholder { color: var(--dark-grey-text); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper::after { display: none; }
/*.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select):focus { border: none !important; border-bottom: 1px solid var(--dark-blue) !important; }*/
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin: 0; text-align: start; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; float: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { width: fit-content; margin-inline: auto; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; }
#top-gallery .flex-control-paging li a.flex-active { background: var(--blue); }
.owl-stage { transition-timing-function: linear !important; }
.owl-carousel .owl-prev:after { background-image: url('https://media.getmood.io/warehouse/dynamic/731487.svg'); }
.owl-carousel .owl-next:after { background-image: url(' https://media.getmood.io/warehouse/dynamic/731486.svg'); }
.GridBottomGallery .owl-carousel .owl-item { pointer-events: none; }
.site-credit.alternative { padding: var(--gap-12); }
.FileUploaderField:after, .FilesUploaderField:after { left: 0; top: 50%; transform: translateY(-50%); content: ''; background-image: url(https://media.getmood.io/warehouse/dynamic/738497.svg); height: 14px; width: 14px; }

@media(max-width: 1024px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .textarea-wrapper textarea { padding: 6px 12px !important; }
    #SiteFooter .site-credit.alternative { padding: 0; }
    #SiteFooter .site-credit.alternative p.creditWrapper { display: none; }
    #SiteFooter .site-credit.alternative.row .col-xs-12.text-center { display: flex; justify-content: center; align-items: center; }
    #SiteFooter .site-credit.alternative.row .col-xs-12.text-center a { margin: 0; }
}


/*------------------/*
   END RESET
/*------------------*/


/*------------------/*
   HEADER
/*------------------*/

#main-header .menu-nav { background: var(--white); padding: var(--gap-16); display: flex; justify-content: center; border-radius: 50%; }
#main-header .menu-nav.open #nav-toggle span { background: transparent; }
#main-header .header-container { display: flex; padding: var(--gap-16); align-items: center; }
#main-header .header-container .header-center { order: 1; }
#main-header .header-container .header-container { position: relative; }
#main-header .header-container .header-left { position: absolute; left: 50%; transform: translateX(-50%); }
body:not(.home-page) #main-header .header-container { background: var(--bg); }
body:not(.home-page) #main-header .header-container .header-left a img { filter: brightness(0) saturate(100%) invert(10%) sepia(91%) saturate(988%) hue-rotate(196deg) brightness(93%) contrast(105%); }
body:not(.home-page) #main-header .header-container .header-right .menu-nav { background: var(--blue); }
body:not(.home-page) #nav-toggle span, body:not(.home-page) #nav-toggle span:before, body:not(.home-page) #nav-toggle span:after { background: var(--white); }

@media (min-width: 1025px) {
    #main-header { background: none; }
    #main-header { left: 0; width: 100%; height: var(--gap-80); overflow: hidden; z-index: 1000; transition: all 0.4s ease; }
    #main-header.bg { background-color: transparent; }
    #main-header .header-container { height: 100%; width: 100%; transition: transform 0.5s cubic-bezier(0.6, 0.05, 0.01, 0.9); }
    #main-header.isChange { background-color: var(--bg); }
    #main-header.isChange .logoHeader img { filter: brightness(0) saturate(100%) invert(10%) sepia(72%) saturate(1658%) hue-rotate(203deg) brightness(91%) contrast(102%); }
    #main-header.isChange .menu-nav { background-color: var(--blue); }
    #main-header.isChange .menu-nav #nav-toggle span, #main-header.isChange .menu-nav #nav-toggle span:after, #main-header.isChange .menu-nav #nav-toggle span:before { background: var(--white); }
    #main-header.isChange .menu-nav.open #nav-toggle span { background: transparent; }
    #main-header.header-hamburger .menu-nav ul.menu { width: 15.313vw; height: fit-content; padding: var(--gap-72) var(--gap-72) var(--gap-56) var(--gap-72); margin: 0; border-radius: var(--gap-10); }
    #main-header.header-hamburger .menu-nav ul.menu li { font-size: var(--fs-40); line-height: 100%; letter-spacing: 0.4px; text-shadow: 0 0 var(--white), 0 var(--gap-40) var(--light-brown); color: transparent; overflow: hidden; transition: text-shadow 0.3s ease; }
    #main-header.header-hamburger::after { content: ''; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 1; }
    #main-header.header-hamburger.open::after { opacity: 1; visibility: visible; }
    #main-header.header-hamburger.open .menu-nav ul.menu { margin: var(--gap-16); width: fit-content; }
    #main-header .header-container .header-center .header-buttons a { height: var(--gap-44); min-width: var(--gap-124); }
    #main-header .menu-nav { width: var(--gap-48); height: var(--gap-48); padding: 0; }
    #main-header .menu-nav #nav-toggle { width: 100%; justify-content: center; }
}

@media (max-width: 1024px) {
    #main-header, #main-header.bg { background: var(--bg); }
    #main-header .header-container { padding-inline: 20px; }
    /*#main-header .header-container .header-center { display: none; }*/
    #main-header .header-container .header-left { position: static; transform: unset; }
    #main-header .menu-nav { background: var(--blue); }
    #main-header .menu-nav #nav-toggle { justify-content: center; }
    #main-header .menu-nav #nav-toggle span, #main-header .menu-nav #nav-toggle span:before, #main-header .menu-nav #nav-toggle span:after { background: var(--white); }
    #main-header .header-left img, #main-header.bg .header-left img { filter: brightness(0) saturate(100%) invert(12%) sepia(14%) saturate(5761%) hue-rotate(198deg) brightness(98%) contrast(106%); width: 133px; height: 18px; }
    #main-header .header-left .logoHeader { display: flex; align-items: center; }
    #main-header .header-right { display: flex; flex-direction: row; }

    #main-header .menu-nav { width: 30px; }
    #main-header.header-hamburger .menu-nav ul.menu { padding: 72px; width: 100%; height: 100%; border-radius: 0 !important; }
    #main-header.header-hamburger .menu-nav ul.menu li { font-size: 40px; }
    #main-header.header-hamburger .menu-nav ul.menu li.active { color: var(--light-brown); text-decoration: none; }

    #main-header .header-left img { opacity: 0; }
    #main-header .header-left a.logoHeader { position: relative; display: block; }
    #main-header .header-left a.logoHeader::after { content: ''; position: absolute; inset: 0; background-image: url('https://media.getmood.io/warehouse/dynamic/736550.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; }
}

#main-header.header-hamburger.open .menu-nav ul.menu li.active { color: var(--light-brown); }
#main-header.header-hamburger .menu-nav ul.menu { background-color: var(--blue); margin: 0; border-radius: var(--gap-10); }
#main-header.header-hamburger .menu-nav ul.menu { gap: var(--gap-16); list-style-type: none; }
#main-header.header-hamburger .menu-nav ul.menu li { color: var(--white); font-family: var(--font-3); line-height: 100%; letter-spacing: 0.4px; text-shadow: 0 0 var(--white), 0 var(--gap-40) var(--light-brown); color: transparent; overflow: hidden; transition: text-shadow 0.3s ease; }
#main-header.header-hamburger.open .menu-nav ul.menu li:not(.active):hover { text-shadow: 0 -40px var(--white), 0 0 var(--light-brown); }
#main-header.header-hamburger.open .menu-nav ul.menu li.social-mobile { margin-top: var(--gap-32); display: flex; gap: var(--gap-16); }
#main-header.header-hamburger.open .menu-nav ul.menu li.social-mobile a svg { fill: var(--white); }
#main-header.header-hamburger.open #nav-toggle span:before, #main-header.header-hamburger.open #nav-toggle span:after { background: var(--white); width: var(--gap-28); }

/*------------------/*
   HOME-GALLERY
/*------------------*/
#home-gallery { min-height: 100dvh !important; }
#SiteGrid #home-gallery .opacity-layer { z-index: 1; opacity: 0.32 !important; }
#SiteGrid #home-gallery #TopVideo { position: fixed; width: 100vw; z-index: -1; }
#SiteGrid #home-gallery #scroll-wrapper { z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; gap: var(--gap-20); }
#SiteGrid #home-gallery .gallery-caption { position: static; transform: none; }
#SiteGrid #home-gallery .gallery-caption .gallery-text { display: flex; flex-direction: column; gap: var(--gap-32); }
#SiteGrid #home-gallery .gallery-caption .gallery-text span { color: var(--white, #FFF); text-align: center; font-size: 24px; font-style: normal; font-weight: 700; line-height: 150%; }
#SiteGrid #home-gallery .gallery-caption .gallery-text a .btn-text-wrapper span { color: var(--white) !important; font-family: var(--font-2); font-size: clamp(12px, var(--fs-16), 300px); letter-spacing: 0.16px; }
#SiteGrid #home-gallery .gallery-caption .gallery-logo { width: 33.33vw }
#SiteGrid #scroll-cover-image { position: relative; z-index: 10; }
#SiteGrid #scroll-cover-image img { width: 100vw; height: 100vh; object-fit: cover; }

#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { height: var(--gap-52); min-width: var(--gap-160); border-radius: 999px; }
#main-header .header-container .header-center .header-buttons a { height: var(--gap-52); min-width: var(--gap-160); border-radius: 999px; }


@media(max-width: 1024px) {
    #SiteGrid #home-gallery .TopVideo { position: fixed; width: 100vw; z-index: -1; }
    #SiteGrid #home-gallery .gallery-caption .gallery-text > div { font-size: 100px; letter-spacing: 1px; }
    #SiteGrid #home-gallery .gallery-caption .gallery-text span { font-size: 20px; }
    #SiteGrid #home-gallery .gallery-caption .gallery-text { gap: 20px; }
    #SiteGrid #home-gallery .gallery-caption .gallery-logo { width: 60vw; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { width: 150px; margin-top: 20px; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover { background: var(--brown); }
    #mobile-player-controls { display: none; }
    #main-header .header-container .header-center .header-buttons a { min-width: 96px; height: 38px; display: flex; align-items: center; justify-content: center; margin-inline-start: 8px; }
    #main-header .header-container .header-center .header-buttons a .btn-text-wrapper span { font-size: 14px; }
}

/*------------------------------------------/*
 LOADER
/*------------------------------------------*/
body.shown .loader { position: fixed; width: 100vw; height: 100vh; z-index: 100; transition: 0.1s ease all; transition-delay: 1.3s; }
body.shown .loader > div { position: absolute; width: 100%; height: 100%; transition: 0.6s ease all; }
body.shown .loader > .blue-bg { background: var(--blue); transition-delay: 0.4s; transition-duration: 1s; }
body.shown .loader > .light-blue-bg { background: var(--light-blue); transition-delay: 0.3s; }
body.shown .loader > .brown-bg { background: var(--brown); transition-delay: 0.2s; }
body.shown .loader > .light-brown-bg { background: var(--light-brown); transition-delay: 0.1s; }

body.shown .loader > .white-bg { background: var(--bg); }
body.shown .loader .logo { width: 517px; height: 69px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.3); background-image: url("https://media.getmood.io/warehouse/dynamic/736550.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; opacity: 0; transition: 0.3s ease all; }

body.shown .loader .logo.shown { opacity: 1; transform: translate(-50%, -50%) scale(1); }
body.shown .loader.shown .logo.shown { opacity: 0; }
body.shown .loader.shown { transform: translateY(-100%); }
body.shown .loader.shown > div:not(.logo) { transform: translateY(-100%); }

@media(max-width: 1024px) {
    body.shown .loader { bottom: 0; }
    body.shown .loader .logo { width: 275px; }
    #home-gallery .opacity-layer { display: block !important; }
}
/*------------------/*
   SCROLL STACK
/*------------------*/

#SiteGrid #scroll-cover-image { position: sticky; z-index: 0; top: 0; }
#allSectionsWrapper { position: relative; z-index: 3; background: none; }
#allSectionsWrapper .grid-rows { background: var(--white); }
#allSectionsWrapper .section.scroll-stack .grid-boxes { display: flex; flex-direction: column; align-items: center; gap: var(--gap-240); margin-top: 28.125vw; }
#allSectionsWrapper .section.scroll-stack .grid-boxes > div:nth-child(odd) .grid-box-image { transform: rotate(-3deg); }
#allSectionsWrapper .section.scroll-stack .grid-boxes > div:nth-child(odd):last-child .grid-box-image { rotate: -8deg; }
#allSectionsWrapper .section.scroll-stack .grid-boxes > div:nth-child(even) .grid-box-image { transform: rotate(6deg); border: 10px solid var(--light-brown); }
#allSectionsWrapper .section.scroll-stack .grid-boxes .grid-box { position: sticky; top: 50%; transform: translateY(-50%); width: 23.958vw; height: 28.125vw; }
#allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text { display: flex; flex-direction: column; align-items: center; width: 100%; text-align: center; padding-inline: var(--gap-160); gap: var(--gap-20); }
#allSectionsWrapper .grid-rows .grid-row-text p { color: var(--blue, #081A45); font-size: clamp(12px, var(--fs-18), 300px); font-style: normal; line-height: 150%; letter-spacing: 0.18px; width: 83%; }



#allSectionsWrapper .section.scroll-stack .grid-boxes .grid-box-image { border-radius: var(--gap-10); }
#allSectionsWrapper .section.scroll-stack .grid-boxes > div:nth-child(odd) .grid-box-image .grid-box-image-container { border-radius: var(--gap-10); overflow: hidden; }

@media(max-width: 1024px) {
    #allSectionsWrapper .section.scroll-stack .grid-boxes .grid-box { width: 253px; height: 298px; }
    /*    #allSectionsWrapper .section.scroll-stack .grid-boxes .grid-box:not(:nth-child(2)) { display: none; }
*/
}



#allSectionsWrapper .section.imageText .grid-rows .grid-row { display: flex; align-items: flex-start; }
#allSectionsWrapper .section.imageText .grid-rows .grid-row .grid-row-cell-text { position: sticky; height: 100vh !important; top: 0; display: flex !important; align-items: center !important; }
#allSectionsWrapper .section.imageText .grid-rows .grid-row .grid-row-cell:not(.grid-row-cell-text) { position: relative; }
#allSectionsWrapper .section.imageText .grid-rows .grid-row .slides li:first-child { position: sticky; top: 0; z-index: 1; }
#allSectionsWrapper .section.imageText .grid-rows .grid-row .slides li.grid-iframe-holder { display: flex; align-items: center; justify-content: center; height: 100vh; position: relative; z-index: 10; }

#allSectionsWrapper .section.imageText .grid-rows .grid-row .slides li.grid-iframe-holder .video-wrapper { position: relative; width: 19.479vw; height: 22.813vw; overflow: hidden; }
#allSectionsWrapper .section.imageText .grid-rows .grid-row:first-child .slides li.grid-iframe-holder .video-wrapper { transform: rotate(-8deg); outline: 10px solid var(--light-blue); border-radius: var(--gap-10); }
#allSectionsWrapper .section.imageText .grid-rows .grid-row:last-child .slides li.grid-iframe-holder .video-wrapper { transform: rotate(8deg); outline: 10px solid var(--light-brown); border-radius: var(--gap-10); }
#allSectionsWrapper .section.imageText .grid-rows .grid-row .slides li.grid-iframe-holder .video-wrapper iframe { width: 32.865vw; height: 36.458vw; position: absolute; left: 50%; bottom: 50%; transform: translate(-50%, 50%); }






@media(max-width: 1024px) {
    body:is(.home-page) #allSectionsWrapper .section.imageText .grid-rows .grid-row { display: flex !important; flex-direction: column-reverse; }
    #allSectionsWrapper .section.imageText .grid-rows .grid-row .grid-row-cell { width: 100vw; }
    body:is(.home-page) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text,
    body:is(.home-page) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text { padding: 56px 30px !important; gap: 20px; }
    body:is(.home-page) #allSectionsWrapper .section.imageText .grid-rows .grid-row .grid-row-cell .grid-row-text h2 { font-size: 64px; }
    body:is(.home-page) #allSectionsWrapper .grid-row-section .grid-rows .grid-row .slides .slider-item .grid-row-image-container .box-image-animation img { height: unset; }
    body:is(.home-page) #allSectionsWrapper .section.imageText .grid-rows .grid-row .slides li.grid-iframe-holder { display: none; }
}

body:is(.home-page) #allSectionsWrapper .section.imageText .grid-rows .grid-row .grid-row-cell { flex: 0 0 50%; }
body:is(.home-page) #allSectionsWrapper .section.imageText .grid-rows .grid-row:nth-child(odd) { direction: ltr !important; }
body:is(.home-page) #allSectionsWrapper .section.imageText .grid-rows .grid-row:nth-child(even) { direction: rtl !important; }
/*------------------/*
   FRANCHISING
/*------------------*/
#allSectionsWrapper .section.grid-gallery-section.franchising { background: var(--brown); aspect-ratio: 1/0.375; height: auto; display: flex; flex-direction: column; justify-content: center; gap: var(--gap-20); }
#allSectionsWrapper .section.grid-gallery-section.franchising .section-title h2 { color: var(--bg); font-family: var(--font-3); font-size: clamp(90px, var(--fs-120), 300px); line-height: 70%; letter-spacing: 1.2px; text-transform: uppercase; }
#allSectionsWrapper .section.grid-gallery-section.franchising .section-title h3 { color: var(--bg); font-family: var(--font-2); font-size: clamp(14px, var(--fs-20), 300px); line-height: 150%; letter-spacing: -0.2px; }
#allSectionsWrapper .section.grid-gallery-section.franchising .text1 p { color: var(--bg); font-family: var(--font-1); font-size: clamp(12px, var(--fs-18), 300px); font-weight: 400; line-height: 150%; letter-spacing: 0.18px; }
#allSectionsWrapper .section.grid-gallery-section.franchising .gallery-container.section-animation-list { position: absolute; height: 100%; width: 100%; }
#allSectionsWrapper .section.grid-gallery-section.franchising .gallery-container.section-animation-list .gallery-cubes.no-pad.row { position: absolute; width: 100%; height: 100%; }
#allSectionsWrapper .section.grid-gallery-section.franchising .gallery-container.section-animation-list .gallery-cubes > :first-child { position: absolute; border: 10px solid var(--light-brown); border-radius: 10px; top: var(--gap-54); right: var(--gap-78); width: 14.531vw; height: 14.531vw; transform: rotate(12deg); }
#allSectionsWrapper .section.grid-gallery-section.franchising .gallery-container.section-animation-list .gallery-cubes .boxes-images-outer-image { height: 100%; pointer-events: none; }
#allSectionsWrapper .section.grid-gallery-section.franchising .gallery-container.section-animation-list .gallery-cubes > :last-child { position: absolute; width: 22.396vw; height: 22.396vw; left: var(--gap-54); bottom: var(--gap-66); transform: rotate(-12deg); border-radius: 10px; }
#allSectionsWrapper .section.grid-gallery-section.franchising .content-section-Btn a { background: var(--bg); color: var(--blue) !important; }

body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row-text ol { display: flex; gap: var(--gap-8) }
body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row-text ol li { list-style: none; }
body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row-text ol li { color: var(--bg); font-family: var(--font-2); }
body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row-text ol li span { background: transparent !important; }

@media(min-width: 1025px) {
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField:nth-child(5) .textarea-wrapper.must::before { right: 0; }
    body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row-text ol li:not(:last-child):after { content: '|'; margin-right: var(--gap-8); }
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .textarea-wrapper { padding-block: var(--gap-16); }
    #allSectionsWrapper .section.grid-gallery-section.franchising .content-section-Btn a.text-swap-effect { text-shadow: 0 0 var(--blue), 0 40px var(--white); }
    #allSectionsWrapper .section.grid-gallery-section.franchising .content-section-Btn a.text-swap-effect:hover { text-shadow: 0 -40px var(--blue), 0 0 var(--white); background: var(--white); }
    #allSectionsWrapper .section.grid-gallery-section.franchising .section-title { display: flex; flex-direction: column; gap: var(--gap-20); }
    #allSectionsWrapper .section.grid-gallery-section.franchising .text1 { width: 22.083vw; margin-inline: auto; }
}

@media(max-width: 1024px) {
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .textarea-wrapper { padding-block: 16px; }
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .textarea-wrapper textarea { padding: 0 !important; }

    body:is(.franchise) #SiteGridContainer #GridPage #LobbyModule #lobbyview #lobbyText { padding-inline: 0; }
    body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row-text ol { flex-direction: column; padding: 0; }
    #allSectionsWrapper .section.grid-gallery-section.franchising { min-height: 966px; }
    #allSectionsWrapper .section.grid-gallery-section.franchising .gallery-container.section-animation-list .gallery-cubes > :first-child { width: 177px; height: 177px; top: 63px; right: 50%; transform: translateX(50%) rotate(12deg); }
    #allSectionsWrapper .section.grid-gallery-section.franchising .gallery-container.section-animation-list .gallery-cubes > :last-child { width: 194px; height: 194px; left: 50%; bottom: 41px; transform: translateX(-50%) rotate(-12deg); }
    #allSectionsWrapper .section.grid-gallery-section.franchising .section-title h2 { font-size: 64px; }
    #allSectionsWrapper .section.grid-gallery-section.franchising .section-title { display: flex; flex-direction: column; gap: 20px; }
    #allSectionsWrapper .section.grid-gallery-section.franchising .text1 { max-width: 315px; margin: 0 auto; }
    #allSectionsWrapper .section.grid-gallery-section.franchising .content-section-Btn { margin-top: 12px; }
    #allSectionsWrapper .section.grid-gallery-section.franchising .gallery-container.section-animation-list { height: 95%; }
}



/*------------------/*
  LOBBY
/*------------------*/
/*#SiteGridContainer { margin-top: var(--headerHeight); }*/
#SiteGridContainer #GridPage #LobbyModule #lobbyview { display: flex; flex-direction: column; gap: var(--gap-20);; padding: calc(var(--gap-180) + var(--headerHeight)) var(--gap-480) var(--gap-180); }
#SiteGridContainer #GridPage #LobbyModule #lobbyview .lobbyTextContainer .lobbyText { width: 83%; }
#SiteGridContainer #GridPage #LobbyModule #lobbyview #headline { margin: 0; }
#SiteGridContainer #GridPage #LobbyModule #lobbyview h2 { margin: 0; }
#SiteGridContainer #GridPage #LobbyModule #lobbyview #lobbyText { padding-inline: var(--gap-70); }
#SiteGridContainer #GridPage #LobbyModule #lobbyview #text2 ol { display: flex; justify-content: center; margin-top: var(--gap-10); }
#SiteGridContainer #GridPage #LobbyModule #lobbyview #text2 ol li { list-style: none; font-family: var(--font-2); }


#SiteGridContainer #GridPage #LobbyModule #lobbyview #lobbyText p { color: var(--blue); }
body:is(.home-page) #allSectionsWrapper .grid-row-section .grid-rows .grid-row .slides .slider-item .grid-row-image-container .box-image-animation img { height: 100vh; object-fit: cover; }
body:is(.home-page) #allSectionsWrapper .section.imageText .grid-rows .grid-row { background: var(--bg); }
body:is(.home-page) #allSectionsWrapper .section.imageText .grid-rows .grid-row.imageTextBlue { background-color: var(--blue); }
body:is(.home-page) #allSectionsWrapper .grid-rows .grid-row.imageTextBlue h2, #allSectionsWrapper .grid-rows .grid-row.imageTextBlue h3, #allSectionsWrapper .grid-rows .grid-row.imageTextBlue p { margin: 0; color: var(--bg); }
body:is(.home-page) #allSectionsWrapper .grid-rows .grid-row.imageTextBlue a { margin: 0; margin-top: 12px; }
body:is(.home-page) #allSectionsWrapper .grid-rows .grid-row.imageTextBlue .grid-row-cell .grid-row-text { gap: var(--gap-20); padding: var(--gap-160); }
body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text ul li { color: var(--bg); font-size: clamp( 12px, var(--fs-18), 300px); line-height: 150%; }
body:is(.franchise) #allSectionsWrapper .grid-row-section .grid-rows .grid-row { background: var(--blue); height: 100vh; direction: ltr !important; }
body:is(.franchise) #allSectionsWrapper .grid-row-section .grid-rows .grid-row .slides .slider-item .grid-row-image-container .box-image-animation img { height: 100vh; }
body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row-text h2 { color: var(--white); font-size: clamp(44px, var(--fs-64), 300px); }
body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text { gap: var(--gap-64); padding: 0; }
body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text ul { max-width: 39.115vw; display: flex; flex-direction: column; gap: var(--gap-8); list-style: none; padding: 0; margin: 0; }
body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text ul li { text-align: right; }
body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text ul li:before { content: '•'; margin-left: var(--gap-6); }
body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text p span { color: var(--bg); background-color: transparent !important; font-size: 18px; line-height: 150%; }

@media(max-width: 1024px) {
    body:is(.home-page) #allSectionsWrapper .grid-row-section .grid-rows .grid-row .slides .slider-item .grid-row-image-container .box-image-animation img { height: 375px; }
    body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row-text h2 { font-size: 64px; }
    #SiteGridContainer #GridPage #LobbyModule #lobbyview #text2 ol { flex-direction: column; padding: 0; gap: 8px; }
    body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text ul { max-width: unset; }
}

@media (min-width: 1025px) {
    #allSectionsWrapper .grid-rows .grid-row.imageTextBlue p { margin-bottom: 12px; }
    #SiteGridContainer #GridPage #LobbyModule #lobbyview #text2 ol li:not(:last-child):after { content: '|'; margin-inline: 8px; }
}
/*------------------/*
  ABOUT - LOBBY
/*------------------*/
body:is(.about) #SiteGridContainer #GridPage #LobbyModule #lobbyview .grid-text-content { padding-inline: var(--gap-70); display: flex; flex-direction: column; gap: var(--gap-20); }
body:is(.about) #SiteGridContainer #GridPage #LobbyModule #lobbyview .grid-text-content .gridText1 p { color: var(--blue); font-family: var(--font-2); text-align: center; font-size: clamp(13px, var(--fs-20), 300px); line-height: 150%; letter-spacing: -0.2px; }
body:is(.about) #SiteGridContainer #GridPage #LobbyModule #lobbyview .grid-text-content .gridText2 p { text-align: center; color: var(--blue); text-align: center; font-family: var(--font-1); font-size: clamp(12px, var(--fs-18), 300px); line-height: 150%; letter-spacing: 0.18px; }
body:is(.about) #allSectionsWrapper .grid-image-section { height: unset; }
body:is(.about) #allSectionsWrapper .grid-image-section .image-section-data { height: unset; }
body:is(.about) #allSectionsWrapper .grid-image-section .image-section-data img { margin-top: 0 !important; height: 100%; }

body:is(.about) #allSectionsWrapper .grid-content-section { display: flex; flex-direction: column; gap: var(--gap-80); padding-block: var(--gap-180); min-height: 100vh; }
body:is(.about) #allSectionsWrapper .grid-content-section .section-title { text-align: center; }
body:is(.about) #allSectionsWrapper .grid-content-section .section-title h2 { color: var(--blue); font-family: var(--font-3); font-size: clamp(90px, var(--fs-120), 300px); line-height: 70%; letter-spacing: 1.2px; }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes { display: flex; gap: var(--gap-58); justify-content: center; }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box { position: relative; width: 19.792vw; height: 19.792vw; padding: var(--gap-22) var(--gap-22) var(--gap-10) var(--gap-22); border: var(--gap-10) solid var(--blue); border-radius: var(--gap-10); display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; overflow: hidden; z-index: 1; }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: var(--light-brown); transition: height 0.3s ease; z-index: -1; }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box:hover::after { height: var(--gap-50); }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box .grid-box-subtitle:not(.button) { order: 1; display: flex; margin-bottom: var(--gap-100); }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box .grid-box-subtitle span { color: var(--blue); font-size: clamp(12px, var(--fs-18), 300px); font-weight: 700; line-height: 150%; }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box .grid-box-title { order: 2; margin-bottom: var(--gap-32); }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box .grid-box-title h3 { color: var(--blue); text-align: right; font-family: var(--font-3); font-size: var(--fs-64); line-height: 100%; letter-spacing: 0.64px; }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box .grid-box-subtitle.button { order: 3; display: flex; align-items: center; }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box .grid-box-subtitle.button a { color: var(--blue); font-family: var(--font-2); font-size: clamp(12px, var(--fs-18), 300px); line-height: 150%; transition: color 0.3s ease; display: flex; align-items: center; }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: '>'; display: inline-block; margin-right: var(--gap-6); transition: transform 0.3s ease; }
body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box:hover .grid-box-subtitle.button a::after { transform: translateX(-5px); }


@media (max-width: 1024px) {
    #SiteGridContainer #GridPage #LobbyModule #lobbyview { padding: 56px 36px; margin-top: var(--headerHeight) }
    #SiteGridContainer #GridPage #LobbyModule #lobbyview { gap: 20px; }
    #SiteGridContainer #GridPage #LobbyModule #lobbyview #headline h1 { font-size: 64px; }
    body:is(.about) #SiteGridContainer #GridPage #LobbyModule #lobbyview .grid-text-content { padding: 0; }
    body:is(.about) #allSectionsWrapper .grid-content-section { padding: 56px 36px; }
    body:is(.about) #allSectionsWrapper .grid-content-section .section-title h2 { font-size: 64px; max-width: 100%; }
    body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes { flex-direction: column; align-items: center; gap: 32px; }
    body:is(.about) #allSectionsWrapper .grid-content-section { gap: 32px; }
    body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box { height: 380px; width: 315px; align-items: center; gap: 56px; padding: 0; }
    body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box .grid-box-subtitle:not(.button) { margin: 0; margin-top: 56px; }
    body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 48px; text-align: center; }
    body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box::after { height: 50px; }
    #allSectionsWrapper .grid-rows .grid-row-text p { width: 100%; }
    body:is(.about) #allSectionsWrapper .grid-content-section .grid-boxes .grid-box { justify-content: normal; }
}
/*------------------/*
  FORM
/*------------------*/
.form-container-wide .normal-form h3 { margin-bottom: var(--gap-20) !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: var(--gap-64); }
.form-container-wide .normal-form { padding-block: var(--gap-180); height: 100vh; display: flex; justify-content: center; }
.form-container-wide .normal-form .top-form { color: var(--blue); font-size: clamp(12px, var(--fs-18), 300px); font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.18px; }
.form-container-wide { width: 55.9vw; margin: 0 auto; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; border: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField input { border: none; box-shadow: none; border-bottom: 1px solid var(--blue); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField label { color: var(--blue); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email { grid-column: 1 / -1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField:nth-child(5) { grid-column: 1 / -1; }
body:is(.career) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .textareaField .textarea-wrapper:before { top: 0; right: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { grid-column: 1 / -1; }
.form-container-wide #DynamicFormObject input[type="submit"] { transition: all .2s ease-in-out !important; }

.normal-form input:focus { border: none !important; border-bottom: 1px solid var(--blue) !important; }

@media (max-width: 1024px) {
    body:is(.franchise) #allSectionsWrapper .grid-row-section .grid-rows .grid-row { height: unset; }
    body:is(.franchise) #allSectionsWrapper .grid-rows .grid-row .grid-row-cell .grid-row-text { background: var(--blue); margin: 0; padding: 56px 30px; gap: 32px; }
    body:is(.franchise) #allSectionsWrapper .grid-row-section .grid-rows .grid-row { overflow: unset; display: flex !important; flex-direction: column-reverse; }
    body:is(.franchise) #allSectionsWrapper .grid-row-section .grid-rows .grid-row .slides .slider-item .grid-row-image-container .box-image-animation img { height: auto; }
    body:is(.franchise) #allSectionsWrapper .grid-row-section .grid-rows .grid-row-cell { height: auto; }
    body:is(.franchise) .form-container-wide { width: 100%; padding: 56px 30px; }
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; }
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin-top: 0; }
    body:is(.franchise) .form-container-wide #DynamicFormObject { margin: 0; width: 100%; height: auto; display: block; }
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { margin-top: 30px; width: 132px; }
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: center; font-size: 64px; line-height: 100%; letter-spacing: 0.64px; }
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: 0.5%; }
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectField .textarea-wrapper textarea::placeholder { padding-right: 17px }
    body:is(.franchise) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset button.form-submit.blue-btn.text-swap-effect { min-width: 132px; margin-top: 40px; }
}



/*------------------/*
   SLIDE-WRAPPER
/*------------------*/
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery { background: var(--bg); padding: var(--gap-180) 0 var(--gap-64); }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper { display: flex; width: 100%; flex-direction: row; gap: 21px; }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes { gap: var(--gap-21); display: flex; width: fit-content; animation: scrollText 40s linear infinite; /* overflow: hidden; */ }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { min-width: 88.318vw; height: 13.125vw; pointer-events: none; align-content: center; padding-inline: 0; }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div .boxes-images-outer-image { background-size: contain !important; background-repeat: no-repeat; padding: 0; height: 100%; }

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

@media(max-width: 1024px) {
    body:is(.home-page) #allSectionsWrapper .grid-rows .grid-row-text a { min-width: 124px; height: 44px; }
    body:is(.home-page) #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { padding: 63px 0 22.4px; }
    body:is(.home-page) #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { height: 91px; min-width: 600px; }
}

/*------------------/*
  MERCH
/*------------------*/
#allSectionsWrapper .section.merch { background-color: var(--bg); padding-block: var(--gap-180); display: flex; flex-direction: column; gap: var(--gap-48); }
#allSectionsWrapper .section.merch .grid-boxes { padding-inline: var(--gap-20); gap: var(--gap-12); }
#allSectionsWrapper .section.merch .grid-boxes .grid-box { display: flex; flex-direction: column; gap: var(--gap-12); }
#allSectionsWrapper .section.merch .grid-boxes .grid-box .grid-box-image img { border-radius: 12px; transition: 0.3s ease all }
#allSectionsWrapper .section.merch .grid-boxes .grid-box .grid-box-title h3 { color: var(--blue); font-family: var(--font-2); font-size: clamp(12px, var(--fs-18), 300px); line-height: 150%; }
#allSectionsWrapper .section.merch .grid-boxes .grid-box .grid-box-image { border: 0 var(--light-brown) solid; border-radius: 12px; transition: 0.3s ease all; overflow: hidden; }
#allSectionsWrapper .section.merch .grid-boxes .grid-box .grid-box-subtitle { display: none; }

#allSectionsWrapper .section.merch .grid-boxes .grid-box .grid-box-image-container { position: relative; display: block; overflow: hidden; }
#allSectionsWrapper .section.merch .grid-boxes .grid-box:hover .grid-box-image-container::after { opacity: 1; transform: translateY(0); }
#allSectionsWrapper .section.merch .grid-boxes .grid-box:hover .grid-box-image-container::after { border-radius: 3px; }


@media (min-width: 1025px) {
    #allSectionsWrapper .section.merch .grid-boxes .grid-box .grid-box-image-container::after { content: attr(data-hover); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.32); color: var(--white, #FFF); font-family: var(--font-3); font-size: var(--fs-64); line-height: 100%; letter-spacing: 0.64px; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(var(--gap-30)); transition: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; pointer-events: none; z-index: 2; border-radius: 12px; }
    #allSectionsWrapper .section.merch .grid-boxes .grid-box:hover .grid-box-image { border: 12px var(--light-brown) solid; }
    #allSectionsWrapper .section.merch .grid-boxes .grid-box:hover .grid-box-image img { border-radius: 3px; overflow: hidden; scale: 1.2; }
}


@media(max-width: 1024px) {
    #allSectionsWrapper .section.merch .grid-boxes { display: flex; justify-content: flex-start; gap: 20px; overflow-x: scroll; padding-right: 30px; }
    #allSectionsWrapper .section.merch { padding: 56px 0; }
    #allSectionsWrapper .section.merch .grid-boxes .grid-box:hover .grid-box-image { border: none; border-radius: 12px; }
    #allSectionsWrapper .section.merch .section-title h2 { font-size: 63px; margin: auto; }
    #allSectionsWrapper .section.merch .grid-boxes .grid-box .grid-box-image img { width: 300px; height: 268.627px; }
    #allSectionsWrapper .section.merch .grid-boxes .grid-box .grid-box-image { border-radius: 0; }
    #allSectionsWrapper .section.merch .grid-boxes::-webkit-scrollbar { display: none; }
    #allSectionsWrapper .section.merch .grid-boxes { -ms-overflow-style: none; scrollbar-width: none; }
}


/*------------------/*
  BRANCHES
/*------------------*/
#allSectionsWrapper .section.branches .grid-faq { max-width: none; padding: 0 var(--gap-120) var(--gap-100) var(--gap-120); }
#allSectionsWrapper .section.branches .grid-faq .faq-item:first-child { border-top: 1px solid var(--blue); }
#allSectionsWrapper .section.branches .grid-faq .faq-item { padding: 0; margin-bottom: 0 !important; box-shadow: none; border-bottom: 1px solid var(--blue); padding: var(--gap-52); background: var(--bg); border-radius: 0; }
#allSectionsWrapper .section.branches .grid-faq .faq-headline { background: var(--bg); padding: 0; }
#allSectionsWrapper .section.branches .grid-faq .faq-headline.open { /* padding: var(--gap-52) var(--gap-52) 0 var(--gap-52); */ }
#allSectionsWrapper .section.branches .grid-faq .panel-group { display: flex; flex-direction: column; }
#allSectionsWrapper .section.branches .grid-faq .faq-body { background: var(--bg); /* padding-inline: var(--gap-52); */ }
#allSectionsWrapper .section.branches .grid-faq .faq-body .faq-body-inner { max-width: none; padding-inline: 0; position: relative; }
#allSectionsWrapper .section.branches .grid-faq .faq-body .faq-body-inner span.faq-headline-image { width: 20vw; height: 20vw; max-width: 20vw; position: absolute; top: 10%; left: 10%; border: var(--gap-8) solid var(--light-brown); border-radius: var(--gap-8); }
}
#allSectionsWrapper .section.branches .grid-faq .faq-body .faq-body-inner ul { list-style: none; padding: 0; margin: 0; margin-bottom: var(--gap-24); }
#allSectionsWrapper .section.branches .grid-faq .faq-body .faq-body-inner ul li { color: var(--blue, #081A45); font-size: clamp(12px, var(--fs-18), 300px); line-height: 150%; letter-spacing: 0.18px; }
#allSectionsWrapper .section.branches .grid-faq .faq-body p { color: var(--blue) !important; font-family: var(--font-2); font-size: 20px; line-height: 150%; letter-spacing: -0.2px; }
#allSectionsWrapper .section.branches .grid-faq .faq-headline .button-open::before { content: "" !important; display: none !important; }
#allSectionsWrapper .section.branches .grid-faq .faq-headline .button-open { display: inline-block; width: var(--gap-48); height: var(--gap-48); background-image: url('https://media.getmood.io/warehouse/dynamic/736984.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; transition: transform 0.3s ease; z-index: 5; }
#allSectionsWrapper .section.branches .grid-faq .faq-headline:not(.collapsed) .button-open { transform: rotate(180deg); }

#allSectionsWrapper .section.branches .grid-faq .faq-body p { display: inline; margin-left: var(--gap-8); }
#allSectionsWrapper .section.branches .grid-faq .faq-body ol { display: inline-flex; padding: 0; }
#allSectionsWrapper .section.branches .grid-faq .faq-body ol li { list-style: none; }
#allSectionsWrapper .section.branches .grid-faq .faq-body .faq-body-inner span.faq-headline-image img { height: 100%; }

@media(min-width: 1025px) {
    #allSectionsWrapper .section.branches .grid-faq .faq-body ol li:not(:last-child)::after { content: '|'; margin-inline: var(--gap-8); }
}

@media (max-width: 1024px) {
    #allSectionsWrapper .section.branches .grid-faq { padding: 0 30px 56px; }
    #allSectionsWrapper .section.branches .grid-faq .faq-headline-title { font-size: 20px; font-family: var(--font-2); }
    #allSectionsWrapper .section.branches .grid-faq .faq-headline { padding-inline: 0; padding-block: 16px; }
    #allSectionsWrapper .section.branches .grid-faq .faq-headline .button-open { width: 20px; height: 15px; left: 0; }
    #allSectionsWrapper .section.branches .grid-faq .faq-body { padding: 0; }
    #allSectionsWrapper .section.branches .grid-faq .faq-body .faq-body-inner .faq-item-text > * { font-size: 18px; }
    #allSectionsWrapper .section.branches .grid-faq .faq-item { padding: 0; margin-bottom: 0 !important; box-shadow: none; border-bottom: 1px solid var(--blue); }
    #allSectionsWrapper .section.branches .grid-faq .faq-item:last-child { border-bottom: none; }
    #allSectionsWrapper .section.branches .grid-faq .faq-item:first-child { border-top: none; }
    #allSectionsWrapper .section.branches .grid-faq .faq-headline .button-open { background-image: url(https://media.getmood.io/warehouse/dynamic/738450.svg); }
    #allSectionsWrapper .section.branches .grid-faq .faq-headline.open { padding: 16px 0; display: flex; align-items: center; }
    #allSectionsWrapper .section.branches .grid-faq .faq-body ol { flex-direction: column; display: flex; }
    #allSectionsWrapper .section.branches .grid-faq .faq-body .faq-body-inner { display: flex; flex-direction: column-reverse; }
    #allSectionsWrapper .section.branches .grid-faq .faq-body .faq-body-inner span.faq-headline-image { position: unset; width: 100%; max-width: unset; height: 100%; margin-block-start: 24px; }
}

/*------------------/*
  MENU
/*------------------*/
body.menu #SiteGrid .menu-wrapper { display: flex; flex-direction: column; gap: var(--gap-32); justify-content: center; align-items: center; padding: var(--gap-180) var(--gap-480) var(--gap-100); margin-top: var(--headerHeight); }
body.menu #SiteGrid .menu-sections { display: flex; flex-direction: row-reverse; }

/*body.menu #SiteGrid .menu-sections > * { flex: 0 0 50%; }*/
body.menu #SiteGrid .menu-sections #GridTop { margin: 0; flex: 0 0 56%; border-radius: 0; }
body.menu #SiteGrid .menu-sections #top-gallery .opacity-layer { display: none; }
body.menu #SiteGrid .menu-wrapper #headline { margin-bottom: 0; }
body.menu #SiteGrid #GridPage { width: 44%; }
body.menu #SiteGrid #GridTop { position: sticky; top: var(--headerHeight); /* margin-top: 0; */ }
body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart { background: var(--bg); padding: var(--gap-100); margin: 0; border: 0; }
body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart h3 { color: var(--blue); }
body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart .menuModuleTextItemDescription { color: var(--blue); font-family: var(--font-1); font-size: clamp(12px, var(--fs-18), 300px); line-height: 150%; letter-spacing: 0.18px; margin: 0; }
body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart > * { display: flex; flex-direction: column; text-align: right; width: 100%; margin-bottom: 0; }
body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart > * > * { padding: 0; width: 100%; }
body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart > * > *:after { display: none; margin-bottom: var(--gap-24); }
body.menu #SiteGridContainer #SiteGrid .menu-wrapper #menuModuleNav a.selected { background: var(--light-brown) !important; }

@media(min-width: 1025px) {
    body .menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart h2 { margin: var(--gap-40) 0 var(--gap-32) 0; }
    body.menu #SiteGrid .menu-wrapper #menuModuleNav { display: flex; gap: var(--gap-16); }
    body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart > * > * { margin-bottom: var(--gap-24); }
    body.menu #SiteGridContainer #SiteGrid .menu-wrapper #menuModuleNav a { height: var(--gap-44); }
}

@media(max-width: 1024px) {
    body.menu #SiteGridContainer #SiteGrid .menu-wrapper #headline h1 { font-size: 64px; }
    body.menu #SiteGrid .menu-sections #GridTop { display: none; }
    body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart { padding: 0; }
    body.menu #SiteGrid .menu-sections { display: block; }
    body.menu #SiteGrid #GridPage { width: 100%; padding-inline: 30px; }
    body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart > * > * { text-align: center; margin-block: 24px; }
    body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart .menuModuleTextItemDescription { text-align: right; font-size: 14px; }
    body.menu #SiteGrid .menu-wrapper .menuModuleNav { display: flex; /* flex-wrap: wrap; */ justify-content: flex-start; gap: 16px; width: 100%; overflow-x: scroll; padding-inline: 30px; scrollbar-width: none; }
    body.menu #SiteGrid .menu-wrapper { padding: 56px 0; }
    body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart h3 { font-size: 18px; text-align: start;  }
    body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleTextItemPrice { font-size: 16px; }
    body.menu #SiteGridContainer #SiteGrid .menu-wrapper #menuModuleNav a { min-width: 124px; height: 44px; padding: 0; }
    body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart .menu-group { border: 2px solid var(--blue); border-radius: 10px; padding-top: 32px; padding-inline: 10px; margin-block-start: 20px; margin-block-end: 48px; }
    body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart .menu-group .menuModuleTextItemPart { margin-bottom: 32px !important; }
    body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart .menu-group .menuModuleTextItemPart:after { border: none; }
    body.menu .menuModuleTextItem1 .menuModuleTextItemPart:first-child, .menuModuleTextItem0 .menuModuleTextItemPart:first-child, body.menu #SiteGrid #GridPage #GridWrap #MenuModule .menuModuleContentPart > * > * { margin: 0; }
}

/*------------------/*
  CONTACT US
/*------------------*/
body:is(.contactus) #SiteGridContainer { height: calc(100vh - var(--headerHeight)); margin-top: var(--headerHeight); }
body:is(.contactus) #SiteGridContainer #GridPage #LobbyModule #lobbyview { padding: 0; }
#allSectionsWrapper .section.contact .form-container-wide { display: flex; flex-direction: row-reverse; }
body:is(.contactus) #SiteGridContainer #GridPage #LobbyModule #lobbyview #headline h1 { color: var(--blue); text-align: center; font-size: clamp(45px, var(--fs-64), 300px); font-style: normal; font-weight: 800; line-height: 100%; letter-spacing: 0.64px; }
body:is(.contactus) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; padding-inline: 20% }
body:is(.contactus) #SiteGridContainer #GridPage #LobbyModule #lobbyview #lobbyText span { color: var(--blue); }
#SiteGridContainer #GridPage #LobbyModule #allSectionsWrapper .section.contact #lobbyview #lobbyText ul { list-style: none; display: flex; justify-content: center; align-items: center; }

@media(min-width: 1025px) {
    #SiteGridContainer #GridPage #LobbyModule #allSectionsWrapper .section.contact #lobbyview #lobbyText ul li:not(:last-child):after { content: '|'; margin-left: var(--gap-8); }
    #allSectionsWrapper .section.contact .form-container-wide .gridFormImgContainer img { height: 100%; }
    #allSectionsWrapper .section.contact .form-container-wide #DynamicFormObject { height: calc(100vh - var(--headerHeight)); }
    body:is(.contactus) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit.col-xs-12 button { margin-top: var(--gap-64); }
}

@media (max-width: 1024px) {
    body:is(.contactus) #SiteGridContainer { height: auto; }
    body:is(.contactus) #SiteGridContainer #GridPage #LobbyModule #lobbyview { margin: 0; padding: 0; }
    body:is(.contactus) #SiteGridContainer #GridPage #LobbyModule #lobbyview #headline h1 { font-size: 64px; }
    body:is(.contactus) #allSectionsWrapper .section.contact .normal-form { padding: 56px 30px; display: inline-flex; }
    body:is(.contactus) #allSectionsWrapper .section.contact .form-container-wide { flex-direction: column-reverse; }
    body:is(.contactus) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { padding: 0; }
    body:is(.contactus) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { width: 132px; margin-top: 40px; }
    body:is(.contactus) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit.col-xs-12 button { width: 132px; height: 52px; margin-top: 40px; }
    #SiteGridContainer #GridPage #LobbyModule #allSectionsWrapper .section.contact #lobbyview #lobbyText ul { flex-direction: column; gap: 8px; }
}



/*------------------/*
  CAREER
/*------------------*/

body:is(.career) .form-container-wide { display: flex; flex-direction: row-reverse; }
body:is(.career) #allSectionsWrapper .section.careerform { min-height: calc(100vh - var(--headerHeight)); height: calc(100vh - var(--headerHeight)); overflow: hidden; }
body:is(.career) .form-container-wide #DynamicFormObject h3, body:is(.career) .form-container-wide #DynamicFormObject .top-form { text-align: right; }
body:is(.career) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; /* padding-inline: 20%; */ }
body:is(.career) .form-container-wide .normal-form { padding-inline: var(--gap-180); }
body:is(.career) .form-container-wide #DynamicFormObject { padding-inline: var(--gap-180); }
body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes { display: grid; grid-template-columns: repeat(4,1fr); gap: var(--gap-16); padding: var(--gap-180) var(--gap-20); }
body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes > * { width: 100%; /* border: 10px solid transparent; */ transition: all 0.3s ease-in-out; overflow: hidden; box-sizing: border-box; }
body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes > *:hover { border-color: var(--light-brown); border-radius: 10px; border: none; }
body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes > * .boxes-images-outer-image { transition: transform 0.3s ease-in-out; width: 100%; height: 100%; }
body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes > *:hover .boxes-images-outer-image { /* transform: scale(1.1); */ border-radius: var(--gap-10); }
body:is(.career) .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit { width: fit-content; margin-top: var(--gap-48); }

@media(min-width: 1025px) {
    body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes > *:hover .boxes-images-outer-image { border: var(--gap-10) solid var(--light-brown); }
    body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes > * .boxes-images-outer-image { background-repeat: no-repeat; background-size: contain; transition: all .3s ease; border: 0 solid var(--light-brown) }
    body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes > * { width: 23.906vw; height: 21.406vw; }
    body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes { justify-content: center; }
}

@media (max-width: 1024px) {
    body:is(.career) .form-container-wide #DynamicFormObject { padding: 56px 30px; display: block; }
    body:is(.career) .form-container-wide { flex-direction: column-reverse; }
    body:is(.career) #allSectionsWrapper .section.careerform { height: auto; }
    body:is(.career) .form-container-wide #DynamicFormObject h3 { text-align: center; font-size: 64px; line-height: 100%; letter-spacing: 0.64px; }
    body:is(.career) .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { width: 133px; margin-top: 40px; }
    body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes { padding: 0 30px 30px 30px; grid-template-columns: repeat(2, 1fr); gap: 16px; }
    body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes > * { border: none; }
    body:is(.career) #allSectionsWrapper .section.imagesrows .gallery-container .gallery-cubes > * .boxes-images-outer-image { width: 152px; height: 136px; }
    body:is(.career) #SiteGridContainer #GridPage #GridWrap #GridContent #lobbyview .lobbyTextContainer #text2 p { font-family: var(--font-2); }
    body:is(.career) #SiteGridContainer #GridPage #GridWrap #GridContent #lobbyview .lobbyTextContainer #text2 { margin-top: 20px; }
    body:is(.career) .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit button.form-submit { height: 52px; width: 132px; margin-top: 40px; }
    body:is(.career) #SiteGridContainer #GridPage #LobbyModule #lobbyview #lobbyText { padding-inline: 0; }
    body:is(.career) .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 0; width: unset; }
}

/*------------------/*
  ACCESSABILITY
/*------------------*/

body.accessabilityMainPage #SiteGridContainer { margin-top: calc(var(--headerHeight) + var(--gap-100)); margin-bottom: var(--gap-100); width: 60%; }
body.accessabilityMainPage #accessability #pageview .container-fluid #headline h1 { color: var(--blue); font-family: var(--font-3); font-size: clamp(45px, var(--fs-64), 300px); line-height: 100%; letter-spacing: 0.64px; }
body.accessabilityMainPage #accessability #pageview .container-fluid #text1 h2 { color: var(--blue); font-family: var(--font-2); font-size: clamp(14px, var(--fs-20), 300px); line-height: 150%; letter-spacing: -0.2px; margin: var(--gap-32) 0 var(--gap-32) 0; }
body.accessabilityMainPage #accessability #pageview .container-fluid #text1 p { color: var(--blue); font-family: var(--font-1); font-size: clamp(12px, var(--fs-18), 300px); line-height: 150%; letter-spacing: 0.18px; }
body.accessabilityMainPage #accessability #pageview .container-fluid ul { display: flex; flex-direction: column; gap: var(--gap-20); }

@media(max-width: 1024px) {
    body.accessabilityMainPage #SiteGridContainer { margin-top: calc(var(--headerHeight) + 35px); margin-bottom: var(--gap-100); width: 90%; }
    body.accessabilityMainPage #accessability #pageview .container-fluid #text1 p { font-size: 16px; }
    body.accessabilityMainPage #accessability #pageview .container-fluid #text1 h2 { font-size: 16px; margin: 48px 0 32px 0; }
    body.accessabilityMainPage #accessability #pageview .container-fluid ul { gap: 20px; }
    body.accessabilityMainPage #accessability #pageview .container-fluid #headline h1 { font-size: 64px; }
}


/*------------------/*
  CONTENT PAGE
/*------------------*/

body.contentpage #SiteGridContainer { margin-top: calc(var(--headerHeight) + var(--gap-180)); margin-bottom: var(--gap-100); width: 60%; }
body.contentpage .container-fluid .MainContent #headline h1 { color: var(--blue); font-family: var(--font-3); font-size: clamp(45px, var(--fs-64), 300px); line-height: 100%; letter-spacing: 0.64px; }
body.contentpage .container-fluid .MainContent #text1 h2 { color: var(--blue); font-family: var(--font-2); font-size: clamp(14px, var(--fs-20), 300px); line-height: 150%; letter-spacing: -0.2px; margin: var(--gap-32) 0 var(--gap-32) 0; }
body.contentpage .container-fluid .MainContent #text1 h3 { color: var(--blue); font-family: var(--font-2); font-size: clamp(14px, var(--fs-20), 300px); line-height: 150%; letter-spacing: -0.2px; margin: var(--gap-32) 0 var(--gap-32) 0; text-align: right; }
body.contentpage .container-fluid .MainContent #text1 p { color: var(--blue); font-family: var(--font-1); font-size: clamp(12px, var(--fs-18), 300px); line-height: 150%; letter-spacing: 0.18px; text-align: right; }
body.contentpage .container-fluid .MainContent ul { display: flex; flex-direction: column; gap: var(--gap-20); text-align: start;  }

@media(max-width: 1024px) {
    body.contentpage #SiteGridContainer { margin-top: calc(var(--headerHeight) + 35px); margin-bottom: var(--gap-100); width: 90%; }
    body.contentpage .container-fluid .MainContent #text1 p { font-size: 16px; }
    body.contentpage #pageview .container-fluid #text1 h2 { font-size: 16px; margin: 48px 0 32px 0; }
    body.contentpage #pageview .container-fluid ul { gap: 20px; }
}


/*------------------/*
  404
/*------------------*/


body.pagenotfound #SiteGridContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; }
body.pagenotfound #headline { margin: 0; }
body.pagenotfound #headline h1 { color: var(--blue); font-family: var(--font-3); font-size: clamp(90px, var(--fs-120), 300px); line-height: 70%; letter-spacing: 1.2px; text-transform: uppercase; }
body.pagenotfound #text1 { max-width: none; display: flex; flex-direction: column; gap: var(--gap-48); }
body.pagenotfound #text1 p { color: var(--blue); font-family: var(--font-2); font-size: clamp(18px, var(--fs-24), 300px); font-weight: 700; line-height: 150%; }
body.pagenotfound #text1 p a { display: inline-flex !important; align-items: center !important; }
body.pagenotfound .page-not-found { display: flex; flex-direction: column; gap: var(--gap-48); }

#GridPage #GridWrapInner #GridContent .page-not-found #text1 p a { height: var(--gap-44); }

/*------------------/*
  THANKS PAGE
/*------------------*/


body.thankspage #SiteGridContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; }
body.thankspage #headline { margin: 0; }
body.thankspage #headline h1 { color: var(--blue); font-family: var(--font-3); font-size: clamp(90px, var(--fs-120), 300px); line-height: 70%; letter-spacing: 1.2px; text-transform: uppercase; }
body.thankspage #text1 { max-width: none; display: flex; flex-direction: column; gap: var(--gap-48); justify-content: center; align-items: center; }
body.thankspage #text1 p { color: var(--blue); font-family: var(--font-2); font-size: clamp(18px, var(--fs-24), 300px); font-weight: 700; line-height: 150%; }
body.thankspage #text1 p a { display: inline-flex !important; align-items: center !important; }
@media(max-width: 1024px){
    body.thankspage #text1 a { height: 44px; }
}

/*------------------/*
  FOOTER
/*------------------*/
footer { background: var(--blue); aspect-ratio: 1 / 0.221; }
footer #SiteFooter { display: flex; flex-direction: column; }
footer #SiteFooter .footer-text-divided { padding: 0; margin-block: var(--gap-100); }
footer #SiteFooter .footer-text-divided ul { display: flex; justify-content: center; gap: var(--gap-32); list-style-type: none; }
footer #SiteFooter .footer-text-divided .footer-text-middle { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; gap: var(--gap-48); }
footer #SiteFooter .footer-text-divided .footer-text-middle ul li { color: var(--white); font-family: var(--font-2); }

@media(max-width: 1024px) {
    footer #SiteFooter { padding: 0; }
    footer #SiteFooter img { max-width: 259px; }
    footer #SiteFooter .footer-text-divided ul { flex-direction: column; gap: 16px; }
    footer #SiteFooter .footer-text-divided ul { flex-direction: column; gap: 16px; }
    footer #SiteFooter .footer-text-divided { margin: 0; padding: 56px 30px; }
    footer #SiteFooter .footer-text-divided .footer-text-middle { gap: 32px; }
    footer #SiteFooter .footer-text-divided ul:last-child { flex-direction: row; }
    footer #SiteFooter .footer-text-divided ul:last-child li a { background: transparent; }
}

@media(min-width: 1025px) {
    footer #SiteFooter .footer-text-divided .footer-text-middle ul li.text-swap-effect:not(.active):hover, footer #SiteFooter .footer-text-divided .footer-text-middle ul li.text-swap-effect:not(.selected):hover { text-shadow: 0 -15px var(--blue), 0 0 var(--white); }
    footer #SiteFooter .footer-text-divided .footer-text-middle ul .text-swap-effect:not(.selected) { color: rgba(0, 0, 0, 0); -webkit-text-fill-color: transparent; display: inline-block; transition: all 0.3s ease; /* text-shadow: 0 0 var(--white), 0 40px var(--blue); */ background: transparent; }
    footer #SiteFooter .footer-text-divided ul:last-child { gap: var(--gap-16); padding: 0; }

    footer #SiteFooter .footer-text-divided ul:last-child li:hover a img { filter: brightness(0) saturate(100%) invert(84%) sepia(23%) saturate(6244%) hue-rotate(321deg) brightness(99%) contrast(91%); }
}