/*CAFE CAFE 2026*/
:root { --white: #fff; --dark-black: #050505; --black: #111; --grey: #3D3D3D; --blue: #00F2F2; --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-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-50: 2.604vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-70: 3.646vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-98: 5.104vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-114: 5.938vw; --gap-120: 6.25vw; --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; --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; CONTAIN-INTRINSI; --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-black'; --font-3: 'notosans2026-bold'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body { opacity: 0; color: var(--black); background: #f7f7f7; transition: 0.3s 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; }

.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: 1000; }
#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; }
: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; }

.gallery-container .gallery-cubes > div .boxes-images-outer-image:focus { outline: 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; }
#ContentRegularModule ul { padding: 0; }
#ContentRegularModule li:before { content: ""; width: 8px; height: auto; aspect-ratio: 1; display: inline-block; background: var(--text-grey); 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; display: none; }
.arrow:before { transform: translateX(-100%); }

.map .arrow:before, .map .arrow:after { background-image: url("https://media.getmood.io/warehouse/dynamic/704003.svg"); }

.map .grid-boxes .circle-container .grid-box:hover .arrow::before { transform: unset; }
.map .grid-boxes .circle-container .grid-box:hover .arrow::after { transform: translateX(100%); }

.categories-strip { display: none; }

: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%); }

/*--------------------/*
 TEXT SELECTORS
/*--------------------*/
/*96-Title*/
.running-numbers .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(70px,var(--fs-96),300px); font-family: var(--font-2); line-height: 1.45; letter-spacing: 0.96px; }
/*80-Title*/
.page-not-found #headline h1, #FormResultPage div#headline h1, .timeline-sec .section-title h2, .running-cubes .grid-boxes .grid-box .grid-box-title h3 a, .timeline-sec .grid-boxes .grid-box .grid-box-title h3 a, .grid-text-section[data-id="24137"] .section-title h2, .grid-row-section[data-id="24172"] .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { font-size: clamp(60px,var(--fs-80),300px); font-family: var(--font-2); line-height: 0.9; }
/*64-Title*/
body.privacy #headline h1, #accessability #headline h1, .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .section-title h2, .grid-row-section .grid-rows .sticky-wrapper .text-wrapper .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 { font-size: clamp(44px,var(--fs-56),300px); line-height: 1; font-family: var(--font-2); color: white; margin-bottom: var(--gap-56); }
/*48-Med*/
#ContentGridReadMoreModule #pageview #headline h1 { font-size: clamp(30px,var(--fs-48),300px); line-height: 1; letter-spacing: 0.48px; font-family: var(--font-3); }
/*36-Med*/
.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-subtitle span { font-size: clamp(24px,var(--fs-36),300px); letter-spacing: 0.36px; font-family: var(--font-3); }
/*32-Bold*/
.four-cubes .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(24px,var(--fs-32),300px); font-family: var(--font-3) }
/*32-Med*/
#home-gallery .gallery-caption .gallery-text { font-size: clamp(24px,var(--fs-32),300px); font-family: var(--font-3); line-height: 1.45; letter-spacing: 0.32px; }
/*24-Reg*/
#accessability #text1 h2, #FormResultPage #text1 p, .page-not-found #subheadline h2, .normal-grid .gridshort-view-item .grid-short-box > a .grid-short-box-label, .four-cubes .section-title h3, .running-numbers .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(18px,var(--fs-24),300px); line-height: 1.25; letter-spacing: 0.24px; }
/*20-Reg*/
. { }
/*18-Reg*/
.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p { font-size: clamp(14px,var(--fs-18),300px); line-height: 1.45; letter-spacing: 0.18px; }
/*17-Reg*/
. { }
/*16-Reg*/
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText p :is(a,p) { font-size: clamp(12px,var(--fs-16),300px); line-height: 1.45; letter-spacing: 0.16px; }
/**/
/*BUTTONS*/
.running-cubes .content-section-Btn a.sec-button.yellow-btn, .page-not-found #text1 p 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 { position: relative; height: var(--gap-52); align-content: center; border-radius: 2px; padding-inline: var(--gap-18); padding-block: var(--gap-10); background: transparent; color: transparent; font-size: clamp(14px,var(--fs-18),300px); min-width: var(--gap-120); text-align: center; display: inline-block; overflow: hidden; /* border: none; */ }

/*LINED-BUTTONS*/
#allSectionsWrapper .section.grid-contents .section-title .content-section-Btn a.sec-button, #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content a, body.knowledge .blog-tags nav.blog-tags-list ul li a, .grid-blog .section-title .content-section-Btn a { color: #f7f7f7; font-family: var(--font-3); border-bottom: 2px solid var(--black); position: relative; overflow: hidden; display: inline-block; transition: 0.3s ease all; }

/*ADD YELLOW DOT*/
.grid-box .grid-box-fulltext p, .project-items .feature-box span, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image span, #BlogModule .blog-view .blog-post-icons.blog-date-time span { display: inline-block; }
:is(.grid-box .grid-box-fulltext, .project-items .feature-box span, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image span):before, :is(#BlogModule .blog-view .blog-post-icons.blog-date-time span:not(.blog-post-Time-title), #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText ul li:not(:last-child)):after { content: ""; width: var(--gap-8); height: auto; aspect-ratio: 1; display: inline-block; background: var(--green-100); border-radius: 50%; margin-inline-end: var(--gap-8); }

/*text animations*/
p, h1, h2, h4, h5, h6, li { opacity: 0; transform: translateY(var(--gap-100)); transition: 0.3s ease all; }
:is(p,h1,h2,h4,h5,h6, li).shown { opacity: 1; transform: unset; }

@media(max-width: 1025px) {
    p, h1, h2, h4, h5, h6, li { opacity: 0; transform: translateY(10px); transition: 0.3s ease all; }
    :is(p,h1,h2,h4,h5,h6, li).shown { opacity: 1; transform: unset; }
}

@media(min-width: 1025px) {
    :is(.running-cubes .content-section-Btn a.sec-button.yellow-btn, .page-not-found #text1 p a, 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: white; border: 1px solid var(--black); }
    :is(.running-cubes .content-section-Btn a.sec-button.yellow-btn, .page-not-found #text1 p a, 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; }

    :is(#allSectionsWrapper .section.grid-contents .section-title .content-section-Btn a.sec-button, #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content a, body.knowledge .blog-tags nav.blog-tags-list ul li a, .grid-blog .section-title .content-section-Btn a):hover { border-color: var(--blue-100); }

    :is(:is(#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, 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"], #main-header .header-container .header-center .header-buttons a, .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, .project-content a.download-button))::before, :is(#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, 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"], #main-header .header-container .header-center .header-buttons a, .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, .project-content a.download-button)::after { color: var(--black); }
    :is(#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .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"], #main-header .header-container .header-center .header-buttons a, .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, .project-content a.download-button):hover { color: transparent; border: 1px solid var(--black); }

    .grid-image-section { height: 33.333vw; }
    .grid-image-section .image-section-data { height: 33.333vw; }

    :is(a,button).yellow-btn { color: transparent; display: flex; height: 100%; overflow: hidden; position: relative; }
    .yellow-btn::before,
    .yellow-btn::after { content: attr(data-text); position: absolute; left: 0; width: 100%; height: 100%; text-align: start; /* padding-inline: var(--gap-16); */ transition: transform 0.3s ease; /* background: var(--blue); */ /* border-bottom: 2px solid var(--black); */ align-content: center; text-align: center; color: var(--black); }
    .yellow-btn::before { top: 0; transform: translateY(0); background: var(--blue); }
    .yellow-btn::after { top: 100%; background: white; }
    .yellow-btn:hover::before { transform: translateY(-100%); }
    .yellow-btn:hover::after { transform: translateY(-100%); }
}

@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; }
    #GridTop .top-caption { position: absolute; transform: translate(-50%,-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: 18px; line-height: 1.45; letter-spacing: 0.16px; }
    .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: 333px; 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*/
    .timeline-sec .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-2); font-size: 24px; line-height: 1; letter-spacing: 0.24px; }
    /*20-MID*/
    body.privacy #headline h1, .normal-grid .gridshort-view-item .grid-short-box > a .grid-short-box-label, #ContentGridReadMoreModule #pageview #headline h1, .timeline-sec .section-title h2, #accessability #headline h1, #FormResultPage div#headline h1, .running-cubes .grid-boxes .grid-box .grid-box-title h3 a, .normal-grid .gridshort-view-item .grid-short-box > a .grid-short-box-label, .column-cubes .section-title h2, .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .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: 24px; }
    /*18-BOLD*/
    .timeline-sec .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle span { font-size: 18px; line-height: 1.45; letter-spacing: 0.18px; font-family: var(--font-3); }
    /*18-MID*/
    . { }
    /*16-MID*/
    . { font-family: var(--font-3); line-height: 1.45; letter-spacing: 0.16px; }
    /*16-REG*/
    .running-numbers .grid-boxes .grid-box .grid-box-subtitle span, .four-cubes .section-title h3, .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*/
    .timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext p { font-size: 15px; line-height: 1.45; letter-spacing: 0.15px; }
    /*14-REG*/
    .normal-grid .gridshort-view-item .grid-short-box > a .grid-short-box-fulltext .grid-short-box-subtitle, body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText p a, .four-cubes .grid-boxes .grid-box .grid-box-fulltext p { font-size: 14px; line-height: 1.45; letter-spacing: 0.14px; }
    /*BUTTONS*/
    .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 { color: var(--black); font-size: 14px; min-width: 120px; }
    .running-cubes .content-section-Btn a.sec-button.yellow-btn, .page-not-found #text1 p 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 { background: var(--blue); color: var(--black); font-size: 14px; }
}

/*------------------------------------------/*
 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 { right: 0.5%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { margin: 0; width: 100%; border-radius: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea)::placeholder, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField select { color: var(--dark-grey-text); }
.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 { border-radius: 0; width: fit-content; background: black; color: white; margin-inline: auto; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; }

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

/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
:is(#main-header, #main-header.bg) { background: var(--black); }
:is(#main-header, #main-header.bg):before { content: ""; width: 100%; height: 3px; position: absolute; background: var(--blue); transition: 0.3s ease all; right: 0; z-index: 1; }
:is(#main-header, #main-header.bg) .header-container { padding: var(--gap-16) var(--gap-40); min-height: var(--gap-80); background: var(--black); }
:is(#main-header, #main-header.bg) .header-container .header-right { }
:is(#main-header, #main-header.bg) .header-container .header-right .menu-nav { }
:is(#main-header, #main-header.bg) .header-container .header-right .menu-nav ul#menu { gap: var(--gap-24); }
:is(#main-header, #main-header.bg) .header-container .header-right .menu-nav ul#menu li { }
:is(#main-header, #main-header.bg) .header-container .header-right .menu-nav ul#menu li.logoInMenu { display: none; }
:is(#main-header, #main-header.bg) .header-container .header-right .menu-nav ul#menu li :is(a:before, a:after) { color: white; }
:is(#main-header, #main-header.bg) .header-container .header-right .menu-nav ul#menu li a:before, :is(#main-header, #main-header.bg) .header-container .header-right .menu-nav ul#menu li a:after { color: white; background: none; }
:is(#main-header, #main-header.bg) .header-container .header-right .menu-nav ul#menu li a.yellow-btn::before { }
:is(#main-header, #main-header.bg) .header-container .header-right .menu-nav ul#menu li a:after { color: var(--blue); }

:is(#main-header, #main-header.bg) .header-container .header-left { position: absolute; left: 50%; transform: translateX(-50%); }
:is(#main-header, #main-header.bg) .header-container .header-center { height: fit-content; }
:is(#main-header, #main-header.bg) .header-container .header-center .header-buttons { display: flex; gap: var(--gap-24); }
:is(#main-header, #main-header.bg) .header-container .header-center .header-buttons a::before, :is(#main-header, #main-header.bg) .header-container .header-center .header-buttons a::after { color: white; background: none; }
:is(#main-header, #main-header.bg) .header-container .header-center .header-buttons a::after { color: var(--blue); }

:is(#main-header, #main-header.bg) .header-container .header-center .header-buttons .brands-btn-wrapper { display: flex; gap: var(--gap-2); }
:is(#main-header, #main-header.bg) .header-container .header-center .header-buttons .brands-btn-wrapper .arrow { position: static; width: fit-content; aspect-ratio: unset; width: var(--gap-14); background-image: url("https://media.getmood.io/warehouse/dynamic/730882.svg"); background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; transition: 0.3s ease all; }
:is(#main-header, #main-header.bg) .header-container .header-center .header-buttons .brands-btn-wrapper:hover { }

@media(min-width: 1025px) {
    :is(#main-header, #main-header.bg) .header-container .header-left a.logoHeader img { height: var(--gap-48); }
}

@media(max-width: 1024px) {
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { background: white; }
    #nav-toggle.active span:before, #nav-toggle.active span:after { background: var(--white); }
    #main-header.open::before { width: 15.5%; z-index: 10000; }
    :is(#main-header, #main-header.bg) .header-container { padding-inline: 20px; min-height: 57px; }
    :is(#main-header, #main-header.bg) .header-container .header-right .menu-nav ul#menu { padding-inline: var(--gap-24); list-style: none; background: var(--black); color: white; height: 100vh; z-index: -1; }
    :is(#main-header, #main-header.bg) .header-container .header-center { display: none; }
    :is(#main-header, #main-header.bg) .header-container .header-left { left: 20px; transform: unset; }
    :is(#main-header, #main-header.bg) .header-container .header-left a.logoHeader { }
    :is(#main-header, #main-header.bg) .header-container .header-left a.logoHeader img { width: 77px; height: 27px; }
}

/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/
#SiteFooter { background: var(--black); color: white; }
#SiteFooter .footer-text-divided { padding: 0; display: flex; flex-direction: column-reverse; }
#SiteFooter .footer-text-divided .footer-text-middle { width: 100%; display: block; padding: 0; padding-block: var(--gap-64); }
#SiteFooter .footer-text-divided .footer-text-right { width: 100%; display: flex; justify-content: center; gap: var(--gap-24); padding-block: var(--gap-24); border-top: 1px solid rgba(255, 255, 255, 0.12); }
#SiteFooter .footer-text-divided .footer-text-right p { opacity: 1; transform: unset; }
#SiteFooter .footer-text-divided .footer-text-middle p:has(img) { display: flex; justify-content: center; margin-bottom: var(--gap-40); }
#SiteFooter .footer-text-divided .footer-text-middle ul { margin: 0; padding: 0; display: flex; justify-content: center; gap: var(--gap-24); margin-bottom: var(--gap-40); }
#SiteFooter .footer-text-divided .footer-text-middle ul li a::before { background: transparent; color: white; }
#SiteFooter .footer-text-divided .footer-text-middle ul li a::after { color: var(--blue); background: transparent; }
#SiteFooter .footer-text-divided .footer-text-middle p:has(a) { margin: 0; }
#SiteFooter .footer-text-divided .footer-text-middle p:has(img) img { height: var(--gap-80); width: var(--gap-220); }
#SiteFooter .footer-text-divided .footer-text-middle p:has(a) a img { width: var(--gap-20); height: auto; aspect-ratio: 1; }
#SiteFooter .footer-text-divided .footer-text-middle p:has(a) a { width: var(--gap-40); height: auto; aspect-ratio: 1; background: var(--blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
#SiteFooter .site-credit.alternative { float: none; padding: 0; z-index: 3; }
#SiteFooter .site-credit.alternative .text-center { background: black; float: unset; }

@media(max-width: 1024px) {
    #SiteFooter { background: var(--black); padding: 0; }
    #SiteFooter .footer-text-divided .footer-text-middle { padding-block: 56px; }
    #SiteFooter .footer-text-divided .footer-text-middle p:has(img) { margin-bottom: 24px; }
    #SiteFooter .footer-text-divided .footer-text-middle p:has(img) img { width: 150px; height: 53px; }
    #SiteFooter .footer-text-divided .footer-text-middle ul { flex-direction: column; gap: 24px; margin-bottom: 32px; }
    #SiteFooter .footer-text-divided .footer-text-right { flex-direction: column; text-align: center; gap: 24px; }
}


/*------------------------------------------/*
 SECTIONS
/*------------------------------------------*/
#GridTop:before { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: var(--black); opacity: 0.4; }
#GridTop .top-caption { font-size: unset; top: 50%; width: 45%; }
#GridTop .top-caption h1 { font-family: var(--font-2); font-size: clamp(60px,var(--fs-80),300px); text-align: center; line-height: 0.9; }
#GridTop .top-caption img.bannerLogo { display: block; margin-inline: auto; width: 100%; }

#home-gallery .opacity-layer { z-index: 10; opacity: 0.4 !important; }
#home-gallery .gallery-logo { width: 100%; margin-bottom: var(--gap-36); }
#home-gallery .gallery-caption { z-index: 10; top: 50%; transform: translate(-50%,-50%); }

#allSectionsWrapper .section.grid-content-section.running-numbers { }
#allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes { padding-inline: var(--gap-200); padding-top: var(--gap-100); gap: var(--gap-16); }
#allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box { padding: var(--gap-40); text-align: start; display: flex; flex-direction: column; background: var(--white); flex: 1; border: 1px solid #EAEAEA; height: var(--gap-260); justify-content: space-between; pointer-events: none; }
#allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: var(--gap-4); background: var(--blue); }
#allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title { }
#allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; margin: 0; display: flex; }
#allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); text-align: start; border: none; text-decoration: none; line-height: 1; }
#allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext { margin-top: auto; /* display: block; */ }
#allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext p { color: var(--text-grey); }
#allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-subtitle span { color: var(--grey); }
#allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-image { order: 1; width: var(--gap-80); margin-inline-start: auto; }

#allSectionsWrapper .section.grid-content-section.timeline-sec { /* display: flex; */ text-align: center; background-repeat: no-repeat; background-size: contain; background: white; padding-bottom: var(--gap-280); }
#allSectionsWrapper .section.grid-content-section.timeline-sec > * { flex: 1; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .section-title { top: 20%; /* height: fit-content; */ /* aspect-ratio: 1; */ display: block; align-content: baseline; text-align: left; padding-block: var(--gap-200) var(--gap-100); padding-inline: var(--gap-200); }
#allSectionsWrapper .section.grid-content-section.timeline-sec .section-title h2 { margin-bottom: var(--gap-24); /* top: 20%; */ color: var(--black); text-align: center; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .section-title h3 { text-align: center; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes-wrapper { position: relative; /* padding-bottom: var(--gap-280); */ }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes { flex-direction: column; position: relative; padding-inline: var(--gap-200); gap: var(--gap-140); }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes::before { display: none; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box { width: 100%; display: flex; gap: var(--gap-140); min-height: var(--gap-460); }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box:before { /* content: ""; */ width: 12px; height: auto; aspect-ratio: 1; display: inline-block; background: var(--black); border-radius: 50%; position: absolute; left: -20.2%; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-40); position: relative; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--font-3); font-size: clamp(88px,var(--fs-88),300px); display: flex; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-fulltext { }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box:nth-child(odd) { direction: ltr; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box:nth-child(even) { direction: rtl; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-first { text-align: end; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-first .grid-box-image { width: 30.26vw; margin-inline-start: auto; border-radius: 0; overflow: hidden; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second { height: fit-content; position: sticky; top: calc(var(--headerHeight) + var(--gap-22)); direction: rtl; text-align: start; padding-inline: var(--gap-64) 0; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > * { width: 62%; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext { }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext::before { display: none; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-subtitle { margin-bottom: var(--gap-24); }
#allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext p { color: var(--black); }
#allSectionsWrapper .section.grid-content-section.timeline-sec .timeline { height: 100%; position: absolute; z-index: 1; inset-inline-end: 50%; transform: translateX(-50%); background: var(--blue); width: 3px; border-radius: var(--gap-4); text-indent: -9999px; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper { height: 100%; display: flex; flex-direction: column; align-items: center; background: #d2d2d2; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper .timeline-wrapper-line { position: absolute; top: 0; width: 100%; background: var(--blue); height: 100%; transform: scaleY(0); z-index: 0; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper .timeline-item:last-child { b; background: white !important; z-index: 2; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper .timeline-item .timeline-item-inner { position: relative; height: var(--gap-10); width: var(--gap-10); border-radius: 50%; background: #d2d2d2; outline-offset: 5px; /* border: 1px solid; */ /* transition: 0.3s ease all; */ outline: 10px solid white; outline-offset: 0px !important; }
#allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper .timeline-item .timeline-item-inner:before { /* content: ""; */ position: absolute; display: block; width: var(--gap-14); height: var(--gap-14); bottom: 0; left: 0; border: 1px solid var(--black); transition: 0.3s ease all; }

#allSectionsWrapper .section.grid-content-section.four-cubes { padding-block: var(--gap-180); background-image: url("https://media.getmood.io/warehouse/dynamic/728918.webp"); }
#allSectionsWrapper .section.grid-content-section.four-cubes .section-title { margin-bottom: var(--gap-72); width: 35%; margin-inline: auto; color: white; }
#allSectionsWrapper .section.grid-content-section.four-cubes .section-title h2 { margin-bottom: var(--gap-32); }
#allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes { display: flex; gap: var(--gap-21); padding-inline: var(--gap-280); }
#allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box { background: none; padding: var(--gap-16); min-height: var(--gap-210); border: none; overflow: hidden; }
#allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-image { width: var(--gap-100); margin-inline: auto; margin-bottom: var(--gap-8); }
#allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-title { position: relative; z-index: 2; }
#allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-fulltext { position: relative; z-index: 3; }
#allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-fulltext p { color: var(--grey); }
#allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-fulltext::before { display: none; }
#allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-title h3 { }
#allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-title h3 a { color: var(--white); }
#allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box:after { /* content: ""; */ position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: var(--blue); z-index: 1; transform: translateY(98%); transition: 0.3s ease all; }

#allSectionsWrapper .section.grid-content-section.running-cubes { padding-block: var(--gap-100) var(--gap-120); background: white; min-height: 32.292vw; align-content: center; background-image: url("https://media.getmood.io/warehouse/dynamic/729587.webp"); background-position: center; background-repeat: no-repeat; background-size: contain; }
#allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes { height: 5.792vw; }
#allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box { width: fit-content; max-width: 50.833vw; display: flex; justify-content: center; align-items: center; margin-inline: auto; }
#allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box .grid-box-title { min-height: 100%; align-content: center; }
#allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box .grid-box-title h3 { font-size: clamp(45px,var(--fs-56),300px); font-family: var(--font-3); }
#allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-2) !important; color: var(--black); }
#allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box .grid-box-title h3 span { font-family: var(--font-2); }
#allSectionsWrapper .section.grid-content-section.running-cubes .section-topText { width: 29%; margin-inline: auto; }
#allSectionsWrapper .section.grid-content-section.running-cubes .section-topText p { font-size: clamp(18px,var(--fs-18,300px)); color: var(--black); }
#allSectionsWrapper .section.grid-content-section.running-cubes .content-section-Btn { margin-top: var(--gap-40); }
#allSectionsWrapper .section.grid-content-section.running-cubes:after { content: ""; width: 100%; height: var(--gap-4); position: absolute; bottom: 0; left: 0; background: var(--blue); }

#allSectionsWrapper .section.grid-text-section { height: 32.292vw; background-image: url("https://media.getmood.io/warehouse/dynamic/729587.webp"); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; }
#allSectionsWrapper .section.grid-text-section > * { width: 38%; }
#allSectionsWrapper .section.grid-text-section .section-title h2 { color: var(--black); font-family: var(--font-3); font-size: clamp(40px,var(--fs-48),300px); }
#allSectionsWrapper .section.grid-text-section .grid-text { background: none; }
#allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content { }
#allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a.sec-button { margin-top: var(--gap-40); }

#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper { display: flex; width: 100%; gap: var(--gap-16); flex-direction: row; }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes { gap: var(--gap-16); display: flex; width: max-content; animation: scrollText 40s linear infinite; }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { min-width: var(--gap-300); height: var(--gap-240); pointer-events: none; align-content: center; }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div .boxes-images-outer-image { height: var(--gap-100); background-repeat: no-repeat; /* padding-inline: var(--gap-56); */ aspect-ratio: unset; }

#allSectionsWrapper .grid-gallery-section.column-cubes { display: flex; justify-content: space-between; padding-inline-start: var(--gap-156); }
#allSectionsWrapper .grid-gallery-section.column-cubes .section-title { width: 29.375vw; min-width: 29.375vw; padding-inline-start: 0; text-align: start; height: fit-content; padding-block: var(--gap-200); position: sticky; top: var(--headerHeight); }
#allSectionsWrapper .grid-gallery-section.column-cubes .section-title h2 { margin-bottom: var(--gap-40); }
#allSectionsWrapper .grid-gallery-section.column-cubes .section-title .content-section-Btn { margin-top: var(--gap-40); }
#allSectionsWrapper .grid-gallery-section.column-cubes .gallery-container { padding: var(--gap-156) var(--gap-40); max-width: 62.5vw; }
#allSectionsWrapper .grid-gallery-section.column-cubes .gallery-container .gallery-cubes { display: flex; flex-wrap: wrap; gap: var(--gap-16); justify-content: end; }
#allSectionsWrapper .grid-gallery-section.column-cubes .gallery-container .gallery-cubes > div { width: fit-content; }
#allSectionsWrapper .grid-gallery-section.column-cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image { width: 23.802vw; aspect-ratio: 1; border-radius: 0; }

#allSectionsWrapper .section.grid-image-section .image-section-data { padding-inline: var(--gap-160); }
#allSectionsWrapper .section.grid-image-section .image-section-data img { height: 100%; object-fit: cover; }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text ol { padding-inline-start: var(--gap-20); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text ol li::marker { color: var(--white); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text ol li:not(:last-child) { margin-bottom: var(--gap-20); }

#allSectionsWrapper .section.grid-row-section:last-child { padding-block: var(--gap-16); }
#allSectionsWrapper .section.grid-row-section:last-child .grid-row-cell.grid-row-cell-text { background-image: url("https://media.getmood.io/warehouse/dynamic/728918.webp"); background-size: cover; }
#allSectionsWrapper .section.grid-row-section:last-child .grid-rows .grid-row { direction: ltr !important; }

#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg { display: flex; align-items: center; background: white; flex-direction: row-reverse; justify-content: space-between; }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject { padding-inline-end: var(--gap-160); }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: center; }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: var(--gap-32); color: var(--black); }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: center; margin-bottom: var(--gap-32); }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form { }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { display: flex; flex-direction: column; height: fit-content; }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField-wrapper { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--gap-16); }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField { margin-top: var(--gap-24); }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { display: flex; flex-direction: row; align-items: baseline; margin-top: var(--gap-12); }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { text-align: center; margin-top: var(--gap-16); }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit { background: var(--blue); color: white; border: none; }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit:hover { background: var(--dark-blue); border: none; outline: none; }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit::before { color: var(--white); background: var(--black); }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit::after { background: var(--blue); }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { margin-bottom: 0; }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField input { width: var(--gap-14); height: auto; aspect-ratio: 1; margin: 0; }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField input:before { content: ""; background: white; background-image: url("https://media.getmood.io/warehouse/dynamic/731009.svg"); display: block; width: 100%; height: 100%; background-size: cover; }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField input:checked:before { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/731008.svg"); }
#allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg .gridFormImgContainer { width: 43.594vw; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select) { border: 1px solid #dedede; border-radius: 2px; padding-inline: var(--gap-14); box-shadow: none; min-height: var(--gap-50); margin: 0; background: #f9f9f9; }
#allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper)::before { right: 1%; }

@media(min-width: 1025px) {
    #allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box:hover:after { transform: unset; }

    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box > * { flex: 1; }
}

@media(max-width: 1025px) {
    #GridTop .top-caption h1 { font-size: 36px; letter-spacing: 0.36px; font-family: var(--font-3); line-height: 1; }
    #GridTop .top-caption img.bannerLogo { width: 215px; height: 114px; object-fit: none; }

    #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes { flex-direction: row; padding-inline: 20px; padding-block: 20px; gap: 12px; }
    #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box { padding: 24px 0px; height: 136px; gap: 8px; text-align: center; justify-content: center; }
    #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box:after { content: ""; position: absolute; width: 100%; height: 4px; bottom: 0; background: var(--blue); }
    #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-image { display: none; }
    #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 { justify-content: center; }

    #allSectionsWrapper .section.grid-content-section.timeline-sec { background-image: none; padding-bottom: 80px; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .section-title { padding-inline: 20px; padding-block: 56px 80px; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .section-title h2 { width: 100%; max-width: 100%; margin: 0; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes { padding-inline: 20px; gap: 0; z-index: 1; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box { min-height: 0; gap: 42px; flex-wrap: wrap; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-title h3 { display: flex; justify-content: center; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second { display: flex; flex-direction: column; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second { position: static; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle { margin-bottom: 8px; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle span { display: flex; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > * { width: 100%; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-image { width: 100%; /* margin-inline-end: auto; */ padding-inline: 28px; padding-block: 40px 80px; order: 1; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box > *:not(.grid-box-image) { flex: 1; min-height: 0; margin-bottom: 0; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box > .timeline-wrapper-second { padding: 0; min-width: 182px; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box img { border-radius: 0; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box.lastItem { }
    /*    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box.lastItem .grid-box-image { display: none; }*/
    #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box:nth-child(odd) { direction: rtl; row-gap: 0; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .timeline { inset-inline-start: 37%; }
    #allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper .timeline-item .timeline-item-inner { width: 9px; height: 9px; }

    #allSectionsWrapper .section.grid-content-section.four-cubes { padding: 56px 20px; background: var(--black); }
    #allSectionsWrapper .section.grid-content-section.four-cubes .section-title { width: 100%; margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-content-section.four-cubes .section-title h2 { max-width: 100%; font-size: 20px; letter-spacing: 0.2px; }
    #allSectionsWrapper .section.grid-content-section.four-cubes .section-title h3 { display: none; }
    #allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes { padding: 0; text-align: start; display: grid; grid-template-columns: repeat(2,1fr); column-gap: var(--gap-16); row-gap: var(--gap-32); }
    #allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box { padding: 0 8px; min-height: 64px; display: flex; flex-direction: column; justify-content: space-between; background: none; border: none; }
    #allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-image { width: 45px; }
    #allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-title { text-align: center; }
    #allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-title h3 a { color: white; font-size: 16px; font-family: var(--font-3); line-height: 1.45; letter-spacing: 0.16px; }
    #allSectionsWrapper .section.grid-content-section.four-cubes .grid-boxes .grid-box .grid-box-fulltext p { color: white; }

    #allSectionsWrapper .section.grid-content-section.running-cubes { padding-block: var(--gap-56); padding-inline: var(--gap-20); background-image: url("https://media.getmood.io/warehouse/dynamic/731046.svg"); background-position: center; background-size: cover; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes { touch-action: none; margin-bottom: var(--gap-24); }
    /*    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-boxes-wrapper { overflow: hidden; }*/
    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box .grid-box-title h3 { display: flex; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-3) !important; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box .grid-box-title h3 a:after { content: "."; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .section-topText { width: 100%; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .swiper-scrollbar { display: none; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .content-section-Btn { margin-top: var(--gap-32); }

    #allSectionsWrapper .grid-gallery-section.column-cubes { flex-direction: column; padding: 0; }
    #allSectionsWrapper .grid-gallery-section.column-cubes .section-title { width: 100%; position: static; padding-block: 56px; padding-inline: 20px; text-align: center; }
    #allSectionsWrapper .grid-gallery-section.column-cubes .section-title h2 { max-width: 100%; margin-bottom: 32px; }
    #allSectionsWrapper .grid-gallery-section.column-cubes .section-title .content-section-Btn { display: flex; justify-content: center; }
    #allSectionsWrapper .grid-gallery-section.column-cubes .gallery-container { max-width: 100%; padding: 0; padding-inline: 20px; padding-bottom: 20px; }
    #allSectionsWrapper .grid-gallery-section.column-cubes .gallery-container .gallery-cubes { display: grid; grid-template-columns: repeat(2,1fr); }
    #allSectionsWrapper .grid-gallery-section.column-cubes .gallery-container .gallery-cubes > div { width: 100%; }
    #allSectionsWrapper .grid-gallery-section.column-cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image { width: 100%; }

    #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper { gap: 0; }
    #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes { gap: 0; }
    #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { width: 154px; height: 108px; min-width: unset; padding: 0; }
    #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div .boxes-images-outer-image { height: 50px; }

    #allSectionsWrapper .section.grid-text-section { height: unset; padding-block: 56px; padding-inline: 20px; min-height: 374px; background-image: url("https://media.getmood.io/warehouse/dynamic/731046.svg"); background-color: white; }
    #allSectionsWrapper .section.grid-text-section > * { width: 100%; }
    #allSectionsWrapper .section.grid-text-section .section-title h2 { font-size: 20px; line-height: 1; letter-spacing: 0.2px; max-width: 100%; margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a.sec-button { margin-top: 32px; }
    #allSectionsWrapper .section.grid-text-section[data-id="24137"] { }
    #allSectionsWrapper .section.grid-text-section[data-id="24137"]:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--blue); }
    #allSectionsWrapper .section.grid-text-section[data-id="24140"] { background-image: url("https://media.getmood.io/warehouse/dynamic/731044.svg"); background-position: top; background-size: contain; }
    #allSectionsWrapper .section.grid-text-section[data-id="24143"] { background-image: url("https://media.getmood.io/warehouse/dynamic/731047.svg"); }

    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text { padding: 56px 20px; margin: 0; text-align: center; width: 100%; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text ol { padding: 0; list-style: none; }

    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg .gridFormImgContainer { display: none !important; }
    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject { padding: 24px 20px; margin: 0; max-width: 100% !important; }
    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText { margin: 0; }
    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-top: 32px; margin-bottom: 12px; }
    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; white-space: nowrap; }
    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form { margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField-wrapper { grid-template-columns: repeat(1,1fr); gap: var(--gap-12); }
    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField input { margin: 0; padding: 0; appearance: none; appearance: none; outline: none !important; border: none !important; box-shadow: none !important; background-color: transparent !important; -webkit-tap-highlight-color: transparent; }

    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { align-items: baseline; }
    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { margin-top: 32px; }
    #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit { background: var(--black); font-size: 18px; min-width: 124px; }
}
/**/

/*------------------------------------------/*
 PAGES
/*------------------------------------------*/
body.home-page #home-gallery .gallery-caption .gallery-text div { text-align: center; }

body.home-page #allSectionsWrapper { background: var(--dark-black); }

body.home-page #allSectionsWrapper .section.grid-row-section { }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows { }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { padding-inline: var(--gap-160); direction: ltr !important; position: relative; }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box { padding-inline-end: var(--gap-160); padding-block: var(--gap-160); }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { direction: rtl; text-align: start; display: flex !important; width: 100%; padding-block: var(--gap-200); position: sticky; top: 0; }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { width: 90%; color: white; }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin-bottom: var(--gap-56); width: 75%; }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { margin-top: var(--gap-56); }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box ul.slides { border-radius: 2px; overflow: hidden; }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box li.slider-item { }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container { }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container img { min-width: 46.25vw; }

body.home-page #allSectionsWrapper .section.grid-row-section[data-id="24172"] .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { width: 100%; color: white; }
body.home-page #allSectionsWrapper .section.grid-row-section[data-id="24173"] .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { width: 100%; }
body.home-page #allSectionsWrapper .section.grid-row-section[data-id="24173"] .grid-rows .grid-row { direction: rtl !important; }
body.home-page #allSectionsWrapper .section.grid-row-section[data-id="24173"] .grid-rows .grid-row .grid-row-cell.flexslider-box { width: 46.25vw; }

body.home-page #allSectionsWrapper .section.grid-text-section .section-title h2 { margin-bottom: var(--gap-40); }
body.home-page #allSectionsWrapper .section.grid-text-section[data-id="24137"] .section-title h2 { font-size: clamp(40px,var(--fs-64),300px); font-family: var(--font-2); }

body.about #GridTop .top-caption img.bannerLogo { width: 65%; margin-bottom: var(--gap-48); }

body.about #allSectionsWrapper .section.grid-text-section:after { content: ""; height: var(--gap-4); width: 100%; position: absolute; bottom: 0; left: 0; background: var(--blue); }

body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows { /* display: flex; */ }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper { display: flex; flex-direction: row-reverse; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper > * { flex: 1; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .images-wrapper { display: flex; flex-direction: column; position: relative; padding-inline-end: 0; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .images-wrapper .grid-row-cell.flexslider-box { width: 100%; position: sticky; top: var(--headerHeight); padding-block: var(--gap-32); /* border-radius: 6px; */ /* overflow: hidden; */ }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .images-wrapper .grid-row-cell.flexslider-box img { border-radius: 2px; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper { display: flex; flex-direction: column; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text { width: 100%; align-content: center; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text .grid-row-text { text-align: center; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text .grid-row-text h2 { text-align: center; padding-block: 0 var(--gap-40); margin: 0; color: white; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { margin-top: var(--gap-32); border: none; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text .grid-row-text ul { padding: 0; list-style: none; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text ul li { display: flex; padding-block: var(--gap-12); gap: var(--gap-24); }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text ul li:before { content: ""; width: var(--gap-24); height: auto; aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/711821.svg"); background-color: var(--blue); display: inline-block; background-position: center; background-repeat: no-repeat; border-radius: 4px; }
body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text ul li:not(:last-child) { border-bottom: 1px solid var(--stroke); }

body.franchise-page #allSectionsWrapper .section.grid-text-section:after { content: ""; width: 100%; height: var(--gap-4); background: var(--blue); bottom: 0; left: 0; position: absolute; }

body.franchise-page #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { background: var(--dark-black); }

body.brands #allSectionsWrapper .section.grid-gallery-section { padding: var(--gap-40); background: white; }
body.brands #allSectionsWrapper .section.grid-gallery-section .gallery-container .gallery-cubes { display: grid; gap: var(--gap-6); grid-template-columns: repeat(6,1fr); direction: ltr; }
body.brands #allSectionsWrapper .section.grid-gallery-section .gallery-container .gallery-cubes > div { width: var(--gap-300); height: var(--gap-240); align-content: center; border: 1px solid var(--stroke); display: flex; justify-content: center; align-items: center; transition: 0.3s ease all; }
body.brands #allSectionsWrapper .section.grid-gallery-section .gallery-container .gallery-cubes > div .boxes-images-outer-image { background-size: contain !important; background-repeat: no-repeat; transition: 0.3s ease all; }

body.mood #allSectionsWrapper .section.grid-text-section { height: unset; padding-block: var(--gap-180); gap: var(--gap-56); }
body.mood #allSectionsWrapper .section.grid-text-section:after { content: ""; position: absolute; width: 100%; height: var(--gap-4); bottom: 0; left: 0; background: var(--blue); }
body.mood #allSectionsWrapper .section.grid-text-section .section-title h2 { margin-bottom: 0; }

body.mood #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { background: white; }

body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText { margin-bottom: var(--gap-40); display: flex; justify-content: center; gap: var(--gap-100); }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText p { display: flex; flex-direction: column; align-items: center; min-width: var(--gap-210); font-size: clamp(12px, var(--fs-16), 300px); line-height: 1.45; letter-spacing: 0.16px; }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText p img { background: var(--blue); width: var(--gap-40); height: auto; aspect-ratio: 1; object-fit: none; border-radius: 50%; }

@media(max-width: 1025px) {
    body.home-page #home-gallery .gallery-caption .gallery-text div { font-size: 22px; }

    #home-gallery .gallery-caption { top: 55%; z-index: 1000; }
    #home-gallery .gallery-caption .gallery-logo { width: 100%; margin-bottom: 36px; }
    #home-gallery .opacity-layer { display: block; position: absolute; /* opacity: 1 !important; */ z-index: 10; }

    body.home-page #allSectionsWrapper { background: var(--black); }

    body.home-page #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { background: var(--dark-black); }

    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { padding-inline: 0; display: flex !important; flex-direction: column-reverse; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box { padding: 16px; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container img { height: auto; aspect-ratio: 1; object-fit: cover; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { padding-block: 56px; padding-inline: 32px; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { text-align: center; width: 100%; margin: 0; padding: 0; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin-bottom: 32px; margin-inline: auto; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { margin-top: 32px; }

    body.home-page #allSectionsWrapper .section.grid-row-section[data-id="24172"] .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { width: 100%; text-align: center; margin: 0; padding: 0; }
    body.home-page #allSectionsWrapper .section.grid-row-section[data-id="24172"] .grid-rows .grid-row .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container img { aspect-ratio: unset; height: 470px; }
    body.home-page #allSectionsWrapper .section.grid-row-section[data-id="24173"] .grid-rows .grid-row { flex-direction: column; }
    body.home-page #allSectionsWrapper .section.grid-row-section[data-id="24173"] .grid-rows .grid-row .grid-row-cell.flexslider-box { width: 100%; padding: 0; }

    body.home-page #allSectionsWrapper .section.grid-text-section .section-title h2 { margin-bottom: 32px; }
    body.home-page #allSectionsWrapper .section.grid-text-section[data-id="24137"] .section-title h2 { font-size: 20px; line-height: 1; letter-spacing: 0.2px; }

    body.home-page #allSectionsWrapper .section.grid-image-section { display: none; }

    body.about #GridTop .top-caption img.bannerLogo { object-fit: contain; margin-bottom: 0px; }

    body.about #allSectionsWrapper .section.grid-row-section .grid-rows { position: relative; }
    body.about #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { position: static; top: 0; background: var(--black); }
    body.about #allSectionsWrapper .section.grid-row-section[data-id="24142"] { padding-bottom: 0; }
    body.about #allSectionsWrapper .section.grid-row-section[data-id="24142"] .grid-rows .grid-row .grid-row-cell.flexslider-box { padding-inline: 16px; }
    body.about #allSectionsWrapper .section.grid-row-section:last-child .grid-row-cell.grid-row-cell-text { background-image: none; background-color: var(--dark-black); }

    body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows { position: relative; }
    body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { position: sticky; top: var(--headerHeight); background: var(--black); }
    body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text { text-align: start; padding: 30px 24px; }
    body.franchise-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin-bottom: 16px; }

    body.brands #allSectionsWrapper .section.grid-gallery-section { padding: 20px; }
    body.brands #allSectionsWrapper .section.grid-gallery-section .gallery-container .gallery-cubes { grid-template-columns: repeat(2,1fr); gap: 12px; }
    body.brands #allSectionsWrapper .section.grid-gallery-section .gallery-container .gallery-cubes > div { width: 100%; height: 108px; }

    body.contact #LobbyModule { margin-top: var(--headerHeight); }
    body.contact #LobbyModule .section.grid-form-section { }
    body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText { flex-direction: row; flex-wrap: wrap; /* display: block; */ gap: var(--gap-8); }
    body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText p { display: inline-block; width: fit-content; min-width: 0; font-size: 14px; display: flex; flex-direction: row; align-items: center; }
    body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText p img { width: 22px; padding: 4px; object-fit: contain; margin-inline-end: 8px; }

    body.mood #GridTop .top-caption img.bannerLogo { object-fit: contain; }
    body.mood #allSectionsWrapper .section.grid-text-section { padding-block: 56px; padding-inline: 20px; gap: 32px; }
    body.mood #allSectionsWrapper .section.grid-text-section { background-image: url("https://media.getmood.io/warehouse/dynamic/731044.svg"); background-position: top; background-size: contain; }
}

@media(min-width: 1025px) {
    body.brands #allSectionsWrapper .section.grid-gallery-section .gallery-container .gallery-cubes > div:hover { background: var(--blue); }
    body.brands #allSectionsWrapper .section.grid-gallery-section .gallery-container .gallery-cubes > div:hover a.boxes-images-outer-image { transform: scale(1.1); }

    body.franchise-page #allSectionsWrapper .section.grid-text-section .section-title { width: 35%; }

    body.mood #GridTop .top-caption img.bannerLogo { width: 28.125vw; }
}
/**/

/*------------------------------------------/*
 MEDIA - PAGE
/*------------------------------------------*/
#ContentGridReadMoreModule { margin-top: calc(var(--headerHeight) + var(--gap-60)); }
#GridContent:has(#ContentGridReadMoreModule) { background: var(--black); }
#ContentGridReadMoreModule #pageview { margin: 0; }
#ContentGridReadMoreModule #pageview #headline { font-size: unset; margin-bottom: var(--gap-50); }
#ContentGridReadMoreModule #pageview #headline h1 { color: white; }
#ContentGridReadMoreModule #pageview .normal-grid { display: grid; grid-template-columns: repeat(4,1fr); padding-inline: var(--gap-180); gap: var(--gap-24); border-radius: 2px; overflow: hidden; padding-bottom: var(--gap-120); }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item { width: 100%; padding: 0; background: white; position: relative; float: none !important; margin: 0; }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .date-link:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: var(--gap-4); background: var(--blue); transition: 0.3s ease all; z-index: 1; }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item > a { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box { margin: 0; text-align: start; padding: 0; }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box { }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .grid-short-box-image { padding: 0; text-align: center; padding-block: var(--gap-24); }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .grid-short-box-image img.cube-bg { position: static; transform: unset; width: 100%; padding-inline: var(--gap-60); }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box > a { padding-block: var(--gap-32) var(--gap-24); display: block; }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box > a .grid-short-box-label { margin: 0; padding: 0; padding-inline: var(--gap-32); color: var(--black); font-family: var(--font-1); }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box > a .grid-short-box-fulltext { padding-inline: var(--gap-32); }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box > a .grid-short-box-fulltext .grid-short-box-subtitle { min-height: var(--gap-80); }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .date-link { padding: var(--gap-32); border-top: 1px solid var(--stroke); display: flex; justify-content: space-between; position: relative; }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .date-link a { z-index: 2; }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .date-link a:last-child { color: var(--black); border-bottom: 1px solid var(--black); line-height: 1.45; letter-spacing: 0.18px; }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .date-link a:last-child:after { content: ""; }
#ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .date-link a:last-child:after { content: url("https://media.getmood.io/warehouse/dynamic/728467.svg"); margin-inline-start: var(--gap-10); }

@media(max-width: 1025px) {
    #ContentGridReadMoreModule #pageview .normal-grid { padding-inline: 20px; grid-template-columns: repeat(2,1fr); padding-block: 0 56px; }
    #ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item { min-width: 162px; }
    #ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box { height: 100%; display: flex; flex-direction: column; }
    #ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box > a { padding-block: 24px; }
    #ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box > a .grid-short-box-label { text-align: center; font-family: var(--font-3); font-size: 16px; }
    #ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box > a .grid-short-box-fulltext { text-align: center; padding-inline: 13px; }
    #ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .grid-short-box-image img.cube-bg { padding-inline: 13px; }
    #ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .date-link { padding-block: 10px; padding-inline: 24px; flex-direction: column; text-align: center; gap: var(--gap-10); margin-top: auto; }
    #ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .date-link a p { font-size: 14px; }
    #ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item .grid-short-box .date-link a:last-child { font-family: var(--font-3); }
}

@media(min-width: 1026px) {
    #ContentGridReadMoreModule #pageview .normal-grid .gridshort-view-item:hover .grid-short-box .date-link::after { height: 100%; }
}
/**/
/*BRANDS-HEADER*/
.section.grid-gallery-section.brands-header { position: fixed; top: var(--headerHeight); z-index: -1; opacity: 0; transition: 0.3s ease all; }
.section.grid-gallery-section.brands-header .gallery-container .gallery-cubes { flex-wrap: wrap; background: var(--black); gap: var(--gap-24); justify-content: flex-end; padding: var(--gap-40); }
.section.grid-gallery-section.brands-header .gallery-container .gallery-cubes > div { width: var(--gap-180); height: var(--gap-90); }
.section.grid-gallery-section.brands-header .gallery-container .gallery-cubes > div .boxes-images-outer-image { background-repeat: no-repeat; aspect-ratio: unset; height: 100%; transition: 0.3s ease all; }
.section.grid-gallery-section.brands-header .gallery-container .gallery-cubes > div:hover .boxes-images-outer-image { transform: scale(1.1); }
:is(#main-header, #main-header.bg) .header-container .header-center .header-buttons a.brands-btn { }
.section.grid-gallery-section.brands-header { pointer-events: none; }
body:has(.brands-btn:hover) .section.grid-gallery-section.brands-header { z-index: 1; opacity: 1; }
body.brands-menu-active .section.grid-gallery-section.brands-header { z-index: 99; /* Higher than header if needed */ opacity: 1; pointer-events: auto; /* Ensure we can interact with it */ }
body.brands-menu-active :is(#main-header, #main-header.bg) .header-container .header-center .header-buttons .brands-btn-wrapper .arrow { transform: rotate(180deg); }


/*------------------------------------------/*
 PAGE 404
/*------------------------------------------*/
body:has(.page-not-found) { background: var(--dark-black); }
body:has(.page-not-found) #PageBreadCrumps { display: none; }
body:has(.page-not-found) #SiteGridContainer { align-content: center; background-position: top; background-size: contain; background-repeat: no-repeat; }
body:has(.page-not-found) #SiteGrid { height: 72vh; align-content: center; }
.page-not-found #headline { font-size: unset; margin: 0; }
.page-not-found #headline h1 { color: var(--white); margin: 0; }
.page-not-found #subheadline { width: 35%; margin-inline: auto; padding-block: var(--gap-48); }
.page-not-found #subheadline h2 { color: white; margin: 0; }
.page-not-found #text1 p { display: flex; justify-content: center; }
.page-not-found #text1 a.tiny-btn { padding-block: var(--gap-12); }
.page-not-found #text1 p a { align-content: center; color: transparent; padding-inline: 16px; white-space: nowrap; min-width: fit-content; }

@media(min-width: 1025px) {
    .page-not-found #text1 p a:hover { background: var(--dark-blue) !important; }
}

@media(max-width: 1025px) {
    .page-not-found #headline h1 { font-size: 20px; letter-spacing: 0.2px; line-height: 1; font-family: var(--font-3); }
    .page-not-found #subheadline { padding-block: 20px; width: 100%; padding-inline: 20px; }
    .page-not-found #subheadline { padding-block: 48px; }
    .page-not-found #subheadline h2 { letter-spacing: normal; color: white; font-size: 16px; }
    .page-not-found #text1 p a { color: var(--black); font-size: 18px; }
}

/*------------------------------------------/*
 FORM RESULT PAGE
/*------------------------------------------*/
body.FormResultPage { background: var(--dark-black); }
#SiteGridContainer:has(#FormResultPage) { align-content: center; height: 100vh; }
#FormResultPage #headline { font-size: unset; margin-bottom: var(--gap-48); color: white; }
#FormResultPage #text1 a.FormResultPageButton { margin-top: var(--gap-48) !important; background: var(--blue); }
#FormResultPage #text1 p { color: var(--white); }

@media(min-width: 1025px) {
    #FormResultPage #text1 { width: 20%; }
    #FormResultPage #text1 a.FormResultPageButton:hover { background: var(--dark-blue); }
}

@media(max-width: 1025px) {
    #FormResultPage { padding-inline: 24px; }
    #FormResultPage div#headline { margin-bottom: 48px; }
    #FormResultPage #text1 a.FormResultPageButton { margin-top: var(--gap-48) !important; align-content: center; width: fit-content; }
    #SiteGridContainer:has(#FormResultPage) { min-height: unset; height: 72vh; }
    /*    #SiteGridContainer:has(#FormResultPage) { background-image: url("https://media.getmood.io/warehouse/dynamic/706275.webp"); background-position: top; background-repeat: no-repeat; background-size: cover; }*/
}

/*------------------------------------------/*
 ACCESSABILITY
/*------------------------------------------*/
/*#SiteGridContainer:has(#accessability) { background-image: url("https://media.getmood.io/warehouse/dynamic/706273.webp"); background-position: top; background-repeat: no-repeat; background-size: contain; }*/

#accessability { width: 41.667vw; margin-inline: auto; margin-top: calc(var(--headerHeight) + var(--gap-140)); margin-bottom: var(--gap-140); }
#accessability #headline { margin-block: 0 var(--gap-48); }
#accessability #headline h1 { color: var(--black); }
#accessability #text1 { margin: 0; max-width: 100%; }
#accessability #text1 > * { text-align: start; }
#accessability #text1 h2 { text-align: start; margin-block: var(--gap-48) var(--gap-32); }
#accessability #text1 ul.accessability-list { list-style: none; padding: 0; color: var(--text-grey); }
#accessability #text1 ul.accessability-list li { display: flex; align-items: center; color: var(--text-grey); }
#accessability #text1 ul.accessability-list li:before { content: ""; min-width: var(--gap-4); height: auto; aspect-ratio: 1; display: inline-block; background: var(--black); border-radius: 50%; vertical-align: middle; margin-inline-end: var(--gap-8); }
#accessability #text1 > :is(p, ul li) { color: var(--text-grey); }

body.accessabilityMainPage #main-header { background: rgba(247, 247, 247, 0.88); backdrop-filter: blur(40px); }

@media(min-width: 1025px) {
    #accessability #text1 h2:first-child { margin-top: 0; }
}

@media(max-width: 1025px) {
    #accessability { width: 100%; padding-inline: 20px; margin-bottom: 72px; margin-top: 115px; text-align: start; }
    #accessability #headline { margin-block: 0; font-size: unset; text-align: start; }
    #accessability #headline h1 { margin-bottom: 48px; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-family: var(--font-1); font-size: 18px; letter-spacing: 0.18px; line-height: 1.45; }
    #SiteGridContainer:has(#accessability) { background-image: none; }
}

/*------------------------------------------/*
 PRIVACY
/*------------------------------------------*/
body.privacy #SiteGridContainer { background-position: top; background-repeat: no-repeat; background-size: contain; }

body.privacy #ContentRegularModule { width: 41.667vw; margin-inline: auto; margin-bottom: var(--gap-140); }
body.privacy #headline { margin-block: calc(var(--headerHeight) + var(--gap-140)) var(--gap-40); }
body.privacy #headline h1 { color: var(--black); margin: 0; }
body.privacy #text1 { margin: 0; max-width: 100%; }
body.privacy #text1 > * { text-align: start; }
body.privacy #text1 h2 { text-align: start; margin-block: var(--gap-16); }
body.privacy #text1 ul.accessability-list { list-style: none; padding: 0; color: var(--text-grey); }
body.privacy #text1 ul.accessability-list li { display: flex; align-items: center; color: var(--text-grey); }
body.privacy #text1 ul.accessability-list li:before { content: ""; width: var(--gap-6); height: auto; aspect-ratio: 1; display: inline-block; background: var(--blue-100); border-radius: 50%; vertical-align: middle; margin-inline-end: var(--gap-16); }
body.privacy #text1 ul li { color: var(--text-grey); }
body.privacy #text1 > :is(p, ul li) { color: var(--text-grey); }

@media(min-width: 1025px) {
    body.privacy #text1 h3 { font-family: var(--font-3); margin-bottom: var(--gap-12); }
}

@media(max-width: 1025px) {
    body.privacy #ContentRegularModule { width: 100%; padding-inline: 20px; margin-bottom: 72px; }
    body.privacy #headline { margin-bottom: 72px; margin-top: 115px; }
    body.privacy #headline h1 { text-align: start; }
    body.privacy :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-family: var(--font-3); font-size: 18px; letter-spacing: 0.18px; line-height: 1.45; margin-block: var(--gap-48) var(--gap-32); }
    body.privacy #ContentRegularModule #subheadline { text-align: start; font-family: var(--font-3); font-size: 15px; }
}

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