/* NAYOT */

:root { --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-24: 1.25vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-48: 2.5vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-100: 5.208vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-160: 8.333vw; --gap-180: 9.375vw; --gap-200: 10.417vw; --gap-220: 11.458vw; --gap-240: 12.5vw; --fs-12: 0.625vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-18: 0.938vw; --fs-20: 1.042vw; --fs-24: 1.25vw; --fs-26: 1.354vw; --fs-32: 1.667vw; --fs-56: 2.917vw; --fs-72: 3.75vw; --fs-80: 4.167vw; --fs-120: 6.25vw; --black: #141516; --gray: #808794; --lgray: #f0f0ec; --fgray: #f4f7f8; --white: #fff; --lgreen: #008e71; --green: #005e48; --dgreen: #004638; --dblue: #1373eb; --yellow: #fec432; --beige: #d0cdbc; --brown: #522e25; --font-1: 'ping-regular-2025'; --font-2: 'ping-heavy'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body { opacity: 0; background: var(--white); transition: 0.3s opacity ease; font-family: var(--font-1) !important; /* line-height: 1; */ font-size: 2rem; zoom: 1 !important; position: relative; }
body { opacity: 0; transition: 1s ease all; }
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%; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
#pageview :is(#text1, #text2) > h2, #headline h1 { position: relative; display: inline-block; max-width: 100%; width: 100%; font-family: var(--font-2); color: var(--black); line-height: 1; }
.grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li),
:is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span,
.section-topText :is(p, li), #catalogText :is(p, li) { font-size: clamp(1.2rem, var(--fs-18), 1000rem); position: relative; line-height: 1.5; color: var(--black); letter-spacing: 0.18px; }
.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; z-index: 1; }
body:not(.home-page) #SiteGrid { overflow-x: clip; padding-top: var(--headerHeight); }
body:not(:has(#GridTop.noTopImage)) #SiteGrid { padding: 0; }
#SiteGridContainer { position: unset; }
#GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; }
#allSectionsWrapper { z-index: 2; background: white; }
.sections .section, section.section { margin-bottom: 0; background: transparent; padding: 0; max-width: var(--app-width); width: 100%; }
.grid-rows .grid-row { background: inherit; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container,
.grid-short-box-image .image-container { position: relative; height: 100%; }
.grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; }
.grid-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 .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: inherit; outline: none !important; }
#lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; }
#LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; }
#text1 p:last-child { margin: 0; }
#GridPage { padding: 0; }
#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; }
.catalogContainer.container { width: 100%; padding: 0; margin: 0; }
.RelatedItemsWrapper.row { display: none; }
.row { margin: 0; }
#GridTop.noTopImage, .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after,
.grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after,
.gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before,
.clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before,
.container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after,
.form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after,
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before,
.navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after,
.pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after,
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before,
.container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before,
.btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before,
.navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after,
.panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { /* display: none !important; */ }
/*.swiper-scrollbar.swiper-scrollbar-0 { display: none; }*/
#GridTop, #GridTop.blog { height: 32.292vw; background-repeat: no-repeat; background-size: cover; }
#GridTop.noTopImage.longer { height: 0; overflow: hidden; }

#PageBreadCrumps, .lobby-grid #PageBreadCrumps { color: var(--black); font-size: clamp(1rem, var(--fs-15), 1000rem); line-height: 1.4; letter-spacing: 0.3px; padding: var(--gap-20) var(--gap-20) var(--gap-100); margin: 0; max-width: unset; display: inline-flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; }
#PageBreadCrumps span { display: inline-flex; }
#PageBreadCrumps span::after { margin: 0 5px; content: "/"; }
#PageBreadCrumps span a:hover { color: inherit; }

.categories-strip { background: transparent; /* margin-top: var(--gap-6); */ }
.categories-strip .mobile-strip { display: none; }
.categories-strip ul.hidden-xs { display: flex !important; gap: var(--gap-8); flex-wrap: wrap; justify-content: center; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06); padding-block: var(--gap-6); }
.categories-strip ul.hidden-xs li { background: transparent; padding: 0; display: inline-flex; scroll-snap-align: center; }
.categories-strip ul.hidden-xs li:first-child { /* display: none; */ }
.categories-strip ul.hidden-xs li a { color: var(--black); padding: 0; font-size: clamp(1.2rem, var(--fs-16), 1000rem); letter-spacing: 0.16px; white-space: nowrap; transition: 0.3s all ease; text-decoration: unset; position: relative; line-height: 1.5; }
.categories-strip ul.hidden-xs li.active a { background: var(--yellow); font-family: var(--font-2); }
.categories-strip nav.menu-tags-list ul li a { padding: var(--gap-16) var(--gap-28); border-radius: 3px; font-size: clamp(16px,var(--fs-16),300px); }

body { background: var(--lgray); }
.brown-bg { background: var(--brown); }
.green-bg { background: var(--green); }
.yellow-bg { background: var(--yellow); }

#SiteGrid > div { position: relative; }
#SiteGrid > div #allSectionsWrapper { position: sticky; top: 0; }
#SiteGrid > div #home-gallery { position: sticky; top: 0%; }

body:not(.home-page) #SiteGrid > * { position: sticky; top: 0; background: white; background-position: center; background-repeat: no-repeat; background-size: cover; }


.loader-wrapper { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; transition: 1s ease all; transition-delay:0.6s; background: var(--lgreen); }
.loader-wrapper.shown { transform: translateY(-150%); background: var(--lgreen); }
.loader-wrapper #heroLoader { display: block; position: absolute; width: 100%; top: -10%; }

@media(min-width: 1026px) {
    #SiteGridContainer { min-height: 42vw; }
    #BlogModule { overflow: visible; }

    .categories-strip ul.hidden-xs li:is(:hover, :focus) a { background: var(--fgray); /* font-family: var(--font-2); */ }
    .loader-wrapper #heroLoader { height: 100svh; top: 0; }
}

@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-48: 48px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-26: 26px; --fs-32: 32px; --fs-44: 44px; --fs-56: 56px; }

    .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: max(var(--fs-16),2.571vw); line-height: 1.5; }

    #GridTop, #GridTop.blog { height: auto; aspect-ratio: 1; }
    .sections .section, section.section { max-width: unset; }
    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: var(--fs-14); padding: var(--gap-12) var(--gap-24) var(--gap-40); justify-content: center; }

    .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); }

    .loader-wrapper { left: 135%; top: 10%; height: 100vh; transition-delay: 1.5s; }
    .loader-wrapper lottie-player#heroLoader { }
    .loader-wrapper lottie-player#heroLoader svg { height: 100vh !important; width: 372% !important; }
}
/* TABLET */
@media (min-width: 600px) and (max-width: 1024px) {
    img.desktopBanner { width: 100%; }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .loader-wrapper #heroLoader { top: unset; }
    #home-gallery .TopVideo { width: 134vw; }
}


/*------------------------------------------/*
 HEADER - PREFIX
/*------------------------------------------*/
#main-header .header-container .header-right .menu-nav ul#menu { color: white; margin: 0; align-items: center; padding-inline: var(--gap-28); gap: var(--gap-20); }
:is(#main-header.bg, #main-header:has(.menu-sub.open)) .header-container .header-right .menu-nav ul#menu { color: var(--black); }
#main-header:has(.menu-sub.open) { background: var(--white); }
#main-header .header-container .header-right .menu-nav ul#menu > li { font-size: clamp(1.2rem, var(--fs-16), 1000rem); letter-spacing: 0.6px; transition: 0.3s all ease; padding-inline: 0; }
#main-header .header-container .header-right .menu-nav ul#menu > li.active { font-family: var(--font-2) }
#main-header .header-container .header-right .menu-nav ul#menu > li > a { color: inherit; opacity: 1 !important; text-decoration: unset; display: flex; align-items: center; gap: var(--gap-4); font-size: clamp(14px,var(--fs-16),300px); }
#main-header .header-container .header-right .menu-nav ul#menu > li.has-sub:not(.visible-mobile) { display: inline-flex; gap: var(--gap-6); align-items: center; }
#main-header .header-container .header-right .menu-nav ul#menu > li.has-sub::before { content: ''; width: 100%; position: absolute; top: 100%; left: 0; height: var(--gap-30); }
#main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub { background: var(--white); color: var(--black); padding: 0 var(--gap-16) var(--gap-16); border: unset; min-width: unset !important; top: calc(100% + var(--gap-30)); right: unset; left: unset; inset-inline-end: 50%; transform: translateX(-50%); list-style: none; display: none !important; width: var(--app-width); position: fixed; text-align: center; }
#main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub.open { display: flex !important; }
#main-header .header-container .header-right .menu-nav ul#menu > li.social-mobile { display: none; }
#main-header .header-container .header-right .header-shop-icons { gap: var(--gap-12); }
#main-header .header-container .header-right .header-shop-icons :is( .navShopBtn > a, .navShopBtn > button) { background-repeat: no-repeat; background-position: center; background-size: contain; }
:is(#main-header.bg, #main-header:has(.menu-sub.open)) .header-container .header-right .header-shop-icons :is( .navShopBtn > a, .navShopBtn > button) { filter: invert(1); }
#main-header .header-container .header-right .header-shop-icons .navShopBtn svg { opacity: 0; width: var(--gap-24); }
#main-header .header-container .header-right .header-shop-icons .userBtn > button { background-image: url(/warehouse/dynamic/615383.svg); order: 1; }
#main-header .header-container .header-right .header-shop-icons .wishlistBtn > a { background-image: url(/warehouse/dynamic/615384.svg); }
#main-header .header-container .header-right .header-shop-icons .cartBtn > button { background-image: url(/warehouse/dynamic/615381.svg); }
#main-header .header-container .header-right .header-shop-icons .cartBtn .cartItemsCounter { right: unset; left: var(--gap-14); bottom: unset; top: -0.3vw; width: var(--gap-20); height: auto; aspect-ratio: 1; background: var(--black); color: var(--white); filter: invert(1); display: flex; align-items: center; justify-content: center; }
#main-header .header-container .header-right .header-shop-icons .cartBtn .cartItemsCounter span.CartItems { font-size: var(--fs-12); left: unset; top: unset; transform: unset; position: relative; padding-top: var(--gap-4); }
#main-header .header-container .header-right .header-shop-icons :is(.navShopBtn, .navShopBtn a, .navShopBtn button) { padding: 0; }
#main-header .header-container .header-left { gap: var(--gap-8); flex-direction: row; }
#main-header .header-container .header-left a.logoHeader { padding-inline: var(--gap-20) 0; display: inline-flex; z-index: 1010; }
#main-header .header-container .header-left a.logoHeader img { width: 7.1vw; }
:is(#main-header.bg, #main-header:has(.menu-sub.open)) .header-container .header-left a.logoHeader img { filter: invert(1); }
#main-header .header-container .header-left .header-search { display: flex; align-items: center; }
#main-header .header-container .header-left .header-search .search { flex-direction: row; padding-inline: var(--gap-24); }
#main-header .header-container .header-left .header-search .toggle-search button { background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/624902.svg); background-size: contain; /* width: 60px; */ }
#main-header .header-container .header-left .header-search .toggle-search button svg { opacity: 0; width: var(--gap-28); height: 55px; }
#main-header .header-container .header-left .header-search .toggle-search button.toggle-close { background-image: url(/warehouse/dynamic/587284.svg); filter: invert(1); }
/*:is(#main-header.bg, #main-header:has(.menu-sub.open)) .header-container .header-left .header-search .toggle-search button { filter: invert(1); }*/
:is(#main-header.bg, #main-header:has(.menu-sub.open)) .header-container .header-left .header-search .toggle-search button.toggle-close { filter: unset; }
#main-header .header-container .header-search #quick-search-container { top: calc(100% + var(--gap-8)); opacity: 0; width: 100%; left: unset; overflow: hidden; box-shadow: 1px 1px 9px 0px rgba(0, 0, 0, 0.02), 0px 4px 20px 0px rgba(0, 0, 0, 0.05); inset-inline-end: 0; }
#main-header .header-container .header-search #quick-search-container:has(.searchResultsList) { opacity: 1; }
#main-header .header-container .header-search #quick-search-container #SearchResultContainer ul.searchResultsList { margin: 0; padding: var(--gap-24) var(--gap-16); display: flex; flex-direction: column; position: relative; background: var(--white); color: var(--black); }
#main-header .header-container .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a { background: transparent; padding: var(--gap-8) 0 0; font-size: clamp(1.2rem, var(--fs-16), 1000rem); line-height: 1.5; letter-spacing: 0.18px; }
#main-header .header-container .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a .resultArrow { display: none; }
#main-header .header-container .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a b { font-weight: unset; font-family: var(--reg); }
#main-header .header-container .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a img { width: 5.25vw; margin: 0; height: auto; aspect-ratio: 1; }
#main-header .header-container .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem:first-child a { padding-top: 0; }
#main-header .header-container .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem { padding-top: var(--gap-8); text-align: end; }
#main-header .header-container .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem a { font-family: var(--font-2); font-size: clamp(1.2rem, var(--fs-16), 1000rem); letter-spacing: 0.18px; text-decoration: underline; text-underline-offset: var(--gap-4); color: var(--black); }

#SiteContainer::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; z-index: 1000; opacity: 0; transition: 0.3s all ease; pointer-events: none; }

@media(min-width:1026px) {
    body:has(.menu-sub.open) #SiteContainer::before { opacity: 0.12; }

    #main-header, #main-header.bg { background: transparent; }
    .home-page #main-header:not(.bg) .header-container { background: linear-gradient(180deg, rgba(20, 21, 22, 0.4) 0%, rgba(20, 21, 22, 0.00) 100%); ColorsHexHexBackground colors; ColorsHexHexBackground colors; ColorsHexHexBackground colors; ColorsHexHexBackground colors; ColorsHexHexBackground colors; /* backdrop-filter: unset; */ }
    #main-header .header-container, #main-header.bg .header-container { transition: 0.3s all ease; background: var(--red); padding: var(--gap-24); background: rgba(255, 255, 255, 0.90); backdrop-filter: blur(4.5px); }
    #main-header .header-container .header-right .menu-nav { position: static; /* transform: unset; */ left: 81%; top: 65%; /* transform: translate(-50%,-50%); */ /* max-width: 65%; */ /* background: white; */ backdrop-filter: blur(100px); transition: all 0.3s ease; }
    #main-header .header-container .header-right .menu-nav ul#menu > li.has-sub:not(.visible-mobile) > i { display: none; }
    #main-header .header-container .header-right .menu-nav ul#menu > li:is(:hover, :focus) { font-family: var(--font-2) }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup { width: 100%; justify-content: center; }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup h3.menuGroupTitle { display: none; }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup .megaMenuSub { font-family: var(--font-1); display: flex; font-size: clamp(1rem, var(--fs-18), 1000rem); line-height: 1.5; letter-spacing: 0.18px; color: var(--black); gap: var(--gap-8); width: 100%; justify-content: center; }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup .megaMenuSub li.megaMenuSubItem > a { display: block }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup .megaMenuSub li.megaMenuSubItem:hover a { font-family: var(--font-2); }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup .megaMenuSub li.megaMenuSubItem.megaMenuSubItemHasImg { max-width: 24vw; display: flex; flex-direction: column; gap: var(--gap-20); flex-grow: 1; width: 100%; }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup .megaMenuSub li.megaMenuSubItem.megaMenuSubItemHasImg .megaMenuSubItemImage { display: flex; flex-grow: 1; width: 100%; height: auto; aspect-ratio: 4.65/4.3; }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup .megaMenuSub li.megaMenuSubItem.megaMenuSubItemHasImg .megaMenuSubItemImage a { width: 100%; height: 100%; overflow: hidden; }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup .megaMenuSub li.megaMenuSubItem.megaMenuSubItemHasImg .megaMenuSubItemImage img { width: 100%; height: 100%; transform: scale(1.02); transition: 0.35s all ease; }
    #main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup .megaMenuSub li.megaMenuSubItem.megaMenuSubItemHasImg:hover .megaMenuSubItemImage img { transform: scale(1.05); }
    #main-header .header-container .header-right .menu-nav ul#menu > li > a:before { content: ""; display: inline-block; width: 4px; height: 12px; background: var(--yellow); opacity: 0; transition: 0.3s ease all; }
    #main-header .header-container .header-right .menu-nav ul#menu > li > a:hover:before { opacity: 1; }
    #main-header .header-container .header-right .menu-nav ul#menu > li:not(.active) > a:hover { font-family: var(--font-1); font-weight: unset; }

    #main-header .header-container .header-left .header-search .search #searchFormHeaderContainer { width: 100%; /* padding: var(--gap-32); */ }
    #main-header .header-container .header-left .header-search .search #searchFormHeaderContainer .searchSubmitWrapper { background-image: url(/warehouse/dynamic/615992.svg); background-repeat: no-repeat; background-position: center; background-size: contain; width: var(--gap-24); left: unset; inset-inline-start: var(--gap-14); }
    #main-header .header-container .header-left .header-search .search #searchFormHeaderContainer .searchSubmitWrapper svg { opacity: 0; }
    #main-header .header-container .header-left .header-search .search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a:is(:hover, :focus) { font-family: var(--font-2); }
    #main-header .header-container .header-left .header-search .search #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { background: transparent; color: var(--white); font-size: clamp(1.2rem, var(--fs-16), 1000rem); padding: 0; border-bottom: 1px solid; text-align: start; }
    :is(#main-header.bg, #main-header:has(.menu-sub.open)) .header-container .header-left .header-search .search #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { color: var(--black); }
    #main-header .header-container .header-left .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a { font-size: var(--fs-16); }
    #main-header .header-container .header-left .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem a { font-size: var(--fs-16); }
}

@media(max-width: 1025px) {
    body:has(#main-header.open) #
    tainer::before { opacity: 0.3; }

    #main-header, #main-header.bg { background: transparent; }
    #main-header .header-container, #main-header.bg .header-container { transition: 0.3s all ease; background: #ffffffe8; padding: var(--gap-16); height: var(--gap-56); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.07); Colors Hex Hex Background colors #FFFFFF · 90%; padding-inline-end: var(--gap-4); padding-block: var(--gap-4); }
    #main-header .header-container { border-radius: 4px; }
    #main-header.open .header-container { background: var(--white); }
    #main-header .header-container .header-left { display: none; }
    #main-header .header-container .header-center { position: absolute; inset-inline-end: 50%; top: 50%; transform: translate(-50%,-50%); }
    #main-header .header-container .header-center a.logoHeader img { width: var(--gap-90); filter: invert(1); }
    #main-header .header-container .header-right { width: 100%; }
    #main-header .header-container .header-right .header-shop-icons { gap: var(--gap-8); padding: 0; height: auto; border: unset; }
    #main-header .header-container .header-right .header-shop-icons .navShopBtn svg { width: var(--gap-20); }
    #main-header .header-container .header-right .header-shop-icons :is( .navShopBtn > a, .navShopBtn > button) { filter: invert(1); }
    #main-header .header-container .header-right .header-shop-icons .cartBtn .cartItemsCounter { left: -6px; top: -6px; width: var(--gap-16); }
    #main-header .header-container .header-right .header-shop-icons .cartBtn .cartItemsCounter span.CartItems { font-size: 1.2rem; }
    #main-header .header-container .header-right .header-right-content { width: 100%; margin-inline-start: var(--gap-16); justify-content: end; flex-direction: row-reverse; gap: 20px; height: 100%; }
    #main-header .header-container .header-right .header-right-content .header-search .search .toggle-search { display: flex; }
    #main-header .header-container .header-right .header-right-content .header-search .search .toggle-search .toggle-open { background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/616037.svg); filter: invert(1); }
    #main-header .header-container .header-right .header-right-content .header-search .search .toggle-search .toggle-open svg { opacity: 0; }
    #main-header .header-container .header-right .header-right-content .header-search .search .toggle-search .toggle-close { background-image: url(/warehouse/dynamic/587284.svg); background-repeat: no-repeat; background-position: center; }
    #main-header .header-container .header-right .header-right-content .header-search .search .toggle-search .toggle-close svg { opacity: 0; }
    #main-header .header-container .header-search .search #quick-search-container { top: calc(100% - var(--gap-4)) !important; width: calc(100% - var(--gap-20)); }
    #main-header .header-container .header-search .search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a { font-size: var(--fs-16); }
    #main-header .header-container .header-search .search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a b { font-weight: unset; font-family: var(--reg); }
    #main-header .header-container .header-search .search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a img { width: var(--gap-64); }
    #main-header .header-container .header-search .search #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem a { font-size: var(--fs-16); }

    #main-header .header-container .header-right .menu-nav ul#menu { opacity: 0; pointer-events: none; visibility: hidden; transition: 0.5s all ease; overflow: unset; position: fixed; margin: 0; top: var(--headerHeight); right: unset; left: unset; inset-inline: 0; padding: var(--gap-16) !important; min-width: unset; width: var(--app-width); height: calc(100svh - var(--headerHeight)) !important; ) !important; ) !important; ) !important; ) !important; ) !important; height: fit-content !important; min-height: unset; background: var(--white); overflow-y: auto; display: flex !important; !i; flex-direction: column; gap: var(--gap-24); transform: unset; list-style: none; }
    #main-header.open .header-container .header-right .menu-nav ul#menu { pointer-events: all; visibility: visible; opacity: 1; text-align: center; width: 95%; margin-inline: auto; border-radius: 8px; height: fit-content !important; transition: all 0.3s ease; }
    #main-header .header-container .header-right .menu-nav ul#menu li { height: auto; margin: 0; font-size: var(--fs-16); width: 100%; color: var(--black); padding: 0; }
    #main-header .header-container .header-right .menu-nav ul#menu > li { letter-spacing: 0.48px; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; text-decoration: unset; }
    #main-header .header-container .header-right .menu-nav ul#menu li::before { display: none; }
    #main-header .header-container .header-right .menu-nav ul#menu li.active { background: transparent; }
    #main-header .header-container .header-right .menu-nav ul#menu li a { font-size: 100%; position: relative; line-height: 1; transition: 0.3s all ease; }
    #main-header .header-container .header-right .menu-nav ul#menu li a::before { display: none; }
    #main-header .header-container .header-right .menu-nav ul#menu > li:not(.megaMenuSection):is(.active, :hover, :focus) > a, #main-header .header-container .header-right .menu-nav ul#menu > li.has-sub:not(.has-megamenu, .megaMenuSection) ul.menu-sub li:is(.active, :hover, :focus) a { }
    #main-header .header-container .header-right .menu-nav ul#menu > li:not(.megaMenuSection).active i.opensub { color: var(--blue); }
    #main-header .header-container .header-right .menu-nav ul#menu > li.has-sub:not(.has-megamenu, .megaMenuSection) i.opensub { background-image: url(/warehouse/dynamic/616889.svg); background-repeat: no-repeat; background-position: center; background-size: contain; width: var(--gap-12); height: var(--gap-14); transform: rotate(-90deg); }
    #main-header .header-container .header-right .menu-nav ul#menu > li.has-sub:not(.has-megamenu, .megaMenuSection) i.opensub::before { opacity: 0; }
    #main-header .header-container .header-right .menu-nav ul#menu > li.has-sub:not(.has-megamenu, .megaMenuSection) i.opensub.fa-angle-up { transform: rotate(90deg); }
    #main-header .header-container .header-right .menu-nav ul#menu > li.has-sub:not(.has-megamenu, .megaMenuSection) ul.menu-sub { background: transparent; margin: 0; top: unset; list-style: none; }
    #main-header .header-container .header-right .menu-nav ul#menu > li.has-sub:not(.has-megamenu, .megaMenuSection) ul.menu-sub li { padding: 0; margin-top: var(--gap-8); font-family: var(--reg); text-decoration: unset; }
    #main-header .header-container .header-right .menu-nav ul#menu > li.has-sub:not(.has-megamenu, .megaMenuSection) ul.menu-sub li:first-child { margin-top: var(--gap-16); }
    #main-header .header-container .header-right .menu-nav ul#menu > li > button,
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup > button { padding: 0; height: var(--gap-14); width: var(--gap-14); display: flex; z-index: 1; align-items: center; justify-content: center; background-image: url(/warehouse/dynamic/629554.svg); background-repeat: no-repeat; background-position: center; background-size: contain; }
    #main-header .header-container .header-right .menu-nav ul#menu li button .menuSvgArrowIcon { margin: 0; display: flex; width: 100%; height: 100%; opacity: 0; align-items: center; justify-content: center; }
    #main-header .header-container .header-right .menu-nav ul#menu li button .menuSvgArrowIcon svg { fill: var(--red); width: var(--gap-12); height: var(--gap-14); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection { min-height: unset; height: calc(100svh - (var(--headerHeight) + var(--gap-32))) !important; left: unset; right: unset; inset-inline: 0; transform: unset; display: flex; transition: 0.4s all ease; z-index: 10; overflow: hidden; overflow-y: auto; background: var(--white); align-items: flex-start; opacity: 0; pointer-events: none; visibility: hidden; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection.megaMenuGroupSection { z-index: 20; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection.menu-active { pointer-events: all; visibility: visible; opacity: 1; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer { height: 100%; padding: 0; position: relative; width: 100%; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer:has(a.products) { position: unset; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer > h3 { margin: 0; padding: 0 var(--gap-16); text-align: start; font-size: var(--fs-20); position: relative; display: none; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer > h3::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 1px; width: calc(100% - 48px); background: var(--gray_2); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup { margin-top: var(--gap-16); padding-inline: var(--gap-16); font-size: var(--fs-18); color: var(--black); line-height: 1.5; display: flex; justify-content: space-between; align-items: center; font-family: var(--reg); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu { gap: var(--gap-12); left: unset; height: auto; display: flex; flex-direction: row-reverse; align-items: center; position: relative; top: unset; right: unset; padding: var(--gap-24) var(--gap-24) var(--gap-20); width: 100%; font-size: clamp(1rem, var(--fs-16), 1000rem); )(); justify-content: flex-end; color: var(--black); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu::after { content: ''; position: absolute; inset-inline-end: 50%; transform: translateX(-50%); bottom: 0; width: calc(100% - var( --gap-48)); height: 1px; background: var(--lgray); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu span.arrowIconWrapper { transform: scaleX(-1); width: var(--gap-40); aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--white); box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.06); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu span.arrowIconWrapper .menuSvgArrowIcon { opacity: 1; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenu { padding: 0; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub { background: transparent; margin: 0; display: flex; flex-direction: column; top: unset; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub li.megaMenuSubItem { margin-top: var(--gap-28); font-size: var(--fs-16); line-height: 1.2; letter-spacing: 0.48px; padding: 0 var(--gap-24); display: flex; align-items: center; gap: var(--gap-12); flex-direction: column; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub li.megaMenuSubItem:has(a.products) { margin-top: var(--gap-40); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub li.megaMenuSubItem a.products { background-color: var(--blue); color: var(--white); border: unset; display: flex; line-height: 1.2; width: max-content; font-size: var(--fs-16); transition: 0.3s all ease; border-radius: var(--gap-4); padding: var(--gap-16) var(--gap-24); align-items: center; justify-content: center; font-family: var(--bold); z-index: 1; position: relative; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub li.megaMenuSubItem .megaMenuSubItemImage { width: 100%; overflow: hidden; height: var(--gap-140); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub li.megaMenuSubItem .megaMenuSubItemImage img { height: 100%; width: 100%; object-fit: cover; }

    #main-header svg { width: var(--gap-24); }
    #main-header .menu-nav #nav-toggle { width: var(--gap-20); }
    #nav-toggle span:before { top: -6px; }
    #nav-toggle span:after { bottom: -6px }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: unset; width: var(--gap-20); background: var(--black); }
    #nav-toggle.active span:before, #nav-toggle.active span:after { width: var(--gap-20); }
}

/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
#main-header .header-container .header-left > * { /* padding: var(--gap-24); */ min-height: 60px; max-height: var(--gap-64); }
#main-header .header-container .header-left .header-buttons { background: var(--dgreen); color: white; font-family: var(--font-2); /* padding-inline: var(--gap-40); */ font-size: clamp(16px,var(--fs-16),300px); align-content: center; border-radius: 4px; }
#main-header .header-container .header-left .header-search.search-toggle { background: black; filter: invert(1); border-radius: 3px; height: var(--gap-60); }
#main-header .header-container, #main-header.bg .header-container { background: none; backdrop-filter: none; }
#main-header .header-container .header-right .menu-nav { backdrop-filter: none; background: white; border-radius: 3px; }
#main-header .header-container .header-right .menu-nav ul#menu > li { color: var(--black); }

body:not(.home-page) #main-header .header-container .header-right .menu-nav ul#menu a.logoHeader { background-image: url("https://media.getmood.io/warehouse/dynamic/636399.svg"); max-height: var(--gap-64); display: flex; align-items: center; position: relative; width: var(--gap-64); height: auto; aspect-ratio: 1; }
body:not(.home-page) #main-header .header-container .header-right .menu-nav ul#menu a.logoHeader lottie-player#green-logo { display: block; }
body:not(.home-page) #main-header .header-container .header-right .menu-nav ul#menu a.logoHeader img { opacity: 0; position: absolute; left: 0; }
body:not(.home-page) #main-header .header-container .header-left .header-buttons a .btn-text-wrapper { /* padding-block: var(--gap-24); */ }
body:not(.home-page) #main-header .header-container .header-left .header-buttons a .btn-text-wrapper span.inner-text-container { padding: var(--gap-20) var(--gap-24); }

@media(min-width: 1025px) {
    body:not(.home-page) #main-header .header-container .header-left .header-buttons a { /* padding-inline: var(--gap-40); */ padding-block: 1.146vw; background: var(--dgreen); border-radius: 3px; display: flex; border-radius: 4px; }

    #main-header .header-container .header-right .menu-nav ul#menu a.logoHeader { position: relative; background-image: url(https://media.getmood.io/warehouse/dynamic/650438.svg); background-repeat: no-repeat; background-position: center; background-size: contain; height: fit-content; transition: 0.2s ease all; }
    #main-header .header-container .header-right .menu-nav ul#menu .logo-container { position: relative; height: auto; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; transition: 0.3s ease all; }
    #main-header .header-container .header-right .menu-nav ul#menu .logo-container .up-logo { position: absolute; background-image: url("https://media.getmood.io/warehouse/dynamic/650426.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; width: 100%; height: 30px; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.2s ease all; }
    #main-header .header-container .header-right .menu-nav ul#menu .logo-container:hover .up-logo { transform: translate(-50%,-150%); opacity: 1; }
    #main-header .header-container .header-right .menu-nav ul#menu .logo-container:hover a.logoHeader { transform: scale(0.8); }
    #main-header .header-container .header-right .menu-nav ul#menu .logo-container:hover { transform: translateY(29%); }
}

@media(max-width: 1024px) {
    #main-header { padding: var(--gap-8); margin-left: var(--gap-8); }
    #main-header .header-container, #main-header.bg .header-container { background: white; }
    #main-header .header-container .header-right .header-right-content .header-buttons { height: 100%; display: flex; }
    #main-header .header-container .header-right .header-right-content .header-buttons a { font-size: max(14px,1.667vw); background: var(--green); color: var(--white); padding: var(--gap-16); border-radius: 4px; min-height: 100%; }
    a.logoHeader { position: absolute; right: 15%; /* filter: invert(1); */ position: absolute; right: 15%; /* filter: invert(1); */ background-image: url(https://media.getmood.io/warehouse/dynamic/650438.svg); background-position: center; background-repeat: no-repeat; }
    #main-header.bg a.logoHeader img { opacity: 0; }
    body:not(.home-page) a.logoHeader img { opacity: 0; }
}

/* TABLET */
@media (min-width: 600px) and (max-width: 1024px) {
    #main-header .header-container .header-right .header-right-content .header-buttons { height: unset; }
    #main-header .header-container .header-right .header-right-content .header-buttons a { padding-block: 12px; }
    a.logoHeader { right: 7%; }
}

/*------------------------------------------/*
 HEADER - HOME-PAGE
/*------------------------------------------*/
.home-page #main-header .header-container .header-left > * { padding: var(--gap-24); max-height: 3.281vw; }
.home-page #main-header .header-container .header-left .header-buttons { background: var(--dgreen); color: white; font-family: var(--font-2); padding-inline: 0; font-size: clamp(16px,var(--fs-16),300px); border-radius: 3px; /* min-height: 53px; */ lex; display: flex; align-items: center; }
.home-page #main-header .header-container .header-left .header-buttons a { padding: var(--gap-20); padding-inline: var(--gap-40); background: var(--dgreen); border-radius: 3px; }
.home-page #main-header .header-container .header-left .header-search .toggle-search button { filter: invert(1); }
.home-page #main-header:not(.bg) .header-container .header-right .menu-nav ul#menu a.logoHeader { /* filter: invert(1); */ }
.home-page #main-header .header-container .header-right .menu-nav ul#menu a.logoHeader img { /* display: none; */ }
.home-page #main-header .header-container /*, #main-header.bg .header-container*/ { background: none; backdrop-filter: none; }
.home-page #main-header.bg .header-container .header-right .menu-nav { backdrop-filter: none; background: white; }
.home-page #main-header.bg .header-container .header-right .menu-nav ul#menu { }
.home-page #main-header.bg .header-container .header-right .menu-nav ul#menu a.logoHeader { position: relative; background-image: url("https://media.getmood.io/warehouse/dynamic/650438.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: fit-content; transition: 0.3s ease all; }
.home-page #main-header.bg .header-container .header-right .menu-nav ul#menu a.logoHeader img { opacity: 0; }
.home-page #main-header.bg .header-container .header-left .header-search.search-toggle { background: white; filter: none; }

.home-page #main-header:not(.bg) .header-container .header-right .menu-nav { /* backdrop-filter: blur(50px); */ background: none; }
.home-page #main-header:not(.bg) .header-container .header-right .menu-nav ul#menu { }
.home-page #main-header:not(.bg) .header-container .header-left .header-search.search-toggle .search { filter: invert(1); }
.home-page #main-header .header-container .header-left .header-search .search { padding-inline: 0; }

@media(min-width: 1025px) {
    .home-page #main-header:not(.bg) .header-container .header-right .menu-nav ul#menu li { color: white; }
    .home-page #main-header:not(.bg) .header-container .header-right .menu-nav ul#menu a.logoHeader { background-image: url("https://media.getmood.io/warehouse/dynamic/650440.svg"); }
    .home-page #main-header:not(.bg) .header-container .header-right .menu-nav ul#menu a.logoHeader img { opacity: 0; }
    .home-page #main-header:not(.bg) .header-container .header-right .menu-nav ul#menu .up-logo { background-image: url("https://media.getmood.io/warehouse/dynamic/650441.svg"); }
}

@media(max-width: 1024px) {
    .home-page #main-header:not(.bg) .header-container { background: none; backdrop-filter: blur(50px); }
    .home-page #main-header:not(.bg) .header-container a.logoHeader { background-image: url("https://media.getmood.io/warehouse/dynamic/650440.svg"); }
    .home-page #main-header:not(.bg) .header-container a.logoHeader img { opacity: 0; }
    .home-page #main-header:not(.bg) .header-container .header-right .menu-nav ul#menu { bottom: unset; /* right: -120%; */ /* top: 50px; */ }
    .home-page #main-header:not(.bg) .header-container .header-right .header-right-content .header-search .search .toggle-search .toggle-open { filter: url(); }
    .home-page #main-header:not(.bg) :is(#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after) { filter: invert(1); }
    .home-page #main-header.bg .header-container { background: #fff; }
}

@media (min-width: 600px) and (max-width: 1025px) {
    .home-page #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h3 { font-size: 21px; }
}
/*------------------------------------------/*
 FORM
/*------------------------------------------*/
.form-container-wide:has(#DynamicFormObject) { /* margin: 0 auto; */ padding: var(--gap-20); padding-right: var(--gap-40); }
.form-container-wide #DynamicFormObject { /* max-width: 100% !important; */ display: flex; flex-direction: column; width: 100%; justify-content: center; /* align-items: center; */ /* padding: var(--gap-120) var(--gap-180); */ /* background: transparent; */ /* margin: 0 auto; */ /* border: 1px solid var(--lgray); */ }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; font-size: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(1.2rem, var(--fs-56), 1000rem); margin-bottom: var(--gap-24); line-height: 0.9; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block !important; margin: 0 auto var(--gap-64); font-size: clamp(1.2rem, var(--fs-15), 1000rem); color: var(--black); letter-spacing: 0.18px; line-height: 1.5; max-width: 30vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: var(--gap-20); display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-12); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { width: 100%; max-width: 100%; padding: 0 var(--gap-10); box-shadow: none; border-radius: 0; border: unset !important; /* border-bottom: 1px solid var(--black) !important; */ margin: 0; font-size: clamp(1.3rem, var(--fs-18), 1000rem); letter-spacing: 0.18px; color: var(--black); height: var(--gap-56); border-bottom: none !important; background: var(--fgray); padding: var(--gap-16); font-size: clamp(16px, var(--fs-16), 300px); color: var(--gray) !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea)::placeholder { color: var(--gray) !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField input.fileUploadTrigger { padding: var(--gap-6) var(--gap-20); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { grid-column: 1 / -1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { grid-column: 1 / -1; display: flex; gap: 10px; justify-content: center; margin: 0; align-items: center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { margin: 0; height: var(--gap-16); width: var(--gap-16); accent-color: var(--black); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { margin: 0; font-size: clamp(1rem, var(--fs-14), 1000rem); color: var(--gray); font-weight: unset; text-align: start; letter-spacing: 0.3px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input[type="checkbox"] { position: relative; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input[type="checkbox"]:after { display: block; width: 100%; height: 100%; content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/637761.svg"); position: absolute; z-index: 100; top: 0; right: 0; background-position: center; opacity: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input[type="checkbox"]:checked { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input[type="checkbox"]:checked:after { opacity: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { left: 5%; top: 50%; content: "\f107"; font-size: clamp(1.2rem, var(--fs-20), 1000rem); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .input-wrapper.input-file input { padding-inline-start: var(--gap-32); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField::after { top: 50%; transform: translateY(-50%); left: unset; inset-inline-start: 3%; font-size: 0; content: ''; font-family: none; width: var(--gap-16); height: auto; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/614766.svg); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { inset-inline-start: 3%; top: 27%; font-size: var(--fs-16); color: var(--gray); font-family: 'ping-regular-2025'; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(span.error, .fileUploader-error) { font-size: clamp(1rem, var(--fs-14), 1000rem); left: unset; ins; inset-inline-end: 3%;: 35%; top: 73%; -weight: unset; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField span.error { inset-inline-end: var(--gap-18); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField .error.fileUploader-error { top: calc(100% + var(--gap-4)); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; grid-column: 1 / -1; margin-top: var(--gap-28); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { background-color: var(--green); height: 2.8vw; display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); font-family: var(--font-2); transition: 0.3s all ease; min-width: var(--gap-180); letter-spacing: 0.18px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); border-radius: 4px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit .spinner { color: var(--white); }


@media(min-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button .btn-text-wrapper { height: 1vw; display: flex; overflow: hidden; align-items: center; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button .btn-text-wrapper span.inner-text-container { text-shadow: 0px 1vw 0px var(--white); transition: transform 0.5s cubic-bezier(.23, 1, .32, 1); display: block; }
    /*    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button:is(:hover, :focus) { background: var(--lgray); }*/
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button:is(:hover, :focus) .btn-text-wrapper { }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button:is(:hover, :focus) .btn-text-wrapper span.inner-text-container { transition: transform 0.5s cubic-bezier(.23, 1, .32, 1); transform: translateY(-1vw); }
}

@media(max-width: 1025px) {
    .form-container-wide:has(#DynamicFormObject) { max-width: 100%; padding: var(--gap-32) var(--gap-24); margin: 0 auto var(--gap-64); }
    .form-container-wide #DynamicFormObject { width: 100%; border: unset; max-width: 100% !important; padding: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: var(--fs-26); margin-bottom: var(--gap-64); line-height: 1.2; margin-bottom: var(--gap-12); }
    .form-container-wide #DynamicFormObject:has( .dynamicFormObjectFields .top-form) .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: var(--gap-16); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: var(--fs-16); max-width: unset; margin: 32px auto var(--gap-32); letter-spacing: 0.48px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { grid-template-columns: repeat(1, 1fr); gap: var(--gap-12); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { font-size: var(--fs-14) !important; height: var(--gap-48); padding: var(--gap-4) var(--gap-8); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField textarea { height: var(--gap-120) !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: var(--fs-14); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { font-size: 100%; left: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { top: var(--gap-6); font-size: var(--fs-14); inset-inline-start: 1%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .error { top: 10px; left: 12px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { margin-top: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { height: auto; font-size: var(--fs-14); min-width: var(--gap-120); padding: var(--gap-16); width: max-content; font-family: var(--font-1); }
}
/* TABLET */
@media (min-width: 600px) and (max-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField::after { inset-inline-start: 1%; }
}

/*------------------------------------------/*
 KDM-STRIP   
/*------------------------------------------*/
.KDMStrip { left: unset; transform: unset; right: 1%; bottom: 2%; background: var(--yellow); color: var(--black); font-family: var(--font-2); font-size: clamp(16px,var(--fs-16),300px); padding: 0; }
.KDMStrip button.KDMStripBtn { /* margin-inline-end: var(--gap-24); */ padding: var(--gap-16) var(--gap-28); cursor: pointer; }
.KDMStripNav { width: 0; overflow: hidden; transition: width 0.3s ease; }
.KDMStrip nav.KDMStripNav { position: absolute; /* opacity: 0; */ /* width: 100%; */ right: 100%; bottom: 0; height: 100%; align-content: center; /* background: var(--yellow); */ /* width: 0; */ /* overflow: hidden; */ transition: width 0.3s ease; /* max-width: 100%; */ width: auto; }
.KDMStrip nav.KDMStripNav ul { opacity: 0; display: flex; /* min-width: 100%; */ /* min-height: min-content; */ height: 100%; align-items: center; overflow: hidden; transition: all 0.3s ease; /* max-width: 100%; */ width: 0; background: var(--yellow); }
.KDMStrip nav.KDMStripNav ul li.KDMStripNavItem { margin-inline-end: var(--gap-24); display: flex; gap: var(--gap-8); align-items: center; }
.KDMStrip nav.KDMStripNav ul li.KDMStripNavItem:before { content: "|"; font-family: var(--font-1); }
.KDMStrip nav.KDMStripNav.open ul { width: 100%; opacity: 1; }
.KDMStrip nav.KDMStripNav ul li.KDMStripNavItem:first-child a:before { content: url("https://media.getmood.io/warehouse/dynamic/637598.svg"); display: inline-block; width: var(--gap-20); height: var(--gap-20); aspect-ratio: 1; }
.KDMStrip nav.KDMStripNav ul li.KDMStripNavItem a { display: flex; gap: var(--gap-6); /* line-height: 1; */ }
.KDMStrip nav.KDMStripNav ul li.KDMStripNavItem:nth-child(2) a:before { content: url("https://media.getmood.io/warehouse/dynamic/637597.svg"); height: var(--gap-20); }
.KDMStrip nav.KDMStripNav ul li.KDMStripNavItem:nth-child(3) a:before { content: url("https://media.getmood.io/warehouse/dynamic/637599.svg"); height: var(--gap-20); }

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

@media(max-width: 1025px) {
    .KDMStrip { display: none; }
}
/*------------------------------------------/*
 SECTIONS
/*------------------------------------------*/
#GridTop:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: black; opacity: 0.3; }
#GridTop .top-caption { width: 55%; top: 50%; }
#GridTop .top-caption h1 { font-size: clamp(62px,var(--fs-80),300px); color: var(--white); font-family: var(--reg); text-align: center; }
#GridTop .top-caption h1 span { font-family: var(--font-2); }

#home-gallery { height: 100% !important; width: 100%; direction: rtl !important; }
#home-gallery .slider-bg.stellar-bg { min-height: unset; height: var(--app-height) !important; }
#home-gallery .gallery-caption { top: 50%; z-index: 5; width: 100%; text-align: center; max-width: 100%; transform: translate(-50%,-50%); overflow: hidden; }
#home-gallery .gallery-caption .gallery-logo { width: max-content; position: relative; margin-bottom: var(--gap-24); }
#home-gallery .gallery-caption .gallery-logo img { width: 17vw; }
#home-gallery .gallery-caption .gallery-text { font-size: 100%; white-space: normal; color: var(--white); display: flex; flex-direction: column; max-width: min(calc(100% - var(--gap-32)), 40vw); margin: 0 auto; font-size: clamp(32px,var(--fs-32),300px); font-family: var(--font-2); }
#home-gallery .gallery-caption .gallery-text h1 { font-size: clamp(1.2rem, var(--fs-32), 1000rem); color: inherit; line-height: 1; }
:is(#home-gallery, #home-gallery.video-slider) .opacity-layer { opacity: 0.35 !important; z-index: 3 !important; }
#home-gallery .scroll-down,
#home-gallery #player-controls,
#home-gallery ol.flex-control-nav.flex-control-paging { display: none; }
.home-page #allSectionsWrapper section:first-of-type:not(.only-text-sec) { margin-top: var(--gap-120); }


:is(div, #LobbyModule) .section.faq-sec { width: 48.5vw; margin: 0 auto var(--gap-80); text-align: start; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq { max-width: unset; margin: 0; }
:is(div, #LobbyModule) .section.faq-sec .section-title { max-width: unset; margin: 0 0 var(--gap-20); }
:is(div, #LobbyModule) .section.faq-sec .section-title h2 { font-size: clamp(1.2rem, var(--fs-24), 1000rem); letter-spacing: 0.48px; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group { margin: 0; display: flex; flex-direction: column; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item { position: relative; overflow: hidden; margin: 0 !important; box-shadow: none; background: var(--white); border-bottom: 1px solid var(--black); border-radius: 0; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item:first-child { border-top: 1px solid var(--black); }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline { background: transparent; font-size: clamp(1.2rem, var(--fs-18), 1000rem); color: var(--black); padding: var(--gap-18) 0; transition: 0.35s 0.2s all ease; letter-spacing: 0.18px; line-height: 1.5; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline i { background-image: url(/warehouse/dynamic/567960.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; width: var(--gap-12); left: unset; height: var(--gap-12); inset-inline-end: 0; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline i::before { display: none; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline:is(.open, :not(.collapsed)) { transition: unset; font-family: var(--font-2); }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline:is(.open, :not(.collapsed)) i { background-image: url(/warehouse/dynamic/567959.svg); }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body { background: transparent; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner { max-width: 70%; padding: 0 0 var(--gap-18); display: flex; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text h3 { font-family: var(--font-2); color: var(--black); font-size: clamp(1.2rem, var(--fs-14), 1000rem); margin: 2vw 0 0.8vw; line-height: 1; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text h3:first-child { margin-top: 0; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text :is(ul, ol) { margin: 0 0 0.5vw; padding-inline-start: 1vw; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text :is(ul, ol):last-child { margin: 0; }
:is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text :is(p, li, span) { font-size: clamp(1.2rem, var(--fs-18), 1000rem); line-height: 1.5; color: var(--black); letter-spacing: 0.18px; }

:is(div, #LobbyModule) .section.grid-row-sec { padding: 0 var(--gap-20); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows { border-bottom: 1px solid var(--lgray); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row { display: flex !important; align-items: center; justify-content: space-between; padding: var(--gap-16) 0; border-top: 1px solid var(--lgray); background: var(--white); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box { width: 50%; height: 33.333vw; overflow: hidden; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .slides,
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .slides * { height: 100%; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging { display: flex; justify-content: center; align-items: center; bottom: var(--gap-20); gap: 8px; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging li { margin: 0; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging li a { width: var(--gap-8); height: var(--gap-8); background: var(--white); transition: 0.3s all ease; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging li a.flex-active { background: var(--black); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text { width: 50%; display: grid !important; align-items: center; padding-block: var(--gap-40); height: 33.333vw; overflow-y: auto; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { padding: 0; margin: 0 auto; text-align: start; width: 24vw; position: unset; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { margin: 0 auto var(--gap-12); font-family: var(--font-2); font-size: clamp(1.2rem, var(--fs-28), 1000rem); color: var(--black); width: 100%; letter-spacing: 0.8px; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { margin: 0 auto var(--gap-12); font-family: var(--font-2); color: var(--black); font-size: clamp(1.2rem, var(--fs-18), 1000rem); line-height: 1.5; letter-spacing: 0.18px; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(ul,ol) { padding-inline-start: var(--gap-20); margin: 0; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(ul,ol) :is(ul,ol) { padding-inline-start: 0; }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(ul,ol):has(+ p:not(.is-empty), + ul, + ol),
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(p:not(.is-empty), ul,ol):has(+ ul, + ol) { margin-bottom: var(--gap-12); }
:is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { background-color: transparent; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; letter-spacing: 0.36px; border: unset; color: var(--black); padding: 0; margin: var(--gap-32) 0 0; border-radius: 0; font-family: var(--font-2); border-bottom: 1px solid; outline: unset; }

#allSectionsWrapper .section.grid-faq-section { padding: var(--gap-120) var(--gap-240); background: var(--lgray); }
#allSectionsWrapper .section.grid-faq-section .section-title { margin-block: 0 var(--gap-80); }
#allSectionsWrapper .section.grid-faq-section .section-title h2 { font-size: clamp(56px,var(--fs-56),300px); }
#allSectionsWrapper .section.grid-faq-section .grid-faq { max-width: unset; }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner { }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group { }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item { background: var(--lgray); padding-block: var(--gap-24); padding-inline: var(--gap-40) 0; margin-bottom: var(--gap-8) !important; margin-top: 0; border-radius: 6px; }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { font-family: var(--font-2); font-size: clamp(18px,var(--fs-12),300px); background: var(--lgray); padding: 0; position: relative; z-index: 2; }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i.button-open::before { content: "+"; background: var(--lgreen); color: var(--whote); display: inline-block; width: var(--gap-40); height: var(--gap-40); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-family: var(--font-1); }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i.button-open.fa.fa-angle-down { overflow: visible; }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i.button-open.fa.fa-angle-up { }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i.button-open.fa.fa-angle-up::before { content: "-"; }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body { background: var(--lgray); position: relative; z-index: 1; }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner { padding-inline: 0; padding-bottom: 0; }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text { }
#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text p { font-size: clamp(16px,var(--fs-16),300px); line-height: 1.4; }

body:not(.CatalogItemPage) #allSectionsWrapper .section.grid-form-section { background: var(--green); }
#allSectionsWrapper .section.grid-form-section .form-container-wide:has(#DynamicFormObject) { /* margin: var(--gap-120) var(--gap-240); */ /* padding: 0; */ /* background: white; */ }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject { border: none; margin-block: var(--gap-120); width: 77%; margin-inline: auto; background: white; padding: var(--gap-80); border-radius: 3px; }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectTitleAndText { }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: var(--font-1); }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle span { font-family: var(--font-2); }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields { }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form { }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset { }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input { border-bottom: none !important; background: var(--fgray); padding: var(--gap-16); font-size: clamp(16px,var(--fs-16),300px); color: var(--black) !important; }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input.fileUploadTrigger { padding-inline-start: var(--gap-32); }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input::placeholder { }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper { }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select { background: var(--fgray); font-size: clamp(16px,var(--fs-16),300px); padding: 0 var(--gap-16); }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper.must::before { }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .textarea-wrapper { }
#allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .textarea-wrapper textarea { background: var(--fgray); border: none !important; font-size: clamp(16px,var(--fs-16),300px); padding-inline: var(--gap-16); padding-block: var(--gap-16); min-height: var(--gap-120); }

#allSectionsWrapper .section.grid-row-section { }
#allSectionsWrapper .section.grid-row-section .grid-rows { }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { display: flex; height: 48.438vw; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.inverted { flex-direction: row-reverse; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell { width: 50%; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box { position: relative; overflow: visible; z-index: 2; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { background: white; align-content: center; position: relative; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { font-family: var(--font-1); font-size: clamp(43px,var(--fs-56),300px); margin-bottom: var(--gap-32); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 span { font-family: var(--font-2); }
/*#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p { margin-bottom: var(--gap-48); }*/
#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: 0; border: none; padding: 0; font-family: var(--font-2); font-size: clamp(16px,var(--fs-16),300px); text-decoration: underline; margin-top: var(--gap-48); display: flex; align-items: center; gap: var(--gap-6); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:before { content: url("https://media.getmood.io/warehouse/dynamic/631798.svg"); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:hover { background: unset; color: unset; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text:has(ol) { width: 100%; padding-inline-start: var(--gap-96); padding-inline-end: var(--gap-240); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text ol { display: flex; flex-direction: column; gap: var(--gap-80); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text ol li { }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text ol strong { display: block; margin-bottom: var(--gap-12); }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.yellow-bg { background: var(--yellow); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.yellow-bg .grid-row-cell.flexslider-box ul.slides { position: absolute; bottom: 0; left: -7%; }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.beige-bg { background: var(--beige); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.beige-bg .grid-row-cell.flexslider-box ul.slides { position: absolute; bottom: 0; right: -11%; }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.blue-bg { /* background: var(--dblue); */ }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.blue-bg .grid-row-cell.grid-row-cell-text { background: var(--dblue); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.blue-bg .grid-row-text > * { color: var(--white); }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.green-bg .grid-row-cell.grid-row-cell-text { background: var(--lgreen); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.green-bg .grid-row-cell.grid-row-cell-text .grid-row-text > * { color: white; }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles { background: var(--white); direction: ltr !important; height: unset; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles .grid-row-cell.flexslider-box { padding: var(--gap-120); padding-inline-end: 0; padding-inline-start: var(--gap-220); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles .grid-row-cell.grid-row-cell-text { margin-block: auto; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles .grid-row-cell.grid-row-cell-text .grid-row-text { }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles .grid-row-cell.grid-row-cell-text .grid-row-text p { margin: 0; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles .grid-row-cell.grid-row-cell-text .grid-row-text p strong { font-size: clamp(32px,var(--fs-32),300px); font-family: var(--font-2); display: flex; align-items: center; gap: var(--gap-12); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles .grid-row-cell.grid-row-cell-text .grid-row-text p strong:before { content: ""; display: inline-block; width: 20px; height: 20px; border-radius: 50%; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles .grid-row-cell.grid-row-cell-text .grid-row-text p strong.yellow:before { background: var(--yellow); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles .grid-row-cell.grid-row-cell-text .grid-row-text p strong.green:before { background: var(--green); }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner { max-height: 21.8vw; background: var(--green); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text { /* display: block !important; */ background: var(--green); /* justify-content: center; */ }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text { text-align: center; width: 100%; padding-inline: var(--gap-200); height: 100%; display: block; align-content: center; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text h2 { color: var(--white); font-family: var(--font-2); font-size: clamp(32px,var(--fs-32),300px); margin-bottom: var(--gap-20); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text p { color: var(--white); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { margin-top: auto; display: block; width: 100%; text-align: right; position: static; padding-inline-start: var(--gap-16); padding-block: var(--gap-12); right: 0%; bottom: 0; color: white; text-decoration: none; /* border-top: 1px solid; */ transition: 0.3s ease all; display: flex; justify-content: space-between; border-radius: 0; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button::before { display: none; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text p { }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:hover { background: unset; text-decoration: underline; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:focus { border-top: 1px solid; background: unset; outline: none; border-radius: 0; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:last-child { right: 50%; margin: 0; /* border-inline-start: 1px solid var(--beige); */ }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:after { content: url("https://media.getmood.io/warehouse/dynamic/636737.svg"); padding-inline-end: var(--gap-10); }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text:has(a:nth-child(2)) a:first-child { }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text .button-wrapper { position: absolute; bottom: 0; width: 100%; right: 0; border-top: 1px solid var(--white); display: flex; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text .button-wrapper > *:nth-child(2) { border-inline-start: 1px solid; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button span.scr-reader-only { position: absolute !important; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:hover { background: var(--lgreen); text-decoration: none; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box ul.slides { height: 100%; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box img { height: 100%; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box ul.slides li.slider-item { height: 100%; }

#allSectionsWrapper .section.grid-content-section.running-cubes { padding-block: var(--gap-100) var(--gap-120); }
#allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes { height: 9.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-1); }
#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: 50%; margin-inline: auto; }
#allSectionsWrapper .section.grid-content-section.running-cubes .section-topText p { font-size: clamp(18px,var(--fs-18,300px)); }

#allSectionsWrapper .section.grid-content-section.reg-cubes { padding-block: var(--gap-120) 0; }
#allSectionsWrapper .section.grid-content-section.reg-cubes .section-title { margin-bottom: var(--gap-120); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .section-title h2 { font-size: clamp(56px,var(--fs-56),300px); font-family: var(--font-1); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .section-title h2 span { font-family: var(--font-2); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .section-topText { /* margin-top: var(--gap-120); */ }
#allSectionsWrapper .section.grid-content-section.reg-cubes .section-topText p { margin-bottom: var(--gap-32); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .section-topText .content-section-Btn { }
#allSectionsWrapper .section.grid-content-section.reg-cubes .section-topText .content-section-Btn a { font-size: clamp(16px,var(--fs-16),300px); font-family: var(--font-2); text-decoration: underline; display: flex; justify-content: center; align-items: center; gap: var(--gap-12); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .section-topText .content-section-Btn a:before { content: url("https://media.getmood.io/warehouse/dynamic/631798.svg"); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes { gap: var(--gap-20); flex-wrap: wrap; justify-content: center; row-gap: var(--gap-80); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box { width: 17.188vw; }
#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-image { max-width: var(--gap-72); margin-inline: auto; margin-bottom: var(--gap-14); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-title { font-family: var(--font-2); font-size: clamp(16px,var(--fs-18),300px); max-width: 75%; margin-bottom: var(--gap-16); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-title h3 { font-size: clamp(16px,var(--fs-18),300px); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-subtitle { font-size: clamp(16px,var(--fs-16),300px); font-family: var(--font-2); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-fulltext { font-size: clamp(15px,var(--fs-15),300px); max-width: 14.167vw; margin-inline: auto; min-height: 5.583vw; }
#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-fulltext p { font-size: clamp(14px,var(--fs-15),300px); }
#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .content-section-Btn { }

#allSectionsWrapper .section.grid-content-section.reg-cubes.no-margin-top { padding-top: 0; }

#allSectionsWrapper .section.grid-content-section.scrolling-cubes { display: flex; background: var(--lgray); position: relative; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes > * { width: 50%; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title { display: flex; flex-direction: column; justify-content: center; position: sticky; top: 5%; max-height: 48.438vw; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h2 { font-family: var(--font-1); font-size: clamp(40px,var(--fs-56),300px); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h2 span { font-family: var(--font-2); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h3 { font-size: clamp(18px,var(--fs-18),300px); margin-block: var(--gap-32) 0; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes { display: flex; flex-direction: column; position: relative; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box { height: 47.24vw; width: 100%; position: sticky; top: 0; cursor: pointer; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.blue-bg { background: var(--dblue); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.green-bg { background: var(--green); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.yellow-bg { background: var(--yellow); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.beige-bg { background: var(--beige); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.brown-bg { background: var(--brown); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-header { position: sticky; bottom: 0; border-top: 1px solid #fff; background: inherit; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-image { /* border-bottom: 1px solid #fff; */ }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-title { display: block; padding-inline: var(--gap-40); padding-top: var(--gap-32); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-title h3 { text-align: right; margin: 0; font-size: unset; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-2); font-size: clamp(32px,var(--fs-32),300px); color: var(--white); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-subtitle { text-align: right; padding-inline: var(--gap-40); font-size: clamp(15px,var(--fs-15),300px); margin-top: var(--gap-8); color: var(--white); display: flex; align-items: center; justify-content: space-between; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.beige-bg .grid-box-title h3 a { color: var(--black); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.beige-bg .grid-box-subtitle { color: var(--black); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.beige-bg .grid-box-subtitle span { color: var(--black); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.yellow-bg .grid-box-title { }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.yellow-bg .grid-box-title h3 { }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.yellow-bg .grid-box-title h3 a { color: var(--black); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.yellow-bg .grid-box-subtitle { color: var(--black); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box:is(.beige-bg, .yellow-bg) .grid-box-header { border-color: var(--black); }

#allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons { padding-block: var(--gap-120); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .section-title { max-height: fit-content; justify-content: flex-start; top: 45%; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .section-title h2 { max-width: 70%; margin-inline: auto; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes { gap: var(--gap-20); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box { height: unset; padding: var(--gap-40) var(--gap-56) var(--gap-64); background: white; width: 89%; position: sticky; top: 10%; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-image { width: var(--gap-72); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-title { padding-inline: 0; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-title h3 { }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-fulltext { text-align: right; margin-top: var(--gap-24); }

#allSectionsWrapper .section.grid-content-section.statistics { }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; direction: ltr; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box { width: 100%; aspect-ratio: 1; background: #f0f0ec; /* padding: var(--gap-32); */ text-align: right; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:first-child { grid-area: 1 / 3 / 3 / 5; background: none; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:first-child:before { position: absolute; content: ""; display: block; width: 100%; height: 100%; z-index: 0; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 44%); }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:nth-child(3) { grid-area: 1 / 1 / 2 / 2; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:nth-child(5) { grid-area: 2 / 1 / 3 / 2; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box.brown-bg { background: var(--brown); color: var(--white); }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box.green-bg { background: var(--green); color: var(--white); }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box.yellow-bg { background: var(--yellow); }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:not(:first-child) { padding: var(--gap-32); display: flex; flex-direction: column; direction: rtl; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box .grid-box-title { }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box .grid-box-title h3 { font-size: clamp(80px,var(--fs-80),300px); font-family: var(--font-2); }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box .grid-box-subtitle { margin-top: auto; font-size: clamp(16px,var(--fs-16),300px); display: flex; justify-content: space-between; align-items: center; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box .grid-box-subtitle:after { content: ""; display: inline-block; width: 12px; height: 12px; aspect-ratio: 1; border-radius: 50%; background: var(--black); }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box.brown-bg .grid-box-subtitle { color: var(--white); }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box.green-bg .grid-box-subtitle { color: var(--white); }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:is( .brown-bg, .green-bg) .grid-box-subtitle:after { background: white; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:first-child .grid-box-image { position: relative; z-index: -1; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:first-child .grid-box-fulltext { position: absolute; z-index: 1; bottom: 3%; right: -13%; }
#allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:first-child .grid-box-fulltext p { color: var(--white); font-size: clamp(16px,var(--fs-16),300px); width: 80%; direction: rtl; }

#allSectionsWrapper .section.grid-content-section.numbers { padding-block: var(--gap-120); }
#allSectionsWrapper .section.grid-content-section.numbers .section-title { margin-bottom: var(--gap-120); }
#allSectionsWrapper .section.grid-content-section.numbers .section-title h2 { font-family: var(--font-1); font-size: clamp(56px,var(--fs-56),300px); }
#allSectionsWrapper .section.grid-content-section.numbers .section-title h2 span { font-family: var(--font-2); }
#allSectionsWrapper .section.grid-content-section.numbers .grid-boxes { }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box { }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box .grid-box-title { margin-bottom: var(--gap-20); overflow: hidden; }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box .grid-box-title h3 { font-family: var(--font-2); font-size: clamp(56px,var(--fs-56),300px); }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box:first-child .grid-box-title h3 { color: var(--dgreen); }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box:nth-child(2) .grid-box-title h3 { color: var(--dblue); }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box:nth-child(3) .grid-box-title h3 { color: var(--yellow); }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box:nth-child(4) .grid-box-title h3 { color: var(--brown); }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box:nth-child(5) .grid-box-title h3 { color: var(--green); }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box .grid-box-subtitle { }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box .grid-box-subtitle span { font-size: clamp(18px,var(--fs-18),300px); }

#allSectionsWrapper .section.grid-content-section.reviews { }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes { width: 100%; padding-inline-end: var(--gap-140); }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .swiper-scrollbar { width: 92%; /* padding-top: var(--gap-120); */ }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box { text-align: right; width: 17vw; display: flex; flex-direction: column; gap: var(--gap-40); }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-boxes-wrapper { display: flex; justify-content: flex-start; padding-inline: var(--gap-140); margin-bottom: var(--gap-120); }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-image { width: 20px; }

#allSectionsWrapper .section.grid-text-section { padding-block: var(--gap-120); }
#allSectionsWrapper .section.grid-text-section .section-title { margin-bottom: var(--gap-32); }
#allSectionsWrapper .section.grid-text-section .section-title h2 { font-family: var(--font-1); font-size: clamp(40px,var(--fs-56),300px); }
#allSectionsWrapper .section.grid-text-section .section-title h2 span { font-family: var(--font-2); }
#allSectionsWrapper .section.grid-text-section .grid-text { }
#allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content { max-width: 42.667vw; margin-inline: auto; }
/*#allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content p { margin-bottom: var(--gap-48); }*/
#allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a.sec-button { background: var(--green); color: var(--white); font-size: clamp(16px,var(--fs-16),300px); font-family: var(--font-2); padding: var(--gap-16) var(--gap-52); margin-top: var(--gap-48); border-radius: 3px; }

#allSectionsWrapper .section.grid-faq-section { padding: var(--gap-120) var(--gap-240); background: var(--white); }
#allSectionsWrapper .section.grid-text-section.med-text { background: white; }
#allSectionsWrapper .section.grid-text-section.med-text .grid-text { }
#allSectionsWrapper .section.grid-text-section.med-text .grid-text .grid-text-content { max-width: 44vw; }
#allSectionsWrapper .section.grid-text-section.med-text .grid-text .grid-text-content p { font-size: clamp(26px,var(--fs-32),300px); }

#allSectionsWrapper .section.grid-text-section.large-text { width: 70%; margin-inline: auto; }

#allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) { }
#allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) .section-title { margin: 0; }
#allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) .section-title .gridTextImgContainer { margin-bottom: var(--gap-24); }
#allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) .grid-text { display: flex; flex-direction: column; gap: var(--gap-24); }
#allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) .grid-text .grid-text-content { position: static; transform: unset; }
#allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) .grid-text .grid-text-content h2 { font-size: clamp(56px,var(--fs-56),300px); font-family: var(--font-1); margin-bottom: var(--gap-32); }
#allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) .grid-text .gridTextImgContainer { width: 10%; margin-inline: auto; }

#allSectionsWrapper .section.grid-text-section.sliding-text .grid-text { white-space: nowrap; overflow: hidden; width: 100%; }
#allSectionsWrapper .section.grid-text-section.sliding-text .grid-text .grid-text-content { display: flex; animation: scroll-left 70s linear infinite; max-width: unset; width: max-content; }
#allSectionsWrapper .section.grid-text-section.sliding-text .grid-text .grid-text-content p { /* text-wrap: nowrap; */ font-size: clamp(64px, var(--fs-72), 300px); font-family: var(--font-2); color: var(--green); }
#allSectionsWrapper .section.grid-text-section.sliding-text .grid-text .grid-text-content p strong { color: var(--yellow); }

#allSectionsWrapper .section.grid-text-section.animated { height: 100vh; align-content: center; background: var(--lgreen); }
#allSectionsWrapper .section.grid-text-section.animated .grid-text { margin-top: var(--gap-40); }
#allSectionsWrapper .section.grid-text-section.animated .grid-text .grid-text-content { }
#allSectionsWrapper .section.grid-text-section.animated .grid-text .grid-text-content p { color: var(--white); }
#allSectionsWrapper .section.grid-text-section.animated lottie-player#animated-text { /* width: 70%; */ }
#allSectionsWrapper .section.grid-text-section.animated lottie-player#animated-text svg { width: 70% !important; height: fit-content !important; }

#allSectionsWrapper .section.grid-text-section.animated-rocket .section-title .gridTextImgContainer img { display: none; }
#allSectionsWrapper .section.grid-text-section.animated-rocket .section-title .gridTextImgContainer lottie-player#animated-rocket { display: block; width: 16.615vw; margin-inline: auto; }

#allSectionsWrapper .section.grid-text-section-licence { margin-block: var(--gap-32); }
#allSectionsWrapper .section.grid-text-section-licence .grid-text { display: flex; align-items: center; justify-content: center; gap: var(--gap-20); }
#allSectionsWrapper .section.grid-text-section-licence .grid-text .grid-text-content { position: static; text-align: right; transform: unset; width: fit-content; }

#allSectionsWrapper .grid-gallery-section:not(.no-slide) { }
#allSectionsWrapper .grid-gallery-section:not(.no-slide) .gallery-container { width: 100%; overflow: hidden; }
#allSectionsWrapper .grid-gallery-section:not(.no-slide) .gallery-container .slide-wrapper { display: flex; width: 100%; gap: var(--gap-20); }
#allSectionsWrapper .grid-gallery-section:not(.no-slide) .gallery-container .gallery-cubes { display: flex; width: max-content; animation: scrollText 20s linear infinite; opacity: 1; gap: var(--gap-20); }
#allSectionsWrapper .grid-gallery-section:not(.no-slide) .gallery-container .gallery-cubes > * { width: max-content; pointer-events: none; }
#allSectionsWrapper .grid-gallery-section:not(.no-slide) .gallery-container .gallery-cubes div .boxes-images-outer-image { padding: 0; height: 7.396vw; width: 14.583vw; background-size: contain !important; background-repeat: no-repeat; }
#allSectionsWrapper .grid-gallery-section:not(.no-slide) .gallery-container .gallery-cubes .boxes-images-outer-image .image-link-container { position: static; }

#allSectionsWrapper .section.grid-gallery-section.sliding-gallery { background: var(--white); }
#allSectionsWrapper .section.grid-content-section.reviews { background: white; padding-block: var(--gap-120); }

@media(min-width: 1025px) {
    #home-gallery .TopVideo { display: flex; height: 100svh !important; justify-content: center; align-items: center; pointer-events: none; }
    #home-gallery .TopVideo iframe { background: transparent; height: 130%; top: unset; position: relative; left: unset; transform: unset; width: 100%; }

    #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a.sec-button .btn-text-wrapper { position: static; left: 0; width: 100%; height: 1vw; overflow: hidden; }
    #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a.sec-button span.scr-reader-only { display: none; }
    #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a.sec-button .btn-text-wrapper span.inner-text-container { text-shadow: 0px 1vw 0px var(--white); transition: transform 0.5s cubic-bezier(.23, 1, .32, 1); display: block; }
    #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a.sec-button:hover .btn-text-wrapper span.inner-text-container { transition: transform 0.5s cubic-bezier(.23, 1, .32, 1); transform: translateY(-1vw); }

    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title .content-section-Btn { }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title .content-section-Btn a.sec-button { display: block; width: fit-content; margin-inline: auto; background: var(--green); color: var(--white); font-size: clamp(16px, var(--fs-16), 300px); font-family: var(--font-2); padding: var(--gap-16) var(--gap-28); margin-top: var(--gap-48); border-radius: 3px; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title .content-section-Btn a.sec-button .btn-text-wrapper { position: static; left: 0; width: 100%; /* height: 1vw; */ overflow: hidden; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title .content-section-Btn a.sec-button .btn-text-wrapper span.inner-text-container { text-shadow: 0px 1vw 0px var(--white); transition: transform 0.5s cubic-bezier(.23, 1, .32, 1); display: block; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title .content-section-Btn a.sec-button:hover .btn-text-wrapper span.inner-text-container { transition: transform 0.5s cubic-bezier(.23, 1, .32, 1); transform: translateY(-1vw); }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-subtitle:after { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/631798.svg); background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block; /* position: absolute; */ left: 5%; bottom: 6%; width: var(--gap-40); height: auto; aspect-ratio: 1; transform: translateY(1vw); opacity: 0; transition: 0.3s ease all; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box:hover .grid-box-subtitle:after { transform: unset; opacity: 1; }

    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box { padding-bottom: 0; padding-inline: 0; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box > *:not(.grid-box-subtitle.button, .grid-box-image) { padding-inline: var(--gap-56) var(--gap-64); }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-subtitle { padding: 0; display: flex; align-items: center; justify-content: space-between; padding-block: var(--gap-20); border-top: 1px solid var(--lgray); color: var(--black); }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-image { margin-inline-start: var(--gap-56); }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-fulltext { padding-bottom: var(--gap-40); }
}

@media(max-width: 1025px) {
    .grid-text.gridHasVideo .grid-iframe-holder video { min-width: 100%; height: auto; aspect-ratio: 1; transform: scale(1.8); }

    #home-gallery { height: 62vh !important; width: 100%; direction: rtl !important; }
    #home-gallery .slider-bg.stellar-bg { height: 100svh !important; }
    #home-gallery .TopVideo { height: 100% !important; /* min-height: 83% !important; */ }
    #home-gallery .TopVideo #mainVideo { background: white; width: 160vw !important; height: auto !important; min-width: unset !important; /* min-height: unset !important; */ top: 0%; position: relative; transform: unset; left: unset; }
    #home-gallery .gallery-caption { padding-inline: var(--gap-24); }
    #home-gallery .gallery-caption { top: 50%; }
    #home-gallery .gallery-caption .gallery-logo { width: max-content; position: relative; margin-bottom: 0; }
    #home-gallery .gallery-caption .gallery-logo img { width: max(161px,43.667vw); }
    #home-gallery .gallery-caption .gallery-text { max-width: unset; font-size: max(18px,6vw); }
    #home-gallery .gallery-caption .gallery-text h1 { font-size: var(--fs-18); }
    #home-gallery .opacity-layer { display: block; }
    #home-gallery #mobile-player-controls { display: none; }
    .home-page #allSectionsWrapper section:first-of-type:not(.only-text-sec) { margin-top: var(--gap-64); padding-top: 0; }

    :is(div, #LobbyModule) .section.faq-sec { width: 100%; margin: 0 auto var(--gap-64); padding: 0 var(--gap-24); }
    :is(div, #LobbyModule) .section.faq-sec .section-title { margin: 0 0 var(--gap-24); }
    :is(div, #LobbyModule) .section.faq-sec .section-title h2 { font-size: var(--fs-20); }
    :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline { font-size: var(--fs-16); letter-spacing: 0.48px; line-height: 1; padding: var(--gap-24) 0; font-family: var(--font-2); }
    :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner { padding: 0 0 var(--gap-24); max-width: 100%; }
    :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text :is(p, li, span) { font-size: var(--fs-16); }

    body:not(.home-page) #SiteGrid > * { background-size: contain; }

    #GridTop .top-caption h1 { font-size: 32px; }

    :is(div, #LobbyModule) .section.grid-row-sec { padding: 0 var(--gap-24); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows { border-bottom: unset; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row { flex-direction: column; padding: 0; margin-bottom: var(--gap-64); border-top: unset; border-bottom: 1px solid var(--lgray); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box { width: 100%; height: auto; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .slides * { height: auto; aspect-ratio: 3.27/3; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { object-fit: cover; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .flexslider-box ol.flex-control-nav.flex-control-paging { bottom: var(--gap-10); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text { width: 100%; height: auto; padding-block: var(--gap-64); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { width: 100%; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: var(--fs-28); line-height: 0.9; margin-bottom: var(--gap-24); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { margin: var(--gap-16) auto var(--gap-12); font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p.is-empty + :is(ul,ol) { margin-top: var(--gap-16); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(ul,ol):has(+ p:not(.is-empty), + ul, + ol),
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(p:not(.is-empty), ul,ol):has(+ ul, + ol) { margin-bottom: var(--gap-16); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { margin-top: var(--gap-24); font-size: var(--fs-16); }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .text2 { padding: 0; position: relative; bottom: unset; display: flex; flex-wrap: wrap; gap: var(--gap-30); margin-top: var(--gap-32); justify-content: flex-start; }
    :is(div, #LobbyModule) .section.grid-row-sec .grid-rows .grid-row .grid-row-cell-text .text2 .grid-row-logo img { height: var(--gap-24); }

    #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content { max-width: unset; }
    #allSectionsWrapper .section.grid-text-section .section-title { margin-bottom: var(--gap-20); }
    #allSectionsWrapper .section.grid-text-section .section-title h1 { font-size: 26px; font-family: var(--font-1); }
    #allSectionsWrapper .section.grid-text-section .section-title h1 span { font-family: var(--font-2); }
    #allSectionsWrapper .section.grid-text-section .section-title h2 { font-size: 26px; }

    #allSectionsWrapper .section.grid-text-section.animated { height: auto; }
    #allSectionsWrapper .section.grid-text-section.animated lottie-player#animated-text svg { width: 100% !important; }
    #allSectionsWrapper .section.grid-text-section.animated .grid-text { margin-top: 12px; }

    #allSectionsWrapper .section.grid-text-section.animated-rocket .section-title .gridTextImgContainer lottie-player#animated-rocket { width: 40%; }

    #allSectionsWrapper .section.grid-text-section.large-text { width: 100%; padding: var(--gap-32) var(--gap-24); }
    #allSectionsWrapper .section.grid-text-section.large-text .section-title { margin-bottom: var(--gap-12); }

    #allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) { padding-block: var(--gap-32); padding-inline: var(--gap-24); }
    #allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) .section-title .gridTextImgContainer { margin-bottom: var(--gap-12); }
    #allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) .section-title .gridTextImgContainer img { width: 96px; }
    #allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) .grid-text .grid-text-content h2 { font-size: 26px; margin-bottom: 12px; }
    #allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) .grid-text .gridTextImgContainer { width: 96px; }

    #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a.sec-button { margin-top: var(--gap-32); }

    #allSectionsWrapper .section.grid-text-section:has(.grid-text.gridHasVideo .grid-iframe-holder) { padding-block: var(--gap-32) 0; /* width: 100%; */ /* height: auto; */ /* aspect-ratio: 1; */ }

    #allSectionsWrapper .section.grid-text-section.sliding-text .grid-text .grid-text-content { animation-duration: 62s; }
    #allSectionsWrapper .section.grid-text-section.sliding-text .grid-text .grid-text-content p img { width: 0.5%; }

    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box .grid-box-title h3 { font-size: 26px; min-height: 100%; margin: 0; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box { max-width: unset; width: 100%; display: block; align-content: center; padding-bottom: -4px; }
    #allSectionsWrapper .section.grid-content-section.running-cubes { padding: var(--gap-32) var(--gap-24); margin: 0 !important; pointer-events: none; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .section-topText { width: 100%; margin-inline: auto; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .section-topText p { font-size: 16px; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes { height: 40vw; display: flex; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .swiper-scrollbar { display: none; }

    #allSectionsWrapper .section.grid-content-section.reg-cubes .section-title { margin-block: var(--gap-32) 0; margin-inline: var(--gap-24); }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .section-title h2 { font-size: 26px; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .section-topText { margin-top: 0; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .section-topText p { padding-inline: var(--gap-12); }
    #allSectionsWrapper .section.grid-content-section.reg-cubes { padding: 0; padding-inline: 0; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes { flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; gap: var(--gap-32); padding-inline: var(--gap-48); }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box { width: 100%; min-width: 84%; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-title { margin-inline: auto; margin-bottom: 12px; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-title h3 { font-size: 18px; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-fulltext { max-width: unset; margin-bottom: 20px; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-image { margin-bottom: 8px; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-subtitle { }

    #allSectionsWrapper .section.grid-content-section.scrolling-cubes { flex-direction: column; position: static; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title { position: static; max-width: unset; width: 100%; padding: 90px 15px; max-height: unset; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h2 { font-size: 26px; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h3 { margin-top: 12px; font-size: 16px; margin-bottom: 24px; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title .content-section-Btn { }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title .content-section-Btn a { font-size: 14px; padding: var(--gap-14) var(--gap-24); background: var(--green); color: white; border-radius: 3px; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes { width: 100%; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box { height: unset; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-title h3 a { font-size: 18px; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-subtitle { font-size: 14px; padding-bottom: 10px; /* display: flex; */ position: relative; padding-inline: 20px; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-subtitle:after { content: url("https://media.getmood.io/warehouse/dynamic/631798.svg"); position: static; left: -4%; top: -58%; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes:not(.icons) .grid-boxes .grid-box .grid-box-subtitle:after { top: 0; left: 5%; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-title { padding-top: 10px; padding-inline: 20px; }

    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons { padding: 0; background: var(--lgray); }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .section-title { padding-inline: var(--gap-24); padding-block: 50px; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .section-title h2 { max-width: unset; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes { gap: var(--gap-24); padding-bottom: var(--gap-64); }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes::before { display: none; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box { width: 87%; margin-inline: auto; padding: var(--gap-64) 0; padd; padding-bottom: 0; border-radius: 4px; background: white; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-image { margin-inline: auto; width: 40%; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-title { }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-title h3 { text-align: center; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-fulltext { text-align: center; padding-bottom: var(--gap-64); }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-subtitle.button { padding: 0; display: flex; align-items: center; justify-content: space-between; padding-inline: var(--gap-20) var(--gap-12); padding-block: var(--gap-12); border-top: 1px solid #e6e6e6; margin: 0; color: var(--black); }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box > *:not(.grid-box-subtitle.button) { padding-inline: var(--gap-24); }

    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:first-child { grid-area: 1 / 1 / 3 / 3; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:first-child .grid-box-fulltext { bottom: 0; right: 0; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:first-child .grid-box-fulltext p { font-size: 14px; width: 100%; padding: var(--gap-24); direction: rtl; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:nth-child(3) { grid-area: 3 / 1 / 4 / 2; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:nth-child(2) { grid-area: 3 / 2 / 4 / 3; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:nth-child(5) { grid-area: 4 / 1 / 5 / 2; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:nth-child(4) { grid-area: 4 / 2 / 5 / 3; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box .grid-box-title h3 { font-size: 32px; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box .grid-box-subtitle { font-size: 14px; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:not(:first-child) { padding: var(--gap-20) var(--gap-24); }

    #allSectionsWrapper .section.grid-content-section.numbers { padding-block: var(--gap-32); }
    #allSectionsWrapper .section.grid-content-section.numbers .section-title { margin-bottom: var(--gap-64); }
    #allSectionsWrapper .section.grid-content-section.numbers .section-title h2 { font-size: 26px; }
    #allSectionsWrapper .section.grid-content-section.numbers .grid-boxes { flex-direction: column; gap: 32px; }
    #allSectionsWrapper .section.grid-content-section.numbers .grid-boxes::before { display: none; }
    #allSectionsWrapper .section.grid-content-section.numbers .grid-box .grid-box-title { margin-bottom: 4px; }
    #allSectionsWrapper .section.grid-content-section.numbers .grid-box .grid-box-title h3 { font-size: 32px; }
    #allSectionsWrapper .section.grid-content-section.numbers .grid-box .grid-box-subtitle span { font-size: 14px; }

    #allSectionsWrapper .section.grid-content-section.reviews { padding-block: var(--gap-32) var(--gap-64); }
    #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box { width: 240px; }
    #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-boxes-wrapper { margin-bottom: var(--gap-64); padding-inline: var(--gap-24); }

    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { display: flex !important; flex-direction: column-reverse; height: unset; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell { width: 100%; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box img { width: 100% !important; height: auto !important; object-fit: cover; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.yellow-bg .grid-row-cell.flexslider-box ul.slides { position: relative; right: -8%; left: unset; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.beige-bg { flex-direction: column-reverse; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.beige-bg .grid-row-cell.flexslider-box ul.slides { position: relative; right: 0; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { }
    #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: var(--gap-48) var(--gap-24); }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { font-size: max(26px,5.667vw); margin-bottom: var(--gap-12); }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { justify-content: center; margin-top: var(--gap-24); font-family: var(--font-1); }

    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner { max-height: unset; flex-direction: column; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.flexslider-box { }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.flexslider-box ul.slides { }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.flexslider-box ul.slides li.slider-item { }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.flexslider-box ul.slides li.slider-item .grid-row-image-container { }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.flexslider-box ul.slides li.slider-item .grid-row-image-container .box-image-animation { }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.flexslider-box ul.slides li.slider-item .grid-row-image-container .box-image-animation img { }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text { padding-inline: 0; padding-block: var(--gap-32) 0; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text h2 { /* padding-bottom: var(--gap-32); */ font-size: 26px; padding-inline: 24px; margin-bottom: var(--gap-32); }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { position: static; margin: 0; padding-inline: var(--gap-24); padding-block: var(--gap-16); justify-content: space-between; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:last-child { border-top: 1px solid; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:after { content: url("https://media.getmood.io/warehouse/dynamic/636737.svg"); }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text .button-wrapper { position: static; flex-direction: column; }
    /*    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button span.scr-reader-only { display: none; }*/

    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles .grid-row-cell.grid-row-cell-text .grid-row-text p strong { justify-content: center; font-size: 26px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.circles .grid-row-cell.flexslider-box { padding: 0; padding-inline: var(--gap-24); }

    #allSectionsWrapper .section.grid-form-section .form-container-wide div#DynamicFormObject { margin: 0; width: 100%; padding: var(--gap-32) var(--gap-24); }

    #allSectionsWrapper .section.grid-text-section { padding-block: 32px; }

    #allSectionsWrapper .section.grid-text-section.med-text { padding: var(--gap-32); }
    #allSectionsWrapper .section.grid-text-section.med-text .grid-text .grid-text-content { max-width: unset; }
    #allSectionsWrapper .section.grid-text-section.med-text .grid-text .grid-text-content p { font-size: 16px; }

    #allSectionsWrapper .section.grid-text-section.sliding-text .grid-text .grid-text-content p { font-size: 45px; }

    #allSectionsWrapper .section.grid-faq-section { padding: var(--gap-32) var(--gap-24); }
    #allSectionsWrapper .section.grid-faq-section .section-title h2 { font-size: 26px; }
    #allSectionsWrapper .section.grid-faq-section .section-title { margin-block: 0 var(--gap-32); }
    #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item { padding-inline: var(--gap-24) var(--gap-12); }
    #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i.button-open { left: -17%; }
    #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { font-size: 16px; padding-inline-end: 15px; }
    #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { width: 85%; }

    #allSectionsWrapper .section.grid-gallery-section:not(.no-slide) .gallery-container .gallery-cubes div .boxes-images-outer-image { width: 79px; height: 40px; }
    #allSectionsWrapper .section.grid-gallery-section:not(.no-slide) .gallery-container .slide-wrapper { gap: 0; }

    #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { padding-block: var(--gap-32); }
    #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes div .boxes-images-outer-image { width: 160px; height: 90px; }
}

/* TABLET */
@media (min-width: 600px) and (max-width: 1025px) {
    body:not(.home-page) #SiteGrid > #GridTop { background-size: cover; aspect-ratio: unset; height: 50vh; overflow: hidden; }
    #GridTop .top-caption h1 { font-size: 50px; width: fit-content; overflow: hidden; }
    #home-gallery .TopVideo iframe { top: -94%; width: 148vw; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h2 { font-size: 49px; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title .content-section-Btn a { font-size: 18px; /* padding: 27px; */ display: inline-flex; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-title h3 a { font-size: 28px; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-subtitle { font-size: 18px; }

    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box:first-child .grid-box-fulltext p { font-size: 20px; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box .grid-box-title h3 { font-size: 60px; }
    #allSectionsWrapper .section.grid-content-section.statistics .grid-boxes .grid-box .grid-box-subtitle { font-size: 20px; }

    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-title h3 { font-size: 16px; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-fulltext p { font-size: 20px; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-subtitle { font-size: 20px; }

    #allSectionsWrapper .section.grid-content-section.running-cubes .section-topText p { font-size: 23px; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box .grid-box-title { display: flex; align-items: center; justify-content: center; }
    #allSectionsWrapper .section.grid-content-section.running-cubes .grid-boxes .grid-box .grid-box-title h3 { font-size: 45px; }

    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box .grid-box-image { width: 30%; }
    #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box { width: 62%; padding-bottom: var(--gap-64); }

    #allSectionsWrapper .section.grid-content-section.reg-cubes .section-title h2 { font-size: 49px; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes { /* flex-direction: row; */ /* overflow: auto; */ /* margin-top: var(--gap-52); */ /* padding-inline-start: 0; */ }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes { display: grid; grid-template-columns: repeat(3,1fr); padding-block: var(--gap-72) 0; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes::before { display: none; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes::after { display: none; }
    #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box { /* width: 50%; */ min-width: 30%; }

    #allSectionsWrapper .section.grid-content-section.numbers .grid-boxes { flex-direction: row; justify-content: center; gap: unset; }
    #allSectionsWrapper .section.grid-content-section.numbers .grid-box .grid-box-subtitle span { line-height: 1; display: block; }

    #allSectionsWrapper .section.grid-text-section .section-title h2 { font-size: 49px; }

    #allSectionsWrapper .section.grid-text-section.sliding-text .grid-text .grid-text-content { gap: 160px; }

    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { flex-direction: row; height: 48vw; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.beige-bg { flex-direction: row-reverse; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box img { aspect-ratio: 1; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { font-size: 49px; margin-bottom: var(--gap-12); }

    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner { height: 21vw; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner { flex-direction: row; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text { display: flex !important; min-height: 176px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text { min-height: 176px; align-content: unset; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text p { font-size: 14px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text p:has(strong) { font-size: 13px; padding-inline: 15px; padding-bottom: 10px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin-bottom: unset; font-size: 20px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { padding-block: 10px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text .button-wrapper { position: absolute; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.flexslider-box img { height: 100%; object-fit: contain; aspect-ratio: unset; }
}


/*------------------------------------------/*
 PAGES WITH LOBBYVIEW
/*------------------------------------------*/
:is(#lobbyview, #pageview) { margin: 0; display: flex; text-wrap: pretty; justify-items: center; position: relative; flex-direction: column; align-items: center; }
:is(#lobbyview, #pageview) .MainContent { width: 100%; }
:is(#lobbyview, #pageview) #headline { font-size: 100%; margin: 0 auto var(--gap-120); position: relative; }
:is(#lobbyview, #pageview) #headline:has(+ h2, + #subheadline) { margin-bottom: var(--gap-18); }
:is(#lobbyview, #pageview) #headline:has(+ .lobbyTextContainer) { margin-bottom: var(--gap-24); }
:is(#lobbyview, #pageview) #headline:has(+ .categories-strip) { margin-bottom: var(--gap-56); }
:is(#lobbyview, #pageview) #headline h1 { font-size: clamp(2rem, var(--fs-88), 1000rem); line-height: 0.9; }
:is(#lobbyview, #pageview) > h2,
:is(#lobbyview, #pageview) #subheadline h2 { text-align: center; font-size: clamp(1.2rem, var(--fs-18), 1000rem); margin: 0 auto var(--gap-120); letter-spacing: 0.36px; }
:is(#lobbyview, #pageview) > h2:has(+ .lobbyTextContainer),
:is(#lobbyview, #pageview) #subheadline h2:has(+ .lobbyTextContainer) { margin-bottom: var(--gap-24); }
:is(#lobbyview, #pageview) > h2:has(+ .categories-strip),
:is(#lobbyview, #pageview) #subheadline h2:has(+ .categories-strip) { margin-bottom: var(--gap-56); }
:is(#lobbyview, #pageview) .lobbyTextContainer { width: 100%; margin: 0 auto var(--gap-120); }
:is(#lobbyview, #pageview) .lobbyTextContainer:has( + .categories-strip) { margin-bottom: var(--gap-56); }
:is(#lobbyview, #pageview) .lobbyTextContainer #lobbyText { max-width: 60vw; }
:is(#lobbyview, #pageview) h2 { font-size: clamp(20px,var(--fs-20),300px); }
:is(#lobbyview, #pageview) #lobbyText p { font-size: clamp(20px,var(--fs-20),300px); }
:is(#lobbyview, #pageview) .lobbyTextContainer #lobbyText p em { font-size: clamp(12px,var(--fs-14),300px); }

@media(min-width: 1025px) {
    :is(#lobbyview, #pageview) { padding-inline: var(--gap-24); }
}

@media(max-width: 1025px) {
    :is(#lobbyview, #pageview) > *:not(.categories-strip) { padding-inline: 0; width: calc(100% - var(--gap-48)); }
    :is(#lobbyview, #pageview) #headline { margin: 0 auto var(--gap-64); }
    :is(#lobbyview, #pageview) #headline:has(+ h2, + #subheadline, + .categories-strip) { margin-bottom: var(--gap-24); }
    :is(#lobbyview, #pageview) #headline:has(+ .lobbyTextContainer) { margin-bottom: var(--gap-16); }
    :is(#lobbyview, #pageview) #headline h1 { font-size: var(--fs-40); }
    :is(#lobbyview, #pageview) > h2:has(+ .lobbyTextContainer, + .categories-strip) { margin-bottom: var(--gap-24); }
    :is(#lobbyview, #pageview) > h2,
    :is(#lobbyview, #pageview) #subheadline h2 { font-size: var(--fs-18); margin: 0 auto var(--gap-64); }
    :is(#lobbyview, #pageview) > h2:has(+ .lobbyTextContainer),
    :is(#lobbyview, #pageview) #subheadline h2:has(+ .lobbyTextContainer) { margin-bottom: var(--gap-16); line-height: 1.4; }
    :is(#lobbyview, #pageview) > h2:has(+ .categories-strip),
    :is(#lobbyview, #pageview) #subheadline h2:has(+ .categories-strip) { margin-bottom: var(--gap-24); }
    :is(#lobbyview, #pageview) .lobbyTextContainer { margin: 0 auto var(--gap-64); }
    :is(#lobbyview, #pageview) .lobbyTextContainer:has( + .categories-strip) { margin-bottom: var(--gap-24); }
    :is(#lobbyview, #pageview) .lobbyTextContainer #lobbyText { max-width: unset; }
    :is(#lobbyview, #pageview) .lobbyTextContainer #lobbyText p { font-size: 16px; }
}


/*------------------------------------------/*
 CONTACT PAGE
/*------------------------------------------*/
body.contact-page #SiteGrid { display: flex; padding-top: 0; flex-direction: row-reverse; }
body.contact #SiteGrid #GridTop::before { opacity: 0; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .input-wrapper input:focus { border: 1px solid var(--lgreen) !important; border-radius: 5px; }
.contact-page #SiteGrid #GridBottom { display: none; }
.contact-page #SiteGrid #GridPage #GridWrap { height: 100%; }
.contact-page #GridWrapInner { direction: rtl; width: 100%; margin: 0 auto; display: grid; min-height: calc(100svh - var(--headerAndBreadCrumpsHeight)); }
.contact-page #GridWrapInner #GridHeader { display: none; }
.contact-page #GridWrapInner #LobbyModule { height: 100%; display: flex; flex-direction: column; }
.contact-page #GridWrapInner :is(#lobbyview, #pageview) { padding: 0; }
.contact-page #GridWrapInner :is(#lobbyview, #pageview) .lobbyTextContainer { margin: 0 auto var(--gap-56); }
.contact-page .form-container-wide:has(#DynamicFormObject) { padding: 0; margin: 0 auto; }
.contact-page .form-container-wide:has(#DynamicFormObject) #DynamicFormObject { padding: 0 var(--gap-100) var(--gap-100); border: unset; }
.contact-page .form-container-wide:has(#DynamicFormObject) #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; }
.contact-page .form-container-wide:has(#DynamicFormObject) #DynamicFormObject .dynamicFormObjectFields .top-form { display: none !important; }
.contact-page .form-container-wide:has(#DynamicFormObject) #DynamicFormObject fieldset { grid-template-columns: repeat(1, 1fr); }

@media(min-width: 1025px) {
    .contact-page #SiteGrid #GridTop { width: 50%; height: var(--app-height); position: sticky; top: 0; }
    .contact-page #SiteGrid #GridPage { width: 50%; }
    .contact-page #SiteGrid #GridPage #PageBreadCrumps { margin-top: var(--headerHeight); }
    .contact-page #GridWrapInner :is(#lobbyview, #pageview) #headline h1 { font-size: clamp(2rem, var(--fs-80), 1000rem); }
}

@media(max-width: 1025px) {
    body.contact-page #SiteGrid { flex-direction: column; margin: 0; }
    .contact-page #SiteGrid #GridTop { width: 100%; }
    .contact-page #SiteGrid #GridPage { width: 100%; }
    .contact #PageBreadCrumps { opacity: 0; }
    .contact-page #GridWrapInner { width: 100%; padding: 0; }
    .contact-page .form-container-wide:has(#DynamicFormObject) #DynamicFormObject { padding: 0 var(--gap-24) var(--gap-64); }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectSubmit { margin-top: 10px; }
}


/*------------------------------------------/*
 PRODUCTS LOBBY PAGE
/*------------------------------------------*/

body.catalog-page #GridTop a { font-family: var(--font-2); border: 1px solid #fff; padding: var(--gap-14) var(--gap-28); display: inline-block; }
body.catalog-page #GridTop .top-caption .catalogTextContainer #catalogText p:has(a) { height: 100%; margin-top: var(--gap-32); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) { /* padding-inline: var(--gap-32); */ /* margin-bottom: var(--gap-120); */ }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) { display: flex; flex-wrap: wrap; gap: var(--gap-20); justify-content: space-between; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline { width: 100%; margin: 0 auto var(--gap-120); order: -2; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline h1 { font-size: clamp(2rem, var(--fs-88), 1000rem); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer:has(#catalogText) { width: 100%; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer #catalogText { width: 38vw; margin: 0 auto var(--gap-140); text-align: center; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .categories-strip { display: block; width: 100%; margin: 0 auto; padding-bottom: var(--gap-80); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .categories-strip li:first-child { display: inline-flex; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filter-options-container { width: 100%; display: flex; justify-content: space-between; margin: 0 auto var(--gap-24); border-bottom: 1px solid var(--black); padding-bottom: var(--gap-16); flex-direction: row-reverse; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filter-options-container .filter-options-hide { display: inline-flex; gap: var(--gap-6); align-items: center; position: relative; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filter-options-container .filter-options-hide button { background: transparent; border: unset; padding: 0; font-size: clamp(1.2rem, 0.938vw, 1000rem); color: var(--blue); font-family: var(--font-2); line-height: 1.2; outline: unset; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filter-options-container .filter-options-hide::before { content: ''; display: inline-block; width: var(--gap-18); height: auto; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/615076.svg); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) { z-index: 5; margin: 0; width: 100%; text-align: end; margin-inline-end: var(--gap-48); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) button.filters-title { font-size: clamp(1.2rem, var(--fs-18), 1000rem); color: var(--black); padding: 0; line-height: 1.2; background: transparent; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper { top: calc(100% + var(--gap-8)); left: 0; text-align: start; position: absolute; box-shadow: 0px 4px 20px 1px rgba(0, 0, 0, 0.04); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list { background: var(--white); min-width: unset; width: max-content; margin: 0; padding: 0; display: flex; flex-direction: column; border: 1px solid var(--lgray); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list li { font-size: clamp(1.2rem, var(--fs-16), 1000rem); line-height: 1.2; color: var(--black); display: inline-flex; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list li a { width: 100%; padding: var(--gap-12) var(--gap-16); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list li.active a { text-decoration: underline; font-weight: unset; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters { margin: 0; width: var(--gap-240); margin-inline-start: var(--gap-72); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .desktop-filters-list .clearFiltersBtn { text-align: start; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .desktop-filters-list .clearFiltersBtn button { font-size: clamp(1.2rem, var(--fs-14), 1000rem); color: var(--black); margin-bottom: var(--gap-32); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .desktop-filters-list .selectedFilters { margin: 0; display: flex; flex-wrap: wrap; gap: 0.521vw; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .desktop-filters-list .selectedFilters .selectedFilterItem { margin: 0; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .desktop-filters-list .selectedFilters .selectedFilterItem button { padding: 0 0.521vw; height: var(--gap-32); font-size: clamp(1.2rem, var(--fs-14), 1000rem); color: var(--black); border: 1px solid var(--dbeige); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList { gap: var(--gap-20); width: auto; display: grid; grid-template-columns: repeat(3, 1fr); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox { position: relative; grid-row: unset; min-width: 24.792vw; max-width: 24.792vw; aspect-ratio: 1; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox:has(.outOfStockLabel) { filter: grayscale(1); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner { position: relative; overflow: hidden; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .outOfStockLabel { position: absolute; z-index: 1; top: 4%; right: 6%; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content { position: absolute; padding: var(--gap-32); bottom: 0; margin: 0; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 96%); transform: translateY(var(--gap-160)); transition: all 0.3s ease; gap: var(--gap-12); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content .item-text-top { padding: var(--gap-30) 0 0; gap: var(--gap-80); transition: 0.3s ease; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content .item-text-top h2.itemTitle { color: white; font-size: clamp(18px,var(--fs-18),300px); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content .item-text-top h3.item-subtitle { font-size: clamp(15px,var(--fs-15),300px); color: white; margin: 0; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content:after { content: url("https://media.getmood.io/warehouse/dynamic/631798.svg"); transition: 0.3s ease all; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content:not(:has(.item-subtitle)) .item-text-top { }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content:not(:has(.item-subtitle)) { transform: translateY(var(--gap-80)); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner:hover a.item-box-link-wrapper.content:not(:has(.item-subtitle)) { transform: unset; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox:hover .catalogItemBoxInner a.item-box-link-wrapper.content .item-text-top { gap: var(--gap-24); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container { }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .outOfStockLabel img { width: 100%; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container .box-labels-container { padding: 0; align-items: flex-start; gap: 0; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container .box-labels-container .collections-labels-wrapper { }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container .box-labels-container .collections-labels-wrapper .productLabel { background: none; display: flex; flex-direction: row-reverse; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container a.item-box-link-wrapper.image { }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container a.item-box-link-wrapper.image .item-image { height: 24.3vw; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner:before { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 43%); }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox:hover .catalogItemBoxInner a.item-box-link-wrapper.content { }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox:hover .catalogItemBoxInner a.item-box-link-wrapper.content { transform: unset; z-index: 0; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container .box-labels-container .collections-labels-wrapper .productLabel img { max-width: fit-content; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn { display: none; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn:has(button.loadMoreItems) { float: none !important; grid-column: 1/-1; grid-row: auto; /* margin-block: var(--gap-40) 0; */ display: block; padding: 0; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn button.loadMoreItems { background-color: var(--green); width: 100%; height: 2.8vw; display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); font-family: 'ping-heavy'; transition: 0.3s all ease; min-width: var(--gap-180); letter-spacing: 0.18px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); border-radius: 3px; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn button.loadMoreItems:hover { background: var(--lgreen) !important; }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) #CatalogView > * { }
#CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList::before, #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList::after { display: none; }

@media(min-width: 1025px) {
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView):has(.categories-strip) #headline { margin: 0 auto var(--gap-56); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView):has(.categories-strip) .catalogTextContainer #catalogText { margin: 0 auto var(--gap-24); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView):not(:has(.filter-options-container)) .categories-strip { }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list li:hover a { text-decoration: underline; font-weight: unset; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .desktop-filters-list { height: max-content; position: sticky; top: calc(var(--headerHeight) + var(--gap-20)); padding: 0; display: flex; flex-direction: column; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box { display: inline-block !important; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-list-wrapper { transition: unset; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-title { background: transparent; line-height: 1.2; font-size: clamp(1.2rem, var(--fs-18), 1000rem); color: var(--black); padding: var(--gap-6) 0; display: flex; flex-direction: row; align-items: center; gap: var(--gap-20); letter-spacing: 0.18px; font-family: var(--font-2); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-title::before { background-image: url(/warehouse/dynamic/466225.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; content: ''; display: inline-block; width: var(--gap-12); height: var(--gap-12); pointer-events: none; transition: 0.3s all ease; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-title:not(.active)::before { background-image: url(/warehouse/dynamic/466224.svg); transition: 0.3s all ease; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-title::after { display: none; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-list-wrapper .filter-list { padding: var(--gap-14) 0 var(--gap-20); display: flex; flex-direction: column; gap: var(--gap-8); overflow: hidden; height: auto; max-height: max-content; min-width: unset; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-list-wrapper .filter-list .filter-list-item { position: relative; display: flex; gap: var(--gap-10); align-items: center; opacity: unset; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-list-wrapper .filter-list .filter-list-item input[type="checkbox"] { margin: 0; cursor: pointer; opacity: 0; height: var(--gap-16); width: var(--gap-16); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-list-wrapper .filter-list .filter-list-item .checkmark { position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: var(--gap-16); width: var(--gap-16); background-color: transparent; border: 1px solid var(--black); pointer-events: none; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-list-wrapper .filter-list .filter-list-item input:checked + .checkmark { background-image: url(/warehouse/dynamic/466476.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-list-wrapper .filter-list .filter-list-item:has(input:checked) .checkmark { background-image: url(https://media.getmood.io/warehouse/dynamic/637761.svg); background-position: center; border: none; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .filters-box .filters-list-wrapper .filter-list .filter-list-item label { margin: 0; font-weight: unset; line-height: 1.5; font-size: clamp(1.2rem, var(--fs-16), 1000rem); color: var(--black); letter-spacing: 0.18px; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn button.loadMoreItems:is(:hover, :focus) { background: var(--lgray); }
}

@media(max-width: 1025px) {
    .catalog-page #PageBreadCrumps { justify-content: center; padding: 12px; }
    body.catalog-page #GridTop .top-caption .catalogTextContainer #catalogText p { width: 80%; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) { padding-inline: 0; margin-bottom: var(--gap-64); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) { gap: 0; flex-direction: row-reverse; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline h1 { font-size: var(--fs-40); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) #headline { margin: 0 auto var(--gap-64); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogTextContainer #catalogText { width: 100%; margin: 0 auto var(--gap-24); padding-inline: var(--gap-24); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .categories-strip { padding: 0 0 var(--gap-64); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters { width: max-content; margin-bottom: var(--gap-16); flex-grow: 1; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; padding-inline: var(--gap-24) 0; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .mobileFiltersBtns { margin: 0; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList.side-filters .mobileFiltersBtns .showFiltersBtn { background: transparent; font-size: var(--fs-16); width: 100%; padding: 0 var(--gap-16); border: 1px solid var(--lgray); font-family: var(--font-2); position: relative; display: flex; align-items: center; justify-content: center; gap: var(--gap-8); height: var(--gap-40); flex-direction: row-reverse; color: var(--black); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) { padding-inline-end: var(--gap-24); width: max-content; flex-grow: 1; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-box { width: 100%; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) button.filters-title { font-family: var(--font-2); height: var(--gap-40); border: 1px solid var(--lgray); border-inline-start: 0; font-size: var(--fs-16); padding: 0 var(--gap-16); width: 100%; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list { width: var(--gap-200); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper ul.filter-list li:not(:last-child) { border-bottom: 1px solid #F2F2F2; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList { width: 100%; max-width: unset; gap: 24px; grid-template-columns: repeat(1, 1fr); padding: 0 var(--gap-24); }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .catalogLoadMoreBtn { grid-column: span 1 / -1; margin-top: 24px; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .catalogLoadMoreBtn button.loadMoreItems { height: 44px; min-width: unset; width: 100%; padding: 0 35px; font-size: 1.8rem; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox { min-width: unset; max-width: unset; width: 100%; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .outOfStockLabel img { width: 61%; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .catalogLoadMoreBtn:has(button.loadMoreItems) { margin-block: 0; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner .item-box-image-container a.item-box-link-wrapper.image .item-image { height: auto; aspect-ratio: 1; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content { transform: unset; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .filtersList:not(.side-filters) .filters-list-wrapper { position: relative; }
    .catalog-page .filters-wrapper { display: flex; margin-block: 32px; margin-inline: var(--gap-24); border: 1px solid rgba(17, 18, 42, 0.09); }
    .catalog-page .filters-wrapper > * { width: 50%; }
    .catalog-page .filters-wrapper .filtersList { margin: 0; /* border: 1px solid #E0E0E0; */ border-radius: 0; font-family: var(--heavy); border-left: 1px solid rgba(17, 18, 42, 0.09); }
    .catalog-page .filters-wrapper .filtersList .filters-box.priceSort { /* display: block; */ }
    .catalog-page .filters-wrapper .filtersList .filters-box.priceSort button.filters-title { width: 100%; }
    .catalog-page .filters-wrapper .filtersList.side-filters { background: var(--white); color: var(--black); padding: 0; }
    .catalog-page .filters-wrapper .filtersList.side-filters .mobileFiltersBtns { margin: 0; display: unset !important; }
    .catalog-page .filters-wrapper .filtersList.side-filters .mobileFiltersBtns button.showFiltersBtn { width: 100%; border: 1px; font-size: 16px; background: none; }
    .catalog-page .filters-wrapper .filtersList .filters-box.priceSort { height: 100%; justify-content: center; width: 100%; display: block; align-content: center; overflow: visible; }
    .catalog-page .filters-wrapper .filtersList .filters-box.priceSort button.filters-title { width: 100%; font-size: 16px; font-family: var(--font-1); background: white; border: none; box-shadow: none; height: 100%; }
    .catalog-page .filters-wrapper .filtersList .filters-box.priceSort ul.filter-list { background: var(--white); list-style: none; padding-inline: var(--gap-14); padding-block: var(--gap-10); width: 50%; }
    .catalog-page .filters-wrapper .filtersList .filters-box.priceSort .filters-list-wrapper { /* top: 0; */ position: absolute; width: 100%; z-index: 3; }
    .catalog-page .filters-wrapper .filtersList .filters-box.priceSort:has(.active) { }
    .catalog-page .filters-wrapper .filtersList .filters-box.priceSort:has(.active) .filter-list { display: block; }
    .catalog-page .filters-wrapper .filtersList .filters-box.priceSort .filter-list { display: none; }
    .catalog-page .filters-wrapper .filtersList .filters-box.priceSort:has(.active) .filter-list li.filter-list-item { font-size: 14px; }

    #headerCatalogSideFilter { width: 85vw; background: var(--white); right: -100vw; z-index: 10000; overflow-y: auto; padding-bottom: 40px; }
    #headerCatalogSideFilter .SideTitleWrapper { padding: var(--gap-24) 0; display: flex; text-align: start; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--lgray); width: calc(100% - var(--gap-48)); margin: 0 auto var(--gap-16); }
    #headerCatalogSideFilter .SideTitleWrapper button { padding: 0; width: var(--gap-20); height: var(--gap-20); position: relative; }
    #headerCatalogSideFilter .SideTitleWrapper button svg { display: none; }
    #headerCatalogSideFilter .SideTitleWrapper button::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/546258.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; pointer-events: none; }
    #headerCatalogSideFilter .SideTitleWrapper .SideTitle { font-size: var(--fs-28); width: max-content; line-height: 1.2; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner { padding: 0; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list { text-align: start; padding: 0 var(--gap-24); margin: 0; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-box { display: inline-block !important; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-title { background: transparent; text-align: start; font-size: var(--fs-16); padding: var(--gap-16) 0; position: relative; line-height: 1.2; color: var(--black); }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-title::after { left: 0; top: 50%; transform: translateY(-50%); content: ''; margin-right: 0; width: var(--gap-12); height: var(--gap-12); background-image: url(/warehouse/dynamic/466224.svg); background-position: center; background-size: 100%; background-repeat: no-repeat; position: absolute; transition: unset; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filter-list { margin: 0 0 var(--gap-16); }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filter-list .filter-list-item { display: flex; align-items: center; position: relative; gap: var(--gap-8); }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filter-list .filter-list-item label { font-weight: unset; font-size: var(--fs-14); margin: 0; color: var(--black); }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filter-list .filter-list-item input[type="checkbox"] { margin: 0; cursor: pointer; opacity: 0; width: 100%; height: 100%; position: absolute; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filter-list .filter-list-item .checkmark { height: var(--gap-16); width: var(--gap-16); background-color: transparent; border: 1px solid var(--lgray); pointer-events: none; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filter-list .filter-list-item input:checked + .checkmark { background-repeat: no-repeat; background-position: center; background-size: var(--gap-8); background-image: url(/warehouse/dynamic/543420.svg); filter: hue-rotate(-100deg); }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filter-list .filter-list-item:not(:last-child) { margin-bottom: var(--gap-12); }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-box::after { border-color: var(--lgray); }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .clearFiltersBtn { text-align: start; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .clearFiltersBtn button { font-size: var(--fs-14); padding: 0; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-title.active::after { background-image: url(/warehouse/dynamic/466225.svg); }
    #headerCatalogSideFilterBG { background: rgba(0, 0, 0, 0.16); }
}

@media (min-width: 600px) and (max-width: 1025px) {
    div#headerCatalogSideFilterLoader { display: none; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list { display: flex; flex-direction: column; }
    #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-title::after { left: -28%; }
}

/*------------------------------------------/*
 PRODUCT ITEM BOX
/*------------------------------------------*/
@media(min-width: 1025px) {
}

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


/*------------------------------------------/*
 PRODUCT PAGE
/*------------------------------------------*/
@media(min-width: 1025px) {
    .CatalogItemPage #PageBreadCrumps { position: absolute; }
}

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

/*------------------------------------------/*
 HOME-PAGE
/*------------------------------------------*/
body.home-page { background: white; }

.home-page #main-header:not(.bg) .header-container .header-left .header-search.search-toggle { backdrop-filter: blur(50px); background: none; filter: none; }

.home-page #allSectionsWrapper .section.grid-text-section { background: var(--white); }
.home-page #allSectionsWrapper .section.grid-text-section.animated { background: var(--lgreen); }

@media(min-width: 1025px) {
    body.home-page #allSectionsWrapper .section.grid-content-section.reg-cubes { padding-bottom: var(--gap-120); }
}

@media(max-width: 1025px) {
    .home-page #allSectionsWrapper section.grid-text-section { padding: 48px var(--gap-32); }

    .home-page #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h3 { font-size: 14px; }

    .home-page #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes { flex-direction: row; padding-bottom: var(--gap-32); }
}
/**/

@media (min-width: 600px) and (max-width: 1025px) {
    .home-page #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes { display: flex; }
    .home-page #allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h3 { font-size: 20px; }
}

/*------------------------------------------/*
 ABOUT-PAGE
/*------------------------------------------*/
body.about #allSectionsWrapper .section.grid-content-section.reg-cubes { background: var(--white); }

body.about #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons { background: white; }
body.about #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes .grid-box { background: var(--lgray); }

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

@media(max-width: 1025px) {
    .about #allSectionsWrapper .section.grid-content-section.scrolling-cubes.icons .grid-boxes { padding: 0; }

    .about #allSectionsWrapper .section.grid-content-section.reg-cubes .section-title { margin-top: 0; }
    .about #allSectionsWrapper .section.grid-content-section.reg-cubes { padding-bottom: var(--gap-32); }

    .about #allSectionsWrapper .section.grid-text-section.med-text { padding-bottom: var(--gap-32); }
    .about #allSectionsWrapper .section.grid-text-section.animated lottie-player#animated-text svg { width: 85% !important; }
}
/**/

/*------------------------------------------/*
 CORPORATES-PAGE
/*------------------------------------------*/
body.corporates { background: white; }
body.corporates #GridTop .top-caption { width: 55%; top: 50%; }
body.corporates #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { align-content: normal; display: flex !important; padding-inline-start: var(--gap-96); }
body.corporates #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { padding-top: var(--gap-32); }
body.corporates #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p { margin: 0; }
body.corporates #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p.is-empty { height: var(--gap-80); }
body.corporates #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p:has(strong) { margin-bottom: var(--gap-12); }

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

@media(max-width: 1025px) {
    body.corporates #allSectionsWrapper .section.grid-row-section { /* padding-inline: var(--gap-24); */ }
    body.corporates #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { padding: 0; padding-inline: var(--gap-24); }
    body.corporates #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { padding: 0; }
    body.corporates #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p.is-empty { height: 24px; }

    body.corporates #allSectionsWrapper .section.grid-text-section:has(.gridTextImgContainer) { padding-block: var(--gap-64); }

    body.corporates #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes:after { display: none; }
}

@media (min-width: 600px) and (max-width: 1025px) {
    body.corporates #GridTop .top-caption h1 { display: block; width: 100%; margin-inline: auto; }
    body.corporates #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
    body.corporates #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box { width: 30%; }
}

/**/
/*------------------------------------------/*
 SCHOLARSHIP-PAGE
/*------------------------------------------*/
body.scholarship { background: white; }

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

@media(max-width: 1025px) {
    body.scholarship #allSectionsWrapper .section.grid-form-section { }
    body.scholarship #allSectionsWrapper .section.grid-form-section .form-container-wide { margin: 0; }
}
/**/

/*------------------------/*
 CONTACT-PAGE
/*------------------------*/
body.contact { background: white; }
body.contact #SiteGrid { display: flex; }
body.contact #SiteGrid > * { width: 50%; }
body.contact #SiteGrid #GridPage { padding-block: var(--gap-120); }
body.contact #SiteGrid #GridPage #GridContent { }
body.contact #SiteGrid #GridBottom { display: none; }
body.contact :is(div,#LobbyModule) { }
body.contact :is(div,#LobbyModule) #headline { margin: 0; }
body.contact :is(div,#LobbyModule) #headline h1 { font-size: var(--fs-80); font-family: var(--font-2); }
body.contact :is(div,#LobbyModule) h2 { font-family: var(--font-3); font-size: 7.917vw; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper { }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section:first-child { margin-block: var(--gap-80); }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section { margin: 0; background: white; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide { }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject { border: none; width: 100%; padding-block: 0; margin-top: var(--gap-40); }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject:after { display: none; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject :is(.dynamicFormObjectTitleAndText, .dynamicFormEndText) { display: none; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row { width: 100%; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row .top-form { font-size: var(--fs-16); width: 100%; line-height: 1.6; color: var(--black); margin-inline: auto; margin-bottom: var(--gap-40); }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row .top-form span { font-family: 'ping-heavy'; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form { width: 75%; margin-inline: auto; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset { display: flex; flex-direction: column; justify-content: center; align-items: center; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField { width: 100%; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .input-wrapper { }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .input-wrapper:before { right: 7px; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .input-wrapper input { border: none; border-bottom: 1px solid var(--black); /* border-radius: 0; */ font-size: var(--fs-16); box-shadow: none; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .input-wrapper input::placeholder { color: var(--text); }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .textarea-wrapper { }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .textarea-wrapper textarea { border: none; border-bottom: 1px solid var(--black); border-radius: 0; font-size: var(--fs-16); box-shadow: none; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .textarea-wrapper textarea::placeholder { color: var(--text); }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectSubmit { width: fit-content; margin-top: var(--gap-32); }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectSubmit input.form-submit { background: var(--black); font-size: var(--fs-16); min-width: 150px; height: 50px; border-radius: 50px; }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .select-wrapper { }
body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .select-wrapper select { border: none; border-bottom: 1px solid var(--black); border-radius: 0; font-size: var(--fs-16); color: var(--text); padding-inline: var(--gap-16); box-shadow: none; }

@media(min-width: 1025px) {
    body.contact #SiteGrid #GridTop { height: 48.438vw; position: sticky; z-index: -1; top: 0; /* right: 0; */ background-repeat: no-repeat; }
    body.contact #SiteGrid #GridTop.reached { position: absolute; bottom: 0; right: 0; }
    body.contact #SiteGrid #GridPage { margin-inline-start: auto; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField :is(.input-wrapper, .select-wrapper).must::before { right: 1%; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectSubmit input.form-submit:hover { background: #3F3B38; }
}

@media(max-width: 1025px) {
    body.contact #SiteGrid { flex-direction: column; }
    body.contact #SiteGrid > * { width: 100%; background-position: inherit; }
    body.contact #SiteGrid #GridPage { padding-block: 0; }
    body.contact :is(div,#LobbyModule) #headline { }
    body.contact :is(div,#LobbyModule) #headline h1 { font-family: var(--font-2); font-size: 32px; }
    body.contact :is(div,#LobbyModule) h2 { font-size: 45px; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section { /* margin-block: 12px; */ }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide { padding-top: 0; margin-bottom: 0; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject { margin-top: 0; padding-inline: 0; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row { width: 100%; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form { width: 101%; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .input-wrapper input { box-shadow: none; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .select-wrapper select { box-shadow: none; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .select-wrapper:before { right: 6px; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .textarea-wrapper textarea { box-shadow: none; }

    body.contact #SiteGrid > #GridTop { background-position: top; }
}
/**/

/*-------------------------------------------/*
  CATALOG-PAGE  
/*-------------------------------------------*/
.catalog-page #allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box .grid-box-image { max-width: var(--gap-48); }
body.catalog-page { background: white; }
body.catalog-page #GridTop { }
body.catalog-page #GridTop:before { display: none; }
body.catalog-page #GridTop .top-caption { text-align: center; display: flex; flex-direction: column; }
body.catalog-page #GridTop .top-caption h1 { font-family: var(--font-2); margin-bottom: var(--gap-24); overflow: hidden; }
body.catalog-page #GridTop .top-caption h2 { color: white; text-align: center; font-size: clamp(18px,var(--fs-18),300px); line-height: 1.5; }
body.catalog-page #GridTop .top-caption .catalogTextContainer #catalogText p { color: white; font-size: clamp(16px,var(--fs-16),300px); width: 100%; margin-inline: auto; }

body.catalog-page.jobs #GridTop .top-caption h1 { font-size: clamp(70px,var(--gap-90),300px); }
body.catalog-page #GridTop .top-caption h1 .char { width: fit-content; display: inline-block; height: fit-content; font-size: clamp(50px,var(--fs-80),300px); transform: translateY(-120%); }
body.catalog-page #GridTop .top-caption.shown h1 .char { transform: unset; }


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

@media(max-width: 1025px) {
    body.catalog-page #GridTop .top-caption h1 { font-size: initial; }
    body.catalog-page #GridTop .top-caption h1 .char { font-size: 31px; }
    body.catalog-page:not(.CatalogItemPage) #SiteGrid > #GridTop { height: 547px; width: 100%; background-size: cover; }
    body.catalog-page #SiteGrid > #GridTop .top-caption { width: 100%; top: 44%; padding-inline: var(--gap-24); }
    body.catalog-page #SiteGrid > #GridTop .top-caption h2 { margin-bottom: 16px; }
    body.catalog-page #SiteGrid > #GridTop .top-caption .catalogTextContainer { }
    body.catalog-page #SiteGrid > #GridTop .top-caption .catalogTextContainer #catalogText { }
    body.catalog-page #SiteGrid > #GridTop .top-caption .catalogTextContainer #catalogText p { width: 100%; }
    body.catalog-page.courses #SiteGrid > #GridTop .top-caption { top: 38%; }
    body.catalog-page.courses #SiteGrid > #GridTop .top-caption .catalogTextContainer { }
    body.catalog-page.courses #SiteGrid > #GridTop .top-caption .catalogTextContainer p:has(a) { margin-top: var(--gap-16); }

    body.catalog-page.jobs #GridTop .top-caption h1 { font-size: 40px; }
}

@media (min-width: 600px) and (max-width: 1025px) {
    body.catalog-page #GridTop .top-caption h1 { margin-inline: auto; }
    body.catalog-page #GridTop .top-caption h1 .char { font-size: 50px; }
    body.catalog-page #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) #CatalogView .section.grid-row-section .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .button-wrapper a { padding-block: 7px; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList { grid-template-columns: repeat(2,1fr); }
}

/*-------------------------------------------/*
  CATALOG-ITEM-PAGE  
/*-------------------------------------------*/
body.CatalogItemPage { }
body.CatalogItemPage #GridTop { display: block !important; height: auto; width: 100%; }
body.CatalogItemPage #GridTop .gridFormImgContainer { }
body.CatalogItemPage #GridTop .gridFormImgContainer img { width: 100%; }
body.CatalogItemPage #GridTop .top-caption { top: 50%; }
body.CatalogItemPage #GridTop .top-caption span { display: none !important; }
body.CatalogItemPage #GridTop .top-caption h1 { font-family: var(--font-1); }
body.CatalogItemPage #SiteGrid { padding: 0; }
body.CatalogItemPage #CatalogModule { }
body.CatalogItemPage #CatalogModule .itemContentWrapper { }
body.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages { display: none; }
body.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent { padding: var(--gap-120) var(--gap-240); }
body.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .outOfStockLabel { margin-bottom: var(--gap-32); }
body.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent .outOfStockLabel img { transform: rotate(20deg); }
body.CatalogItemPage #CatalogModule .itemContentWrapper #allSectionsWrapper { }
body.CatalogItemPage #CatalogModule .itemContentWrapper #allSectionsWrapper .section.grid-form-section { }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container { display: flex; background: white; }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container > * { width: 50%; }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section { background: var(--green); }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section .form-container-wide { padding: var(--gap-120) var(--gap-180); position: sticky; top: 0; }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section .form-container-wide #DynamicFormObject { border: none; background: white; padding: var(--gap-80); width: 100%; }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields { }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: var(--gap-32); font-size: clamp(16px,var(--fs-18),300px); /* margin-inline: 0; */ text-align: center; }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; }
body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { }
body.CatalogItemPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { inset-inline-start: 1%; }
body.CatalogItemPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(32px,var(--fs-32),300px); }

body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .custom-container > * .item-collections { display: none; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details { font-size: clamp(16px,var(--fs-16),300px); margin-top: var(--gap-16); display: flex; flex-direction: column; gap: var(--gap-16); }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field { display: block; display: flex; flex-direction: column; margin-inline: 0; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field ul { padding: 0; list-style: none; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field .custom-field-title { font-family: var(--font-2); padding-block: var(--gap-12); }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field:not(:first-child) { display: flex; border-bottom: 1px solid rgba(168, 163, 151, 0.30); }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field:not(:first-child,#customField6493) .custom-field-title:after { content: "+"; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field:not(:first-child) .custom-field-title.active:after { content: "-"; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field:not(:first-child) span.custom-field-title { display: flex; justify-content: space-between; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field#customField6493 { flex-direction: row-reverse; justify-content: flex-end; border: none; margin-top: var(--gap-30); }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field#customField6493 span.custom-field-title { margin-inline-start: var(--gap-12); }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field#customField6489 { padding-block: 0 var(--gap-12); }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field#customField6489 span.custom-field-title::after { display: none; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-custom-details > .custom-field span p.is-empty { display: none; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .shareBox { margin: 0; margin-inline-end: var(--gap-18); background-image: url("https://media.getmood.io/warehouse/dynamic/637490.svg"); background-repeat: no-repeat; float: right; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .shareBox .allShareButtons { left: 90px; top: unset; bottom: 0; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .shareBox button.openShareBox { opacity: 0; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-makat { display: none; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent #subheadline { display: none; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-price { display: none; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions { border: none; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .item-actions .addToCart { display: none; }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent #catalogText p { font-size: clamp(16px,var(--fs-16),300px); }
body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .catalog-fields.accordionLayout { display: none; }

@media(min-width: 1025px) {
    body.CatalogItemPage #GridTop img.desktopBanner { width: 100%; object-fit: cover; }
    body.CatalogItemPage #GridTop img.mobileBanner { display: none; }
    #CatalogModule :is(#CatalogCategoryPage, #CatalogCollection) :is(#CatalogView, #CatalogCollectionView) .itemsList .newCatalogItemBox.catalogItemBox .catalogItemBoxInner a.item-box-link-wrapper.content { min-height: 200px; justify-content: space-between; }
}

@media(max-width: 1025px) {
    body.CatalogItemPage #GridTop:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: black; opacity: 0.1; }
    body.CatalogItemPage #GridTop .MobileBanner { width: 100%; object-fit: cover; }
    body.CatalogItemPage #SiteGrid > #GridTop .desktopBanner { display: none; }
    body.CatalogItemPage #GridTop img.mobileBanner { width: 100vw; }
    body.CatalogItemPage #GridTop .DesktopBanner { display: none; }
    body.CatalogItemPage #GridTop .gridFormImgContainer img { height: auto; aspect-ratio: 1; object-fit: cover; }
    body.CatalogItemPage #PageBreadCrumps { background: white; padding-block: var(--gap-12); }
    body.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent { padding: var(--gap-32) var(--gap-24); }
    body.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent #headline { margin: 0; }
    body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container { flex-direction: column; }
    body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container > * { width: 100%; }
    body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section .form-container-wide { padding: var(--gap-32) var(--gap-24); margin: 0; }
    body.CatalogItemPage #CatalogModule .itemContentWrapper .custom-container .section.grid-form-section .form-container-wide #DynamicFormObject { padding: var(--gap-32) var(--gap-24); }
    body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .shareBox .allShareButtons { left: unset; bottom: unset; display: flex; /* gap: 12px; */ right: 5%; }
    body.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .itemContent .shareBox .allShareButtons a { height: auto; aspect-ratio: 1; transform: scale(0.8); }
    body.catalog-page.CatalogItemPage.courses #SiteGrid > #GridTop .top-caption { top: 50%; }
    body.catalog-page.CatalogItemPage.courses #SiteGrid > #GridTop .top-caption h1 { font-size: 40px; }
}

@media (min-width: 600px) and (max-width: 1025px) {
    body.jobs.CatalogItemPage.catalog-page #SiteGrid > #GridTop { height: 30vh; }
}

/*-------------------------------------------/*
 SEARCH RESULTS PAGE
/*------------------------------------------*/
.SearchResults #GridTop { display: none; }
.SearchResults #SearchResultPage #text1 { max-width: unset; }
.SearchResults #SearchResultPage #text1 .searchResultsList { gap: 0 var(--gap-16); margin: 0 auto var(--gap-120); max-width: 78vw; display: grid; grid-template-columns: repeat(3, 1fr); }
.SearchResults #SearchResultPage #text1 .searchResultsList .catalogItemBox { margin: 0 0 var(--gap-80); min-width: unset; max-width: unset; grid-row: unset; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { padding: var(--gap-24) 0; border: unset; display: flex; margin: 0; border-top: 1px solid var(--lgray); grid-column: 1 / -1; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:last-child { border-bottom: 1px solid var(--black); }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.resultFromGrid { display: none; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem a::after { display: none; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a { width: var(--gap-96); min-width: var(--gap-96); height: auto; overflow: hidden; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a img { height: 100%; object-fit: cover; border-radius: var(--gap-8); }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent { width: auto; padding-inline-start: 0; gap: var(--gap-12); display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: start; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a { font-size: clamp(1.2rem, var(--fs-32), 1000rem); }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a span { font-size: inherit; max-width: 100%; color: var(--black); font-family: var(--font-2); line-height: 1; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent .resultCategory { font-size: clamp(1.2rem, var(--fs-18), 1000rem); color: var(--black); display: inline-flex; line-height: 1.5; letter-spacing: 0.17px; }

@media(min-width: 1025px) {
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:has(> a > img) .resultContent { padding-inline-start: var(--gap-20); }
}

@media(max-width: 1025px) {
    .SearchResults #SearchResultPage #text1 .searchResultsList { gap: 0; padding: 0; align-items: center; margin: 0 auto var(--gap-64); grid-template-columns: repeat(1, 1fr); max-width: unset; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .catalogItemBox { margin: 0 0 var(--gap-40); height: max-content; width: 100%; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .catalogItemBox:last-child { margin: 0; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { padding: var(--gap-16) 0; display: flex; flex-direction: column; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:has(> a > img) { gap: var(--gap-16); }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a img { width: 100%; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent { padding-inline-start: unset; gap: var(--gap-8); }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a { font-size: var(--fs-28); }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent .resultCategory { font-size: var(--fs-16); }
}


/*------------------------------------------/*
 FORM THANK YOU PAGE
/*------------------------------------------*/
body.FormResultPage { background: white; }
.FormResultPage #SiteGrid { display: flex; flex-direction: column; justify-content: center; padding: 0; }
.FormResultPage #GridTop,
.FormResultPage #GridWrapInner #GridHeader { display: none; }
.FormResultPage #GridWrapInner { padding: 0; min-height: calc(var(--app-height) - var(--headerHeight)); display: grid; place-content: center; }
.FormResultPage #SiteGrid #PageBreadCrumps { position: absolute; }
.FormResultPage #pageview .container-fluid { width: 100%; }
.FormResultPage #pageview #headline { font-size: 100%; position: relative; margin: 0; }
.FormResultPage #pageview #headline h1 { font-size: clamp(2rem, var(--fs-80), 1000rem); margin: 0 0 var(--gap-24); }
.FormResultPage #pageview #text1 { display: grid; max-width: unset; justify-items: center; }
.FormResultPage #pageview #text1 p { font-size: clamp(1.2rem, var(--fs-18), 1000rem); margin: 0; letter-spacing: 0.18px; line-height: 1.5; font-family: var(--font-1); }
.FormResultPage #pageview #text1 a.FormResultPageButton { display: inline-flex !important; margin: var(--gap-24) auto 0 !important; background-color: var(--green); height: 2.8vw; min-width: var(--gap-180); border-radius: 7px; display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); font-family: var(--font-2); align-items: center; justify-content: center; border: unset; color: var(--white); transition: 0.3s ease all; }

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

@media(max-width: 1025px) {
    .FormResultPage #GridWrapInner { padding: 0 var(--gap-24); border: unset; margin: 0; }
    .FormResultPage #pageview #headline h1 { font-size: var(--fs-32); margin-bottom: var(--gap-16); }
    .FormResultPage #pageview #text1 p { font-size: var(--fs-16); }
    .FormResultPage #pageview #text1 a.FormResultPageButton { font-size: var(--fs-16); padding: var(--gap-16) var(--gap-24); height: auto; font-family: var(--font-1); }
}


/*------------------------------------------/*
 PAGE 404
/*------------------------------------------*/
body.page-404 { background: white; }
.page-404 #SiteGrid { display: flex; align-items: center; padding: 0; flex-direction: column; }
.page-404 #SiteGrid #GridTop,
.page-404 #SiteGrid #GridWrapInner #GridHeader { display: none; }
.page-404 #SiteGrid #GridPage { width: 100%; height: 100%; padding: 0; }
.page-404 #SiteGrid #GridWrap { display: flex; flex-direction: column; max-width: unset; }
.page-404 #SiteGrid #GridWrapInner { padding: 0; min-height: calc(var(--app-height) - var(--headerHeight)); display: grid; place-content: center; }
.page-404 #SiteGrid #PageBreadCrumps { position: absolute; }
.page-404 #SiteGrid #GridPage .page-not-found { display: flex; flex-direction: column; position: relative; align-items: center; }
.page-404 #SiteGrid #GridPage .page-not-found #headline { margin: 0; }
.page-404 #SiteGrid #GridPage .page-not-found #headline h1 { font-size: clamp(2rem, var(--fs-80), 1000rem); margin: 0 0 var(--gap-24); }
.page-404 #SiteGrid #GridPage .page-not-found #text1 { max-width: unset; }
.page-404 #SiteGrid #GridPage .page-not-found #subheadline h2 { font-size: clamp(1.2rem, var(--fs-18), 1000rem); margin: 0; letter-spacing: 0.18px; line-height: 1.5; font-family: var(--font-1); }
.page-404 #SiteGrid #GridPage .page-not-found a { margin: var(--gap-24) auto 0; background-color: var(--green); height: 2.8vw; min-width: var(--gap-180); border-radius: 7px; display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--white); }

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

@media(max-width: 1025px) {
    .page-404 #SiteGrid #GridWrapInner { padding: 0 var(--gap-24); border: unset; margin: 0; }
    .page-404 #SiteGrid #GridPage .page-not-found #headline h1 { font-size: var(--fs-28); margin-bottom: var(--gap-16); }
    .page-404 #SiteGrid #GridPage .page-not-found #subheadline h2 { font-size: var(--fs-16); }
    .page-404 #SiteGrid #GridPage .page-not-found #text1 a { font-size: var(--fs-16); padding: var(--gap-16) var(--gap-24); height: auto; }
}


/*------------------------------------------/*
 ACCESSABILITY PAGE
/*------------------------------------------*/
.accessabilityMainPage #GridTop { display: none; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 40.5vw; margin: 0 auto var(--gap-120); display: flex; flex-direction: column; text-align: start !important; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline { font-size: 100%; margin: 0; text-align: start; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { margin: 0 0 var(--gap-32); font-size: clamp(56px,var(--fs-56),300px); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) { max-width: 100%; display: grid; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { margin: var(--gap-24) 0 var(--gap-24); font-size: clamp(1.2rem, var(--fs-32), 1000rem); letter-spacing: 0.28px; line-height: 1.5; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3):first-child { margin-top: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-inline-start: var(--gap-20); margin: 0; display: flex; flex-direction: column; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) :is(ul,ol) { padding-inline-start: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol),
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(p, ul,ol):has(+ ul, + ol) { margin-bottom: var(--gap-24); }

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

@media(max-width: 1025px) {
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 100%; margin: 0 auto var(--gap-64); }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { font-size: var(--fs-26); margin: 0 0 var(--gap-12); }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-size: 18px; margin-bottom: 10px; }
}


/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/
footer { padding: 0; display: flex; }
#SiteFooter { padding: 0; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: center; align-items: center; overflow: hidden; }
#SiteFooter .footer-text-divided { background: var(--white); padding: var(--gap-56) var(--gap-40) var(--gap-96); color: var(--white); display: flex; }
#SiteFooter .footer-text-divided .footer-text-left { padding: 0; width: auto; display: inline-flex; justify-content: flex-end; height: max-content; }
#SiteFooter .footer-text-divided .footer-text-left p:first-child { display: none; }
#SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a svg { width: 20px; height: auto; aspect-ratio: 1; padding: 5px; border-radius: 50%; background: var(--green); opacity: 0; }
#SiteFooter .footer-text-divided .footer-text-middle { width: auto; padding: 0; display: flex; flex-grow: 1; gap: var(--gap-80); justify-content: end; margin-inline-end: var(--gap-160); }
#SiteFooter .footer-text-divided .footer-text-middle h4 { margin: 0 0 var(--gap-8); font-size: clamp(1.2rem, var(--fs-18), 1000rem); line-height: 1.5; letter-spacing: 0.18px; color: var(--dgreen); opacity: 1; font-family: var(--font-2); text-align: right; }
#SiteFooter .footer-text-divided .footer-text-middle ul { margin: 0; padding: 0; list-style: none; }
#SiteFooter .footer-text-divided .footer-text-middle ul li { position: relative; width: max-content; font-size: clamp(1.2rem, var(--fs-16), 1000rem); color: var(--black); line-height: 1.5; letter-spacing: 0.18px; }
#SiteFooter .footer-text-divided .footer-text-middle ul li:not(:last-child) { margin-bottom: var(--gap-8); }
#SiteFooter .footer-text-divided .footer-text-right { display: flex; align-items: center; width: 40%; }
#SiteFooter .footer-text-divided .footer-text-right p:has(img) { min-width: var(--gap-200); }
#SiteFooter .site-credit.alternative { padding: var(--gap-4) 0; z-index: 1; width: 100%; display: flex; order: 3; }
#SiteFooter .site-credit.alternative svg path.st0 { fill: var(--white); }
#SiteFooter a.AccessabilityLink { z-index: 1; font-size: clamp(1rem, var(--fs-14), 1000rem); }
#SiteFooter a.AccessabilityLink:hover { color: var(--white); }
#SiteFooter p.creditWrapper svg { fill: var(--white); }

#SiteFooter .footer-text { padding: 0; }
#SiteFooter .footer-text > span { display: flex; background: var(--green); padding-inline: var(--gap-96); padding-block: var(--gap-20); gap: var(--gap-8); font-family: var(--font-1); }
#SiteFooter .footer-text > span p { color: white; font-size: clamp(16px,var(--fs-16),300px); }
#SiteFooter .footer-text > span p img { margin-inline-end: var(--gap-12); }
#SiteFooter .footer-text > span p a { font-family: var(--font-1); }
#SiteFooter .footer-text > span p:last-child { margin-inline-start: auto; }

.footerSocialIcons a { background-repeat: no-repeat; background-position: center; background-size: cover; display: inline-block; width: var(--gap-40); height: var(--gap-40); }
.footerSocialIcons a.social_icon_instagram:first-child { background-image: url("https://media.getmood.io/warehouse/dynamic/631801.svg"); /* background-repeat: no-repeat; */ /* background-position: center; */ /* background-size: cover; */ /* display: inline-block; */ /* width: 40px; */ /* height: 40px; */ }
.footerSocialIcons a.facebook_icon_instagram { background-image: url("https://media.getmood.io/warehouse/dynamic/631800.svg"); }
.footerSocialIcons a.social_icon_instagram:nth-child(3) { background-image: url("https://media.getmood.io/warehouse/dynamic/631802.svg"); }
.footerSocialIcons a.social_icon_tiktok { background-image: url("https://media.getmood.io/warehouse/dynamic/631803.svg"); }
.footerSocialIcons a.social_icon_youtube { background-image: url("https://media.getmood.io/warehouse/dynamic/631803.svg"); }

@media(min-width: 1025px) {
    #SiteFooter .footer-text-divided .footer-text-middle ul li:is(:hover, :focus) { text-decoration: underline; }
}

@media(max-width: 1025px) {
    #SiteFooter .footer-text-divided { flex-direction: column; padding: var(--gap-48) var(--gap-24); /* gap: var(--gap-32); */ }
    #SiteFooter .footer-text-divided .footer-text-left { justify-content: center; margin-top: var(--gap-48); }
    #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons { display: flex; gap: 12px; }
    #SiteFooter .footer-text-divided .footer-text-middle { flex-direction: column; gap: var(--gap-8); margin: 0; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item { border-top: 1px solid rgba(229, 228, 228, 0.20); }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item { border: unset; box-shadow: 0px 2px 9px 0px rgba(54, 52, 49, 0.07), 0px 1px 1px 0px rgba(54, 52, 49, 0.06); border-radius: 4px; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item h4 { margin: 0; position: relative; pad; padding: var(--gap-14) var(--gap-28); font-size: var(--fs-18); color: var(--green); display: flex; justify-content: space-between; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item h4::before { background-image: url(/warehouse/dynamic/567960.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; width: var(--gap-14); height: var(--gap-14); transition: 0.3s all ease; /* content: ''; */ position: absolute; left: 0; top: 50%; transform: translateY(-50%); filter: invert(1); }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item:not(.open) h4::before { background-image: url(/warehouse/dynamic/567959.svg); }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item > ul { padding-bottom: var(--gap-16); padding-inline: 28px; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item ul > li { padding: 0; margin: 0 !important; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item ul > li:not(:last-child) { padding: 0 0 var(--gap-8); }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item ul li { width: 100%; font-size: var(--fs-16); text-align: right; }
    #SiteFooter a.AccessabilityLink { font-size: var(--fs-14); }

    #SiteFooter .footer-text-divided .footer-text-right { flex-direction: column; width: 100%; padding: 0; }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide { padding: 0; margin-bottom: var(--gap-48); }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer { }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer div#DynamicFormObject { text-align: center; }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer div#DynamicFormObject .dynamicFormObjectTitleAndText { padding-block: var(--gap-20) var(--gap-12); }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer div#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: center; margin: 0; }
    #SiteFooter .footer-text-divided .footer-text-right p:has(img) { width: 80px; min-width: unset; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item h4:after { /* content: "+"; */ display: inline-block; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item h4:after { content: "+"; color: var(--green); }
    #SiteFooter .footer-text > span { flex-direction: column; padding-block: var(--gap-48); padding-inline: var(--gap-24); }
    #SiteFooter .footer-text > span p:last-child { margin-inline-start: revert-layer; }
}

/*------------------------------------------/*
 FORM INSIDE FOOTER
/*------------------------------------------*/

.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide { }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer { background: none; }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject { text-align: right; max-width: 100%; border: none; padding: 0; }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: unset; padding-bottom: 0; }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(18px,var(--fs-18),300px); text-align: right; color: var(--green); margin-bottom: var(--gap-12); }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding-top: 0; }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: clamp(15px,var(--fs-15),300px); margin-bottom: var(--gap-32); }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText::after { display: none; }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form { }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; gap: 0; }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { min-width: 100%; }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { position: relative; }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input { border: none !important; background: var(--fgray); font-size: clamp(15px,var(--fs-15),300px); padding: var(--gap-16); padding-inline-start: var(--gap-24); height: var(--gap-56); }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField input { }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { justify-content: flex-start; margin-top: var(--gap-12); }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper:after { content: url("https://media.getmood.io/warehouse/dynamic/637760.svg"); position: absolute; left: 3%; top: 50%; transform: translateY(-50%); cursor: pointer; background: var(--yellow); width: 30px; height: auto; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { position: absolute; opacity: 0; }
.footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit { }

@media(min-width: 1025px) {
    #SiteFooter .footer-text > span p { display: flex; white-space: nowrap; align-items: center; }
    #SiteFooter .footer-text > span p img { width: 16px; height: 16px; }
}

@media(max-width: 1025px) {
    .footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields { padding: 0; }
    .footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { min-width: unset; width: 100%; margin-inline: auto; }
    .footer-text-divided > div.footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: var(--gap-28); }
}

/*------------------------------------------/*
 BUTTON BEHAVIOR
/*------------------------------------------*/
a .btn-text-wrapper { position: static; left: 0; width: 100%; height: 1vw; overflow: hidden; display: flex; align-items: center; }
a .btn-text-wrapper span.inner-text-container { text-shadow: 0px 1vw 0px var(--white); transition: transform 0.5s cubic-bezier(.23, 1, .32, 1); display: block; }
a:hover .btn-text-wrapper span.inner-text-container { transition: transform 0.5s cubic-bezier(.23, 1, .32, 1); transform: translateY(-1vw); }

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

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

/*------------------------------------------/*
 GSAP/ANIMATIONS RELATED
/*------------------------------------------*/
body:has(.shown) { opacity: 1; position: relative; }
.line { overflow: hidden; }
.word { display: inline-flex !important; }
.char-wrap { display: inline-block; position: relative; overflow: hidden; }

#main-header, #main-header.bg { transform: translateY(-100%); transition: 1s ease all; transition-delay: 0.5s; }
#main-header.shown, #main-header.bg.shown { transform: unset; }

#GridTop .top-caption { overflow: hidden; width: fit-content; }
.catalog-page.courses #GridTop .top-caption { overflow: unset; }
#GridTop .top-caption h1 { transform: translateY(-100%); opacity: 0; transition: 0.5s ease all; transition-delay: 1s; }
#GridTop .top-caption.shown h1 { transform: unset; opacity: 1; }
#GridTop .top-caption h1 span { display: inline-block; transform: translateX(-200%); transition: 0.5s; transition-delay: 1.5s; }
#GridTop .top-caption.shown h1 span { transform: unset; }

.section-title h2 { transform: translateY(60px); opacity: 0; transition: 0.5s ease all; transition-delay: 0.3s; }
.section-title.shown h2 { transform: unset; opacity: 1; }
.section-title h2 span { display: inline-block; transform: translateY(-60px); opacity: 0; transition: 0.5s ease all; transition-delay: 0.6s; }
.section-title.shown h2 span { transform: unset; opacity: 1; }

body #home-gallery .gallery-caption .gallery-logo { transform: translateY(-100%); transition: 0.6s ease all; transition-delay: 1s; }
body #home-gallery .gallery-caption .gallery-text { transform: translateY(100%); transition: 0.6s ease all; transition-delay: 1.2s; }
body:has(.shown) #home-gallery { }
body:has(.shown) #home-gallery .gallery-caption { }
body:has(.shown) #home-gallery .gallery-caption .gallery-logo { transform: unset; }
body:has(.shown) #home-gallery .gallery-caption .gallery-text { transform: unset; }

#allSectionsWrapper .section:not(.grid-row-section,.grid-image-section, .statistics) { opacity: 0; transform: translateY(100px); transition: 1s ease all; }
#allSectionsWrapper .section.shown { opacity: 1; transform: unset; }

#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box { opacity: 0; transform: translateY(60px); transition: 0.5s ease all; }
#allSectionsWrapper .section.grid-content-section.reg-cubes .grid-boxes .grid-box.shown { opacity: 1; transform: unset; }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.yellow-bg .grid-row-cell.flexslider-box ul.slides { right: -10%; left: 0; transition: 1s ease all; }
#allSectionsWrapper .section.grid-row-section.shown .grid-rows .grid-row.yellow-bg .grid-row-cell.flexslider-box ul.slides { right: 0; left: -7%; }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { transform: translateY(-60px); opacity: 0; transition: 0.3s ease all; overflow: hidden; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text.shown h2 { transform: unset; opacity: 1; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 span { display: inline-block; transform: translateY(-60px); transition: 0.5s ease all; transition-delay: 0.3s; opacity: 0; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text.shown h2 span { transform: unset; opacity: 1; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p { transform: translateY(-60px); opacity: 0; transition: 0.3s ease all; overflow: hidden; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text.shown p { transform: unset; opacity: 1; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p:has(strong) { transform: translateY(-30px); opacity: 0; transition: 0.5s ease all; overflow: hidden; transition-delay: 0.3s; }
#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text.shown p:has(strong) { transform: unset; opacity: 1; }

#allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.bottom-banner .grid-row-cell.grid-row-cell-text .grid-row-text p:has(strong) { transition-delay: 0.3s; }

#allSectionsWrapper .section.grid-content-section.numbers .grid-box .grid-box-title h3 { transform: translateY(-100%); transition: 0.5s ease all; }
#allSectionsWrapper .section.grid-content-section.numbers .grid-box.shown .grid-box-title h3 { transform: unset; }

#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box { }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box .grid-box-image img { transform: translateY(100%); transition: 1.6s ease all; transition-delay: 0.5s; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .grid-boxes .grid-box.shown .grid-box-image img { transform: unset; }

#allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h2 { transform: translateY(60px); opacity: 0; transition: 0.5s ease all; transition-delay: 0.3s; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h2 span { display: inline-block; transform: translateY(-60px); opacity: 0; transition: 0.5s ease all; transition-delay: 0.6s; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title h3 { transform: translateY(60px); opacity: 0; transition: 1s ease all; transition-delay: 0.3s; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes .section-title .content-section-Btn { transform: translateY(60px); opacity: 0; transition: 0.5s ease all; transition-delay: 0.3s; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes:has(.shown) .section-title > *:is(h2,h3, .content-section-Btn) { opacity: 1; transform: unset; overflow: hidden; }
#allSectionsWrapper .section.grid-content-section.scrolling-cubes:has(.shown) .section-title > h2 span { opacity: 1; transform: unset; }

#allSectionsWrapper .section.grid-image-section { transform: scale(0.8); transition: 0.8s ease; transition-delay: 0.3s; }
#allSectionsWrapper .section.grid-image-section.shown { transform: unset; }

#allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item { transform: translateY(100px); opacity: 0; transition: 0.5s ease all; }
#allSectionsWrapper .section.grid-faq-section:has(.shown) .grid-faq .grid-faq-inner .panel-group .faq-item { opacity: 1; transform: unset; }

body.corporates #GridTop .top-caption h1 { transform: unset; transition: unset; }
body.corporates #GridTop .top-caption h1 .h1-text-wrapper { display: inline-block; transform: translateX(150%) }
body.corporates #GridTop .top-caption h1 span { transform: translateX(-180%); min-width: 17.083vw; text-align: right; margin-inline-start: var(--gap-16); }
body.corporates #GridTop .top-caption h1 .h1-text-wrapper:first-child { transition: 0.5s ease all; transition-delay: 1s; }
body.corporates #GridTop .top-caption h1 span:nth-child(2) { transition: 0.5s; transition-delay: 1.5s; }
body.corporates #GridTop .top-caption h1 .h1-text-wrapper:nth-child(3) { transition: 0.5s ease all; transition-delay: 2s; }
body.corporates #GridTop .top-caption h1 span:last-child { transition-delay: 2.5s; }
body.corporates #GridTop .top-caption.shown h1 .h1-text-wrapper { transform: unset; min-width: 23.802vw; text-align: left; }
body.corporates #GridTop .top-caption.shown h1 span { transform: unset; }

@media(min-width: 1025px) {

    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.beige-bg .grid-row-cell.flexslider-box ul.slides { left: -11%; right: 0; transition: 1s ease all; }
    #allSectionsWrapper .section.grid-row-section.shown .grid-rows .grid-row.beige-bg .grid-row-cell.flexslider-box ul.slides { bottom: 0; left: 0; right: -11%; transition: 1s ease all; }
}

@media(max-width: 1025px) {
    #allSectionsWrapper .section.grid-content-section.numbers .grid-box .grid-box-title h3 { transform: translateY(-150%); }

    body.corporates #GridTop .top-caption h1 span { min-width: 132px; }
    body.corporates #GridTop .top-caption.shown h1 .h1-text-wrapper { min-width: 183px; }
}

/* TABLET */
@media (min-width: 600px) and (max-width: 1024px) {
    :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li) { font-size: 16px; line-height: 1.5; }
    .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: 16px; }
}


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

@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(100%); }
}