/*NATOON*/
:root { --text-blue: #031254; --dark-blue: #031239; --blue: #003e7e; --brown: #c37529; --dark-grey-text: #3b4256; --stroke: #e3e2de; --light-grey: #f8f8f7; --white: #fff; --blue-120: #2554f0; --blue-100: #0e62fe; --blue-60: #93b8fc; --green-120: #5f8004; --green-100: #b3f00d; --green-60: #dafe7a; --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-21: 1.094vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-50: 2.604vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-70: 3.646vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-98: 5.104vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-114: 5.938vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-150: 7.813vw; --gap-156: 8.125vw; --gap-160: 8.333vw; --gap-165: 8.594vw; --gap-170: 8.854vw; --gap-180: 9.375vw; --gap-190: 9.896vw; --gap-195: 10.156vw; --gap-200: 10.417vw; --gap-210: 10.938vw; --gap-220: 11.458vw; --gap-240: 12.5vw; --gap-250: 13.021vw; --gap-260: 13.542vw; --gap-280: 14.583vw; --gap-300: 15.625vw; --gap-320: 16.667vw; --gap-360: 18.75vw; --gap-460: 23.958vw; --fs-13: 0.677vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-19: 0.99vw; --fs-20: 1.042vw; --fs-21: 1.094vw; --fs-22: 1.146vw; --fs-24: 1.25vw; --fs-25: 1.302vw; --fs-26: 1.354vw; --fs-28: 1.458vw; --fs-30: 1.563vw; --fs-31: 1.615vw; --fs-32: 1.667vw; --fs-38: 1.979vw; --fs-40: 2.083vw; --fs-44: 2.292vw; --fs-45: 2.344vw; --fs-48: 2.5vw; --fs-50: 2.604vw; --fs-55: 2.865vw; --fs-38: 1.979vw; --fs-55: 2.865vw; --fs-72: 3.75vw; --fs-80: 4.167vw; --fs-56: 2.917vw; --fs-55: 2.865vw; --fs-88: 4.583vw; --fs-64: 3.333vw; --fs-65: 3.385vw; --fs-90: 4.688vw; --fs-96: 5vw; --fs-120: 6.25vw; --fs-140: 7.292vw; --fs-160: 8.333vw; --fs-168: 8.75vw; --fs-170: 8.854vw; --fs-200: 10.417vw; --fs-240: 12.5vw; --font-1: 'novemberhebrew-regular-400-2026'; --font-2: 'novemberhebrew-heavy-800-2026'; --font-3: 'novemberhebrew-heavy-800-2026'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body { opacity: 0; color: var(--text-blue); background: white; transition: 0.3s opacity ease; font-family: var(--font-1) !important; /* line-height: 1; */ font-size: 2rem; zoom: 1 !important; position: relative; transition-delay: 0.5s; }
body { font-size: clamp(15px, var(--fs-18),300px); font-family: var(--font-1); }
/*body.home-page { opacity: 1; }*/
body.shown { opacity: 1; }
body, body.modal-open { padding: 0 !important; overflow: clip !important; }
#SiteContainer::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; z-index: 1000; opacity: 0; pointer-events: none; }
.scr-reader-only { display: none; }
#home-gallery .opacity-layer { display: block; opacity: 0.4 !important; }
.modal { z-index: 10000; }
.modal-backdrop.in { opacity: 0.5; }
.grid-text .sec-button:hover { color: var(--dark-blue); }
.gallery-cubes-modal { padding: 0 !important; }
.gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; }
.gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; }
.gallery-cubes-modal .flexslider a.flex-next:before,
.gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; }
.grid-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), .project-inner-page .headline-wrapper .cstm-flds .field-row p, .circle-swiper .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(14px,var(--fs-18),300px); position: relative; line-height: 1.5; color: var(--text-blue); letter-spacing: normal; }
.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; z-index: 1; }
body:not(.home-page, .knowledge.contentInnerPage, :has(.page-not-found)) #SiteGrid #GridPage { overflow-x: clip; padding-top: var(--headerHeight); }
body:not(:has(#GridTop.noTopImage)) #SiteGrid { padding: 0; }
#SiteGridContainer { position: relative; z-index: 2; }
#GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; }
#allSectionsWrapper { z-index: 2; background: #fff; }
.sections .section, section.section { margin-bottom: 0; /* background: transparent; */ padding: 0; max-width: var(--app-width); width: 100%; /* min-height: 100vh; */ }
.grid-rows .grid-row { background: inherit; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container,
.grid-short-box-image .image-container { position: relative; height: 100%; }
.grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; }
.grid-text.gridHasVideo .grid-iframe-holder video { width: 100%; }
.grid-boxes { display: flex; margin: 0; width: 100%; }
.grid-boxes .grid-box { margin: 0; padding: 0; }
.grid-boxes .grid-box-subtitle { font-size: unset; }
.grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; }
.grid-boxes .grid-box-title h3 a { color: var(--dbrown)-; outline: none !important; transition: 0.3s ease all; }
#lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; }
#LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; }
#text1 p:last-child { margin: 0; }
#GridPage { padding: 0; background: var(--lpink); }
#main-header .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width,
.max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; }
.grid-text-content, .grid-text .grid-text-content { opacity: initial; margin: 0; width: 100%; padding: 0; }
.grid-text p { margin-top: 0; }
b, strong { font-weight: unset; font-family: var(--font-2); }
li::marker { color: var(--black); }
a:hover, a:focus { color: inherit; }
.container-fluid { padding: 0; }
.gallery-container { width: 100%; }
.gallery-cubes { display: flex; }
.box-image-animation { outline: unset !important; }
.box-image-animation:hover img { transform: none !important; }
.box-image-animation img { }
#GridPromo { width: 100%; margin: 0; padding: 0; }
#CatalogModule { padding: 0; }
.itemContentWrapper { margin: 0; }
.catalogContainer.container { width: 100%; padding: 0; margin: 0; }
.row { margin: 0; }
.slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after, .grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after, .gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; }
/*.swiper-scrollbar.swiper-scrollbar-0 { display: none; }*/
#GridTop, #GridTop.blog { height: 36.458vw; background-repeat: no-repeat; background-size: cover; }
#GridTop.noTopImage.longer { height: 0; overflow: hidden; }
#home-gallery .scroll-down { display: none; }
/*#player-controls { display: none; }*/
.cartItemsCounter { background: var(--blue); }
.cartItemsCounter span.CartItems { color: var(--white); left: 50%; top: 60%; }
footer { padding: 0; display: block; position: relative; z-index: 1000; }
#SiteFooter { float: none; }
h1, .h1, h2, .h2, h3, .h3 { margin: 0; }
#SiteGridContainer .newCatalogItemQuantity .item-quantity-options button svg { fill: white; /* width: 23px; */ }
.st0 { fill: white !important; width: 5px; height: 43px; }
.CatalogItemHowMuchDidYouSaved span.SavedAmountSpan:after, .itemBeforeDiscountPrice.hasDiscount:after { content: "₪"; font-size: 100%; }
.gallery-cubes .image-link-container { display: none; }
.blog-post { padding: 0; direction: ltr; }
#LobbyModule .grid-boxes .grid-box-title h3 { font-size: unset; margin: 0; }
:is(div,#LobbyModule) #lobbyview { display: flex; flex-direction: column; padding-block: var(--gap-48) var(--gap-140); width: 35%; margin-inline: auto; }
#BlogMain { padding-bottom: var(--gap-200); }
.gallery-cubes .boxes-images-outer-image { border-radius: 6px; padding: 0; width: 100%; height: auto; aspect-ratio: 1.2; }
.opacity-layer-slide { display: none; }
.GridTop { width: 100%; margin-inline: auto; margin-top: var( --gap-12); border-radius: 6px; }
#headline h1 span { color: var(--blue-100); }
.blog-post-title a:focus, .blog-post-title a:hover { text-decoration: none; }
#player-controls { bottom: 0; }
.owl-carousel .owl-controls .owl-dot { width: 7px; height: 7px; background: white; border-radius: 9.3px; transition: 0.3s ease all; }
.owl-carousel .owl-controls .owl-dot.active { width: 32px; }
.swiper-pagination span.swiper-pagination-bullet { background: white !important; opacity: 1; border-radius: 9.33px; transition: 0.3s ease all; }
.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; }

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

.pagination { margin: 0; margin-bottom: var(--gap-140); display: flex; justify-content: center; gap: var(--gap-6); }
.pagination li.active { /* display: inline-block; */ }
.pagination li.active a { margin: 0; padding: 0; width: var(--gap-40); height: auto; aspect-ratio: 1; align-content: center; border-radius: 51px; border: 1px solid var(--stroke, #E3E2DE); background: var(--light-grey, #F8F8F7); }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: none; border: none; color: var(--blue); }
.pagination li a { margin: 0; background: none; border: none; color: var(--dark-blue); }

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

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

@media(min-width: 1025px) {
    .image-section-data { height: calc(100vh - var(--headerHeight)); }
    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: unset; background: none; }
    .pagination li.active > a:hover { border: none; border-radius: 51px; border: 1px solid var(--stroke, #E3E2DE); background: var(--light-grey, #F8F8F7); }
}

@media(max-width: 1024px) {
    #PageBreadCrumps span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/*--------------------/*
 SCROLL BAR
/*--------------------*/
/* width */
::-webkit-scrollbar { width: var(--gap-6); }
/* track */
::-webkit-scrollbar-track { background: white; border-radius: 10px; }
/* handle */
::-webkit-scrollbar-thumb { background: var(--text-blue); width: 4px; padding: 10px; border-radius: 10px; }

/*--------------------/*
 TEXT SELECTORS
/*--------------------*/
/*160-Title*/
#home-gallery .gallery-caption .gallery-text h1, .map .section-title h2, .timeline-sec .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(75px,var(--fs-160),300px); font-family: var(--font-2); line-height: 0.8; letter-spacing: -3.2px; color: var(--white); }
/*80-Title*/
#allSectionsWrapper .section.grid-blog.jobs .section-title h2, body.career .section.grid-content-section.circles .section-title h2, body.home-page .grid-row-cell.grid-row-cell-text .grid-row-text h2, .section-title h2, #pageview :is(#text1, #text2) > h2, #headline h1, .grid-content-section.management .section-title h3, #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title h3, .project-inner-page .headline-wrapper .headline h1, .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 a, .sliding-cards .section-title h2, .project-content .section-title h1, #BlogView .blog-related-posts h2, body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts h2 { position: relative; display: inline-block; max-width: 100%; width: 100%; font-family: var(--font-2); color: var(--text-blue); line-height: 0.95; font-size: clamp(60px,var(--fs-80),300px); letter-spacing: -1.6px; text-align: center; margin: 0; }
/*56-Title*/
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .section-title h2, body.about #allSectionsWrapper .section.grid-content-section.circles .section-title h2, .job-desc #headline h1, #BlogModule .blog-view #headline h1, #BlogView .blog-related-posts > h2, .grid-blog .section-title h2, .grid-faq-section .section-title h2, .blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .grid-contents .section-title h2, .check .section-title h2, .posts .section-title h2, .sliding-gallery .section-title h2, .reviews .section-title h2, .grid-rows .grid-row-text h2, .team .section-title h2, .circles .section-title h2, .quote .grid-text .grid-text-content h2, .us .grid-boxes .grid-box .grid-box-subtitle span, .us .section-title h2, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a, :is(div, #allSectionsWrapper) > .section.boxes .grid-boxes .grid-box .grid-box-title h3, #SiteFooter .footer-text-divided .footer-text-left h2, body.knowledge.contentInnerPage #BlogModule .blog-view #headline h1 { font-size: clamp(40px,var(--fs-56),300px); line-height: 1; font-family: var(--font-2); letter-spacing: -1.12px; color: var(--text-blue); }
/*40-Title*/
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, body.activities .activities .grid-boxes .grid-box .grid-box-title h3 a, .sliding-cards .section-title h2, .grid-row-section.grid-row-tabs .grid-row-cell-text .grid-row-text h3, .timeline-sec .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle span { font-size: clamp(30px,var(--fs-40),300px); font-family: var(--font-2); line-height: 1; color: var(--text-blue); letter-spacing: normal; }
/*32-Title*/
#home-gallery .gallery-caption.caption-text .gallery-text > span, .project-inner-page .grid-row .text .quote-wrapper p.quote, .sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-title h3 a { font-size: clamp(20px,var(--fs-32),300px); font-family: var(--font-2); line-height: 1.2; }
/*24-Title*/
.grid-content-section.tabs-services .tabs-services-wrapper .section-title h2, .circles .section-title h2, #accessability #text1 h2, .circles .grid-boxes .grid-box .grid-box-title h3 a, .activities .grid-boxes .grid-box .grid-box-title h3 a, .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3, #allSectionsWrapper .section.grid-text-section.circle .section-title h2, .grid-content-section.management .section-title h2, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2, .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label, .map .grid-boxes .circle-container .grid-box .grid-box-title h3 a, .project-items .feature-box h3.feature-val { font-size: clamp(16px,var(--fs-24),300px); font-family: var(--font-2); color: var(--text-blue); margin: 0; line-height: 1.2; letter-spacing: normal; }

/*20-Heavy*/
.resultItem .resultContent > a span, body.contact #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-label, :is(div,#LobbyModule) #lobbyview .lobby-text-container h2, .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a, :is(#BlogView #text1, #BlogView #text2) h3 { font-family: var(--font-2); font-size: clamp(16px,var(--fs-20),300px); line-height: 1.2; letter-spacing: normal; margin: unset; color: var(--text-blue); }
/*18-Heavy*/
.job-desc h3, :is(div,#LobbyModule) .blog-post .blog-post-content h2.blog-post-title a, .footer-text-left li h3, .check .grid-boxes .grid-box .grid-box-title h3 a, .posts .grid-boxes .grid-box .grid-box-title h3 a, .team .grid-boxes .grid-box .grid-box-title h3 a, :is(div,#LobbyModule) #lobbyview h2, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span, .boxes .grid-boxes .grid-box .grid-box-subtitle span, .cards .cards-header-wrap > .section-topText h3, .section-topText :is(p, li), .map .section-title h3, #ContentGridShortModule:has(.grid-boxes-content) #headline p, .grid-text-section .section-title .grid-text-content h2, .grid-content-section.sliding-cards .section-title h3, .project-details p, #BlogView h2, .grid-contents .section-title h3, .grid-blog .section-title h3, .blue-bg .grid-text-content p, .timeline-sec .section-title h3, .sliding-gallery .section-title h3, .blue-cards .section-title h3, .cert-cards .section-title h3, body.knowledge .blogmain-header #subheadline h2, body.knowledge.contentInnerPage #BlogModule .blog-view h2, .team .section-title h3 { font-size: clamp(12px,var(--fs-18),300px); font-family: var(--font-2); line-height: 1.5; letter-spacing: normal; color: var(--text-blue); }
/*18-Reg*/
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time > *, body.blog.contentInnerPage #BlogModule .blog-view h2, .grid-contents .section-title .title-wrapper h3, .grid-faq-section .section-title h3, .footer-text-left li, #main-header .header-container .header-center .header-buttons a, #main-header .header-container .header-right .menu-nav ul#menu li a, .blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText p a, :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle p, .check .grid-boxes .grid-box .grid-box-inner .grid-box-fulltext p, .posts .grid-boxes .grid-box .grid-box-fulltext p, .posts .section-topText p, .reviews .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span, .circles .grid-boxes .grid-box .grid-box-subtitle span, .circles .section-topText p, .quote .grid-text .grid-text-content p, .us .grid-boxes .grid-box .grid-box-title h3 a, .us .section-topText p, #lobbyText p, .activities .grid-boxes .grid-box .grid-box-content .grid-box-fulltext :is(p,li), .sliding-cards .grid-boxes .grid-box .grid-box-fulltext :is(p,span), .grid-content-section.management .grid-box-subtitle span, .faq-item-text :is(a, p), .boxes .grid-boxes .grid-box .grid-box-fulltext p, #main-header .header-container .header-right .menu-nav ul#menu li a, .sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-fulltext p, .section.grid-content-section.result .grid-boxes .grid-box .grid-box-title h3 a, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content h4, .team .grid-boxes .grid-box .grid-box-subtitle span, .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-subtitle span, .sliding-cards .grid-boxes .grid-box .grid-box-subtitle :is(span,ul,p), .blue-cards .grid-boxes .grid-box .grid-box-subtitle span, .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle, .map .grid-boxes .circle-container .grid-box .grid-box-subtitle span, .sliding-cards .grid-boxes .grid-box .grid-box-subtitle ul li, :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-text, #SiteFooter .footer-text-divided .footer-text-left p, #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul li, .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span, .project-items .feature-box p.feature-name, body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul li, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content p, .timeline-sec .grid-boxes .grid-box .grid-box-fulltext p, :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li) { font-size: clamp(12px,var(--fs-18),300px); color: var(--text-blue); display: block; line-height: 1.5; letter-spacing: normal; font-family: var(--font-1); }
/*16-Heavy*/
.footer-text-left .dropdown-item h3, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .panel-group .faq-item .faq-headline, .reviews .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a { font-family: var(--font-2); font-size: clamp(12px,var(--fs-16),300px); line-height: 1.5; margin: unset; color: var(--text-blue); letter-spacing: 0.5px; }
/*15-Heavy*/
. { font-family: var(--font-2); font-size: clamp(12px,var(--fs-15),300px); line-height: 1.5; letter-spacing: normal; margin: unset; color: var(--text-blue); }
/*15-Reg*/
. { font-family: var(--font-1); font-size: clamp(10px,var(--fs-15),300px); line-height: 1.5; letter-spacing: normal; margin: unset; color: var(--text-blue); }
/*14-Reg*/
#SiteFooter .footer-text.text-center ul li, :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons, .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField label, :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .address, .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext p, .blue-cards .grid-boxes .grid-box .grid-box-fulltext p, #PageBreadCrumps span, :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date, .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-fulltext p span, .project-items .feature-box span, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image span, .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { font-family: var(--font-1); font-size: clamp(8px,var(--fs-14),300px); line-height: 1.4; letter-spacing: 0.28px; margin: unset; color: var(--text-blue); }
/*12-Reg*/
. { font-family: var(--font-1); font-size: clamp(8px,var(--fs-12),300px); line-height: 1.4; letter-spacing: 0.24px; margin: unset; color: var(--text-blue); }
/**/

/*Bordered-Button*/
.page-not-found #text1 p a, body.contact #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button { color: white; font-size: clamp(12px,var(--gap-16),300px); width: var(--gap-140); height: var(--gap-50); border-radius: 6px; border: 1px solid var(--light-grey); background: white; color: var(--text-blue); transition: 0.3s ease all; padding-inline: var(--gap-24); }

@media(min-width: 1025px) {
    :is(.page-not-found #text1 p a, body.contact #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button):hover { border: 1px solid var(--blue); background: var(--blue); color: var(--white); }
    .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus { background: none; color: var(--text-blue); }
}

@media(max-width: 1024px) {
    .page-not-found #text1 p a, body.contact #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button { height: 46px; }
}

/*Bordered-Buttons-Blue*/
/*Button With Arrow - Top left*/
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a { color: var(--text-blue); line-height: 1.5; font-size: clamp(10px,var(--fs-16),300px); font-family: var(--font-2); background: none; padding: 0; display: flex; align-items: center; gap: var(--gap-16); }
:is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a) .arrow { width: var(--gap-50); height: var(--gap-50); display: inline-block; /* background-image: url("https://media.getmood.io/warehouse/dynamic/713083.svg"); */ /* background-position: center; */ /* background-repeat: no-repeat; */ border: 1px solid var(--text-blue); border-radius: 50%; position: relative; overflow: hidden; transition: 0.3s ease all; }
:is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a) .arrow:before { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/713083.svg); background-position: center; background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transition: 0.3s ease all; }
:is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a) .arrow:after { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/713084.svg); background-position: center; background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transform: translate(100%, 100%); transition: 0.3s ease all; }

@media(min-width: 1025px) {
    :is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a):hover .arrow { background-color: var(--brown); border-color: var(--brown); }
    :is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a):hover .arrow::before { transform: translate(-100%, -100%); }
    :is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a):hover .arrow::after { transform: unset; }
}

@media(max-width: 1025px) {
    :is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a) .arrow { width: 42px; min-width: 42px; height: 42px; }
}

/*Button With Arrow - right*/
.carousel-gallery .section-title .swiper-buttons .swiper-button { border: 1px solid var(--text-blue); }
:is(.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next):before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/711622.svg"); background-position: center; background-repeat: no-repeat; transition: 0.3s ease all; }
:is(.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next):after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/713088.svg"); opacity: 1; background-position: center; background-repeat: no-repeat; transform: translateX(-100%); transition: 0.3s ease all; }

@media(min-width: 1025px) {
    :is(.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next):hover { background: var(--brown); border: 1px solid var(--brown); }
    :is(.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next):hover:before { transform: translateX(100%); }
    :is(.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next):hover:after { transform: unset; }
}

/*Button With Arrow - left*/
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button { border: 1px solid var(--text-blue); }
:is(#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev):before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/711556.svg"); background-position: center; background-repeat: no-repeat; transition: 0.3s ease all; transform: translateX(100%); }
:is(#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev):after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/711621.svg"); opacity: 1; background-position: center; background-repeat: no-repeat; transition: 0.3s ease all; }

@media(min-width: 1025px) {
    :is(#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev):hover { background: var(--brown); border: 1px solid var(--brown); }
    :is(#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev):hover:before { transform: unset; }
    :is(#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev):hover:after { transform: translateX(-100%); }
}
/**/
/*--------------------/*
 SCROLL BAR
/*--------------------*/
/* width */
::-webkit-scrollbar { width: var(--gap-6); }
/* track */
::-webkit-scrollbar-track { background: white; border-radius: 10px; }
/* handle */
::-webkit-scrollbar-thumb { background: var(--text-blue); width: 4px; padding: 10px; border-radius: 10px; }

/*--------------------/*
 TEXT SELECTORS
/*--------------------*/
/*160-Title*/
#home-gallery .gallery-caption .gallery-text h1, .map .section-title h2, .timeline-sec .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(75px,var(--fs-160),300px); font-family: var(--font-2); line-height: 0.8; letter-spacing: -3.2px; color: var(--white); }
/*80-Title*/
#allSectionsWrapper .section.grid-blog.jobs .section-title h2, body.career .section.grid-content-section.circles .section-title h2, body.home-page .grid-row-cell.grid-row-cell-text .grid-row-text h2, .section-title h2, #pageview :is(#text1, #text2) > h2, #headline h1, .grid-content-section.management .section-title h3, #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title h3, .project-inner-page .headline-wrapper .headline h1, .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 a, .sliding-cards .section-title h2, .project-content .section-title h1, #BlogView .blog-related-posts h2, body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts h2 { position: relative; display: inline-block; max-width: 100%; width: 100%; font-family: var(--font-2); color: var(--text-blue); line-height: 0.95; font-size: clamp(60px,var(--fs-80),300px); letter-spacing: -1.6px; text-align: center; margin: 0; }
/*56-Title*/
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .section-title h2, body.about #allSectionsWrapper .section.grid-content-section.circles .section-title h2, .job-desc #headline h1, #BlogModule .blog-view #headline h1, #BlogView .blog-related-posts > h2, .grid-blog .section-title h2, .grid-faq-section .section-title h2, .blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .grid-contents .section-title h2, .check .section-title h2, .posts .section-title h2, .sliding-gallery .section-title h2, .reviews .section-title h2, .grid-rows .grid-row-text h2, .team .section-title h2, .circles .section-title h2, .quote .grid-text .grid-text-content h2, .us .grid-boxes .grid-box .grid-box-subtitle span, .us .section-title h2, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a, :is(div, #allSectionsWrapper) > .section.boxes .grid-boxes .grid-box .grid-box-title h3, #SiteFooter .footer-text-divided .footer-text-left h2, body.knowledge.contentInnerPage #BlogModule .blog-view #headline h1 { font-size: clamp(40px,var(--fs-56),300px); line-height: 1; font-family: var(--font-2); letter-spacing: -1.12px; color: var(--text-blue); }
/*40-Title*/
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, body.activities .activities .grid-boxes .grid-box .grid-box-title h3 a, .sliding-cards .section-title h2, .grid-row-section.grid-row-tabs .grid-row-cell-text .grid-row-text h3, .timeline-sec .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle span { font-size: clamp(30px,var(--fs-40),300px); font-family: var(--font-2); line-height: 1; color: var(--text-blue); letter-spacing: normal; }
/*32-Title*/
#home-gallery .gallery-caption.caption-text .gallery-text > span, .project-inner-page .grid-row .text .quote-wrapper p.quote, .sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-title h3 a { font-size: clamp(20px,var(--fs-32),300px); font-family: var(--font-2); line-height: 1.2; }
/*24-Title*/
.grid-content-section.tabs-services .tabs-services-wrapper .section-title h2, .circles .section-title h2, #accessability #text1 h2, .circles .grid-boxes .grid-box .grid-box-title h3 a, .activities .grid-boxes .grid-box .grid-box-title h3 a, .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3, #allSectionsWrapper .section.grid-text-section.circle .section-title h2, .grid-content-section.management .section-title h2, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2, .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label, .map .grid-boxes .circle-container .grid-box .grid-box-title h3 a, .project-items .feature-box h3.feature-val { font-size: clamp(16px,var(--fs-24),300px); font-family: var(--font-2); color: var(--text-blue); margin: 0; line-height: 1.2; letter-spacing: normal; }

/*20-Heavy*/
.resultItem .resultContent > a span, body.contact #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-label, :is(div,#LobbyModule) #lobbyview .lobby-text-container h2, .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a, :is(#BlogView #text1, #BlogView #text2) h3 { font-family: var(--font-2); font-size: clamp(16px,var(--fs-20),300px); line-height: 1.2; letter-spacing: normal; margin: unset; color: var(--text-blue); }
/*18-Heavy*/
.job-desc h3, :is(div,#LobbyModule) .blog-post .blog-post-content h2.blog-post-title a, .footer-text-left li h3, .check .grid-boxes .grid-box .grid-box-title h3 a, .posts .grid-boxes .grid-box .grid-box-title h3 a, .team .grid-boxes .grid-box .grid-box-title h3 a, :is(div,#LobbyModule) #lobbyview h2, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span, .boxes .grid-boxes .grid-box .grid-box-subtitle span, .cards .cards-header-wrap > .section-topText h3, .section-topText :is(p, li), .map .section-title h3, #ContentGridShortModule:has(.grid-boxes-content) #headline p, .grid-text-section .section-title .grid-text-content h2, .grid-content-section.sliding-cards .section-title h3, .project-details p, #BlogView h2, .grid-contents .section-title h3, .grid-blog .section-title h3, .blue-bg .grid-text-content p, .timeline-sec .section-title h3, .sliding-gallery .section-title h3, .blue-cards .section-title h3, .cert-cards .section-title h3, body.knowledge .blogmain-header #subheadline h2, body.knowledge.contentInnerPage #BlogModule .blog-view h2, .team .section-title h3 { font-size: clamp(12px,var(--fs-18),300px); font-family: var(--font-2); line-height: 1.5; letter-spacing: normal; color: var(--text-blue); }
/*18-Reg*/
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time > *, body.blog.contentInnerPage #BlogModule .blog-view h2, .grid-contents .section-title .title-wrapper h3, .grid-faq-section .section-title h3, .footer-text-left li, #main-header .header-container .header-center .header-buttons a, #main-header .header-container .header-right .menu-nav ul#menu li a, .blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText p a, :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle p, .check .grid-boxes .grid-box .grid-box-inner .grid-box-fulltext p, .posts .grid-boxes .grid-box .grid-box-fulltext p, .posts .section-topText p, .reviews .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span, .circles .grid-boxes .grid-box .grid-box-subtitle span, .circles .section-topText p, .quote .grid-text .grid-text-content p, .us .grid-boxes .grid-box .grid-box-title h3 a, .us .section-topText p, #lobbyText p, .activities .grid-boxes .grid-box .grid-box-content .grid-box-fulltext :is(p,li), .sliding-cards .grid-boxes .grid-box .grid-box-fulltext :is(p,span), .grid-content-section.management .grid-box-subtitle span, .faq-item-text :is(a, p), .boxes .grid-boxes .grid-box .grid-box-fulltext p, #main-header .header-container .header-right .menu-nav ul#menu li a, .sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-fulltext p, .section.grid-content-section.result .grid-boxes .grid-box .grid-box-title h3 a, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content h4, .team .grid-boxes .grid-box .grid-box-subtitle span, .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-subtitle span, .sliding-cards .grid-boxes .grid-box .grid-box-subtitle :is(span,ul,p), .blue-cards .grid-boxes .grid-box .grid-box-subtitle span, .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle, .map .grid-boxes .circle-container .grid-box .grid-box-subtitle span, .sliding-cards .grid-boxes .grid-box .grid-box-subtitle ul li, :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-text, #SiteFooter .footer-text-divided .footer-text-left p, #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul li, .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span, .project-items .feature-box p.feature-name, body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul li, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content p, .timeline-sec .grid-boxes .grid-box .grid-box-fulltext p, :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li) { font-size: clamp(12px,var(--fs-18),300px); color: var(--text-blue); display: block; line-height: 1.5; letter-spacing: normal; font-family: var(--font-1); }
/*16-Heavy*/
.footer-text-left .dropdown-item h3, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .panel-group .faq-item .faq-headline, .reviews .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a { font-family: var(--font-2); font-size: clamp(12px,var(--fs-16),300px); line-height: 1.5; margin: unset; color: var(--text-blue); letter-spacing: 0.5px; }
/*15-Heavy*/
. { font-family: var(--font-2); font-size: clamp(12px,var(--fs-15),300px); line-height: 1.5; letter-spacing: normal; margin: unset; color: var(--text-blue); }
/*15-Reg*/
. { font-family: var(--font-1); font-size: clamp(10px,var(--fs-15),300px); line-height: 1.5; letter-spacing: normal; margin: unset; color: var(--text-blue); }
/*14-Reg*/
#SiteFooter .footer-text.text-center ul li, :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons, .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField label, :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .address, .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext p, .blue-cards .grid-boxes .grid-box .grid-box-fulltext p, #PageBreadCrumps span, :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date, .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-fulltext p span, .project-items .feature-box span, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image span, .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { font-family: var(--font-1); font-size: clamp(8px,var(--fs-14),300px); line-height: 1.4; letter-spacing: 0.28px; margin: unset; color: var(--text-blue); }
/*12-Reg*/
. { font-family: var(--font-1); font-size: clamp(8px,var(--fs-12),300px); line-height: 1.4; letter-spacing: 0.24px; margin: unset; color: var(--text-blue); }
/**/

/*Bordered-Button*/
.page-not-found #text1 p a, body.contact #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button { color: white; font-size: clamp(12px,var(--gap-16),300px); width: var(--gap-140); height: var(--gap-50); border-radius: 6px; border: 1px solid var(--light-grey); background: white; color: var(--text-blue); transition: 0.3s ease all; padding-inline: var(--gap-24); }

@media(min-width: 1025px) {
    :is(.page-not-found #text1 p a, body.contact #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button):hover { border: 1px solid var(--blue); background: var(--blue); color: var(--white); }
    .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus { background: none; color: var(--text-blue); }
}

@media(max-width: 1024px) {
    .page-not-found #text1 p a, body.contact #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button { height: 46px; }
}

/*Bordered-Buttons-Blue*/
/*Button With Arrow - Top left*/
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a { color: var(--text-blue); line-height: 1.5; font-size: clamp(10px,var(--fs-16),300px); font-family: var(--font-2); background: none; padding: 0; display: flex; align-items: center; gap: var(--gap-16); }
:is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a) .arrow { width: var(--gap-50); height: var(--gap-50); display: inline-block; /* background-image: url("https://media.getmood.io/warehouse/dynamic/713083.svg"); */ /* background-position: center; */ /* background-repeat: no-repeat; */ border: 1px solid var(--text-blue); border-radius: 50%; position: relative; overflow: hidden; transition: 0.3s ease all; }
:is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a) .arrow:before { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/713083.svg); background-position: center; background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transition: 0.3s ease all; }
:is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a) .arrow:after { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/713084.svg); background-position: center; background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transform: translate(100%, 100%); transition: 0.3s ease all; }

@media(min-width: 1025px) {
    :is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a):hover .arrow { background-color: var(--brown); border-color: var(--brown); }
    :is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a):hover .arrow::before { transform: translate(-100%, -100%); }
    :is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a):hover .arrow::after { transform: unset; }
}

@media(max-width: 1025px) {
    :is(.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a) .arrow { width: 42px; min-width: 42px; height: 42px; }
}

/*Button With Arrow - right*/
.carousel-gallery .section-title .swiper-buttons .swiper-button { border: 1px solid var(--text-blue); }
:is(.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next):before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/711622.svg"); background-position: center; background-repeat: no-repeat; transition: 0.3s ease all; }
:is(.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next):after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/713088.svg"); opacity: 1; background-position: center; background-repeat: no-repeat; transform: translateX(-100%); transition: 0.3s ease all; }

@media(min-width: 1025px) {
    :is(.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next):hover { background: var(--brown); border: 1px solid var(--brown); }
    :is(.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next):hover:before { transform: translateX(100%); }
    :is(.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next):hover:after { transform: unset; }
}

/*Button With Arrow - left*/
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button { border: 1px solid var(--text-blue); }
:is(#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev):before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/711556.svg"); background-position: center; background-repeat: no-repeat; transition: 0.3s ease all; transform: translateX(100%); }
:is(#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev):after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/711621.svg"); opacity: 1; background-position: center; background-repeat: no-repeat; transition: 0.3s ease all; }

@media(min-width: 1025px) {
    :is(#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev):hover { background: var(--brown); border: 1px solid var(--brown); }
    :is(#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev):hover:before { transform: unset; }
    :is(#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button), .carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev):hover:after { transform: translateX(-100%); }
}
/**/
/*Shadow-Buttons*/
@media(min-width: 1025px) {
    .shadow-btn::before,
    .shadow-btn::after { content: attr(data-text); position: absolute; left: 0; width: 100%; height: 100%; text-align: start; /* padding-inline: var(--gap-16); */ transition: transform 0.3s ease; /* background: var(--yellow); */ /* border-bottom: 2px solid var(--black); */ align-content: center; text-align: center; color: white; }
    .shadow-btn::before { top: 0; transform: translateY(0); }
    .shadow-btn::after { top: 100%; color: var(--white); }
    .shadow-btn:hover::before { transform: translateY(-100%); }
    .shadow-btn:hover::after { transform: translateY(-100%); }

    .shadow-btn { position: relative; overflow: hidden; color: transparent !important; }
    a.shadow-btn { overflow: hidden !important; display: inline-flex; }
    #main-header .shadow-btn::before, #main-header .shadow-btn::after { color: var(--text-blue); }
    #main-header.bg .shadow-btn::before, #main-header.bg .shadow-btn::after { color: var(--white); }
}

@media(max-width: 1025px) {
    :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-26: 26px; --fs-28: 28px; --fs-30: 30px; --fs-32: 32px; --fs-44: 44px; --fs-56: 56px; }
    .top-caption { position: absolute; transform: translateX(-50%); left: 50%; margin: 0; height: fit-content; justify-content: center; font-family: var(--font-2); }
    .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li),
    :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li),
    :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li) { font-size: 17px; line-height: 1.35; }
    .opacity-layer-slide { position: absolute; width: 100%; height: 100%; opacity: 0.2; background: black; z-index: 3; }
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) > h2, #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; }
    .faq-headline .button-open { /* display: none; */ }
    #GridTop, #GridTop.blog { height: auto; aspect-ratio: 1; /* height: 280px; */ position: relative; padding: 0; margin: 0; width: 100%; border-radius: 0; }
    .GridTop { width: calc(100% - var(--gap-12)); margin-top: var(--gap-6); }
    .sections .section, section.section { max-width: unset; }
    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: var(--fs-16); padding: var(--gap-16) var(--gap-24) !important; margin: 0; justify-content: normal; position: relative; }
    #PageBreadCrumps span:not(:last-child)::after { width: 3px; }
    #PageBreadCrumps span a { white-space: nowrap; }
    ul { padding-inline: 20px; }
    .categories-strip ul.hidden-xs { gap: var(--gap-4) var(--gap-8); padding: var(--gap-10) var(--gap-24); width: 100vw; flex-wrap: nowrap; overflow-x: auto; }
    .categories-strip ul.hidden-xs li a { font-size: var(--fs-16); }
    #mobile-player-controls { display: none; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { width: 18px; }
    #nav-toggle span:before { top: -6px; }
    #nav-toggle span:after { bottom: -6px; }
    .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; margin: 0; }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1%; }
    .swiper-pagination-bullet-active { background: var(--black) !important; }
    :is(div,#LobbyModule) #lobbyview #headline h1 { font-size: 32px; line-height: 0.95; letter-spacing: normal; }
    .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3 { font-size: 20px; letter-spacing: -0.4px; line-height: 1.2; }
    .owl-carousel .owl-item .item { padding: 0; border-radius: 6px; }
    #SiteGrid > div { position: relative; z-index: 1; }
    .grid-boxes-content { overflow: auto; }
    .grid-boxes-content > div { min-width: 300px; }
    #ContentRegularModule li::before { display: none; }
    .arrow { width: var(--gap-40); }
    .FileUploaderField:after, .FilesUploaderField:after { left: 0; }

    /*--------------------/*
     TEXT SELECTORS
    /*--------------------*/
    /*160-Title*/
    .map .section-title h2, .timeline-sec .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(75px,var(--fs-160),300px); font-family: var(--font-2); line-height: 0.8; letter-spacing: -3.2px; color: var(--white); }
    /*80-Title*/
    body.home-page .grid-row-cell.grid-row-cell-text .grid-row-text h2, .section-title h2, #pageview :is(#text1, #text2) > h2, #headline h1, .grid-content-section.management .section-title h3, #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title h3, .project-inner-page .headline-wrapper .headline h1, .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 a, .sliding-cards .section-title h2, .project-content .section-title h1, #BlogView .blog-related-posts h2, body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts h2 { position: relative; display: inline-block; max-width: 100%; width: 100%; font-family: var(--font-2); color: var(--text-blue); line-height: 0.95; font-size: clamp(70px,var(--fs-80),300px); letter-spacing: -1.6px; text-align: center; margin: 0; }
    /*56-Title*/
    #home-gallery .gallery-caption .gallery-text h1, .job-desc #headline h1, #BlogModule .blog-view #headline h1, #BlogView .blog-related-posts > h2, .grid-blog .section-title h2, .grid-faq-section .section-title h2, .blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .grid-contents .section-title h2, .check .section-title h2, .posts .section-title h2, .sliding-gallery .section-title h2, .reviews .section-title h2, .grid-rows .grid-row-text h2, .team .section-title h2, .circles .section-title h2, .quote .grid-text .grid-text-content h2, .us .grid-boxes .grid-box .grid-box-subtitle span, .us .section-title h2, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a, :is(div, #allSectionsWrapper) > .section.boxes .grid-boxes .grid-box .grid-box-title h3, #SiteFooter .footer-text-divided .footer-text-left h2, body.knowledge.contentInnerPage #BlogModule .blog-view #headline h1 { font-size: 56px; line-height: 1; font-family: var(--font-2); letter-spacing: -1.12px; color: var(--text-blue); }
    /*40-Title*/
    .us .grid-boxes .grid-box .grid-box-subtitle span, body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, body.activities .activities .grid-boxes .grid-box .grid-box-title h3 a, .grid-row-section.grid-row-tabs .grid-row-cell-text .grid-row-text h3, .timeline-sec .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle span { font-size: 40px; font-family: var(--font-2); line-height: 1; color: var(--text-blue); letter-spacing: normal; }
    /*32-Title*/
    #FormResultPage div#headline h1, #accessability #headline h1, body:has(.normal-grid) #headline h1, .project-inner-page .grid-row .text .quote-wrapper p.quote, .sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-title h3 a { font-size: 32px; font-family: var(--font-2); line-height: 1.2; }
    /*24-Title*/
    #allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .section-title h2, #allSectionsWrapper .section.grid-blog.jobs .section-title h2, #allSectionsWrapper .section.grid-content-section.circles .section-title h2, body.about #allSectionsWrapper .section.grid-content-section.circles .section-title h2, .grid-faq-section .section-title h2, .reviews .section-title h2, .posts .section-title h2, .activity-about .section-title h2, .check .section-title h2, .grid-gallery-section.sliding-gallery .section-title h2, .tabs-services .tabs-services-wrapper .section-title h2, #LobbyModule .grid-boxes .grid-box-title h3 a, body:has(.job-desc) #pageview .job-desc #headline h1, body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #BlogView .blog-related-posts > h2, #headline h1, .team .section-title h2, .grid-blog .section-title h2, .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2, .circles .section-title h2, .us .section-title h2, .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, body.home-page .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2, .grid-contents .section-title h2, .activities .section-title h2, .sliding-cards .section-title h2, .two-columns .section-title h2, #accessability #text1 h2, .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3, #allSectionsWrapper .section.grid-text-section.circle .section-title h2, .grid-content-section.management .section-title h2, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2, .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label, .map .grid-boxes .circle-container .grid-box .grid-box-title h3 a, .project-items .feature-box h3.feature-val { font-size: 24px; font-family: var(--font-2); color: var(--text-blue); margin: 0; line-height: 1.2; letter-spacing: normal; }

    /*20-Heavy*/
    body.community #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box-title h3 a, .blog.contentInnerPage #BlogModule .blog-view #headline h1, .circles .grid-boxes .grid-box .grid-box-title h3 a, .quote .grid-text .grid-text-content h2, .activities .grid-boxes .grid-box .grid-box-title h3 a, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a, .resultItem .resultContent > a span, body.contact #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-label, :is(div,#LobbyModule) #lobbyview .lobby-text-container h2, .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a, :is(#BlogView #text1, #BlogView #text2) h3 { font-family: var(--font-2); font-size: 20px; line-height: 1.2; letter-spacing: normal; margin: unset; color: var(--text-blue); }
    /*18-Heavy*/
    #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-title h3 a, :is(#BlogView #text1, #BlogView #text2) h3, #allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box .grid-box-title h3 a.grid-row-button, #LobbyModule .check .grid-boxes .grid-box .grid-box-title h3 a, .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3, #home-gallery .gallery-caption.caption-text .gallery-text > span, .job-desc h3, :is(div,#LobbyModule) .blog-post .blog-post-content h2.blog-post-title a, .footer-text-left li h3, .check .grid-boxes .grid-box .grid-box-title h3 a, .posts .grid-boxes .grid-box .grid-box-title h3 a, .team .grid-boxes .grid-box .grid-box-title h3 a, :is(div,#LobbyModule) #lobbyview h2, .boxes .grid-boxes .grid-box .grid-box-subtitle span, .cards .cards-header-wrap > .section-topText h3, .section-topText :is(p, li), .map .section-title h3, #ContentGridShortModule:has(.grid-boxes-content) #headline p, .grid-text-section .section-title .grid-text-content h2, .grid-content-section.sliding-cards .section-title h3, .project-details p, #BlogView h2, .grid-contents .section-title h3, .grid-blog .section-title h3, .blue-bg .grid-text-content p, .timeline-sec .section-title h3, .sliding-gallery .section-title h3, .blue-cards .section-title h3, .cert-cards .section-title h3, body.knowledge .blogmain-header #subheadline h2, body.knowledge.contentInnerPage #BlogModule .blog-view h2, .team .section-title h3 { font-size: 18px; font-family: var(--font-2); line-height: 1.5; letter-spacing: 0.18px; color: var(--text-blue); }
    /*18-Reg*/
    .grid-faq-section .section-title h3, .footer-text-left li, #main-header .header-container .header-center .header-buttons a, #main-header .header-container .header-right .menu-nav ul#menu li a, .blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText p a, :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle p, .check .grid-boxes .grid-box .grid-box-inner .grid-box-fulltext p, .posts .grid-boxes .grid-box .grid-box-fulltext p, .posts .section-topText p, .reviews .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span, .circles .grid-boxes .grid-box .grid-box-subtitle span, .circles .section-topText p, .quote .grid-text .grid-text-content p, .us .grid-boxes .grid-box .grid-box-title h3 a, .us .section-topText p, #lobbyText p, .activities .grid-boxes .grid-box .grid-box-content .grid-box-fulltext :is(p,li), .sliding-cards .grid-boxes .grid-box .grid-box-fulltext :is(p,span), .grid-content-section.management .grid-box-subtitle span, .faq-item-text :is(a, p), .boxes .grid-boxes .grid-box .grid-box-fulltext p, #main-header .header-container .header-right .menu-nav ul#menu li a, .sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-fulltext p, .section.grid-content-section.result .grid-boxes .grid-box .grid-box-title h3 a, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content h4, .team .grid-boxes .grid-box .grid-box-subtitle span, .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-subtitle span, .sliding-cards .grid-boxes .grid-box .grid-box-subtitle :is(span,ul,p), .blue-cards .grid-boxes .grid-box .grid-box-subtitle span, .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle, .map .grid-boxes .circle-container .grid-box .grid-box-subtitle span, .sliding-cards .grid-boxes .grid-box .grid-box-subtitle ul li, :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-text, #SiteFooter .footer-text-divided .footer-text-left p, #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul li, .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span, .project-items .feature-box p.feature-name, body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul li, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content p, .timeline-sec .grid-boxes .grid-box .grid-box-fulltext p, :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li) { font-size: 17px; color: var(--text-blue); display: block; line-height: 1.5; letter-spacing: normal; font-family: var(--font-1); }
    /*17-Reg*/
    .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .top-form, #allSectionsWrapper .section.grid-content-section.activity-about .section-title .grid-box-buttons a, body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right #headline p.address, body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right ul.project-props li p, body:has(.job-desc) #pageview .job-desc :is(p,li,.sub-title), body:has(.job-desc) #pageview .job-desc #headline .sub-title, body:has(.job-desc) #pageview .job-desc #headline .loc-time, #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content h2.blog-post-title a, body.blog.contentInnerPage #BlogModule .blog-view h2, #allSectionsWrapper .section.grid-content-section.us .grid-boxes .grid-box .grid-box-title h3 a, #main-header .searchResultsList .resultItem .resultContent > a span, .resultItem .resultContent > a span, body:has(.normal-grid) #headline p, /*:is(div,#LobbyModule) .blog-post .blog-post-content h2.blog-post-title a,*/ .blog.contentInnerPage #BlogModule .blog-view h2, .grid-contents .section-title .title-wrapper h3 { font-size: 17px; line-height: 1.5; letter-spacing: normal; font-family: var(--font-1); }
    /*16-Heavy*/
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-title h3 a.grid-row-button, .searchResultsList .resultItem .resultContent > a span, #LobbyModule .reviews .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .panel-group .faq-item .faq-headline, .reviews .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a { font-family: var(--font-2); font-size: 16px; line-height: 1.5; letter-spacing: normal; margin: unset; color: var(--text-blue); }
    /*15-Heavy*/
    . { font-family: var(--font-2); font-size: 15px; line-height: 1.5; letter-spacing: normal; margin: unset; color: var(--text-blue); }
    /*15-Reg*/
    .grid-blog.jobs ul.tags li { font-family: var(--font-1); font-size: 15px; line-height: 1.5; letter-spacing: normal; margin: unset; color: var(--text-blue); }
    /*14-Reg*/
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle span, #SiteFooter .footer-text.text-center ul li, :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons, .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField label, :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .address, .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext p, .blue-cards .grid-boxes .grid-box .grid-box-fulltext p, #PageBreadCrumps span, :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date, .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-fulltext p span, .project-items .feature-box span, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image span, .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { font-family: var(--font-1); font-size: 14px; line-height: 1.4; letter-spacing: 0.28px; margin: unset; color: var(--text-blue); }
    /*12-Reg*/
    . { font-family: var(--font-1); font-size: 12px; line-height: 1.4; letter-spacing: 0.24px; margin: unset; color: var(--text-blue); }
    /**/
}


/*------------------------------------------/*
 FORM RESET
/*------------------------------------------*/
.form-container-wide { }
.form-container-wide #DynamicFormObject { border: none; padding: 0; display: flex; flex-direction: column; }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; width: 100%; display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; width: 100%; margin: 0; display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: unset; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { padding: 0; float: none; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { right: 0.5%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { margin: 0; width: 100%; border-radius: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea)::placeholder, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField select { color: var(--dark-grey-text); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select):focus { border: none !important; border-bottom: 1px solid var(--dark-blue) !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin: 0; text-align: start; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; float: none; }
#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { border-radius: 0; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; }

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

/*grab selectors*/
.form-container-wide { }
.form-container-wide #DynamicFormObject { }
.form-container-wide #DynamicFormObject::after { }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText::after { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { /* display: flex; */ /* flex-direction: row; */ /* flex-wrap: wrap; */ }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { }
.form-container-wide #DynamicFormObject .dynamicFormEndText { }

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

body.shown .loader .logo { width: 100%; height: 100%; left: 0; bottom: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/714204.svg"); background-position: center; background-repeat: no-repeat; position: absolute; opacity: 0; transition: 0.3s ease all; transform: scale(1.1); }

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

@media(max-width: 1024px) {
    body.shown .loader { bottom: 0; }
    body.shown .loader .logo { width: 100%; }
}

/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
#main-header .header-container { height: var(--gap-70); padding-inline: var(--gap-32); border-bottom: 1px solid var(--stroke); }
#main-header .header-container .header-left { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#main-header .header-container .header-right { }
#main-header .header-container .header-right .header-right-content { }
#main-header .header-container .header-right .menu-nav ul#menu { gap: var(--gap-24); height: 100%; }
#main-header .header-container .header-right .menu-nav ul#menu li.has-sub.has-megamenu { display: flex; align-items: center; gap: var(--gap-8); }
#main-header .header-container .header-center { display: flex; gap: var(--gap-24); }
#main-header .header-container .header-center .header-buttons { display: flex; gap: var(--gap-24); }
#main-header .header-container .header-center .header-buttons a { width: fit-content; height: fit-content; background: none; border: none; color: var(--dark-blue); }
#main-header .header-container .header-right .menu-nav ul#menu li.social-mobile { display: none; }
#main-header .header-container .header-right .menu-nav ul#menu li { align-content: center; }
#main-header .header-container .header-right .menu-nav ul#menu .megamenu-wrapper { display: none; }
#main-header .header-container .header-left a.logoHeader { }
#main-header .header-container .header-left img { width: 100%; }
#main-header.bg { background: none; }
#main-header.bg .header-container { height: var(--gap-100); border-bottom: none; }
#main-header.bg .header-container .header-left a.logoHeader { background-image: url("https://media.getmood.io/warehouse/dynamic/712386.svg"); width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; }
#main-header.bg .header-container .header-left a.logoHeader img { opacity: 00; }
#main-header.bg .header-container .header-right .menu-nav ul#menu li a { color: white; }
#main-header.bg .header-container .header-right .menu-nav ul#menu li.has-sub.has-megamenu i { color: white; }
#main-header.bg .header-container .header-center .header-buttons a { color: white; }
#main-header.bg .header-container .header-search button { filter: invert(1); }

@media(min-width: 1025px) {
    #main-header .header-container .header-left { width: var(--gap-150); height: var(--gap-48); }
    #main-header .header-container .header-right .menu-nav { height: 124%; }
    #main-header .header-container .header-right .menu-nav ul#menu > li.megaMenuGroup { display: none !important; }
}

@media(max-width: 1024px) {
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { background: var(--dark-blue); }
    #SiteContainer:has(.menu-nav.open)::before { opacity: 0.4; }
    .bg .open #nav-toggle span:before, .bg .open #nav-toggle span:after { background: var(--dark-blue); }
    #main-header .header-container .header-center { display: none; }
    #main-header .header-container .header-left { position: static; transform: unset; width: 84px; height: 28px; }
    #main-header .header-container .header-right { gap: 10px; }
    #main-header .header-container .header-right .header-right-content:before { content: ""; width: 1px; height: 14px; background: var(--dark-blue); margin-inline-end: 10px; }
    #main-header .header-container .header-right .menu-nav ul#menu .header-buttons { display: flex; flex-direction: column; gap: 12px; margin-inline: 24px; margin-top: var(--gap-12); padding-top: var(--gap-24); border-top: 1px solid var(--stroke); }
    #main-header .header-container .header-right .menu-nav ul#menu .header-buttons a { font-size: 17px; color: var(--dark-blue); }
    #main-header.bg .header-container .header-right .header-right-content:before { background: white; }
    #main-header.bg .header-container { height: unset; padding: 20px 24px 0; }
    #main-header .header-container { height: 50px; padding-inline: 20px; }
    #main-header .header-container .header-left a.logoHeader { width: 100%; height: 100%; }
    #main-header .header-container .header-left a.logoHeader img { height: 100%; width: 100%; }
    #main-header .header-container .header-search #quick-search-container { width: 100%; }
    .bg #nav-toggle span, .bg #nav-toggle span:before, .bg #nav-toggle span:after { background: white; }
}

/*------------------------------------------/*
 MEGA MENU
/*------------------------------------------*/
#SiteContainer:has(.megaMenu.open)::before { opacity: 0.2; }
#main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu { width: var(--app-width); text-align: start; inset-inline-start: 0; background: var(--white); border-block: 1px solid var(--line); display: none !important; }
#main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup { width: 100%; margin-top: var(--gap-12); background: white; border-radius: 6px; }
#main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup h3.menuGroupTitle { padding: var(--gap-48) var(--gap-48); border-inline-end: 1px solid var(--stroke); font-size: clamp(1.2rem, var(--fs-56), 1000rem); letter-spacing: -0.56px; font-family: var(--font-3); min-width: 18.646vw; text-align: center; line-height: 1; }
#main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup ul.megaMenuSub { padding: var(--gap-40) var(--gap-48); display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; }
#main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup ul.megaMenuSub a { padding: var(--gap-6) 0; display: flex; position: relative; line-height: 1.35; justify-content: space-between; align-items: center; min-width: 15.6vw; transition: 0.25s all ease; color: var(--dark-blue); width: 100%; overflow: hidden; padding-block: 0; }
#main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup ul.megaMenuSub a::after { /* content: ''; */ /* display: inline-block; */ width: var(--gap-8); height: var(--gap-24); background-repeat: no-repeat; background-position: center; /* background-image: url(/warehouse/dynamic/660152.svg); */ background-size: contain; transition: 0.25s all ease; }
#main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup .megaMenuGroupImage { margin-inline-start: auto; padding: var(--gap-16); }
#main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup .megaMenuGroupImage img { border-radius: var(--gap-2); width: 44vw; height: 100%; aspect-ratio: 8.44/5.04; object-fit: cover; border-radius: 6px; }
#main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu.open { display: block !important; }
#main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup ul.megaMenuSub a.button-with-anim .btn-text-wrapper { height: 1.2em; }
#main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup ul.megaMenuSub a.button-with-anim .btn-text-wrapper span { text-shadow: 0px 1.2em 0px var(--red); font-family: var(--font-2); }
#main-header .header-container .header-right .menu-nav ul#menu > li .menu-sub .megaMenuGroup ul.megaMenuSub a.button-with-anim:is(:hover, :focus) .btn-text-wrapper span { transform: translateY(-1.2em) !important; }
#main-header .header-container .header-right .menu-nav ul#menu li.has-sub.has-megamenu ul.megaMenu { width: 100vw; position: fixed; top: 0; width: calc(100% - var(--gap-24)); transform: translateX(50%); right: 50%; /* border-radius: 6px; */ background: none; margin-top: calc(var(--headerHeight) ); }

@media(min-width: 1025px) {
    #main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup ul.megaMenuSub li { width: 100%; }
    #main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup ul.megaMenuSub a:after { content: ""; width: var(--gap-40); height: auto; aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/711621.svg"); background-size: auto; border: 1px solid var(--dark-blue); border-radius: 50%; transform: translateX(-103%); }
    #main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup ul.megaMenuSub a:hover:after { transform: unset; }
    #main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup ul.megaMenuSub { position: relative; }
    #main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup ul.megaMenuSub:before { content: ""; width: 1px; height: calc(100% - var(--gap-24)); position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: var(--stroke); }
    #main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup h3.menuGroupTitle { border: none; text-align: start; color: var(--text-blue); }
}

@media(max-width: 1024px) {
    #main-header.bg .header-container .header-right .menu-nav ul#menu li a { color: var(--dark-blue); }
    #main-header .header-container .header-right .menu-nav ul#menu { pointer-events: none; visibility: hidden; transition: 0.5s all ease; position: fixed; margin: 0; top: 0; right: unset; left: unset; inset-inline: 0; padding: var(--headerHeight) 0 !important; min-width: unset; width: 85.3vw; height: 100dvh !important; min-height: unset; background: var(--white); overflow-x: clip; overflow-y: auto; display: flex !important; !i; flex-direction: column; gap: var(--gap-12); list-style: none; transform: translateX(100%); }
    #main-header.open .header-container .header-right .menu-nav ul#menu { pointer-events: all; visibility: visible; transform: translateX(0%); }
    #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; 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 { display: inline-flex; justify-content: space-between; align-items: center; flex-wrap: wrap; text-decoration: unset; }
    #main-header .header-container .header-right .menu-nav ul#menu > li[data-cat-mod] { padding: 0 var(--gap-24); }
    #main-header .header-container .header-right .menu-nav ul#menu > li[data-cat-mod]:first-child { padding-top: var(--gap-24); border-top: 1px solid var(--stroke); }
    #main-header .header-container .header-right .menu-nav ul#menu li.item-total-link.has-sub.has-megamenu { position: relative; }

    #main-header .header-container .header-right .menu-nav ul#menu li.item-total-link.has-sub.has-megamenu > button { position: absolute; width: 100%; height: 100%; left: var(--gap-24); flex-direction: row-reverse; justify-content: flex-start; }
    #main-header .header-container .header-right .menu-nav ul#menu li.active { background: transparent; color: var(--red); }
    #main-header .header-container .header-right .menu-nav ul#menu .header-top-menu-mobile { display: block; padding: var(--gap-24); margin-top: var(--gap-12); border-top: 1px solid var(--line); }
    #main-header .header-container .header-right .menu-nav ul#menu .header-top-menu-mobile ul.top-menu-group { display: flex; flex-direction: column; gap: var(--gap-12); }
    #main-header .header-container .header-right .menu-nav ul#menu li a { position: relative; line-height: 1.5; 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 { color: var(--red); }
    #main-header .header-container .header-right .menu-nav ul#menu > li:not(.megaMenuSection).active i.opensub { color: var(--red); }
    #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-10); height: var(--gap-10); 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-12); 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-24); }
    #main-header .header-container .header-right .menu-nav ul#menu li.has-sub.has-megamenu i { display: none; }
    #main-header .header-container .header-right .menu-nav ul#menu > li > button,
    #main-header .header-container .header-right .menu-nav ul#menu li button .menuSvgArrowIcon { margin: 0; display: flex; width: 8px; height: 4px; 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-10); height: var(--gap-10); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection { min-height: unset; height: 100dvh !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; align-items: flex-start; opacity: 1; pointer-events: none; visibility: hidden; position: absolute; position: absolute; background: white; }
    #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%; display: flex; flex-direction: column; }
    #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-24); 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: 100%; background: var(--line); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup { margin-top: var(--gap-24); padding-inline: var(--gap-24); font-size: var(--fs-16); color: var(--black); display: flex; justify-content: space-between; align-items: center; }
    #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.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu { gap: 8px; left: unset; height: auto; display: flex; flex-direction: row-reverse; align-items: center; position: relative; top: unset; right: unset; margin-top: 0; padding: var(--gap-16) var(--gap-24); width: 100%; font-size: var(--fs-12); justify-content: flex-end; font-family: var(--font-2); border-bottom: 1px solid var(--stroke); }
    #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: 100%; height: 1px; background: var(--line); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu span { color: var(--dark-grey-text); font-family: var(--font-1); }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu span.arrowIconWrapper { transform: scaleX(-1); width: fit-content; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--white); border: 1px solid var(--line); }
    #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; display: block !important; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub { background: transparent; margin: 0; display: flex; flex-direction: column; gap: var(--gap-12); padding: var(--gap-24) 0; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub li.megaMenuSubItem { font-size: var(--fs-16); padding: 0 var(--gap-24); display: flex; gap: var(--gap-12); flex-direction: column; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub li.megaMenuSubItem .megaMenuSubItemImage { width: 100%; overflow: hidden; }
    #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 .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroupImage { padding: 0 var(--gap-24) var(--gap-24); margin-top: auto; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroupImage img { width: 100%; object-fit: cover; border-radius: 6px; }
    #main-header .header-container .header-right .menu-nav:has(.megaMenuSection.menu-active) div#nav-toggle { display: none; }

    #main-header .header-container .header-right .menu-nav ul#menu li.has-sub.has-megamenu button { width: 6px; height: 12px; padding: 0; opacity: 1; }
    #main-header .header-container .header-right .menu-nav ul#menu li.has-sub.has-megamenu button .menuSvgArrowIcon { opacity: 1; width: 6px; height: 12px; }
    #main-header .header-container .header-right .menu-nav ul#menu li.has-sub.has-megamenu button .menuSvgArrowIcon svg { fill: var(--dark-blue); }
}

/*------------------------------------------/*
 SEARCH BAR
/*------------------------------------------*/
#main-header .header-container .header-search { display: flex; align-items: center; }
#main-header .header-container .header-search button { background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/682898.svg); background-size: contain; }
#main-header .header-container .header-search button.toggle-close { background-image: url(/warehouse/dynamic/587284.svg); filter: invert(1); }
#main-header .header-container .header-search button svg { opacity: 0; width: var(--gap-24); }
#main-header .header-container .header-search #quick-search-container { top: calc(100% + var(--gap-16)); opacity: 0; width: 33.3vw; left: unset; border-radius: var(--gap-6); overflow: hidden; }
#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) 0 0; display: flex; flex-direction: column; position: relative; background: var(--white); color: var(--gray); }
body:has(#main-header .header-container .header-search ul.searchResultsList) #SiteContainer::before { opacity: 0.165; }
#main-header .header-container .header-search #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem a { background: transparent; padding: 0 var(--gap-24) var(--gap-16); font-size: clamp(1.2rem, var(--fs-16), 1000rem); line-height: 1.4; gap: var(--gap-16); }
#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: var(--gap-80); margin: 0; height: auto; aspect-ratio: 1; border-radius: var(--gap-2); object-fit: cover; }
#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: var(--gap-24); text-align: end; margin-top: var(--gap-8); border-top: 1px solid var(--stroke); }
#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); line-height: 1.4; border-bottom: 1px solid var(--blue); text-underline-offset: var(--gap-4); color: var(--blue); }
#main-header .header-container .header-search .search { background: var(--dark-blue); left: unset; inset-inline-end: 0; top: 0; border-radius: var(--gap-2); width: 100%; height: var(--headerHeight); }
#main-header .header-container .header-search .search form#searchFormHeader input#searchFormInput { background: none; border-bottom: 1px solid var(--white); text-align: center; color: white; }
#main-header .header-container .header-search .search #searchFormHeaderContainer { width: 35.32%; }
#main-header .header-container .header-search .search #searchFormHeaderContainer form { }
#main-header .header-container .header-search .search #searchFormHeaderContainer form .searchSubmitWrapper { left: unset; right: 0; }
#main-header .header-container .header-search .search #searchFormHeaderContainer form .searchSubmitWrapper { background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/682898.svg); background-size: contain; filter: invert(1); }
#main-header .header-container .header-search .search #searchFormHeaderContainer form .searchSubmitWrapper svg { filter: invert(1); }
#main-header .header-container .header-search .search #searchFormHeaderContainer form .searchSubmitWrapper svg { opacity: 0; }


@media(max-width: 1024px) {
    #main-header .header-container .header-search button.toggle-close { position: absolute; right: 24px; }
    #main-header .header-container .header-search .search { height: var(--gap-60); }
    #main-header .header-container .header-search .search #searchFormHeaderContainer { width: 100%; }
    #main-header .header-container .header-search .search #searchFormHeaderContainer form { text-align: center; }
    #main-header .header-container .header-search .search #searchFormHeaderContainer form .searchSubmitWrapper { right: unset; left: 24px; }
    #main-header .header-container .header-search .search form#searchFormHeader input#searchFormInput { width: 200px; margin-inline: auto; padding: 0; }
    #main-header .header-container .header-search #quick-search-container:has(.searchResultsList) { width: 100%; }
}

/*------------------------------------------/*
 PROJECT BOX
/*------------------------------------------*/
:is(div, #LobbyModule) .project-box { max-width: 24.427vw; border: 1px solid var(--stroke); border-radius: 6px; }
:is(div, #LobbyModule) .project-box .grid-short-box { margin: 0; }
:is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-image { padding-inline: var(--gap-8); padding-block: var(--gap-8) 0; }
:is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-image a { position: relative; display: flex; }
:is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-image img { position: static; transform: unset; width: 100%; border-radius: 6px; max-height: var(--gap-360); }
:is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext { text-align: start; padding: var(--gap-24); }
:is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-label { padding: 0; margin-bottom: var(--gap-8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle { margin-bottom: var(--gap-20); }
:is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--dark-grey-text); }
:is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .address { color: var(--text-blue); }
:is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .address:before { content: ""; width: var(--gap-12); height: var(--gap-14); display: inline-block; background-image: url("https://media.getmood.io/warehouse/dynamic/712131.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-inline-end: var(--gap-6); }

@media(max-width: 1024px) {
    :is(div, #LobbyModule) .project-box { max-width: unset; min-width: 327px; }
    :is(div, #LobbyModule) .project-box .grid-short-box { display: flex; flex-direction: column; height: 100%; }
    :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext { flex: 1; display: flex; flex-direction: column; }
    :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .address { margin-top: auto; }
    :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-image img { max-height: 240px; min-width: 100%; object-fit: cover; }
}

@media(min-width: 1025px) {
    :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext { min-height: var(--gap-20); display: flex; flex-direction: column; }
    :is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .address { margin-top: auto; }
}

/*------------------------------------------/*
 BLOG-POST
/*------------------------------------------*/
:is(div,#LobbyModule) .blog-post { border-radius: 6px; border: 1px solid var(--stroke); direction: rtl; max-width: 24.427vw; }
:is(div,#LobbyModule) .blog-post .blog-post-image { padding-inline: var(--gap-8); padding-top: var(--gap-8); /* border-radius: 6px; */ /* overflow: hidden; */ }
:is(div,#LobbyModule) .blog-post .blog-post-image a { position: relative; display: flex; overflow: hidden; }
:is(div,#LobbyModule) .blog-post .blog-post-image a img { border-radius: 6px; overflow: hidden; height: var(--gap-360); }
:is(div,#LobbyModule) .blog-post .blog-post-content { display: flex; flex-direction: column; padding: var(--gap-24); }
:is(div,#LobbyModule) .blog-post .blog-post-content h2.blog-post-title { order: 2; padding: 0; text-align: start; margin-block: var(--gap-24) var(--gap-8); display: flex; }
:is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-text { order: 3; text-align: start; border: none; padding: 0; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
:is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons { margin-block: 0; text-align: start; display: flex; gap: var(--gap-8); }
:is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-writer { display: none; }
:is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date { margin: 0; }
:is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date i { background-image: url("https://media.getmood.io/warehouse/dynamic/712587.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; }
:is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date i:before { opacity: 0; }
:is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date:after { content: ""; width: 1px; height: var(--gap-12); background: var(--stroke); display: inline-block; margin-inline-start: var(--gap-8); }
:is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons .blog-post-Time-container { font-size: unset; margin: 0; }
:is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons .blog-post-Time-container svg { display: none; }
:is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons .blog-post-Time-container:before { content: ""; width: var(--gap-14); height: auto; aspect-ratio: 1; display: inline-block; background-image: url("https://media.getmood.io/warehouse/dynamic/712588.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; }

@media(min-width: 1025px) {
    :is(div,#LobbyModule) .blog-post .blog-post-content { min-height: 9.948vw; }
}

@media(max-width: 1024px) {
    :is(div,#LobbyModule) .blog-post { max-width: 327px; min-width: 327px; }
    :is(div,#LobbyModule) .blog-post .blog-post-image a img { height: 247px; min-width: 100%; object-fit: cover; }
}

/*------------------------------------------/*
 SECTIONS
/*------------------------------------------*/
:is(div,#LobbyModule) #lobbyview #headline { font-size: unset; margin-block: var(--gap-24) var(--gap-32); }
:is(div,#LobbyModule) #lobbyview h2 { margin-bottom: var(--gap-8); }

:is(div,#LobbyModule) #lobbyview .gridTextImgContainer { text-align: center; }
:is(div,#LobbyModule) #lobbyview:has(.gridTextImgContainer) { }
:is(div,#LobbyModule) #lobbyview:has(.gridTextImgContainer) #headline { margin-block: var(--gap-32); }

#allSectionsWrapper .section.carousel-gallery .section-title { }
#allSectionsWrapper .section.carousel-gallery .section-title .swiper-buttons { display: flex; flex-direction: row-reverse; height: 100%; gap: var(--gap-12); transform: scale(-1); }
#allSectionsWrapper .section.carousel-gallery .section-title .swiper-buttons .swiper-button { position: static; display: inline-block; transform: unset; width: var(--gap-50); height: var(--gap-50); aspect-ratio: 1; margin: 0; background-position: center; background-repeat: no-repeat; background-size: auto; /* border: 1px solid var(--dark-blue); */ border-radius: 50%; overflow: hidden; transition: 0.3s ease all; top: 0; }
#allSectionsWrapper .section.carousel-gallery .section-title .swiper-buttons .swiper-button::after { }
#allSectionsWrapper .section.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev { background-position: center; background-repeat: no-repeat; position: relative; left: unset; }
#allSectionsWrapper .section.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next { position: relative; right: unset; }

#allSectionsWrapper .section.grid-text-section.two-columns { display: flex; padding-block: var(--gap-120); }
#allSectionsWrapper .section.grid-text-section.two-columns > * { flex: 1; }
#allSectionsWrapper .section.grid-text-section.two-columns .section-title { padding-inline-start: var(--gap-240); height: fit-content; width: fit-content; text-align: start; }
#allSectionsWrapper .section.grid-text-section.two-columns .section-title h2 { width: fit-content; text-align:start; }
#allSectionsWrapper .section.grid-text-section.two-columns .grid-text { text-align: start; padding-inline-end: var(--gap-240); height: fit-content; }
#allSectionsWrapper .section.grid-text-section.two-columns .grid-text .grid-text-content { }
#allSectionsWrapper .section.grid-text-section.two-columns .grid-text .grid-text-content h2 { margin-bottom: var(--gap-24); }
#allSectionsWrapper .section.grid-text-section.two-columns .grid-text a.sec-button { margin-top: var(--gap-40); }

#allSectionsWrapper .section.grid-text-section.quote { padding-block: var(--gap-200); padding-inline: var(--gap-165); }
#allSectionsWrapper .section.grid-text-section.quote .grid-text { }
#allSectionsWrapper .section.grid-text-section.quote .grid-text .grid-text-content { }
#allSectionsWrapper .section.grid-text-section.quote .grid-text .grid-text-content h2 { margin-bottom: var(--gap-24); }
#allSectionsWrapper .section.grid-text-section.quote .grid-text:before { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/711370.svg"); width: var(--gap-52); height: var(--gap-30); display: block; background-position: center; background-repeat: no-repeat; background-size: contain; margin-inline: auto; margin-bottom: var(--gap-24); }

#allSectionsWrapper .section.grid-content-section.carousel-gallery .section-title { display: flex; align-items: center; padding-inline-end: var(--gap-240); }
#allSectionsWrapper .section.grid-content-section.carousel-gallery .section-title .section-title-controls-wrapper { height: fit-content; }

#allSectionsWrapper .section.grid-content-section.sliding-cards { background: var(--dark-blue); padding-inline: var(--gap-240); padding-block: var(--gap-200); }
#allSectionsWrapper .section.grid-content-section.sliding-cards .section-title { position: sticky; top: var(--gap-96); }
#allSectionsWrapper .section.grid-content-section.sliding-cards .section-title h2 { color: white; }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes { flex-direction: column; padding-block: var(--gap-280) 0; position: relative; /* top: 226px; */ gap: var(--gap-360); }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box { width: 100%; display: flex; background: white; border-radius: var(--desktop-corner-radius, 6px); border: 1px solid var(--stroke, #E3E2DE); position: sticky; top: var(--gap-220); }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box > *:not(.grid-box-image) { }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-image { padding: var(--gap-8); min-width: 33.385vw; overflow: hidden; }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-image .grid-box-image-container { overflow: hidden; border-radius: 4px; }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content { text-align: start; display: flex; flex-direction: column; padding: var(--gap-56); }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-title { margin-bottom: var(--gap-24); }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 { font-size: unset; margin: 0; }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a { }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle { margin-top: auto; /* padding: var(--gap-56); */ display: flex; align-items: center; justify-content: space-between; }
#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-fulltext { padding-inline-end: var(--gap-180); }

#allSectionsWrapper .section.grid-content-section.activities .section-title { padding-block: var(--gap-200) var(--gap-140); padding-inline: var(--gap-240); }
#allSectionsWrapper .section.grid-content-section.activities .section-title h2 { text-align: start; }
#allSectionsWrapper .section.grid-content-section.activities .grid-boxes { flex-direction: column; }
#allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box { display: flex; width: 100%; padding: 0 var(--gap-240); padding-inline-end: var(--gap-50); justify-content: space-between; max-height: var(--gap-280); border-bottom: 1px solid var(--stroke); /* z-index: -1; */ }
#allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box:first-child { border-top: 1px solid var(--stroke); }
#allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title { padding-top: var(--gap-36); min-width: var(--gap-250); text-align: start; }
#allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content { max-width: 23.438vw; text-align: start; display: flex; flex-direction: column; padding-block: var(--gap-36); }
#allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-fulltext { }
#allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-fulltext p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle { margin-bottom: var(--gap-8); }
#allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button { margin-top: auto; }
#allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-image { transition: 0.3s ease all; opacity: 0; transform: scale(0); border-radius: 6px; overflow: hidden; max-height: var(--gap-300); }

#allSectionsWrapper .section.grid-content-section.us { display: flex; flex-direction: row-reverse; background: var(--light-grey); padding: var(--gap-140) var(--gap-240); gap: var(--gap-80); }
#allSectionsWrapper .section.grid-content-section.us .section-title { margin-bottom: var(--gap-40); }
#allSectionsWrapper .section.grid-content-section.us .section-title h2 { text-align: start; }
#allSectionsWrapper .section.grid-content-section.us .section-topText { text-align: start; width: 100%; }
#allSectionsWrapper .section.grid-content-section.us .grid-boxes { margin-top: auto; gap: var(--gap-8); width: fit-content; }
#allSectionsWrapper .section.grid-content-section.us .grid-boxes .grid-box { text-align: start; padding: var(--gap-24) var(--gap-32); min-height: var(--gap-200); min-width: 19.635vw; border-radius: var(--desktop-corner-radius, 6px); border: 1px solid var(--stroke, #E3E2DE); background: var(--white, #FFF); display: flex; flex-direction: column; }
#allSectionsWrapper .section.grid-content-section.us .grid-boxes .grid-box .grid-box-title:before { content: ""; width: var(--gap-8); height: var(--gap-8); aspect-ratio: 1; display: inline-block; background: var(--brown); border-radius: 50%; }
#allSectionsWrapper .section.grid-content-section.us .grid-boxes .grid-box .grid-box-title { display: flex; gap: var(--gap-8); align-items: center; }
#allSectionsWrapper .section.grid-content-section.us .grid-boxes .grid-box .grid-box-subtitle { margin-top: auto; }
#allSectionsWrapper .section.grid-content-section.us .left-wrapper { display: flex; flex-direction: column; }
#allSectionsWrapper .section.grid-content-section.us .right-wrapper { }
#allSectionsWrapper .section.grid-content-section.us .right-wrapper .grid-box-image { min-width: 28.646vw; border-radius: 6px; overflow: hidden; }

#allSectionsWrapper .section.grid-content-section.circles { padding: var(--gap-200) var(--gap-240); background: var(--dark-blue); }
#allSectionsWrapper .section.grid-content-section.circles .section-title { margin-bottom: var(--gap-40); }
#allSectionsWrapper .section.grid-content-section.circles .section-title h2 { color: white; }
#allSectionsWrapper .section.grid-content-section.circles .section-topText { width: 45%; margin-inline: auto; }
#allSectionsWrapper .section.grid-content-section.circles .section-topText p { color: white; }
#allSectionsWrapper .section.grid-content-section.circles .grid-boxes { margin-top: var(--gap-80); gap: var(--gap-52); }
#allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box { }
#allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-8); }
#allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-title h3 a { color: white; }
#allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-subtitle { }
#allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-subtitle span { color: white; }
#allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-image { width: var(--gap-200); height: auto; aspect-ratio: 1; margin-inline: auto; margin-bottom: var(--gap-24); border-radius: 50%; overflow: hidden; }

#allSectionsWrapper .section.grid-content-section.team { padding: var(--gap-140) var(--gap-200); }
#allSectionsWrapper .section.grid-content-section.team:first-child { padding-block: 0; }
#allSectionsWrapper .section.grid-content-section.team .section-title { margin-bottom: var(--gap-48); }
#allSectionsWrapper .section.grid-content-section.team .section-title h2 { margin-bottom: 0; text-align: start; }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes { display: grid; grid-template-columns: repeat(4,1fr); justify-content: center; gap: var(--gap-16); }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box { width: 100%; border-radius: 10px; overflow: hidden; padding-inline: var(--gap-8); padding-top: var(--gap-8); box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.02), 0 4px 68px 0 rgba(0, 0, 0, 0.06); backdrop-filter: blur(40px); text-align: start; border: 1px solid var(--stroke); }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-image { border-radius: 8px; overflow: hidden; }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-image .grid-box-image-container a img { width: 100%; }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-title { display: block; padding-inline: var(--gap-12); }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle { margin-block: 0 var(--gap-20); padding-inline: var(--gap-12); }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle span { color: var(--dark-grey-text); }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final { display: flex; justify-content: space-between; margin-top: var(--gap-20); }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .grid-box-fulltext { display: flex; height: fit-content; gap: var(--gap-6); }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .grid-box-fulltext p { height: fit-content; }
#allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .grid-box-fulltext p a { display: flex; width: var(--gap-40); height: var(--gap-40); justify-content: center; align-items: center; border: 1px solid var(--stroke); background: var(--light-grey); border-radius: 50%; }

#allSectionsWrapper .section.grid-content-section.reviews { padding-inline: var(--gap-240) 0; padding-block: var(--gap-140); }
#allSectionsWrapper .section.grid-content-section.reviews .section-title { margin-bottom: var(--gap-48); }
#allSectionsWrapper .section.grid-content-section.reviews .section-title h2 { text-align: start; }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes { gap: var(--gap-16); }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box { display: flex; width: fit-content; border-radius: 6px; border: 1px solid var(--stroke); }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-image { min-width: 24.427vw; padding-inline-start: var(--gap-8); padding-block: var(--gap-8); }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-image .grid-box-image-container { overflow: hidden; border-radius: 6px; }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-content { width: 25.313vw; padding: var(--gap-32) var(--gap-40); text-align: start; display: flex; flex-direction: column; }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-content:before { content: ""; width: var(--gap-30); height: var(--gap-20); background-image: url("https://media.getmood.io/warehouse/dynamic/711370.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: var(--gap-12); }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-content .grid-box-title { order: 2; }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-content .grid-box-subtitle { order: 3; }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span { color: var(--dark-grey-text); }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-content .grid-box-fulltext { order: 1; margin-bottom: auto; }
#allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-content .grid-box-fulltext :is(p,li) { line-height: 1.5; color: var(--dark-grey-text) !important; }

#allSectionsWrapper .section.grid-content-section.posts { padding: var(--gap-200) var(--gap-240); padding-inline-end: 0; }
#allSectionsWrapper .section.grid-content-section.posts .section-title { margin-bottom: var(--gap-12); }
#allSectionsWrapper .section.grid-content-section.posts .section-title h2 { text-align: start; }
#allSectionsWrapper .section.grid-content-section.posts .section-topText { text-align: start; margin-bottom: var(--gap-48); }
#allSectionsWrapper .section.grid-content-section.posts .grid-boxes { }
#allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box { max-width: 24.427vw; border: 1px solid var(--stroke); border-radius: 6px; min-height: -webkit-fill-available; }
#allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box .grid-box-image { padding-inline: var(--gap-8); padding-top: var(--gap-8); }
#allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box .grid-box-image .grid-box-image-container { border-radius: 6px; overflow: hidden; }
#allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box .grid-box-image .grid-box-image-container img { width: 100%; }
#allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box .grid-box-title { display: block; text-align: start; padding-top: var(--gap-24); padding-inline: var(--gap-24); }
#allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box .grid-box-fulltext { text-align: start; padding-block: var(--gap-8) var(--gap-24); padding-inline: var(--gap-24); }

#allSectionsWrapper .grid-content-section.check { padding-block: var(--gap-140); padding-inline: var(--gap-240); }
#allSectionsWrapper .grid-content-section.check .section-title { margin-bottom: var(--gap-80); }
#allSectionsWrapper .grid-content-section.check .section-title h2 { }
#allSectionsWrapper .grid-content-section.check .grid-boxes { display: grid; grid-template-columns: repeat(3,1fr); column-gap: var(--gap-16); }
#allSectionsWrapper .grid-content-section.check .grid-boxes .grid-box { width: 100%; padding-block: var(--gap-12); text-align: start; border-top: 1px solid var(--stroke); display: flex; gap: var(--gap-24); }
#allSectionsWrapper .grid-content-section.check .grid-boxes .grid-box:before { content: ""; display: inline-block; min-width: var(--gap-24); height: var(--gap-24); aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/711821.svg"); background-color: var(--blue); background-position: center; background-repeat: no-repeat; background-size: auto; border-radius: 4px; }
#allSectionsWrapper .grid-content-section.check .grid-boxes .grid-box .grid-box-inner { display: inline-block; }
#allSectionsWrapper .grid-content-section.check .grid-boxes .grid-box .grid-box-title { display: inline-block; }
#allSectionsWrapper .grid-content-section.check .grid-boxes .grid-box .grid-box-title h3 { }

#allSectionsWrapper .section.grid-content-section.activity-about { display: flex; justify-content: space-between; padding: var(--gap-200) var(--gap-240); }
#allSectionsWrapper .section.grid-content-section.activity-about .section-title { text-align: start; }
#allSectionsWrapper .section.grid-content-section.activity-about .section-title h2 { text-align: start; }
#allSectionsWrapper .section.grid-content-section.activity-about .section-title .grid-box-buttons { margin-top: var(--gap-32); display: flex; gap: var(--gap-32); width: fit-content; /* padding-bottom: var(--gap-8); */ position: relative; border-bottom: 1px solid var(--stroke); }
#allSectionsWrapper .section.grid-content-section.activity-about .section-title .grid-box-buttons:after { content: ""; width: 0; height: 2px; position: absolute; bottom: 0; left: 0; left: var(--left, 0); width: var( --width, 0); transition: 0.3s ease left; transition: left .35s ease, width .35s ease; background: var(--blue); }
#allSectionsWrapper .section.grid-content-section.activity-about .section-title .grid-box-buttons a { transition: 0.3s ease all; padding-bottom: var(--gap-8); }
#allSectionsWrapper .section.grid-content-section.activity-about .section-title .grid-box-buttons a.active { /*border-bottom: 2px solid var(--dark-blue); */ /* padding-bottom: var(--gap-8); */ }
#allSectionsWrapper .section.grid-content-section.activity-about .grid-boxes { width: 31.25vw; position: relative; min-height: 11.198vw; }
#allSectionsWrapper .section.grid-content-section.activity-about .grid-boxes .grid-box { width: 100%; height: auto; opacity: 0; transition: all 0s ease; position: absolute; left: 0; top: 0; text-align: start; }
#allSectionsWrapper .section.grid-content-section.activity-about .grid-boxes .grid-box.active { width: 100%; height: auto; opacity: 1; text-align: start; }
#allSectionsWrapper .section.grid-content-section.activity-about .grid-boxes .grid-box .grid-box-title { display: none; }

#allSectionsWrapper .section.grid-content-section.tabs-services { padding: var(--gap-140) var(--gap-240); display: flex; flex-direction: row-reverse; gap: var(--gap-80); background: var(--light-grey); justify-content: flex-end; }
#allSectionsWrapper .section.grid-content-section.tabs-services .grid-box-images-wrapper { min-width: 28.646vw; max-width: 28.646vw; height: fit-content; aspect-ratio: 1; }
#allSectionsWrapper .section.grid-content-section.tabs-services .grid-box-images-wrapper img { width: 100%; border-radius: 6px; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .section-title h2 { text-align: start; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .section-title .grid-box-buttons { text-align: start; margin-top: var(--gap-40); display: flex; gap: var(--gap-2); }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .section-title .grid-box-buttons:not(:has(:nth-child(2))) { display: none; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .section-title .grid-box-buttons a { min-width: var(--gap-120); height: var(--gap-48); text-align: center; align-content: center; background: white; border: 1px solid var(--stroke); border-radius: 6px; font-size: clamp(14px, var(--fs-18), 300px); line-height: 1.5; letter-spacing: 0.18px; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .section-title .grid-box-buttons a.active { background: var(--blue); color: white; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes { min-height: 16.25vw; position: relative; margin-top: var(--gap-40); }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; transition: 0.3s ease all; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box.active { opacity: 1; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box-fulltext :is(p,li) { text-align: start; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box :is(.grid-box-image, .grid-box-title) { display: none; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box .grid-box-fulltext { padding-inline-end: 24px; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box .grid-box-fulltext p { width: 65%; }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box .grid-box-fulltext ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2,1fr); margin-top: var(--gap-48); column-gap: var(--gap-16); }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box .grid-box-fulltext ul li { padding-block: var(--gap-12); font-family: var(--font-2); line-height: 1.5; letter-spacing: normal; border-top: 1px solid var(--stroke); }
#allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box .grid-box-fulltext ul li:before { content: ""; width: var(--gap-24); height: auto; aspect-ratio: 1; display: inline-block; background-image: url("https://media.getmood.io/warehouse/dynamic/711821.svg"); background-color: var(--blue); background-position: center; background-repeat: no-repeat; vertical-align: middle; border-radius: 4px; margin-inline-end: var(--gap-24); }

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

#allSectionsWrapper .section.grid-gallery-section.sliding-gallery { padding-block: var(--gap-100); background: var(--light-grey); }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title { margin-bottom: var(--gap-24); }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container { }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper { display: flex; width: 100%; gap: var(--gap-16); flex-direction: row; }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes { gap: var(--gap-16); display: flex; width: max-content; animation: scrollText 40s linear infinite; }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { background: none; min-width: var(--gap-280); height: var(--gap-180); pointer-events: none; }
#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div .boxes-images-outer-image { height: 100%; }

#allSectionsWrapper .section.grid-contents { padding: var(--gap-140) var(--gap-240); padding-inline-end: 0; }
#allSectionsWrapper .section.grid-contents .section-title { display: flex; align-items: flex-end; padding-inline-end: var(--gap-240); margin-bottom: var(--gap-48); }
#allSectionsWrapper .section.grid-contents .section-title h2 { text-align: start; }
#allSectionsWrapper .section.grid-contents .section-title .section-title-controls-wrapper { display: flex; gap: var(--gap-24); }
#allSectionsWrapper .section.grid-contents .section-title .section-title-controls-wrapper .content-section-Btn { display: flex; align-items: center; }
#allSectionsWrapper .section.grid-contents .section-title .section-title-controls-wrapper .content-section-Btn a { white-space: nowrap; align-content: center; font-family: var(--font-2); height: fit-content; border-bottom: 2px solid var(--text-blue); font-size: clamp(12px, var(--fs-16), 300px); }
#allSectionsWrapper .section.grid-contents .section-title .section-title-controls-wrapper .content-section-Btn a::before, #allSectionsWrapper .section.grid-contents .section-title .section-title-controls-wrapper .content-section-Btn a::after { color: var(--dark-blue); }
#allSectionsWrapper .section.grid-contents .section-title .title-wrapper { width: 100%; text-align: start; }
#allSectionsWrapper .section.grid-contents .section-title .title-wrapper h3 { margin-top: var(--gap-12); }

#allSectionsWrapper .section.grid-form-section.blue-form { padding: var(--gap-140) var(--gap-240); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide { background: var(--dark-blue); padding: var(--gap-80); border-radius: 6px; position: relative; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide:before { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/714200.svg"); display: block; width: var(--gap-360); height: 20.833vw; position: absolute; left: 0; bottom: 0; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject { flex-direction: row; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: start; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: white; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText { margin-top: var(--gap-40); display: flex; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText { gap: var(--gap-16); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText p a { color: white; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText p a img { content: ""; width: var(--gap-40); height: auto; /* aspect-ratio: 1; */ /* background-image: url("https://media.getmood.io/warehouse/dynamic/712318.svg"); */ display: inline-block; background-position: center; background-repeat: no-repeat; object-fit: none; vertical-align: middle; border-radius: 50%; border: 1px solid rgba(248, 248, 247, 0.16); margin-inline-end: var(--gap-12); background-color: rgba(255, 255, 255, 0.06); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText p:first-child a { }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText p:nth-child(2) a:before { background-image: url("https://media.getmood.io/warehouse/dynamic/712317.svg"); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields { }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: white; text-align: start; margin-bottom: var(--gap-24); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: var(--gap-16); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField:not(.textareaField, .checkboxField) { flex: 1; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { color: white; border: none; border-bottom: 1px solid white; height: var(--gap-50); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper):before { color: white; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea)::placeholder { color: var(--white); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) textarea { height: unset; padding-inline: 0; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField { padding-top: var(--gap-24); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { padding-block: var(--gap-12); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { color: white; }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { text-align: start; margin-top: var(--gap-40); }
#allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button::before { color: var(--dark-blue); }

#allSectionsWrapper .grid-faq-section { display: flex; padding: var(--gap-140) var(--gap-240); gap: var(--gap-120); background: var(--light-grey); }
#allSectionsWrapper .grid-faq-section .section-title { margin: 0; max-width: unset; /* text-align: start; */ height: fit-content; position: sticky; top: var(--gap-140); }
#allSectionsWrapper .grid-faq-section .section-title h2 { text-align: start; margin-bottom: var(--gap-16); }
#allSectionsWrapper .grid-faq-section .section-title h3 { text-align: start; }
#allSectionsWrapper .grid-faq-section .grid-faq { margin: 0; max-width: 41.823vw; width: 100%; }
#allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner { }
#allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner .panel-group { margin: 0; }
#allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item { border-radius: 0; border: none; margin-bottom: 0 !important; padding-block: var(--gap-24); background: var(--light-grey); border-bottom: 1px solid var(--stroke); box-shadow: none; }
#allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { background: none; padding-inline: 0; padding-block: 0; }
#allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body { background: none; }
#allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner { max-width: unset; padding-top: var(--gap-16); padding-inline: 0; padding-bottom: 0; }
#allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i { left: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/712528.svg"); background-color: var(--blue); background-position: center; background-repeat: no-repeat; background-size: inherit; width: var(--gap-28); height: var(--gap-28); aspect-ratio: 1; border-radius: 50%; transition: 0.3s ease all; transform: unset; top: 0; }
#allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i::before { opacity: 0; display: block; width: 100%; height: 100%; }
#allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline.open i { transform: rotate(45deg); }

#allSectionsWrapper .section.grid-blog { padding: var(--gap-200) var(--gap-240); padding-inline-end: 0; }
#allSectionsWrapper .section.grid-blog .section-title { margin-bottom: var(--gap-48); padding-inline-end: var(--gap-200); display: flex; }
#allSectionsWrapper .section.grid-blog .section-title h2 { text-align: start; }
#allSectionsWrapper .section.grid-blog .section-title .section-title-controls-wrapper { display: flex; align-items: center; gap: var(--gap-24); }
#allSectionsWrapper .section.grid-blog .section-title .section-title-controls-wrapper .content-section-Btn { height: fit-content; }
#allSectionsWrapper .section.grid-blog .section-title .section-title-controls-wrapper .content-section-Btn a.sec-button { white-space: nowrap; font-family: var(--font-2); border-bottom: 2px solid var(--text-blue); color: var(--text-blue); }

#allSectionsWrapper .section.grid-blog.jobs { padding: var(--gap-200) var(--gap-240); background: var(--light-grey); }
#allSectionsWrapper .section.grid-blog.jobs .section-title { text-align: center; padding: 0; margin-bottom: var(--gap-40); }
#allSectionsWrapper .section.grid-blog.jobs .section-title h2 { text-align: center; }
#allSectionsWrapper .section.grid-blog.jobs ul.tags { display: flex; justify-content: center; list-style: none; gap: var(--gap-8); margin-bottom: var(--gap-48); }
#allSectionsWrapper .section.grid-blog.jobs ul.tags li { min-width: var(--gap-120); /* height: var(--gap-44); */ /* align-content: center; */ }
#allSectionsWrapper .section.grid-blog.jobs ul.tags li a { height: var(--gap-44); align-content: center; display: block; padding-inline: var(--gap-16); border-radius: var(--desktop-corner-radius, 6px); border: 1px solid var(--stroke, #E3E2DE); background: var(--light-grey, #F8F8F7); }
#allSectionsWrapper .section.grid-blog.jobs ul.tags li.active a { border-radius: var(--desktop-corner-radius, 6px); border: var(--blue); background: var(--blue); color: white; }
#allSectionsWrapper .section.grid-blog.jobs .grid-boxes { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--gap-16); }
#allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post { width: 100%; height: 20.313vw; border-radius: 5px; background: white; }
#allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content { height: 100%; padding: 0; }
#allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content :is(h2.blog-post-title, .blog-post-text) { padding-inline: var(--gap-64); }
#allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content h2.blog-post-title { margin-top: var(--gap-64); margin-bottom: var(--gap-16); }
#allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content .blog-post-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
#allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content .blog-post-button { order: 3; margin-top: auto; padding: var(--gap-32) var(--gap-64); text-align: start; border-top: 1px solid var(--stroke); }
#allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box { pointer-events: none;}
@media(min-width: 1025px) { .section-title-controls-wrapper .content-section-Btn a.sec-button::before, .section-title-controls-wrapper .content-section-Btn a.sec-button::after { color: var(--text-blue); }

    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes { padding-bottom: var(--gap-200); }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-image img { max-width: 26.094vw; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box:hover .grid-box-image { transform: scale(1.1); opacity: 1; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title { top: var(--gap-140); }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box { top: var(--gap-260); }

    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .grid-box-fulltext p a:hover { background: var(--blue); }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .grid-box-fulltext p a:hover img { opacity: 0; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .grid-box-fulltext p:first-child a:hover { background-image: url("https://media.getmood.io/warehouse/dynamic/714239.svg"); background-position: center; background-repeat: no-repeat; background-size: auto; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .grid-box-fulltext p:nth-child(2) a:hover { background-image: url("https://media.getmood.io/warehouse/dynamic/714238.svg"); background-position: center; background-repeat: no-repeat; background-size: auto; }

    #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box { max-width: var(--gap-320); }

    #allSectionsWrapper .section.grid-content-section.check { background: var(--light-grey); }

    #allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper { width: 100%; }

    #allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box:not(:has(.grid-box-image a[data-text])) { pointer-events: none; }

    /*IF GRID-CONTENTS IS NOT CAROUSEL*/
    #allSectionsWrapper .section.grid-contents:not(:has(.project-box:nth-child(5))) { padding-inline: var(--gap-240); }
    #allSectionsWrapper .section.grid-contents:not(:has(.project-box:nth-child(5))) .section-title { padding-inline: var(--gap-240); }
    #allSectionsWrapper .section.grid-contents:not(:has(.project-box:nth-child(5))) .section-title .title-wrapper h2 { text-align: center; }
    #allSectionsWrapper .section.grid-contents:not(:has(.project-box:nth-child(5))) .grid-boxes { justify-content: center; gap: var(--gap-26); }

    #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text .grid-row-text { width: 26.042vw; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .images-wrapper .grid-row-cell.flexslider-box img { width: 48.333vw; height: 41.667vw; object-fit: cover; }

    #allSectionsWrapper .section.grid-blog.jobs ul.tags li:not(.active) a::before, #allSectionsWrapper .section.grid-blog.jobs ul.tags li:not(.active) a::after { color: var(--dark-blue); }

    #allSectionsWrapper .section.grid-text-section.two-columns .grid-text .grid-text-content { max-width: 30.729vw }
}

@media(max-width: 1024px) {
    :is(div,#LobbyModule) #lobbyview { width: 100%; padding-block: 40px 56px; padding-inline: 24px; }
    :is(div,#LobbyModule) #lobbyview #headline { margin-block: 0 32px; }
    :is(div,#LobbyModule) #lobbyview #lobbyText p { color: var(--dark-grey-text); }
    :is(div,#LobbyModule) #lobbyview h2 { margin-bottom: 6px; }

    #allSectionsWrapper .section.grid-text-section.two-columns { flex-direction: column; padding: 56px 24px; }
    #allSectionsWrapper .section.grid-text-section.two-columns .section-title { padding: 0; margin-bottom: var(--gap-24); }
    #allSectionsWrapper .section.grid-text-section.two-columns .section-title h2 { text-align: start; }
    #allSectionsWrapper .section.grid-text-section.two-columns .grid-text { padding: 0; }
    #allSectionsWrapper .section.grid-text-section.two-columns .grid-text a.sec-button { margin-top: 24px; gap: 12px; }

    #allSectionsWrapper .section.grid-text-section.quote { padding: 56px 24px; }
    #allSectionsWrapper .section.grid-text-section.quote .grid-text:before { width: 50px; margin-bottom: 24px; }

    #allSectionsWrapper .section.grid-text-section.logo-top { display: none; }

    #allSectionsWrapper .section.grid-content-section.sliding-cards { padding-inline: 20px; padding-block: 92px; }

    #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title { top: 100px; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes { gap: 340px; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box { flex-direction: column; top: 180px; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-image { padding-bottom: 0; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-image img { max-height: 212px; object-fit: cover; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content { padding: 24px; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-title { margin-bottom: 6px; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a { display: block; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-fulltext { padding: 0; margin-bottom: 24px; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-fulltext p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

    #allSectionsWrapper .section.grid-content-section.us { padding-inline: 24px; padding-block: 24px 56px; flex-direction: column-reverse; gap: 56px; }
    #allSectionsWrapper .section.grid-content-section.us .section-title { margin-bottom: 24px; }
    #allSectionsWrapper .section.grid-content-section.us .section-topText { width: 100%; margin-bottom: 24px; }
    #allSectionsWrapper .section.grid-content-section.us .grid-boxes { flex-direction: column; width: 100%; gap: 12px; }
    #allSectionsWrapper .section.grid-content-section.us .grid-boxes .grid-box { min-height: 130px; }
    #allSectionsWrapper .section.grid-content-section.us .grid-boxes .grid-box .grid-box-subtitle { direction: ltr; text-align: end; }

    #allSectionsWrapper .section.grid-content-section.activities { padding-block: 56px; padding-inline-start: 24px; }
    #allSectionsWrapper .section.grid-content-section.activities .section-title { padding: 0; margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes { flex-direction: row; height: 100%; gap: 12px; overflow: auto; padding-inline-end: 24px; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box { padding: 0; min-width: 327px; max-height: 100%; flex-direction: column; border: 1px solid var(--stroke); border-radius: 6px; justify-content: flex-start; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title { order: 2; padding-top: 24px; padding-inline: 24px; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-image { max-height: 248px; width: 100%; height: 248px; transform: unset; opacity: 1; order: 1; padding: 8px; padding-bottom: 0; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-image img { height: 100%; object-fit: cover; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-image .grid-box-image-container { border-radius: 6px; overflow: hidden; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content { max-width: 100%; order: 3; padding-block: 24px; padding-inline: 24px; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle { margin-bottom: 4px; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-fulltext { margin-bottom: 20px; }

    #allSectionsWrapper .section.grid-content-section.activity-about { padding-block: 56px; padding-inline: 24px; flex-direction: column; }
    #allSectionsWrapper .section.grid-content-section.activity-about .section-title { margin-bottom: var(--gap-24); }
    #allSectionsWrapper .section.grid-content-section.activity-about .section-title .grid-box-buttons { width: 100%; overflow: auto; padding-inline-end: var(--gap-18); }
    #allSectionsWrapper .section.grid-content-section.activity-about .section-title .grid-box-buttons a { white-space: nowrap; }
    #allSectionsWrapper .section.grid-content-section.activity-about .grid-boxes { width: 100%; min-height: 364px; }
    #allSectionsWrapper .section.grid-content-section.activity-about .grid-boxes .grid-box { padding-inline-end: 24px; }

    #allSectionsWrapper .section.grid-content-section.tabs-services { padding-block: 24px 56px; padding-inline: 24px 0; flex-direction: column-reverse; gap: 56px; }
    #allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .section-title .grid-box-buttons { margin-block: 24px; overflow: auto; gap: 8px; }
    #allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes { min-height: 550px; }
    #allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box .grid-box-fulltext p { width: 100%; }
    #allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box .grid-box-fulltext ul { grid-template-columns: repeat(1,1fr); }
    #allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .grid-boxes .grid-box .grid-box-fulltext ul li { padding-block: 16px; }
    #allSectionsWrapper .section.grid-content-section.tabs-services .grid-box-images-wrapper { max-width: 100%; margin-inline-end: 24px; }

    #allSectionsWrapper .section.grid-content-section.circles { padding-inline: 0; padding-block: 56px; }
    #allSectionsWrapper .section.grid-content-section.circles .section-title { margin-bottom: 32px; padding-inline: 24px; }
    #allSectionsWrapper .section.grid-content-section.circles .section-topText { width: 100%; padding-inline: 24px; }
    #allSectionsWrapper .section.grid-content-section.circles .grid-boxes { margin-top: 32px; flex-direction: column; padding-inline: 0; gap: 0; }
    #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box { display: flex; gap: 24px; text-align: start; padding-block: 32px; padding-inline: 24px; }
    #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-image { margin: 0; min-width: fit-content; height: fit-content; aspect-ratio: unset; }
    #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-image .grid-box-image-container { width: fit-content; }
    #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.box-image-animation { width: fit-content; }
    #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.box-image-animation img { width: 120px; height: 120px; }
    #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.40); }
    #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box:last-child { padding-bottom: 0; }

    #allSectionsWrapper .section.grid-content-section.team { padding-inline: 24px; background: white; }
    #allSectionsWrapper .section.grid-content-section.team:not(:first-child) { padding-block: 56px; }
    #allSectionsWrapper .section.grid-content-section.team:not(:first-child) .section-title { margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes { grid-template-columns: repeat(2,1fr); gap: 12px; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box { box-shadow: none; border-radius: 6px; padding: 0; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-image { padding-inline: 8px; margin-top: 8px; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-image:after { content: ""; display: inline-block; position: absolute; width: var(--gap-32); height: var(--gap-32); bottom: 8px; right: 16px; background-image: url("https://media.getmood.io/warehouse/dynamic/714823.svg"); background-position: center; background-repeat: no-repeat; background-color: white; border-radius: 50%; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-image .grid-box-image-container { border-radius: 6px; overflow: hidden; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.grid-row-button .grid-box-image-text.hideUntilHover { display: none; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-title { margin-top: 0; padding: 0; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final { flex-direction: column; margin: 0; padding: 12px; min-height: 150px; position: relative; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .title-subtitle-container { }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .title-subtitle-container .grid-box-subtitle { margin-bottom: 12px; padding: 0; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .title-subtitle-container .grid-box-subtitle:after { /* content: ""; */ display: block; height: 1px; background: var(--stroke); margin-top: 12px; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .grid-box-fulltext { padding-inline: 0; padding-bottom: 0; gap: 8px; border-top: 1px solid var(--stroke); padding-top: 12px; margin-top: auto; }
    #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .content-wrapper-final .grid-box-fulltext p a { background: none; border: none; width: 15px; height: 15px; border-radius: 0; }

    #allSectionsWrapper .grid-content-section.check { padding-block: 56px; padding-inline: 24px; background: var(--light-grey); }
    #allSectionsWrapper .grid-content-section.check .section-title { margin-bottom: 32px; }
    #allSectionsWrapper .grid-content-section.check .grid-boxes { grid-template-columns: repeat(1,1fr); }
    #allSectionsWrapper .grid-content-section.check .grid-boxes .grid-box { padding-block: 16px; }
    #allSectionsWrapper .grid-content-section.check .grid-boxes .grid-box .grid-box-title { margin-bottom: 4px; }

    #allSectionsWrapper .section.grid-content-section.posts { padding-block: 56px; padding-inline-start: 24px; }
    #allSectionsWrapper .section.grid-content-section.posts .section-title { padding-inline: 0; }
    #allSectionsWrapper .section.grid-content-section.posts .section-topText { padding-inline-end: 24px; }
    #allSectionsWrapper .section.grid-content-section.posts .grid-boxes { gap: 12px; overflow: auto; }
    #allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box { max-width: 327px; min-width: 327px; }
    #allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box .grid-box-title h3 { }
    #allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box .grid-box-title h3 a.grid-row-button { }
    #allSectionsWrapper .section.grid-content-section.posts .grid-boxes .grid-box .grid-box-image img { width: 100%; }

    #allSectionsWrapper .section.grid-content-section.reviews { padding-inline: 24px 0; padding-block: 56px; }
    #allSectionsWrapper .section.grid-content-section.reviews .section-title { padding: 0; margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes { gap: 12px; overflow: auto; }
    #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box { flex-direction: column; min-width: 327px; }
    #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-content { width: 100%; padding: 24px; }
    #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-content .grid-box-fulltext { margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-content .grid-box-title { margin-bottom: 2px; }

    #allSectionsWrapper .section.grid-image-section .image-section-data img { height: auto; aspect-ratio: 1; object-fit: cover; }

    #allSectionsWrapper .section.grid-contents { padding-block: 56px; padding-inline: 0; }
    #allSectionsWrapper .section.grid-contents .section-title { padding-inline: 24px; margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-contents .section-title .title-wrapper h3 { margin-top: var(--gap-6); }
    #allSectionsWrapper .section.grid-contents > .grid-boxes { gap: 12px; overflow: auto; padding-inline-end: 24px; }
    #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content { gap: 12px; padding-inline-end: 24px; }
    #allSectionsWrapper .section.grid-contents .content-section-Btn { margin-top: 16px; padding-inline: 24px; }
    #allSectionsWrapper .section.grid-contents .content-section-Btn a.sec-button { background: var(--blue); color: white; display: block; height: 44px; align-content: center; border-radius: 6px; }
    #allSectionsWrapper .section.grid-contents > * { padding-inline-start: 24px; }

    #allSectionsWrapper .section.grid-row-section { background: var(--light-grey); }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row:nth-child(even) { background: white; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box { padding: 24px; padding-bottom: 0; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box ul.slides { border-radius: 6px; overflow: hidden; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box img { aspect-ratio: 1; object-fit: cover; }
    #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 { padding: 56px 24px; width: 100%; margin: 0; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin-bottom: 24px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3 { margin-bottom: 24px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { margin-inline: 0; margin-top: 24px; border: none; justify-content: flex-start; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .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 .grid-row-cell.grid-row-cell-text .grid-row-text p:has(img) { margin-bottom: 48px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .text :is(p,li) { line-height: 1.5; color: var(--dark-grey-text); }
    #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text ul { padding: 0; }

    #allSectionsWrapper .section.grid-blog { padding: 56px 24px; padding-inline-end: 0; }
    #allSectionsWrapper .section.grid-blog .section-title { padding: 0; margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-blog .grid-boxes { gap: var(--gap-12); overflow: auto; padding-inline-end: 24px; }
    #allSectionsWrapper .section.grid-blog .content-section-Btn { padding-inline-end: 24px; margin-top: 16px; }
    #allSectionsWrapper .section.grid-blog .content-section-Btn a.sec-button { display: block; background: var(--blue); color: white; height: 44px; align-content: center; border-radius: 6px; }

    #allSectionsWrapper .section.grid-blog.jobs { padding: 56px 24px; padding-inline-end: 0; }
    #allSectionsWrapper .section.grid-blog.jobs .section-title { margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-blog.jobs ul.tags { overflow-x: auto; overflow-y: hidden; justify-content: flex-start; padding: 0; }
    #allSectionsWrapper .section.grid-blog.jobs ul.tags li { min-width: fit-content; }
    #allSectionsWrapper .section.grid-blog.jobs ul.tags li a { background: white; min-width: fit-content; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes { grid-template-columns: repeat(1,1fr); }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post { height: 100%; min-width: 100%; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content { flex-direction: column-reverse; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content h2.blog-post-title { padding-inline: 16px 12px; padding-block: 16px; margin: 0; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content h2.blog-post-title a { display: flex; width: 100%; align-items: center; gap: 12px; justify-content: space-between; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content h2.blog-post-title a .plus-sign:after { content: ""; display: inline-block; min-width: var(--gap-40); height: auto; aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/713853.svg"); background-position: center; background-repeat: no-repeat; border-radius: 6px; transition: 0.3s ease all; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content h2.blog-post-title a .plus-sign { position: relative; left: unset; top: unset; transform: unset; height: fit-content; width: fit-content; display: flex; background: var(--light-grey); border-radius: 6px; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post.open .blog-post-content h2.blog-post-title a .plus-sign:after { transform: rotate(45deg); }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content .blog-post-text { padding-inline: 0 !important; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content :is(.blog-post-text, .blog-post-button) { padding: 0; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content .post-details-container { padding: 16px; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content .post-details-container .blog-post-text { margin-bottom: var(--gap-16); color: #2E3743; }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content .post-details-container .blog-post-button { }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content .post-details-container .blog-post-button a { display: block; text-align: center; background: var(--blue); color: white; height: 44px; align-content: center; border-radius: 6px; font-family: var(--font-1); }
    #allSectionsWrapper .section.grid-blog.jobs .grid-boxes .blog-post .blog-post-content .post-details-container .blog-post-button a .arrow { display: none !important; }

    #allSectionsWrapper .section.grid-form-section.blue-form { padding: 24px; }
    #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide { padding: 32px; display: flex; }
    #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide:before { width: 241px; height: 270px; background-position: center; background-repeat: no-repeat; background-size: contain; left: 13px; }
    #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject { flex-direction: column; margin: 0; width: 100%; max-width: 100% !important; }
    #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText { margin-top: 32px; flex-direction: column-reverse; }
    #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormEndText p { display: flex; }
    #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField:not(.textareaField, .checkboxField) { }
    #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { flex-direction: column; }
    #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { margin-top: 32px; }
    #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit { width: 100%; height: 46px; }

    #allSectionsWrapper .grid-faq-section { padding: 56px 24px; flex-direction: column; gap: 0; }
    #allSectionsWrapper .grid-faq-section .section-title { position: static; padding-bottom: 24px; }
    #allSectionsWrapper .grid-faq-section .grid-faq { max-width: 100%; }
    #allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline span.faq-headline-title { width: 89%; display: block; }

    #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { padding: 56px; }
    #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title { margin-bottom: 32px; }
    #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { height: 100px; }
}

/*------------------------------------------/*
 PAGES
/*------------------------------------------*/
#home-gallery .gallery-caption { top: 45%; transform: translate(-50%,-50%); }
#home-gallery .companies { position: absolute; bottom: 0; padding-inline: var(--gap-140); padding-block: var(--gap-20) var(--gap-36); z-index: 1; border-top: 1px solid rgba(255, 255, 255, 0.32); }
#home-gallery .companies .gallery-container { }
#home-gallery .companies .gallery-container .gallery-cubes { gap: var(--gap-80); }
#home-gallery .companies .gallery-container .gallery-cubes > div { width: 100%; padding: 0; max-height: fit-content; display: flex; }
#home-gallery .companies .gallery-container .gallery-cubes > div .boxes-images-outer-image { background-position: center; aspect-ratio: unset; width: 100%; height: var(--gap-100); background-size: contain !important; padding-inline: 0 !important; }

body.home-page #home-gallery .gallery-caption .gallery-text { font-size: unset; text-align: center; }
body.home-page #home-gallery .gallery-caption .gallery-text span { margin-top: var(--gap-40); display: block; }

body.home-page #allSectionsWrapper { }

body.home-page #allSectionsWrapper .section.grid-text-section.two-columns p { color: var(--text-blue); }

body.home-page #allSectionsWrapper .section.grid-row-section { padding-inline: var(--gap-240); padding-bottom: var(--gap-200); }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows { }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper { flex-direction: row; }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .images-wrapper { padding: 0; }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper { }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text { align-content: baseline; position: relative; }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text .grid-row-text { position: sticky; top: 0; width: 100%; padding-inline-start: var(--gap-140); }
body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper .grid-row-cell.grid-row-cell-text .grid-row-text h2 { padding-top: var(--gap-140); }

body.about #allSectionsWrapper .section.grid-content-section.circles .section-title h2 { color: white; }

body.career #allSectionsWrapper .section.grid-row-section .grid-rows { background: var(--light-grey); }
body.career #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box:not(:last-child):after { content: ""; display: inline-block; position: absolute; height: var(--gap-12); width: var(--gap-52); background-image: url("https://media.getmood.io/warehouse/dynamic/711556.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; top: var(--gap-80); left: calc(0px - var(--gap-52)); }

body.community #allSectionsWrapper .section.grid-content-section.circles { padding-inline: var(--gap-240); padding-block: 0 var(--gap-140); background: none; }
body.community #allSectionsWrapper .section.grid-content-section.circles .grid-boxes { margin: 0; }
body.community #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box-title { }
body.community #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box-title h3 { }
body.community #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box-title h3 a { color: var(--dark-blue); }
body.community #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box-subtitle { }
body.community #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box-subtitle span { color: var(--dark-grey-text); }
body.community #allSectionsWrapper .section.grid-row-section { background: var(--light-grey); }

body.activities { }
body.activities #allSectionsWrapper { }
body.activities #allSectionsWrapper .section.grid-content-section.activities { }
body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title { padding: 0; max-width: var(--gap-280); text-align: start; }
body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content { padding: 0; }
body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-fulltext p { display: block; }
body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box { padding-block: var(--gap-80); max-height: 23.698vw; }
body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-image { opacity: 1; transform: none; height: 100%; }
body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button { margin-top: var(--gap-24); }

body:has(.normal-grid) { }
body:has(.normal-grid) #contentModuleNav { display: none; }
body:has(.normal-grid) #headline { font-size: unset; margin-bottom: var(--gap-140); margin-top: var(--gap-48); }
body:has(.normal-grid) #headline p { width: 30%; margin-inline: auto; }
body:has(.normal-grid) #headline h1 { margin-bottom: var(--gap-32); }
body:has(.normal-grid) .normal-grid { display: grid; grid-template-columns: repeat(3,1fr); padding-inline: var(--gap-240); gap: var(--gap-16); padding-bottom: var(--gap-140); }
body:has(.normal-grid) .normal-grid .project-box { width: 100%; }
body:has(.normal-grid) .normal-grid .project-box { padding: 0; max-width: 100% !important; }

body.contentInnerPage:has(.grid-rows) { }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule { }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #contentModuleNav { display: none; }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview { display: flex; }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview > * { flex: 1; width: 50%; }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right { position: relative; display: inline-block; align-content: center; padding-inline: var(--gap-240) var(--gap-140); }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right #PageBreadCrumps { position: absolute; top: 0; right: 0; }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right #headline { font-size: unset; text-align: start; margin-bottom: var(--gap-80); }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right #headline h1 { text-align: start; margin-bottom: var(--gap-40); }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right #headline p.address { margin-bottom: var(--gap-16); display: flex; gap: var(--gap-8); }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right #headline p.address:before { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/712131.svg"); width: var(--gap-18); height: auto; aspect-ratio: 1; display: inline-block; background-position: center; background-repeat: no-repeat; }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right ul.project-props { display: flex; flex-direction: column; }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right ul.project-props li { display: flex; border-top: 1px solid var(--stroke); }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right ul.project-props li::before { display: none; }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right ul.project-props li p { flex: 1; text-align: start; padding-block: var(--gap-12); }
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right ul.project-props li p.val { color: var(--text-blue); }

body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.grid-row-section .grid-rows { direction: ltr; }
body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.grid-row-section .grid-rows .images-wrapper { padding: 0; }
body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.grid-row-section .grid-rows .images-wrapper .grid-row-cell.flexslider-box { padding-inline-end: var(--gap-32); }
body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.grid-row-section .grid-rows .images-wrapper .grid-row-cell.flexslider-box li.slider-item::before { display: none; }
body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper > * { flex: 1; }

body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.section.grid-text-section.quote .grid-text .grid-text-content h2 { font-size: clamp(32px,var(--fs-48),300px); width: 75%; margin-inline: auto; }

body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.grid-form-section.blue-form { padding-block: 0; }

body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.grid-contents .section-title { justify-content: space-between; align-items: flex-end; }
body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.grid-contents .section-title h2 { width: 55%; }

body.contact #PageBreadCrumps { position: absolute; z-index: 10; }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg { display: flex; align-items: center; background: white; }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject { padding-inline: var(--gap-240) var(--gap-140); }
body.contact :is(div,#LobbyModule) #lobbyview { width: 100%; padding-block: 0 var(--gap-80); }
body.contact :is(div,#LobbyModule) #lobbyview #headline { margin: 0; }
body.contact :is(div,#LobbyModule) #lobbyview #headline h1 { text-align: start; }
body.contact :is(div,#LobbyModule) #lobbyview .lobbyTextContainer { margin-top: var(--gap-40); }
body.contact :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText { text-align: start; display: flex; gap: var(--gap-16); }
body.contact :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText a { color: var(--dark-grey-text); }
body.contact :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p:first-child:after { content: ""; width: 1px; height: var(--gap-12); display: inline-block; background: var(--stroke); margin-inline-start: var(--gap-16); }

body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: start; }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields { }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: start; margin-bottom: var(--gap-32); }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: var(--gap-8); }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form { }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { display: flex; flex-direction: column; height: fit-content; }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField-wrapper { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--gap-16); }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField { margin-top: var(--gap-24); }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { display: flex; flex-direction: row; align-items: flex-start; margin-top: var(--gap-12); }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { text-align: start; margin-top: var(--gap-32); }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit { background: var(--blue); color: white; border: none; }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit:hover { background: var(--dark-blue); border: none; outline: none; }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select) { border: none; border-bottom: 1px solid var(--dark-blue); border-radius: 0; padding-inline: var(--gap-14); box-shadow: none; min-height: var(--gap-50); margin: 0; }
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper)::before { right: 0; }

body.services #allSectionsWrapper { border-top: 1px solid var(--stroke); }

@media(min-width: 1025px) {
    #home-gallery { width: calc(100% - var(--gap-24)); margin-inline: auto; margin-top: var(--gap-12); border-radius: 6px; border: none; box-shadow: none; max-height: calc(100vh - var(--gap-24)); }
    #home-gallery #TopVideo { border: none; }
    #home-gallery .TopVideo iframe { min-width: 100vw; h .: auto; top: 0; transform: unset; left: -11%; height: auto; aspect-ratio: 1 / 0.47; }    #home-gallery .companies .gallery-container .gallery-cubes:last-child { display: none; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .sticky-wrapper .text-wrapper { padding-bottom: var(--gap-64); }

    body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes { padding-bottom: 0; }
}

@media(max-width: 1024px) {
    body.home-page #home-gallery { width: calc(100% - var(--gap-24)); margin-inline: auto; margin-top: var(--gap-12); border-radius: 6px; height: calc(100dvh - var(--gap-24)) !important; }
    body.home-page #home-gallery .gallery-caption .gallery-text > * { color: white; }
    body.home-page #home-gallery .gallery-caption .gallery-text span { margin-top: var(--gap-16); }
    body.home-page #home-gallery .companies { height: 96px; padding: var(--gap-16); padding-inline-end: 0; display: flex; }
    body.home-page #home-gallery .companies .gallery-container .slide-wrapper { display: flex; flex-direction: row-reverse; }
    body.home-page #home-gallery .companies .gallery-container .gallery-cubes { gap: 16px; width: max-content; animation: scrollText 40s linear infinite; }
    body.home-page #home-gallery .companies .gallery-container .gallery-cubes > div { }
    body.home-page #home-gallery .companies .gallery-container .gallery-cubes > div .boxes-images-outer-image { min-width: 132px; height: 64px; }

    body.home-page #allSectionsWrapper .section.grid-row-section { padding-inline: 24px; padding-top: 24px; padding-bottom: 0; background: white; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box { border-radius: 6px; overflow: hidden; padding: 0; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { padding: 0; width: 100%; margin: 0; padding-block: 56px; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text > * { text-align: start; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin-bottom: 24px; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { margin-inline: 0; border: none; margin-top: 24px; }
    body.home-page #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button span.scr-reader-only { display: none; }

    body.about #allSectionsWrapper .section.grid-content-section.circles .section-title { margin-bottom: 8px; }

    body.career #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box { flex-direction: column; align-items: center; border: none; gap: 0; padding-block: 0; }
    body.career #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-image { width: fit-content; }
    body.career #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-image a.box-image-animation img { width: 140px; height: 140px; }
    body.career #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-text-wrapper { text-align: center; margin-block: var(--gap-24) var(--gap-40); }
    body.career #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box:not(:last-child):after { position: relative; left: unset; top: unset; body .career #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box: not(:last-child):after; transform: rotate(270deg); height: var(--gap-52); background-size: contain; margin-bottom: var(--gap-40); }

    body:has(.normal-grid) #headline { margin-bottom: 56px; margin-top: 40px; padding-inline: 24px; }
    body:has(.normal-grid) #headline p { width: 100%; }
    body:has(.normal-grid) .normal-grid { padding-inline: 24px; grid-template-columns: repeat(1,1fr); padding-bottom: 56px; }

    body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview { flex-direction: column-reverse; }
    body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview > * { width: 100%; }
    body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview > .top-left { }
    body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview > .top-left img { width: 100%; }
    body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right { padding: 0; }
    body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right #PageBreadCrumps { position: static; }
    body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right #headline { padding-inline: 24px; margin-top: var(--gap-24); margin-bottom: 56px; }
    body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right #headline h1 { margin-bottom: 16px; }
    body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right ul.project-props { padding-inline: 24px; }
    body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right ul.project-props li { gap: 24px; }
    body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.section.grid-text-section.quote .grid-text .grid-text-content h2 { width: 100%; font-size: 20px; }
    body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.grid-form-section.blue-form { padding: 24px; }
    body.contentInnerPage:has(.grid-rows) #allSectionsWrapper .section.grid-contents .section-title h2 { width: 100%; }

    body.activities #allSectionsWrapper .section.grid-content-section.activities { padding-inline: 0; padding-top: 0; }
    body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes { flex-direction: column; gap: 0; padding: 0; }
    body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box { max-height: unset; border-inline: 0; padding-block: 24px 56px; padding-inline: 24px; border-bottom: 0; border-radius: 0; }
    body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-image { margin-bottom: 24px; padding-inline: 0; }
    body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title { max-width: 100%; margin-bottom: 20px; }
    body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button { margin-top: 20px; }
    body.activities #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-fulltext { margin-bottom: 0; }

    body.community #allSectionsWrapper .section.grid-content-section.circles { padding-block: 32px; padding-inline: 0; }
    body.community #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box { padding-block: 32px; padding-inline: 24px; }

    body.services-page #allSectionsWrapper .section.grid-row-section { background: none; }

    body.services-inner #allSectionsWrapper .section.grid-row-section { background: none; }

    body.contact #PageBreadCrumps { position: static; padding-inline: 0 !important; }
    body.contact :is(div,#LobbyModule) #lobbyview { margin-top: 24px; padding-inline: 0; padding-bottom: 40px; }
    body.contact :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText { flex-direction: column; gap: 0; }
    body.contact :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p { padding-block: 8px; }
    body.contact :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p:first-child::after { display: none; }
    body.contact :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p:first-child { border-bottom: 1px solid var(--stroke); }
    body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg { flex-direction: column-reverse; }
    body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject { padding: 0; max-width: 100% !important; }
    body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject { padding-inline: 24px; padding-block: 0 56px; }
    body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; color: var(--dark-grey-text); }
    body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 6px; }
    body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField-wrapper { grid-template-columns: repeat(1,1fr); gap: 12px; }
    body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit { background: var(--blue); color: white; display: block; width: 100%; }
}

/*------------------------------------------/*
 JOBS INNER PAGE
/*------------------------------------------*/
body:has(.job-desc) { }
body:has(.job-desc) #PageBreadCrumps { position: absolute; }
body:has(.job-desc) #PageBreadCrumps span:nth-child(3) { display: none; }
body:has(.job-desc) #pageview { display: flex; position: relative; }
body:has(.job-desc) #pageview > * { flex: 1; }
body:has(.job-desc) #pageview .job-desc { padding: var(--gap-140) var(--gap-180); max-width: 50%; }
body:has(.job-desc) #pageview .job-desc #headline { text-align: start; font-size: unset; padding-bottom: var(--gap-56); margin-bottom: var(--gap-56); border-bottom: 1px solid var(--stroke); }
body:has(.job-desc) #pageview .job-desc #headline h1 { text-align: start; margin-bottom: var(--gap-40); }
body:has(.job-desc) #pageview .job-desc #headline .loc-time { margin-bottom: var(--gap-16); display: flex; gap: var(--gap-16); }
body:has(.job-desc) #pageview .job-desc #headline .loc-time p.loc:after { content: ""; width: 1px; height: var( --gap-16); display: inline-block; background: var( --stroke); vertical-align: middle; margin-inline-start: var( --gap-16); }
body:has(.job-desc) #pageview .job-desc #headline .loc-time p.loc:before { content: ""; display: inline-block; width: var(--gap-18); height: var(--gap-18); background-image: url("https://media.getmood.io/warehouse/dynamic/712131.svg"); background-position: center; background-repeat: no-repeat; vertical-align: middle; margin-inline-end: var(--gap-8); }
body:has(.job-desc) #pageview .job-desc #headline .loc-time p.time:before { content: ""; width: var(--gap-16); height: var(--gap-16); display: inline-block; background-image: url("https://media.getmood.io/warehouse/dynamic/712588.svg"); vertical-align: middle; margin-inline-end: var(--gap-10); }
body:has(.job-desc) #pageview .job-desc .info { margin-bottom: var(--gap-56); }
body:has(.job-desc) #pageview .job-desc .responsible { margin-bottom: var(--gap-40); }
body:has(.job-desc) #pageview .job-desc h3 { margin-bottom: var(--gap-8); }
body:has(.job-desc) #pageview .job-desc ul { padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--gap-4); }
body:has(.job-desc) #pageview .job-desc ul li { display: flex; gap: var(--gap-8); }
body:has(.job-desc) #pageview .job-desc ul li:before { content: ""; width: var(--gap-4); height: var(--gap-4); display: block; aspect-ratio: 1; background: var(--brown); border-radius: 50%; margin-top: var(--gap-10); }

body:has(.job-desc) #pageview .section.grid-form-section { height: fit-content; background: var(--light-grey); position: sticky; top: var(--headerHeight); }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide { padding-inline: var(--gap-240); padding-block: var(--gap-140); }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject { }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: start; margin-bottom: var(--gap-14); }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields { text-align: start; }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin: 0; }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: var(--gap-48); color: var(--text-blue); }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { margin-bottom: var(--gap-12); }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select) { border-radius: 0; border: none; border-bottom: 1px solid var(--text-blue); box-shadow: none; min-height: var(--gap-50); }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea)::placeholder { color: var(--text-blue); }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-file input { min-height: unset; }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { margin-top: var(--gap-48); }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit { background: var(--blue); color: white; }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide .dynamicFormObjectField select.input-data.form-control { padding: 6px 12px; width: 100%; }
body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide .dynamicFormObjectField .select-wrapper::before { right: 0.5%; }


@media(max-width: 1024px) { body: has(.job-desc) #PageBreadCrumps { position: static; height: fit-content; max-height: fit-content; }
    body:has(.job-desc) #PageBreadCrumps span { white-space: nowrap; }
    body:has(.job-desc) #PageBreadCrumps span:not(:last-child) { height: fit-content; }
    body:has(.job-desc) #pageview { flex-direction: column; }
    body:has(.job-desc) #pageview .job-desc { padding: 40px 24px; max-width: 100%; }
    body:has(.job-desc) #pageview .job-desc #headline { padding-bottom: 16px; margin-bottom: 16px; }
    body:has(.job-desc) #pageview .job-desc #headline h1 { margin-bottom: 24px; }
    body:has(.job-desc) #pageview .job-desc #headline .loc-time { margin-block: 16px; }
    body:has(.job-desc) #pageview .section.grid-form-section { position: static; background: none; padding-inline: 24px; padding-block: 32px 56px; }
    body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide { padding-inline: 24px; padding-block: 32px; background: var(--light-grey); border-radius: 6px; border: 1px solid var(--stroke); }
    body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject { margin: 0; max-width: 100% !important; }
    body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: center; }
    body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { margin-top: 24px; }
    body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit { width: 100%; background: var(--blue); color: white; }
}

@media(min-width: 1025px) {
    body:has(.job-desc) #pageview .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit:hover { background: var(--dark-blue); }
}

/*------------------------------------------/*
 BLOG LOBBY PAGE
/*------------------------------------------*/
#BlogModule #BlogMain .blog-posts { padding-inline: var(--gap-240); display: grid; grid-template-columns: repeat(3,1fr); gap: var(--gap-16); }
#SiteGrid:has(#BlogModule) .blogmain-header { margin-top: var(--gap-48); }
#SiteGrid:has(#BlogModule) .blogmain-header #headline { font-size: unset; margin-bottom: var(--gap-32); }
#SiteGrid:has(#BlogModule) .blogmain-header #text1 { margin-bottom: var(--gap-32); width: 32%; }
#SiteGrid:has(#BlogModule) .blog-tags { padding-block: var(--gap-40) var(--gap-80); }
#SiteGrid:has(#BlogModule) .blog-tags nav.blog-tags-list { }
#SiteGrid:has(#BlogModule) .blog-tags nav.blog-tags-list ul { display: flex; justify-content: center; text-align: center; gap: var(--gap-8); }
#SiteGrid:has(#BlogModule) .blog-tags nav.blog-tags-list ul li a { margin: 0; min-width: var(--gap-100); height: var(--gap-44); align-content: center; background: var(--light-grey); border: 1px solid var(--stroke); font-size: clamp(18px,var(--fs-18),300px); display: block; border-radius: 6px; padding-inline: var(--gap-16); transition: 0.3s ease all; }
#SiteGrid:has(#BlogModule) .blog-tags nav.blog-tags-list ul li.active a { background: var(--blue); color: white; }
#SiteGrid:has(#BlogModule) .blog-tags nav.blog-tags-list ul li { margin: 0; min-width: var(--gap-100); height: var(--gap-44); align-content: center; }

@media(min-width: 1025px) {
    #SiteGrid:has(#BlogModule) .blog-tags nav.blog-tags-list ul li a:hover { background: var(--blue); color: white; }
}

@media(max-width: 1024px) {
    #SiteGrid:has(#BlogModule) .blogmain-header #text1 { width: 100%; max-width: 100%; padding-inline: 24px; }
    #SiteGrid:has(#BlogModule) .blog-tags { padding-block: 0 56px; }
    #SiteGrid:has(#BlogModule) .blog-tags nav.blog-tags-list ul li { min-width: 0; }
    #SiteGrid:has(#BlogModule) .blog-tags nav.blog-tags-list ul li a { font-size: 15px; min-width: 0; }
    #BlogModule #BlogMain .blog-posts { padding-inline: 24px; grid-template-columns: repeat(1,1fr); gap: 24px; }
    #BlogMain { padding-bottom: 0; }
}

/*------------------------------------------/*
 BLOG INNER PAGE
/*------------------------------------------*/
body.blog.contentInnerPage .blogmain-header { display: none; }
body.blog.contentInnerPage #BlogView #text1, #BlogView #text2 { width: 46.667vw; }
body.blog.contentInnerPage #BlogView :is(#text1, #text2) :is(p) { color: var(--text-blue); }
body.blog.contentInnerPage #BlogView :is(#text1, #text2) :is(p) strong { color: var(--text-blue); }

body.blog.contentInnerPage #BlogView #text1 ul { padding: 0; }
body.blog.contentInnerPage #BlogView #text1 ul li { display: flex; gap: var(--gap-8); }
body.blog.contentInnerPage #BlogView #text1 ul li:before { content: ""; width: var(--gap-4); height: var(--gap-4); display: inline-block; background: var(--brown); border-radius: 50%; margin-top: var(--gap-10); }

body.blog.contentInnerPage #BlogModule .blog-view #headline { margin-top: var(--gap-70); margin-bottom: var(--gap-40); width: 63%; margin-inline: auto; }
body.blog.contentInnerPage #BlogModule .blog-view h2 { width: 33%; text-align: center; margin-inline: auto; color: var(--text-blue); }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time { margin-block: var(--gap-40) var(--gap-140); text-align: center; display: flex; justify-content: center; gap: var(--gap-12); }
body.blog.contentInnerPage #BlogModule .share-strip { margin-block: 0 var(--gap-56); width: 41.667vw; margin-inline: auto; float: none; display: flex; justify-content: center; align-items: center; display: none; }
body.blog.contentInnerPage #BlogModule .share-strip a { background-position: center; background-repeat: no-repeat; background-size: contain; border: none; }
body.blog.contentInnerPage #BlogModule .share-strip a i { opacity: 0; }
body.blog.contentInnerPage #BlogModule .share-strip a.share-icon.fbShare { background-image: url("https://media.getmood.io/warehouse/dynamic/714853.svg"); }
body.blog.contentInnerPage #BlogModule .share-strip a.share-icon.twitterShare { background-image: url("https://media.getmood.io/warehouse/dynamic/714855.svg"); }
body.blog.contentInnerPage #BlogModule .share-strip a.share-icon.whatsappShare { background-image: url("https://media.getmood.io/warehouse/dynamic/714856.svg"); }
body.blog.contentInnerPage #BlogModule .share-strip span { text-transform: lowercase; margin-inline-end: 12px; }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time span { margin: 0; color: var(--text-blue); }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time span i { display: none; }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time span::after { margin: 0; margin-inline-start: var(--gap-16); }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container { margin: 0; display: flex; align-items: center; gap: var(--gap-12); }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container svg { display: none; }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container span.blog-post-Time-title::after { display: none; }
#BlogView .share-strip:before, #BlogView .share-strip:after { top: 50%; }

body.blog #TagView { padding-bottom: var(--gap-200); }

body.blog.contentInnerPage #BlogModule .share-strip { display: block; margin: 0; margin-inline: auto; }
body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts { padding: var(--gap-140) var(--gap-240); background: var(--light-grey); }
body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts > h2 { margin-bottom: var(--gap-64); text-align: center; }
body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts .share-strip { margin: 0; margin-block: var(--gap-56) var(--gap-140); margin-inline: auto; display: none; }
body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts { display: grid; grid-template-columns: repeat(3,1fr); align-items: center; width: 100%; }
body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts .blog-post { height: 100%; background-color: white; }

body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons span:before { content: ""; display: inline-block; width: var(--gap-16); height: auto; aspect-ratio: 1; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-inline-end: var(--gap-12); }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons span.blog-post-writer:before { background-image: url("https://media.getmood.io/warehouse/dynamic/712589.svg"); }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons span.blog-post-date { }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons span.blog-post-date:before { background-image: url("https://media.getmood.io/warehouse/dynamic/712587.svg"); }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container:before { content: ""; width: var(--gap-16); height: auto; aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/712588.svg"); display: inline-block; }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container svg { }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time span:is(.blog-post-writer, .blog-post-date):after { content: ""; width: 1px; height: var(--gap-12); background: var(--stroke); display: inline-block; margin-inline-start: var(--gap-12); }
body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons span.blog-post-Time-title::before { display: none; }

@media(max-width: 1024px) {
    body.blog.contentInnerPage #BlogView #text1, #BlogView #text2 { width: 100%; padding-inline: 20px; margin: 0; max-width: 100%; }
    body.blog.contentInnerPage #BlogModule .blog-view .share-strip { display: none; }
    body.blog.contentInnerPage #BlogModule .blog-view .share-strip a { opacity: 1; background-position: center; background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; aspect-ratio: 1; border: none; }
    body.blog.contentInnerPage #BlogModule .blog-view .share-strip a i { opacity: 0; }
    body.blog.contentInnerPage #BlogModule .blog-view .share-strip a.share-icon.fbShare { background-image: url("https://media.getmood.io/warehouse/dynamic/704023.svg"); }
    body.blog.contentInnerPage #BlogModule .blog-view .share-strip a.share-icon.twitterShare { background-image: url(https://media.getmood.io/warehouse/dynamic/704026.svg); }
    body.blog.contentInnerPage #BlogModule .blog-view .share-strip a.share-icon.whatsappShare { background-image: url("https://media.getmood.io/warehouse/dynamic/704025.svg"); }
    body.blog.contentInnerPage #BlogModule .blog-view #headline { width: 100%; padding-inline: 24px; /* text-align: start; */ margin: 0; margin-bottom: 32px; margin-top: 24px; display: flex; }
    body.blog.contentInnerPage #BlogModule .blog-view #headline h1 { text-align: center; }
    body.blog.contentInnerPage #BlogModule .blog-view h2 { width: 100%; padding-inline: 24px; text-align: center; }
    body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons .blog-post-Time-Container div:after { display: none; }
    body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time { padding-inline: 20px; margin-block: 24px 56px; gap: 32px; }
    body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time :is(span,div) { display: flex; align-items: center; white-space: nowrap; flex-direction: column; position: relative; gap: 6px; font-size: 14px; color: var(--dark-blue); }
    body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time :is(span,div)::after { margin-inline-end: 0 !important; margin-inline-start: 10px; }
    body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container { gap: 6px; }
    body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container span { }
    body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container span:after { display: none !important; }
    body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time span:is(.blog-post-writer, .blog-post-date):after { height: 32px; left: -15px; bottom: 50%; transform: translateY(50%); }
    body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons span:after { position: absolute; }
    body.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons span:before { margin: 0; }
    body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts { padding-block: 56px; padding-inline: 20px 0; /* background-image: url("https://media.getmood.io/warehouse/dynamic/707552.webp"); */ background-position: bottom; background-repeat: no-repeat; background-size: cover; }
    body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts .share-strip { margin-block: 32px 72px; width: 100%; justify-content: flex-start; }
    body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts .share-strip::after { display: block; position: relative; width: 84%; margin-inline: 17px; }
    body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts h2 { text-align: start; margin-bottom: 24px; padding-inline: 20px; }
    body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts > h2 { padding-inline: 0; }
    body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts { padding-inline: 0; overflow: auto; justify-content: flex-start; direction: rtl; gap: 12px; }
    body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-image { }
    body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-image .arrow { width: 40px; left: unset; right: 8px; }
    body.blog.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content h2.blog-post-title { padding-inline: 0; margin-bottom: 8px; }
    body.blog.contentInnerPage :is(#BlogView #text1, #BlogView #text2) ul { padding: 0; display: flex; flex-direction: column; gap: var(--gap-4); }
    body.blog.contentInnerPage :is(#BlogView #text1, #BlogView #text2) ul li:before { content: ""; min-width: var(--gap-4); height: var(--gap-4); display: inline-block; vertical-align: text-bottom; background: var(--brown); border-radius: 50%; margin-inline-end: 0; margin-top: var(--gap-10); }
    :is(body.blog.contentInnerPage #BlogView #text1, #BlogView #text2) ul li { display: flex; align-items: unset; color: var(--dark-grey-text); }
}

@media(min-width: 1025px) {
    #BlogModule .blog-view { padding-bottom: var(--gap-140); }
    body.blog.contentInnerPage #BlogModule .blog-view #headline { width: 46.667vw; }
}

/*-------------------------------------------/*
 SEARCH RESULTS PAGE
/*------------------------------------------*/
.SearchResults #GridTop { display: none; }
.SearchResults :is(#lobbyview, #pageview) #headline { margin: 0 0 var(--gap-32) !important; text-align: start; }
.SearchResults :is(#lobbyview, #pageview) #headline h1 { font-size: clamp(2rem, var(--fs-50), 1000rem); letter-spacing: -1px; }
.SearchResults #SearchResultPage #text1 { max-width: unset; }
.SearchResults #SearchResultPage #text1 .searchResultsList { display: flex; flex-wrap: wrap; margin: 0 auto var(--gap-120); width: 75vw; }
.SearchResults #SearchResultPage #text1 .searchResultsList:not(:has(.catalogItemBox)) { border-top: unset; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { padding: var(--gap-32) var(--gap-40); border-top: 1px solid var(--stroke); border-inline-start: 0; padding-inline-start: 0; border-bottom: unset; display: flex; margin: 0; width: 100%; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg { padding: 0; padding-inline-end: var(--gap-40); padding-block: var(--gap-32); }
.SearchResults #SearchResultPage #text1 .searchResultsList .catalogItemBox + .resultItem { margin-top: var(--gap-32); }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem::after { content: ''; position: absolute; inset-inline-end: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: var(--gap-16); width: auto; min-width: var(--gap-120); height: 100%; aspect-ratio: 1; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.resultFromGrid { padding-inline-start: 0; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem a::after { display: none; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a { width: var(--gap-180); min-width: var(--gap-180); height: var(--gap-120); overflow: hidden; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a img { height: 100%; width: 100%; object-fit: cover; border-radius: 4px; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent { width: 100%; padding-inline-start: 0; display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: start; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a { width: 100%; justify-content: space-between; }
.SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent .resultCategory { font-size: clamp(1.2rem, var(--fs-20), 1000rem); color: var(--black); display: inline-flex; line-height: 1.2; display: none; }

@media(min-width: 1025px) {
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a span { max-width: 100%; color: var(--dark-blue); font-family: var(--font-2); }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:has(> a > img) .resultContent { padding-inline-start: var(--gap-40); }
    .SearchResults :is(#lobbyview, #pageview) #headline { margin-block: var(--gap-48) var(--gap-140) !important; }
}

@media(max-width: 1024px) {
    .SearchResults :is(#lobbyview, #pageview) #headline { margin-block: 40px 56px !important; font-size: inherit; }
    .SearchResults :is(#lobbyview, #pageview) #headline h1 { font-size: 20px; line-height: 1.2; letter-spacing: normal; }
    .SearchResults #SearchResultPage #text1 .searchResultsList { flex-wrap: nowrap; flex-direction: column; gap: 0; padding: 0; align-items: center; margin: 0 auto var(--gap-72); display: grid; grid-template-columns: repeat(1, 1fr); width: 100%; padding-inline: 24px; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .catalogItemBox { max-width: 100%; width: 100%; min-width: unset; grid-row: unset; height: max-content; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { padding: 24px; grid-column: 1 / -1; /* height: var(--gap-90); */ }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem::after { /* min-width: var(--gap-32); */ height: var(--gap-32); transform: unset; top: unset; bottom: 0; /* border-top: 1px solid var(--blue); */ display: none; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .catalogItemBox + .resultItem { margin-top: var(--gap-24); }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a { margin-inline-end: var(--gap-16); width: var(--gap-100); min-width: var(--gap-100); height: var(--gap-90); }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg { padding-block: 24px; padding-inline: 0; flex-direction: column; gap: 20px; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.resultFromGrid { padding-inline: 24px; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent { padding-inline-start: unset; }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a { font-size: var(--fs-20); }
    .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent .resultCategory { font-size: var(--fs-18); }
}

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

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

@media(max-width: 1025px) {
    .page-not-found #headline h1 { font-size: 32px; letter-spacing: normal; line-height: 1.2; }
    .page-not-found #subheadline { padding-block: 20px; width: 100%; padding-inline: 20px; }
    .page-not-found #subheadline { padding-block: 20px 24px; }
    .page-not-found #subheadline h2 { letter-spacing: normal; color: var(--dark-grey-text); }
}

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

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

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

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

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

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

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

@media(max-width: 1025px) {
    #accessability { width: 100%; padding-inline: 20px; margin-bottom: 72px; }
    #accessability #headline { margin-block: 40px 0; font-size: unset; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-family: var(--font-3); font-size: 18px; }
    #SiteGridContainer:has(#accessability) { background-image: none; }
}

/*------------------------------------------/*
 PRIVACY-POLICY
/*------------------------------------------*/
.accessabilityMainPage #GridPage .MainContent { width: 41.667vw; margin-inline: auto; margin-bottom: var(--gap-140); }
.accessabilityMainPage #GridContent #headline { margin-block: var(--gap-100) var(--gap-140); }
.accessabilityMainPage #GridContent #text1 { margin: 0; max-width: 100%; }
.accessabilityMainPage #GridContent #text1 h2 { text-align: start; font-size: clamp(16px, var(--fs-24), 300px); margin-block: var(--gap-48) var(--gap-16); letter-spacing: normal; line-height: 1.2; }
.accessabilityMainPage #GridContent #text1 p { text-align: start; }
.accessabilityMainPage #GridContent #text1 ul { list-style: none; padding: 0; color: var(--text-grey); text-align: start; }
.accessabilityMainPage #ContentRegularModule li:before { background: var(--brown); width: 3.98438px; }

@media (max-width: 1024px){
    .accessabilityMainPage #GridContent #headline { margin-block: 40px 0; font-size: unset; }
    .accessabilityMainPage #GridContent #headline h1 { font-size: 32px; line-height: 1.2; font-family: var(--font-2); }
    .accessabilityMainPage #GridContent #text1 li::before { display: inline-block; margin-inline-end: var(--gap-8); }
    .accessabilityMainPage #GridPage .MainContent { width: 100%; padding-inline: 20px; margin-bottom: 72px; }
    .accessabilityMainPage #GridPage .MainContent h2 { margin-block: var(--gap-48) var(--gap-16); }
}

/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/
#SiteFooter { background: var(--dark-blue); }
#SiteFooter .footer-text-divided { padding: 0; display: flex; justify-content: space-between; padding: var(--gap-96) var(--gap-240); }
#SiteFooter .footer-text-divided .footer-text-right { padding: 0; display: flex; flex-direction: column; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide { float: none; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer { background: none; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject { max-width: 100%; padding: 0; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: unset; text-align: start; padding: 0; margin-bottom: var(--gap-24); width: 75%; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form { }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset { }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { display: flex; gap: var(--gap-16); }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input { border: none; border-bottom: 1px solid var(--white); color: white; padding-inline: 0; height: var(--gap-50); width: 18.75vw; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input::placeholder { color: white; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit { width: fit-content; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button) { width: var(--gap-50); height: auto; aspect-ratio: 1; border-radius: 50%; background: none; border: 1px solid var(--white); position: relative; overflow: hidden; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button):after { content: ""; position: absolute; left: 0; bottom: 0; top: unset; background-image: url("https://media.getmood.io/warehouse/dynamic/711556.svg"); width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email { margin-bottom: var(--gap-12); }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper { }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select.input-data.form-control { }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: white; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField label { color: white; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin-bottom: var(--gap-64); }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { opacity: 0.64; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { display: none; }
#SiteFooter .footer-text-divided .footer-text-left { display: flex; gap: var(--gap-64); width: fit-content; }
#SiteFooter .footer-text-divided .footer-text-left ul { margin: 0; padding: 0; list-style: none; text-align: start; }
#SiteFooter .footer-text-divided .footer-text-left li:has(h3) { margin-bottom: var(--gap-16); }
#SiteFooter .footer-text-divided .footer-text-left li, #SiteFooter .footer-text-divided .footer-text-left li h3 { color: white; }
#SiteFooter .footer-text-divided .footer-text-left li:not(:has(h3)) { opacity: 0.8; }
#SiteFooter .footer-text-divided .footer-text-left li:not(:has(h3),:last-child) { margin-bottom: var(--gap-6); }
#SiteFooter .footer-text-divided .footer-text-left .dropdown-item h3 { margin-bottom: var(--gap-16); color: white; text-align: start; }

#SiteFooter .footer-text.text-center { background: #131313; color: white; }
#SiteFooter .footer-text.text-center ul { margin: 0; list-style: none; display: flex; justify-content: center; gap: var(--gap-16); padding-block: var(--gap-12); }
#SiteFooter .footer-text.text-center ul li { color: white; }
#SiteFooter .footer-text.text-center ul li:not(:last-child):after { content: ""; width: 1px; height: 8px; display: inline-block; background: white; vertical-align: middle; margin-inline-start: var(--gap-24); }

#SiteFooter .site-credit.alternative { float: none; padding: 0; z-index: 3; }
#SiteFooter .site-credit.alternative .text-center { background: black; float: unset; }

@media(min-width: 1025px) {
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { width: 18.75vw; }
}

@media(max-width: 1024px) {
    #SiteFooter { padding: 0; }
    #SiteFooter .footer-text-divided { flex-direction: column; padding-inline: 24px; padding-block: 56px; }
    #SiteFooter .footer-text-divided .footer-text-right { width: 100%; }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject { margin: 0; max-width: 100% !important; width: 100%; }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; margin-bottom: 24px; }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin: 0; }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input { width: 100%; }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin-bottom: 56px; display: flex; align-items: baseline; gap: 12px; }
    #SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { display: inline-flex; }
    #SiteFooter .footer-text-divided .footer-text-left { padding: 0; flex-direction: column; width: 100%; padding-block: 32px 0; gap: 0; }
    #SiteFooter .footer-text-divided .footer-text-left ul { margin-top: var(--gap-16); }
    #SiteFooter .footer-text-divided .footer-text-left ul li { opacity: 1; }
    #SiteFooter .footer-text-divided .footer-text-left .dropdown-item { padding-block: 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.40); }
    #SiteFooter .footer-text-divided .footer-text-left .dropdown-item h3 { margin: 0; display: flex; justify-content: space-between; align-items: center; }
    #SiteFooter .footer-text-divided .footer-text-left .dropdown-item h3:after { content: ""; display: inline-block; width: var(--gap-8); height: var(--gap-8); aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/712528.svg"); background-position: center; background-repeat: no-repeat; background-size: inherit; transition: 0.3s ease all; }
    #SiteFooter .footer-text-divided .footer-text-left .dropdown-item.open h3:after { transform: rotate(45deg); }
    #SiteFooter .footer-text.text-center ul li { display: flex; color: white; align-items: center; }
    #SiteFooter .footer-text.text-center ul li:not(:last-child):after { margin-inline-start: 16px; }
    #SiteFooter .footer-text.text-center { padding: 0; }
    #SiteFooter .footer-text.text-center ul { padding-inline: 0; }
}

/*------------------------------------------/*
 POP-UP
/*------------------------------------------*/
#multi-content-modal.textInPop .modal-content { max-width: 60vw; padding: 0; border-radius: 6px; overflow: hidden; padding-inline-end: var(--gap-4); padding-block: var(--gap-4); }
#multi-content-modal.textInPop .modal-content a.close { left: 50%; transform: translateX(-50%); margin: 0; height: var(--gap-48); width: var(--gap-48); font-size: unset; display: flex; top: -11%; /* padding: var(--gap-10); */ justify-content: center; align-items: center; background: white; border-radius: 50%; background-image: url("https://media.getmood.io/warehouse/dynamic/703998.svg"); background-position: center; background-repeat: no-repeat; position: fixed; top: 11%; }
#multi-content-modal.textInPop .modal-content a.close svg { width: var(--gap-14); height: var(--gap-14); fill: var(--black); opacity: 0; }
#multi-content-modal.textInPop #PopUpData { max-height: 68vh; display: flex; flex-direction: row; gap: var(--gap-80); padding: 0; direction: rtl; padding: var(--gap-80); }
#multi-content-modal.textInPop #PopUpData > * { flex: 1; }
#multi-content-modal.textInPop #PopUpData .popup-wrapper { height: fit-content; position: sticky; top: 0; }
#multi-content-modal.textInPop #PopUpData .popup-wrapper a span { display: flex; direction: ltr; gap: var(--gap-8); }
#multi-content-modal.textInPop #PopUpData .popup-wrapper > img { width: 100%; height: auto; aspect-ratio: 1; border-radius: 10px; margin-bottom: 0; object-fit: cover; }
#multi-content-modal.textInPop #PopUpData .popup-wrapper ul { margin-top: var(--gap-16); display: flex; flex-direction: column; gap: var(--gap-14); margin-bottom: 0; }
#multi-content-modal.textInPop #PopUpData .popup-wrapper ul li { direction: ltr; text-align: left; color: var(--black); font-size: clamp(12px,var(--fs-16),300px); font-family: var(--font-1); display: flex; }
#multi-content-modal.textInPop #PopUpData .popup-wrapper ul li a { color: var(--black); }
#multi-content-modal.textInPop #PopUpData .popup-wrapper ul li img { }
#multi-content-modal.textInPop #PopUpData .popup-wrapper p { direction: ltr; color: var(--text-grey); }
#multi-content-modal.textInPop #PopUpData .popup-wrapper p:last-child { margin-top: var(--gap-8); }
#multi-content-modal.textInPop #PopUpData .popup-other-content { direction: ltr; text-align: end; }
#multi-content-modal.textInPop #PopUpData .popup-other-content h3 { margin: 0; font-size: clamp(20px,var(--fs-40),300px); font-family: var(--font-2); margin-bottom: var(--gap-16); color: var(--text-blue); text-align: start; line-height: 1; }
#multi-content-modal.textInPop #PopUpData .popup-other-content h4 { margin: 0; padding-block: 0; margin-bottom: var(--gap-32); font-family: var(--font-2); font-size: clamp(10px,var(--fs-16),300px); line-height: 1.6; color: var(--text-blue); text-align: start; }
#multi-content-modal.textInPop #PopUpData .popup-other-content p { font-size: clamp(14px,var(--fs-18),300px); font-family: var(--font-1); color: var(--text-blue); direction: ltr; }
#multi-content-modal.textInPop #PopUpData .popup-other-content p a { display: flex; padding: 10px; border-radius: 40px; border: 1px solid var(--stroke, #E3E2DE); background: var(--light-grey, #F8F8F7); }
#multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-fulltext { display: flex; gap: var(--gap-8); margin-bottom: var(--gap-32); }
#multi-content-modal.textInPop #PopUpData .popup-other-content > * { direction: rtl !important; text-align: start; }

@media(min-width: 1025px) {
    #multi-content-modal.textInPop #PopUpData .popup-other-content p a:hover { background-image: url(https://media.getmood.io/warehouse/dynamic/714239.svg); background-position: center; background-repeat: no-repeat; background-size: auto; background-color: var(--blue); }
    #multi-content-modal.textInPop #PopUpData .popup-other-content p a:hover img { opacity: 0; }
    #multi-content-modal.textInPop #PopUpData .popup-other-content p:not(:last-child):last-child { padding-bottom: var(--gap-80); }
    #multi-content-modal.textInPop #PopUpData .popup-other-content > p:last-child { padding-bottom: var(--gap-80); }
    #multi-content-modal.videoInPop .modal-content:has(iframe) { height: 31.25vw; }
}

@media(max-width: 1025px) {
    #multi-content-modal.textInPop .modal-content { max-width: 100vw; margin: 0; padding: unset; position: absolute; top: 16%; }
    #multi-content-modal.textInPop .modal-content a.close { top: 6%; }
    #multi-content-modal.videoInPop .modal-content { padding: 150px; }
    #multi-content-modal.textInPop #PopUpData { max-height: 85vh; justify-content: center; padding: 0; gap: 32px; position: relative; display: block; }
    #multi-content-modal.textInPop #PopUpData .popup-wrapper { position: relative; height: 100%; width: 100%; padding-top: 12px; padding-inline: 12px; }
    #multi-content-modal.textInPop #PopUpData .popup-wrapper ul { text-align: center; padding: 0; align-items: flex-end; list-style: none; padding-inline: var(--gap-14); }
    #multi-content-modal.textInPop #PopUpData .popup-wrapper > img { margin: 0; }
    #multi-content-modal.textInPop #PopUpData .popup-other-content { padding: 24px; margin-bottom: 100px; }
    #multi-content-modal.textInPop #PopUpData .popup-other-content h3 { margin-bottom: 8px; letter-spacing: -0.2px; line-height: 1.3; }
    #multi-content-modal.textInPop #PopUpData .popup-other-content h4 { margin-bottom: 16px; font-family: var(--font-3); font-size: 16px; letter-spacing: 0.16px; line-height: 150%; }
    #multi-content-modal.textInPop #PopUpData .popup-other-content p { font-size: 18px; }
    #multi-content-modal.modal .close { left: 50%; top: -8%; transform: translateX(-50%); margin: 0; font-size: unset; background: white; border-radius: 50%; width: 32px; height: 32px; background-image: url("https://media.getmood.io/warehouse/dynamic/703998.svg"); background-position: center; background-repeat: no-repeat; }
    #multi-content-modal.modal .close svg { width: 16px; height: 16px; position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,50%); fill: var(--black); opacity: 0; }
}

/*------------------------------------------/*
 CUBE HOVER
/*------------------------------------------*/
.read-more-cube { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.40); z-index: 3; opacity: 0; transition: 0.3s ease all; left: 0; bottom: 0; align-content: center; border-radius: 6px; }
.read-more-cube .read-more-title { height: fit-content; align-content: center; text-align: center; color: white; display: flex; align-items: center; gap: var(--gap-12); justify-content: center; font-family: var(--font-2); font-size: clamp(12px, var(--fs-16), 300px); transform: translateY(50%); opacity: 0; transition: 0.3s ease all; }

.read-more-cube .read-more-title .arrow { width: var(--gap-50); height: var(--gap-50); display: inline-block; border: 1px solid white; border-radius: 50%; position: relative; overflow: hidden; transition: 0.3s ease all; }
.read-more-cube .read-more-title .arrow:before { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/713084.svg); background-position: center; background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transition: 0.3s ease all; opacity: 0; }
.read-more-cube .read-more-title .arrow:after { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/713084.svg); background-position: center; background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transform: translate(100%, 100%); transition: 0.3s ease all; }

@media(min-width: 1025px) {
    :is(.grid-box, .project-box, .blog-post):hover .read-more-cube { opacity: 1; }
    :is(.grid-box, .project-box, .blog-post):hover .read-more-cube .read-more-title { opacity: 1; transform: unset; }
    :is(.grid-box, .project-box, .blog-post):hover .read-more-cube .read-more-title .arrow { }
    :is(.grid-box, .project-box, .blog-post):hover .read-more-cube .read-more-title .arrow::after { transform: unset; }
    :is(.grid-box, .project-box, .blog-post) img { transition: 0.3s ease all; }
    :is(.grid-box, .project-box, .blog-post):hover img { transform: scale(1.1); }

    /*    .read-more-cube .read-more-title .arrow:hover { background-color: var(--brown); border-color: var(--brown); }*/
    /*    .read-more-cube .read-more-title .arrow:hover::before { transform: translate(-100%, -100%); }
    .read-more-cube .read-more-title .arrow:hover::after { transform: unset; }*/
}

/*------------------------------------------/*
 ANIMATIONS
/*------------------------------------------*/
@keyframes pulseWidth {
    0% { transform: scale(1); }
    80% { transform: scale(1.5); }
    100% { transform: scale(1); }
}

@keyframes pulseWidth2 {
    0% { transform: scale(1); }
    20% { transform: scale(1.5); }
    100% { transform: scale(1); }
}

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