/*NED-DC*/ :root { --light-grey-bg: #f7f7f7; --white: #fff; --black: #111827; --text-grey: #4b5563; --grey: #858b93; --light-grey: #d2d2d2; --stroke-grey: #e3e3e3; --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; CONTAIN-INTRINSI; --fs-56: 2.917vw; --fs-55: 2.865vw; --fs-88: 4.583vw; --fs-64: 3.333vw; --fs-65: 3.385vw; --fs-90: 4.688vw; --fs-96: 5vw; --fs-120: 6.25vw; --fs-140: 7.292vw; --fs-160: 8.333vw; --fs-168: 8.75vw; --fs-170: 8.854vw; --fs-200: 10.417vw; --fs-240: 12.5vw; --font-1: 'labilgrotesk-regular'; --font-2: 'labilgrotesk-boldblack'; --font-3: 'labilgrotesk-medium'; } /*------------------------------------------/* GENERAL /*------------------------------------------*/ html { font-size: 62.5%; overflow-x: clip; } body { opacity: 0; color: rgb(75 85 99); background: #f7f7f7; transition: 0.3s opacity ease; font-family: var(--font-1) !important; /* line-height: 1; */ font-size: 2rem; zoom: 1 !important; position: relative; transition-delay: 0.5s; } body { font-size: clamp(15px, var(--fs-18),300px); font-family: var(--font-1); } body.home-page { opacity: 1; } body.shown { opacity: 1; } body, body.modal-open { padding: 0 !important; overflow: clip !important; } .modal { z-index: 10000; } .modal-backdrop.in { opacity: 0.5; } .gallery-cubes-modal { padding: 0 !important; } .gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; } .gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; } .gallery-cubes-modal .flexslider a.flex-next:before, .gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; } .grid-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-19),300px); position: relative; line-height: 1.5; color: var(--text); letter-spacing: 0.38px; } .section-title, .grid-text-section .section-title { margin: 0; } #SiteContainer { position: relative; z-index: 1; } body:not(.home-page, .about, .contact, .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: #f7f7f7; } .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: 32.292vw; background-repeat: no-repeat; background-size: contain; } #GridTop.noTopImage.longer { height: 0; overflow: hidden; } #home-gallery .scroll-down { display: none; } #player-controls { display: none; } .cartItemsCounter { background: var(--blue); } .cartItemsCounter span.CartItems { color: var(--white); left: 50%; top: 60%; } footer { padding: 0; display: block; position: relative; z-index: 1000; } #SiteFooter { float: none; } h1, .h1, h2, .h2, h3, .h3 { margin: 0; } #SiteGridContainer .newCatalogItemQuantity .item-quantity-options button svg { fill: white; /* width: 23px; */ } .st0 { fill: white !important; width: 5px; height: 43px; } .CatalogItemHowMuchDidYouSaved span.SavedAmountSpan:after, .itemBeforeDiscountPrice.hasDiscount:after { content: "₪"; font-size: 100%; } .gallery-cubes .image-link-container { display: none; } .blog-post { padding: 0; direction: ltr; } #LobbyModule .grid-boxes .grid-box-title h3 { font-size: unset; margin: 0; } :is(div,#LobbyModule) #lobbyview { display: flex; padding-block: var(--gap-80) var(--gap-120); } #BlogMain { padding-bottom: var(--gap-200); } .gallery-cubes .boxes-images-outer-image { border-radius: 6px; padding: 0; width: 100%; height: auto; aspect-ratio: 1.2; } .opacity-layer-slide { display: none; } .GridTop { width: calc(100% - var(--gap-24)); margin-inline: auto; margin-top: var( --gap-12); border-radius: 6px; } #headline h1 span { color: var(--blue-100); } .blog-post-title a:focus, .blog-post-title a:hover { text-decoration: none; } .owl-carousel .owl-controls .owl-dot { width: 7px; height: 7px; background: white; border-radius: 9.3px; transition: 0.3s ease all; } .owl-carousel .owl-controls .owl-dot.active { width: 32px; } .swiper-pagination span.swiper-pagination-bullet { background: white !important; opacity: 1; border-radius: 9.33px; transition: 0.3s ease all; } .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; } #ContentGridShortModule .gridshort-view-item { width: 100%; margin: 0; } #ContentGridShortModule .grid-short-box-image a { position: static; } #GridTop.noTopImage, .GridTop.noTopImage { display: none; } #PageBreadCrumps { max-width: 100% !important; padding: var(--gap-24) !important; text-align: start; } #PageBreadCrumps span:last-child { color: var(--blue-100); } #PageBreadCrumps span:not(:last-child)::after { content: ""; width: var(--gap-4); height: var(--gap-4); aspect-ratio: 1; display: inline-block; background: var( --black); border-radius: 50%; margin-inline: 0 10px; } #PageBreadCrumps span:not(:last-child) { display: inline-flex; gap: var(--gap-10); align-items: center; } label.error, span.error { left: 0; top: -15%; white-space: nowrap; font-size: 60%; } #ContentRegularModule li { list-style: none; } #ContentRegularModule ul { padding: 0; } #ContentRegularModule li:before { content: ""; width: 8px; height: auto; aspect-ratio: 1; display: inline-block; background: var(--text-grey); border-radius: 50%; vertical-align: inherit; margin-inline-end: var(--gap-12); } .arrow { position: absolute; width: var(--gap-50); height: auto; aspect-ratio: 1; right: var(--gap-12); bottom: var(--gap-12); border-radius: var(--desktop-corner-radius-small, 8px); background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(40px); overflow: hidden; } .arrow:before, .arrow:after { content: ""; position: absolute; width: 100%; height: 100%; background-image: url("https://media.getmood.io/warehouse/dynamic/704004.svg"); background-position: center; left: 0; background-repeat: no-repeat; background-size: auto; transition: 0.3s ease all; } .arrow:before { transform: translateX(-100%); } .map .arrow:before, .map .arrow:after { background-image: url("https://media.getmood.io/warehouse/dynamic/704003.svg"); } .map .grid-boxes .circle-container .grid-box:hover .arrow::before { transform: unset; } .map .grid-boxes .circle-container .grid-box:hover .arrow::after { transform: translateX(100%); } :is(#ContentGridShortModule .grid-short-box-image, .blog-post, .grid-boxes-content > div .grid-short-box .grid-short-box-image):hover a .arrow::before { transform: unset; } :is(#ContentGridShortModule .grid-short-box-image, .blog-post, .grid-boxes-content > div .grid-short-box .grid-short-box-image):hover a .arrow::after { transform: translateX(100%); } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*120-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-120),300px); font-family: var(--font-2); line-height: 0.9; letter-spacing: -1.2px; color: var(--black); } /*80-Title*/ .section-title h2, .grid-rows .grid-row-text 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(--black); line-height: 0.90; font-size: clamp(70px,var(--fs-80),300px); letter-spacing: -0.8px; text-align: center; margin: 0; } /*64-Title*/ :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(48px,var(--fs-64),300px); line-height: 1; font-family: var(--font-2); } /*56-Title*/ . { font-size: clamp(40px,var(--fs-56),300px); line-height: 1; font-family: var(--font-2); } /*40-Title*/ .grid-row-section.grid-row-tabs .grid-row-cell-text .grid-row-text h3, .sliding-cards .grid-boxes .grid-box .grid-box-title h3 a, .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; } /*28-Title*/ .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-28),300px); font-family: var(--font-2); line-height: 1.1; } /*24-Title*/ .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, .team .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(16px,var(--fs-24),300px); font-family: var(--font-2); color: var(--black); margin: 0; line-height: 1; letter-spacing: normal; } /*20-Title*/ .section.grid-content-section.management .grid-box-title h3 a, .form-container-wide #DynamicFormObject > * h3.dynamicFormObjectTitle, .grid-row-section.grid-row-tabs .section-title h2, .faq-headline span.faq-headline-title, :is(.accessabilityMainPage, .privacy) :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3), .result .section-title h2, .section.grid-content-section.result .result-header-container h3, #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-title h3 a, #SiteFooter .footer-text-divided .footer-text-right .dropdown-item h3, .project-details h3.location { font-size: clamp(12px,var(--fs-20),300px); color: var(--black); font-family: var(--font-2); display: block; line-height: 1.3; letter-spacing: 0.2px; } /*18-Title*/ .project-inner-page .grid-row .text h3 { font-size: clamp(14px,var(--fs-18),300px); line-height: 1.30; letter-spacing: 0.18px; color: var(--black); font-family: var(--font-2); } /*20-Med*/ :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-3); font-size: clamp(16px,var(--fs-20),300px); line-height: 1.3; letter-spacing: 0.2px; margin: unset; color: var(--black); } /*20-Reg*/ #home-gallery .gallery-caption.caption-text .gallery-text > 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(16px,var(--fs-20),300px); font-family: var(--font-1); line-height: 1.4; letter-spacing: 0.2px; color: var(--text-grey); } /*18-Med*/ .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, :is(div, #BlogModule) .blog-post .blog-post-content h2.blog-post-title 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 { font-size: clamp(12px,var(--fs-18),300px); color: var(--black); display: block; line-height: 1.4; letter-spacing: 0.18px; font-family: var(--font-3); } /*18-Reg*/ .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-family: var(--font-1); font-size: clamp(14px,var(--fs-18),300px); line-height: 1.4; letter-spacing: 0.18px; margin: unset; color: var(--black); } /*16-Med*/ . { font-family: var(--font-3); font-size: clamp(12px,var(--fs-16),300px); line-height: 1.4; margin: unset; color: var(--black); } /*16-Reg*/ . { font-family: var(--font-1); font-size: clamp(12px,var(--fs-16),300px); line-height: 1.5; letter-spacing: 0.16px; margin: unset; color: var(--black); } /*14-Med*/ . { font-family: var(--font-3); font-size: clamp(10px,var(--fs-14),300px); line-height: 1.2; letter-spacing: 0.14px; margin: unset; color: var(--black); } /*14-Reg*/ .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext p, .sliding-cards .grid-boxes .grid-box .grid-box-fulltext :is(p,span), .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.2; letter-spacing: 0.14px; margin: unset; color: var(--black); } /*12-Reg*/ . { font-family: var(--font-1); font-size: clamp(8px,var(--fs-12),300px); line-height: 1.3; letter-spacing: 0.12px; margin: unset; color: var(--black); } /**/ /*BUTTONS*/ #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .section:not(.team) a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], #main-header .header-container .header-center .header-buttons a, .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button, #main-header .header-container .header-right .menu-nav ul#menu > a { position: relative; /* height: 60px; */ align-content: center; border-radius: 8px; padding-inline: var(--gap-18); padding-block: var(--gap-10); border: 1px solid var(--gray-stroke); background: var(--black); color: var(--black); font-size: clamp(14px,var(--fs-18),300px); /* min-width: 160px; */ text-align: center; display: inline-block; overflow: hidden; } /*LINED-BUTTONS*/ #allSectionsWrapper .section.grid-contents .section-title .content-section-Btn a.sec-button, #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content a, body.knowledge .blog-tags nav.blog-tags-list ul li a, .grid-blog .section-title .content-section-Btn a { color: #f7f7f7; font-family: var(--font-3); border-bottom: 2px solid var(--black); position: relative; overflow: hidden; display: inline-block; transition: 0.3s ease all; } /*ADD YELLOW DOT*/ .grid-box .grid-box-fulltext p, .project-items .feature-box span, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image span, #BlogModule .blog-view .blog-post-icons.blog-date-time span { display: inline-block; } :is(.grid-box .grid-box-fulltext, .project-items .feature-box span, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image span):before, :is(#BlogModule .blog-view .blog-post-icons.blog-date-time span:not(.blog-post-Time-title), #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText ul li:not(:last-child)):after { content: ""; width: var(--gap-8); height: auto; aspect-ratio: 1; display: inline-block; background: var(--green-100); border-radius: 50%; margin-inline-end: var(--gap-8); } @media(min-width: 1025px) { :is(a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button,.grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button,a.tiny-btn, a.FormResultPageButton):hover { color: var(--black); background: white; } :is(a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button,a.tiny-btn, a.FormResultPageButton):hover::after { background-position: right bottom; } :is(#allSectionsWrapper .section.grid-contents .section-title .content-section-Btn a.sec-button, #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content a, body.knowledge .blog-tags nav.blog-tags-list ul li a, .grid-blog .section-title .content-section-Btn a):hover { border-color: var(--blue-100); } :is(:is(#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], #main-header .header-container .header-center .header-buttons a, .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, .project-content a.download-button))::before, :is(#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], #main-header .header-container .header-center .header-buttons a, .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, .project-content a.download-button)::after { color: var(--white); } :is(#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], #main-header .header-container .header-center .header-buttons a, .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, .project-content a.download-button):hover { color: var(--black); background: var( --black); } .yellow-btn::before, .yellow-btn::after { content: attr(data-text); position: absolute; left: 0; width: 100%; height: 100%; text-align: start; /* padding-inline: var(--gap-16); */ transition: transform 0.3s ease; /* background: var(--yellow); */ /* border-bottom: 2px solid var(--black); */ align-content: center; text-align: center; color: var(--black); } .yellow-btn::before { top: 0; transform: translateY(0); } .yellow-btn::after { top: 100%; color: var(--blue-100); } .yellow-btn:hover::before { transform: translateY(-100%); } .yellow-btn:hover::after { transform: translateY(-100%); } } @media(max-width: 1025px) { :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-26: 26px; --fs-28: 28px; --fs-30: 30px; --fs-32: 32px; --fs-44: 44px; --fs-56: 56px; } .top-caption { position: absolute; transform: translateX(-50%); left: 50%; margin: 0; height: fit-content; justify-content: center; font-family: var(--font-2); } .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li) { font-size: 17px; line-height: 1.35; } .opacity-layer-slide { position: absolute; width: 100%; height: 100%; opacity: 0.2; background: black; z-index: 3; } h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) > h2, #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; } .faq-headline .button-open { /* display: none; */ } #GridTop, #GridTop.blog { height: auto; /* aspect-ratio: 1; */ height: 280px; position: relative; } .GridTop { width: calc(100% - var(--gap-12)); margin-top: var(--gap-6); } .sections .section, section.section { max-width: unset; } #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: var(--fs-16); padding: var(--gap-12) var(--gap-24) var(--gap-40); padding-bottom: 0 !important; margin: 0; justify-content: normal; position: relative; } #PageBreadCrumps span:not(:last-child)::after { width: 3px; } ul { padding-inline: 20px; } .categories-strip ul.hidden-xs { gap: var(--gap-4) var(--gap-8); padding: var(--gap-10) var(--gap-24); width: 100vw; flex-wrap: nowrap; overflow-x: auto; } .categories-strip ul.hidden-xs li a { font-size: var(--fs-16); } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { width: 18px; } #nav-toggle span:before { top: -6px; } #nav-toggle span:after { bottom: -6px; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1%; } .swiper-pagination-bullet-active { background: var(--black) !important; } :is(div,#LobbyModule) #lobbyview #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; } .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3 { font-size: 20px; letter-spacing: -0.4px; line-height: 1.2; } .owl-carousel .owl-item .item { padding: 0; border-radius: 6px; } #SiteGrid > div { position: relative; z-index: 1; } .grid-boxes-content { overflow: auto; } .grid-boxes-content > div { min-width: 300px; } .arrow { width: var(--gap-40); } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*40-Title*/ #home-gallery .gallery-caption .gallery-text h1, .map .section-title h2, .timeline-sec .grid-boxes .grid-box .grid-box-title h3 a, .grid-rows .grid-row-text 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, .project-intro-wrapper .section-title h1, body.about #allSectionsWrapper .section.grid-text-section:first-child .section-title > h2 { font-size: 40px; line-height: 100%; letter-spacing: normal; font-family: var(--font-2); color: var(--black); } /*28-Title*/ .sliding-cards .section-title h2, .sliding-cards .grid-boxes .grid-box .grid-box-title h3 a, .blue-cards .section-title h2, .section-title h2, #SiteFooter .footer-text-divided .footer-text-left h2, .map .section-title h2, body.knowledge.contentInnerPage #BlogModule .blog-view #headline h1, body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts > h2 { font-size: 28px; line-height: 110%; letter-spacing: normal; } /*18-Title*/ .section.grid-content-section.management .grid-box-title h3 a, .form-container-wide #DynamicFormObject > * h3.dynamicFormObjectTitle, .grid-row-section.grid-row-tabs .section-title h2, .faq-headline span.faq-headline-title, .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3), .result .section-title h2, .section.grid-content-section.result .result-header-container h3, #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-title h3 a, #SiteFooter .footer-text-divided .footer-text-right .dropdown-item h3, .project-details h3.location, .feature-box h3.feature-val, .timeline-sec .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle span { font-size: 18px; line-height: 130%; letter-spacing: 0.18px; } /*18-Med*/ .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label, .project-details h3.location, .team .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-3); line-height: 140%; letter-spacing: 0.18px; font-size: 18px; } /*16-Med*/ .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, :is(div, #BlogModule) .blog-post .blog-post-content h2.blog-post-title 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, .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a, .project-details h3.location { font-size: 16px; line-height: 140%; letter-spacing: normal; } /*16-Reg*/ body.home-page #home-gallery .gallery-caption.caption-text .gallery-text > 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), .section.grid-contents .section-title h3, .grid-text-section .section-title .grid-text-content h2, .grid-blog .section-title h3, .blue-cards .section-title h3, .section-title h3, .map .section-title h3, #ContentGridShortModule:has(.grid-boxes-content) #headline p, .project-intro-wrapper .project-details p, .blogmain-header #subheadline h2, body.knowledge.contentInnerPage #BlogModule .blog-view h2, body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time :is(span,div), .team .grid-boxes .grid-box .grid-box-subtitle span, .sliding-gallery .section-title h3, .mobile-boxes-container .grid-box .grid-box-subtitle span, .cert-cards .section-title h3, .page-not-found #subheadline h2, .team .section-title h3 { font-size: 16px; line-height: 1.5; letter-spacing0 .16px; letter-spacing: normal; } /*14-Med*/ #BlogModule .blog-posts .blog-post .blog-post-content h2.blog-post-title a { font-size: 14px; line-height: 120%; letter-spacing: 0.14px; } /*14-Reg*/ .cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span, .project-items .feature-box p.feature-name, .partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content p, form fieldset .dynamicFormObjectField.checkboxField label, #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-text, .timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext p { font-size: 14px; line-height: 120%; letter-spacing: 0.14px; display: block; } /*12-Reg*/ .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext p, .sliding-cards .grid-boxes .grid-box .grid-box-fulltext :is(p,span), .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 { font-size: 12px; } /*Button*/ #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], #main-header .header-container .header-center .header-buttons a, .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button { color: white; font-size: 16px; } } /*------------------------------------------/* HEADER /*------------------------------------------*/ #main-header { background: none; transition: 0.3s ease all; } #main-header.bg { background: rgba(247, 247, 247, 0.88); backdrop-filter: blur(40px); } #main-header .header-container { padding: var(--gap-24); flex-direction: row-reverse; } #main-header .header-container .header-right { position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,50%); } #main-header .header-container .header-right .menu-nav { } #main-header .header-container .header-right .menu-nav ul#menu { gap: var(--gap-24); overflow: hidden; } #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 a { color: transparent; } #main-header .header-container .header-center { } #main-header .header-container .header-center .header-buttons { } #main-header .header-container .header-center .header-buttons a { padding-block: var(--gap-8); padding-inline: 12px; } @media(min-width: 1025px) { #main-header .header-container .header-center .header-buttons { display: flex; } } @media(max-width: 1025px) { #main-header { background: rgba(247, 247, 247, 0.80); backdrop-filter: blur(40px); } #main-header:has(.menu-nav.open):after { content: ""; width: 100vw; height: 100vh; position: absolute; left: 0; background: black; opacity: 0.2; z-index: -1; } #main-header .header-container { padding-inline: 20px; padding-block: 0; height: 50px; } #main-header .header-container .header-center { display: none; } #main-header .header-container .header-right { position: static; transform: unset; } #main-header .header-container .header-right .menu-nav ul#menu { height: 50vh; padding-inline: 20px; list-style: none; margin: 0; border-radius: 0 0 10px 10px; background: #f7f7f7; gap: 0; padding-top: 74px; padding-inline: 0; transform: translateY(-100%); } #main-header .header-container .header-right .menu-nav ul#menu:before { content: ""; width: 100%; height: 1px; background: var(--stroke-grey); margin-bottom: 32px; } #main-header .header-container .header-right .menu-nav ul#menu li { margin-bottom: 16px; padding-inline-start: 20px; } #main-header .header-container .header-right .menu-nav ul#menu li a { color: var(--black); } #main-header .header-container .header-right .menu-nav ul#menu > p { margin-top: auto; padding: 20px; display: flex; border-top: 1px solid var(--light-grey); gap: 20px; } #main-header .header-container .header-right .menu-nav ul#menu > a { width: fit-content; position: absolute; top: 16px; left: 20px; color: white; } #main-header.open .menu-nav #nav-toggle { transform: translateY(50%); } #main-header .header-container .header-right .menu-nav.open ul#menu { transform: unset; } } /*------------------------------------------/* PROJECT POST /*------------------------------------------*/ .grid-boxes-content { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--gap-16); } .grid-boxes-content > div { padding: 0; width: 100%; } .grid-boxes-content > div .grid-short-box { margin: 0; } .grid-boxes-content > div .grid-short-box .grid-short-box-image { padding: 0; border-radius: 10px; } .grid-boxes-content > div .grid-short-box .grid-short-box-image a:hover img { transform: scale(1.1); } .grid-boxes-content > div .grid-short-box .grid-short-box-image a img { position: static; transform: unset; width: 100%; border-radius: 10px; transition: 0.3s ease all; } .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext { margin-top: var(--gap-24); text-align: start; width: 69%; } .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label { padding: 0; margin-bottom: var(--gap-8); } .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link { display: none; } .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle { color: var(--grey-text); } @media(min-width: 1025px) { .grid-boxes-content > div .grid-short-box .grid-short-box-image a img { min-height: 26.042vw; } } @media(max-width: 1025px) { .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext { margin-top: 12px; } .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label { margin-bottom: 6px; } .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext { position: absolute; bottom: 16px; left: 16px; } .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle { display: none; } .grid-boxes-content > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label { color: white; margin: 0; } .grid-boxes-content > div .grid-short-box .grid-short-box-image a { } .grid-boxes-content > div .grid-short-box .grid-short-box-image a:after { content: ""; position: absolute; width: 100%; height: 100%; display: block; bottom: 0; background: #000000; background: linear-gradient(0deg, rgba(0, 0, 0, 0.44) 0%, rgba(229, 229, 229, 0) 29%, rgba(255, 255, 255, 0) 49%); } .grid-boxes-content > div .grid-short-box .grid-short-box-image a .arrow { z-index: 10; } } /*------------------------------------------/* BLOG POST /*------------------------------------------*/ :is(div, #BlogModule) .blog-post { background: white; 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); border-radius: 10px; overflow: hidden; } :is(div, #BlogModule) .blog-post .blog-post-image { overflow: hidden; } :is(div, #BlogModule) .blog-post .blog-post-image a { position: relative; } :is(div, #BlogModule) .blog-post .blog-post-content { padding-top: var(--gap-24); } :is(div, #BlogModule) .blog-post .blog-post-content h2.blog-post-title { text-align: start; margin-bottom: var(--gap-8); } :is(div, #BlogModule) .blog-post .blog-post-content h2.blog-post-title { font-size: unset; padding-block: 0; margin-bottom: var(--gap-8); } :is(div, #BlogModule) .blog-post .blog-post-content h2.blog-post-title a { text-align: start; } :is(div, #BlogModule) .blog-post .blog-post-content > * { padding-inline: var(--gap-24); } :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-text { padding-block: 0; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; border-bottom: none; color: var(--text-grey); } :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-icons { margin: 0; padding-block: var(--gap-16); margin-top: var(--gap-24); border-top: 1px solid var(--stroke-grey); } :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-icons :is(span.blog-post-writer, .blog-post-Time-container) { display: none; } :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date { } :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date i.fa.fa-calendar { display: none; } :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date:before { content: ""; width: var(--gap-8); height: auto; aspect-ratio: 1; background: var(--green-100); display: inline-block; border-radius: 50%; margin-inline-end: var(--gap-8); } @media(min-width: 1025px) { :is(div, #BlogModule) .blog-post .blog-post-image a img { transition: 0.3s ease all; } :is(div, #BlogModule) .blog-post:hover .blog-post-image a img { transform: scale(1.1); } :is(div, #BlogModule) .blog-post .blog-post-content { min-height: var(--gap-190); display: flex; flex-direction: column; } :is(div, #BlogModule) .blog-post .blog-post-content .blog-post-icons { margin-top: auto; } } @media(max-width: 1025px) { :is(div, #BlogModule) .blog-post { min-width: 300px; } :is(div, #BlogModule) .blog-post .blog-post-image { overflow: initial; } } /*------------------------------------------/* BLOG-POSTS LOBBY /*------------------------------------------*/ #BlogModule .blog-posts { direction:ltr; display: grid; grid-template-columns: repeat(4,1fr); gap: var(--gap-10); padding-inline: var(--gap-200); } @media(min-width: 1025px) { } @media(max-width: 1025px) { #BlogModule .blog-posts { grid-template-columns: repeat(1,1fr); padding-inline: 16px; } #BlogModule .blog-posts .blog-post .arrow { width: var(--gap-32); right: unset; left: 8px; bottom: 8px; } } /*------------------------------------------/* SECTIONS /*------------------------------------------*/ #allSectionsWrapper .section { /* background: #f7f7f7; */ } .section-title h2 span { color: var(--blue-100); } #allSectionsWrapper .section.grid-content-section.running-numbers { } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes { padding-inline: var(--gap-200); padding-top: var(--gap-100); gap: var(--gap-16); } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box { padding: var(--gap-30); height: var(--gap-320); text-align: start; display: flex; flex-direction: column; background: var(--white); 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); border-radius: 10px; } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-8); } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; margin: 0; display: flex; } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 a { color: var(--blue-100); text-align: start; } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-subtitle { } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext { margin-top: auto; /* display: block; */ } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext p { color: var(--text-grey); } #allSectionsWrapper .section.grid-content-section.sliding-cards { height: calc(100vh + var(--gap-240)); } #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title { text-align: center; padding-block: var(--gap-140) var(--gap-80); width: 50%; margin-inline: auto; } #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title h2 { text-align: center; } #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title h2 span { font-family: var(--font-2); } #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title h3 { margin-top: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes { gap: var(--gap-20); width: 70%; margin-inline: auto; justify-content: center; height: 150vh; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box { background: white; width: var(--gap-360); height: var(--gap-460); text-align: start; border-radius: 10px; padding: var(--gap-32); overflow: hidden; box-shadow: 1px 1px 0px 0 rgba(0, 0, 0, 0.02), 0 4px 68px 0 rgba(0, 0, 0, 0.06); backdrop-filter: blur(40px); display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-text-container { padding: var(--gap-20); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-title { margin-bottom: var(--gap-4); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-number { font-family: var(--font-2); font-size: clamp(13px,var(--fs-13),300px); width: var(--gap-40); height: auto; align-content: center; aspect-ratio: 1; text-align: center; margin-inline-start: auto; color: var( --black); background: var( --green); border-radius: 4px; margin-top: var( --gap-20); line-height: 0.8; letter-spacing: 0.91px; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-16); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; margin: 0; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-title h3 a { color: var(--white); display: block; font-size: clamp(30px,var(--fs-38),300px); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-subtitle { } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-subtitle span { color: var(--white); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-subtitle ul { list-style: none; padding: 0; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-subtitle ul li:before { content: ""; min-width: var(--gap-14); height: auto; aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/704031.svg"); display: inline-block; margin-inline-end: var(--gap-8); background-position: center; background-repeat: no-repeat; background-size: contain; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-fulltext { margin-top: auto; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-fulltext :is(p,span) { color: var(--white); } #allSectionsWrapper .section.grid-content-section.blue-cards { padding: var(--gap-200); background-image: url("https://media.getmood.io/warehouse/dynamic/706273.webp"); background-position: top; background-repeat: no-repeat; } #allSectionsWrapper .section.grid-content-section.blue-cards .section-topText { margin-bottom: var(--gap-100); margin-inline: auto; width: 75%; } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes { gap: var(--gap-16); } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box { background: var(--blue-100); padding: var(--gap-24); position: relative; text-align: start; border-radius: 10px; display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-image { width: var(--gap-64); position: absolute; right: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-8); padding-inline-end: var(--gap-140); } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; margin: 0; } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-title h3 a { color: white; } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-subtitle { width: 75%; } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-subtitle span { color: var(--white); } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-fulltext { margin-top: auto; } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-fulltext p { color: var(--white); } #allSectionsWrapper .section.grid-content-section.map { height: calc(100vh - var(--headerHeight)); background-image: url("https://media.getmood.io/warehouse/dynamic/704028.svg"); background-position: center; background-size: cover; position: relative; } #allSectionsWrapper .section.grid-content-section.map .section-title { z-index: 10; position: absolute; width: 24%; text-align: start; top: var(--gap-140); left: var(--gap-160); } #allSectionsWrapper .section.grid-content-section.map .section-title h2 { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.map .section-title :is(h2,h3) { text-align: start; color: var(--white); } #allSectionsWrapper .section.grid-content-section.map .grid-boxes { height: 100%; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container { position: absolute; width: var(--gap-30); height: auto; aspect-ratio: 1; /* background: var(--blue-100); */ border-radius: 50%; align-content: center; transition: 0.3s ease all; cursor: pointer; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box { max-height: 0; overflow: hidden; position: absolute; opacity: 0; width: 11.771vw; text-align: start; background: white; border-radius: 10px; right: 100%; bottom: 50%; transform: translateY(50%); transition: 0.3s ease all; backdrop-filter: blur(4px); background: rgba(247, 247, 247, 0.80); } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box .grid-box-image { padding: var(--gap-6); padding-bottom: 0; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box .grid-box-image img { border-radius: 8px; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box .grid-box-title { padding-inline: var(--gap-16); margin-block: var(--gap-16); display: block; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box .grid-box-title h3 { font-size: unset; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box .grid-box-subtitle { padding-inline: var(--gap-16); padding-bottom: var(--gap-16); width: 50%; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box .grid-box-subtitle span { color: var(--text-grey); } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box .arrow { background: var(--green-100); right: var(--gap-16); bottom: var(--gap-16); } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .circle { width: var(--gap-12); height: auto; aspect-ratio: 1; background: var(--blue-100); margin-inline: auto; border-radius: 50%; overflow: visible; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .circle:after { content: ""; display: block; width: var(--gap-30); height: auto; aspect-ratio: 1; background: var(--blue-100); opacity: 0.24; position: absolute; left: 0; bottom: 0; transform: translate(-50%,50%); border-radius: 50%; animation: pulseWidth 2s ease-in-out infinite; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box.active { max-height: 10000px; opacity: 1; z-index: 2; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box.active .grid-box-image { } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box.active .grid-box-image .grid-box-image-container { } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .grid-box.active .grid-box-image .grid-box-image-container a { } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container:hover { /* transform: scale(1.1); */ } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container:hover .circle { background: var(--green-100); } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container:hover .circle::after { background: var(--green-100); } #allSectionsWrapper .section.grid-content-section.cert-cards { padding: var(--gap-200); } #allSectionsWrapper .section.grid-content-section.cert-cards .section-title { width: 50%; margin-inline: auto; margin-bottom: var(--gap-64); } #allSectionsWrapper .section.grid-content-section.cert-cards .section-title h2 { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes { gap: var(--gap-16); display: grid; grid-template-columns: repeat(3,1fr); } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box { display: flex; width: 100%; background: white; 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); max-height: var(--gap-200); border-radius: 10px; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-image { max-width: var(--gap-200); aspect-ratio: 1; height: auto; padding: var(--gap-8); border-radius: 8px; display: flex; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-image .grid-box-image-container { /* width: 184PX; */ height: auto; padding: var(--gap-56) var(--gap-48); background: var(--light-grey-bg); flex: 1; border-radius: 8px; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.box-image-animation { width: 100%; overflow: visible; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.box-image-animation img { height: auto; aspect-ratio: 1; object-fit: fill; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-content { text-align: start; flex: 1; padding: var(--gap-24); display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-title { margin-bottom: var(--gap-8); } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle { /* padding-bottom: var(--gap-24); */ display: flex; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-fulltext { margin-top: auto; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-fulltext p span { color: var(--grey); } #allSectionsWrapper .section.grid-content-section.timeline-sec { /* display: flex; */ text-align: center; background-image: url("https://media.getmood.io/warehouse/dynamic/706273.webp"); background-repeat: no-repeat; background-size: contain; } #allSectionsWrapper .section.grid-content-section.timeline-sec > * { flex: 1; } #allSectionsWrapper .section.grid-content-section.timeline-sec .section-title { top: 20%; /* height: fit-content; */ /* aspect-ratio: 1; */ display: block; align-content: baseline; text-align: left; padding-block: var(--gap-200) var(--gap-100); padding-inline: var(--gap-200); } #allSectionsWrapper .section.grid-content-section.timeline-sec .section-title h2 { margin-bottom: var(--gap-24); /* top: 20%; */ } #allSectionsWrapper .section.grid-content-section.timeline-sec .section-title h3 { text-align: center; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes-wrapper { position: relative; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes { flex-direction: column; position: relative; padding-inline: var(--gap-200); gap: var(--gap-140); } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes::before { display: none; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box { width: 100%; display: flex; gap: var(--gap-140); min-height: var(--gap-460); } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box:before { /* content: ""; */ width: 12px; height: auto; aspect-ratio: 1; display: inline-block; background: var(--black); border-radius: 50%; position: absolute; left: -20.2%; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-40); position: relative; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--font-3); font-size: clamp(88px,var(--fs-88),300px); } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-title h3 a { color: var(--blue-100); } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-fulltext { } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box:nth-child(odd) { } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box:nth-child(even) { direction: rtl; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-first { text-align: end; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-first .grid-box-image { width: 500px; margin-inline-start: auto; border-radius: 10px; overflow: hidden; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second { text-align: left; height: fit-content; position: sticky; top: calc(var(--headerHeight) + var(--gap-22)); } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > * { width: 62%; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext { } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext::before { display: none; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-subtitle { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext p { color: var(--text-grey); } #allSectionsWrapper .section.grid-content-section.timeline-sec .timeline { height: 100%; position: absolute; z-index: 1; inset-inline-end: 50%; transform: translateX(-50%); background: var(--blue-100); width: 3px; border-radius: var(--gap-4); text-indent: -9999px; } #allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper { height: 100%; display: flex; flex-direction: column; align-items: center; background: var(--stroke-grey); } #allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper .timeline-wrapper-line { position: absolute; top: 0; width: 100%; background: var(--blue-100); height: 100%; transform: scaleY(0); z-index: 0; } #allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper .timeline-item:last-child { b; background: #f7f7f7 !important; z-index: 2; } #allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper .timeline-item .timeline-item-inner { position: relative; height: var(--gap-10); width: var(--gap-10); border-radius: 50%; background: var(--light-grey); outline-offset: 5px; /* border: 1px solid; */ /* transition: 0.3s ease all; */ outline: 10px solid var(--light-grey-bg); outline-offset: 0px !important; } #allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper .timeline-item .timeline-item-inner:before { /* content: ""; */ position: absolute; display: block; width: var(--gap-14); height: var(--gap-14); bottom: 0; left: 0; border: 1px solid var(--black); transition: 0.3s ease all; } #allSectionsWrapper .section.grid-content-section.team { padding: var(--gap-140) var(--gap-200); } #allSectionsWrapper .section.grid-content-section.team .section-title { margin-bottom: var(--gap-64); } #allSectionsWrapper .section.grid-content-section.team .section-title h2 { margin-bottom: var(--gap-24); } #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); } #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; margin-top: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle { margin-block: var(--gap-8) var(--gap-24); } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle span { color: var(--text-grey); } #allSectionsWrapper .section.grid-contents { padding: var(--gap-200); } #allSectionsWrapper .section.grid-contents .section-title { margin-bottom: var(--gap-64); } #allSectionsWrapper .section.grid-contents .section-title h2 { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-contents .section-title h3 { margin-bottom: var(--gap-16); width: 50%; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section { } #allSectionsWrapper .section.grid-text-section .section-title { display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content { /* margin-bottom: var(--gap-64); */ width: 35%; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content h2 { padding-block: var(--gap-24) var(--gap-16); } #allSectionsWrapper .section.grid-form-section { margin-top: var(--headerHeight); } #allSectionsWrapper > .section.grid-form-section { background-image: url("https://media.getmood.io/warehouse/dynamic/706274.webp"); background-position: top; background-repeat: no-repeat; background-size: auto; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg { display: flex; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject { padding: 0; border: none; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject h3.dynamicFormObjectTitle { display: none; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText #headline h1 { text-align: start; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject::after { display: none; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText #headline { margin: 0; margin-top: var(--gap-100); padding-inline-start: var(--gap-200); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields { margin: 0; padding-inline: var(--gap-200); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: unset; margin: 0; padding-block: var(--gap-40); text-align: start; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form { } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-wrap: wrap; column-gap: var(--gap-10); row-gap: var(--gap-24); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { padding: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper,.textarea-wrapper) { } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper,.textarea-wrapper) :is(input,textarea) { margin: 0; border: none; border-bottom: 1px solid var(--text-grey); border-radius: 0; color: var(--text-grey); box-shadow: none; padding-inline-start: var(--gap-10); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper,.textarea-wrapper)::before { left: 0; color: var(--grey); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField:not(.textareaField, .checkboxField) { width: var(--gap-160); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper,.textarea-wrapper) :is(input,textarea)::placeholder { color: var(--text-grey); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper,.textarea-wrapper) :is(input,textarea)::placeholder { color: var(--grey); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper,.textarea-wrapper) :is(input,textarea):focus { border: none !important; border-bottom: 1px solid var(--text-grey) !important; outline: none; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper,.textarea-wrapper):not(.must) :is(input,textarea) #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin: 0; text-align: start; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { display: flex; align-items: baseline; gap: 10px; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { color: var(--text-grey); text-align: start; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { width: fit-content; padding: 0; margin-top: var(--gap-32); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit { min-width: var(--gap-120); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset input.form-submit { width: fit-content; height: unset; width: var(--gap-140); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText { margin-bottom: var(--gap-56); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText ul { padding: 0; list-style: none; display: flex; gap: var(--gap-16); text-align: start; white-space: nowrap; margin: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText ul li:after { margin: 0 !important; margin-inline-start: var(--gap-16) !important; } #allSectionsWrapper .section.grid-blog { padding: var(--gap-200); background-image: url("https://media.getmood.io/warehouse/dynamic/706273.webp"); background-position: center; background-repeat: no-repeat; background-size: cover; } #allSectionsWrapper .section.grid-blog .section-title { margin-bottom: var(--gap-64); } #allSectionsWrapper .section.grid-blog .section-title h2 { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-blog .section-title h3 { margin-bottom: var(--gap-16); } #allSectionsWrapper .section.grid-blog .grid-boxes { gap: var(--gap-16); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { padding-block: var(--gap-200); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title { margin-bottom: var(--gap-64); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title h2 { margin-bottom: var(--gap-24); } #allSectionsWrapper > .section:last-child { background-image: url("https://media.getmood.io/warehouse/dynamic/707550.webp"); background-position: bottom; background-repeat: no-repeat; } #allSectionsWrapper .section.grid-image-section { z-index: 1; } @media(min-width: 1025px) { #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg .gridFormImgContainer { position: sticky; top: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg .gridFormImgContainer img { height: calc(100vh - var(--headerHeight)); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject { min-height: calc(100vh - var(--headerHeight)); padding-bottom: var(--gap-60); } #allSectionsWrapper .section.grid-image-section .image-section-data { height: unset; } #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title { padding-top: var(--gap-180); } #allSectionsWrapper .section.grid-content-section.running-numbers { padding-bottom: var(--gap-120); } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box > * { flex: 1; } #allSectionsWrapper .section.grid-gallery-section.partners { padding: var(--gap-200); padding-top: 0; } #allSectionsWrapper .section.grid-gallery-section.partners .section-title { margin-bottom: var(--gap-64); } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .box-wrapper { overflow: hidden; height: var(--gap-320); margin-block: var(--gap-24); width: auto; aspect-ratio: 1; display: flex; border-radius: 10px; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box:hover .boxes-images-outer-image .box-image { transform: scale(1.1); } #allSectionsWrapper .section.grid-gallery-section.slider .gallery-container img { max-height: 31.25vw; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container:first-child { right: 26%; top: 28%; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container:nth-child(2) { right: 22%; top: 91%; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container:nth-child(3) { right: 29%; top: 52%; } } @media(max-width: 1025px) { #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content { width: 100%; } #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content h2 { padding-block: 20px 0; } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes { flex-direction: column; padding-inline: 20px; padding-block: 20px; gap: 12px; } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box { padding: 24px; height: 160px; } #allSectionsWrapper .section.grid-content-section.sliding-cards { height: unset; padding-bottom: 160px; } #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title { width: 100%; padding-top: 120px; padding-inline: 20px; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes { flex-direction: column; width: 100%; height: unset; padding-inline: 71px; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box { width: 100%; height: unset; padding: 24px; min-width: 300px; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-title h3 a { font-size: 20px; } #allSectionsWrapper .section.grid-content-section.blue-cards { padding: 72px 20px 24px; padding-inline: 20px 0; padding-bottom: 0; text-align: start; background: none; } #allSectionsWrapper .section.grid-content-section.blue-cards .section-topText { width: 100%; margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes { overflow: auto; } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box { min-width: 300px; } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-image { position: static; width: 40px; margin-bottom: 24px; } #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-subtitle { width: 100%; height: 175px; } #allSectionsWrapper .section.grid-content-section.cert-cards { padding: 72px 20px; } #allSectionsWrapper .section.grid-content-section.cert-cards .section-title { width: 100%; text-align: start; margin-bottom: 24px; } #allSectionsWrapper .section.grid-content-section.cert-cards .section-title h2 { text-align: start; margin-bottom: 12px; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes { display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-image { max-width: 140px; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-image .grid-box-image-container { padding: 29px; height: fit-content; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.box-image-animation { height: fit-content; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-content { padding: 12px; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-title { margin-bottom: 3px; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle { padding-bottom: 20px; } #allSectionsWrapper .section.grid-content-section.cert-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle span { color: var(--text-grey); } #allSectionsWrapper .section.grid-content-section.map { background-image: url("https://media.getmood.io/warehouse/dynamic/706373.svg"); background-position: center; background-size: cover; height: 500px; } #allSectionsWrapper .section.grid-content-section.map .section-title { top: 20px; left: 20px; width: 66%; } #allSectionsWrapper .section.grid-content-section.map .section-title h2 { margin-bottom: 12px; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container { width: 15px; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container:first-child { right: 31.3%; top: 50%; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container:nth-child(2) { right: 28.5%; top: 92%; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container:nth-child(3) { right: 18%; top: 37%; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .circle { width: 8px; } #allSectionsWrapper .section.grid-content-section.map .grid-boxes .circle-container .circle:after { width: 16px; bottom: -7%; } #allSectionsWrapper .section.grid-contents { padding-top: 72px; padding-inline: 20px 0; padding-bottom: 0; } #allSectionsWrapper .section.grid-contents .section-title { margin-bottom: 24px; text-align: start; } #allSectionsWrapper .section.grid-contents .section-title h2 { margin-bottom: 12px; text-align: start; } #allSectionsWrapper .section.grid-contents .section-title h3 { width: 100%; } #allSectionsWrapper .section.grid-blog { padding-block: 72px; padding-inline: 20px 0; } #allSectionsWrapper .section.grid-blog .section-title { margin-bottom: 24px; text-align: start; } #allSectionsWrapper .section.grid-blog .section-title h2 { margin-bottom: 12px; text-align: start; } #allSectionsWrapper .section.grid-blog .grid-boxes { gap: 12px; overflow: auto; } #allSectionsWrapper .section.grid-gallery-section.slider .gallery-container img { width: 335px; height: 280px; object-fit: cover; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg { flex-direction: column-reverse; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg .gridFormImgContainer { height: auto; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg .gridFormImgContainer img { height: 100%; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject { margin: 0; padding-bottom: 72px; float: none; width: 100%; display: block; max-width: 100% !important; background-image: url("https://media.getmood.io/warehouse/dynamic/706276.webp"); background-position: top; background-repeat: no-repeat; background-size: contain; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText { margin: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText #headline { margin-top: 48px; padding-inline: 20px; font-size: unset; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields { padding-inline: 20px; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; padding-block: 20px 40px; color: var(--text-grey); } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset { flex-direction: column; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField:not(.textareaField, .checkboxField) { width: 100%; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper,.textarea-wrapper) :is(input,textarea) { box-shadow: none; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { display: flex; flex-direction: row; gap: 8px; align-items: flex-start; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText ul { flex-direction: column; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText ul li { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; font-size: 16px; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields .dynamicFormEndText ul li::after { content: ""; width: var(--gap-8); height: auto; aspect-ratio: 1; display: inline-block; background: var(--green-100); border-radius: 50%; margin-inline: 0 var(--gap-16) !important; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { margin-top: 0; width: 100%; } #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields form fieldset input.form-submit { width: 100%; } #allSectionsWrapper .section.grid-content-section.timeline-sec { background-image: none; } #allSectionsWrapper .section.grid-content-section.timeline-sec .section-title { padding-inline: 20px; padding-block: 72px 80px; } #allSectionsWrapper .section.grid-content-section.timeline-sec .section-title h2 { margin-bottom: 12px; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes { padding-inline: 20px; gap: 0; z-index: 1; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box { min-height: 0; gap: 42px; flex-wrap: wrap; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-title h3 { display: flex; justify-content: center; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second { display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second { position: static; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle { margin-bottom: 8px; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle span { display: flex; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .timeline-wrapper-second > * { width: 100%; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box .grid-box-image { width: 280px; margin-inline-start: auto; padding-block: 80px; order: 1; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box > *:not(.grid-box-image) { flex: 1; min-height: 0; margin-bottom: 80px; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box img { border-radius: 10px; } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box.lastItem { } #allSectionsWrapper .section.grid-content-section.timeline-sec .grid-boxes .grid-box.lastItem .grid-box-image { display: none; } #allSectionsWrapper .section.grid-content-section.timeline-sec .timeline .timeline-wrapper .timeline-item .timeline-item-inner { width: 9px; height: 9px; } #allSectionsWrapper .section.grid-content-section.team { padding-inline: 0; padding-top: 72px; padding-bottom: 0; background: #f7f7f7; } #allSectionsWrapper .section.grid-content-section.team .section-title h2 { text-align: start; margin-bottom: 12px; } #allSectionsWrapper .section.grid-content-section.team .section-title { padding-inline: 20px; margin-bottom: 24px; } #allSectionsWrapper .section.grid-content-section.team .section-title h3 { text-align: start; } #allSectionsWrapper .section.grid-content-section.team .grid-boxes { display: flex; justify-content: flex-start; overflow: auto; padding-inline: 20px; background: none; padding-block: 12px 72px; } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box { min-width: 300px; text-align: start; border-radius: var(--mobile-corner-radius-big, 6px); background: var(--white, #FFF); /* shadow for cards */ 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); } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-title { margin-top: 16px; } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle { margin-block: 8px 16px; } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box :is(.grid-box-title,.grid-box-subtitle) { margin-inline-start: 16px; } } /*------------------------------------------/* PAGES /*------------------------------------------*/ body.home-page #main-header { transform: translateY(-100%); transition-delay: 2.5s; transition-duration: 0.5s; } body.home-page.shown #main-header { transform: unset; } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container { width: 120%; height: 120%; display: block; position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,50%); } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container .mouse-move { position: absolute; width: var(--gap-200); height: var(--gap-40); background-position: center; background-size: contain; background-repeat: no-repeat; } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container .mouse-move.inverted-x { background-image: url("https://media.getmood.io/warehouse/dynamic/707565.svg"); top: 70%; } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container .mouse-move.inverted-y { background-image: url("https://media.getmood.io/warehouse/dynamic/707566.svg"); right: -3%; } body.home-page #home-gallery .hero-lottie-wrapper { background-position: center; background-image: url("https://media.getmood.io/warehouse/dynamic/706277.webp"); position: relative; z-index: 1; background-repeat: no-repeat; background-size: contain; background-position: top; } body.home-page #home-gallery .opacity-layer { display: none; } body.home-page #home-gallery .gallery-caption.caption-text { top: 50%; transform: translate(-50%,-50%); } body.home-page #home-gallery .gallery-caption.caption-text .gallery-text { font-size: unset; text-align: center; } body.home-page #home-gallery .gallery-caption.caption-text .gallery-text > span { text-align: center; padding-block: var(--gap-32); display: block; } body.home-page #home-gallery .gallery-caption.caption-text .gallery-text h1 span { color: var(--blue-100); } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:first-child { background: var(--blue-100); } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(2) { background: var(--green-100); } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:last-child { background: var(--black); } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(2) .grid-box-title h3 a { color: var(--black); } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(2) .grid-box-subtitle { } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(2) .grid-box-subtitle span { color: var(--black); } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(2) .grid-box-fulltext { } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(2) .grid-box-fulltext p { color: var(--text-grey); } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(2) .grid-box-fulltext::before { background: var(--blue-100); } body.home-page #allSectionsWrapper .section.grid-content-section.blue-cards .section-title { margin-bottom: var(--gap-24); } body.home-page #allSectionsWrapper .section.grid-text-section .section-title { margin-bottom: var(--gap-64); } body:not(.home-page, .solutions,.about) #allSectionsWrapper { background-image: url(https://media.getmood.io/warehouse/dynamic/706273.webp); background-position: top; background-size: contain; background-repeat: no-repeat; } body:not(.home-page) #allSectionsWrapper .section.grid-text-section { } body:not(.home-page) #allSectionsWrapper .section.grid-text-section .grid-text.gridTextWithImg { padding-inline: var(--gap-200); } body:not(.home-page) #allSectionsWrapper .section.grid-text-section .grid-text.gridTextWithImg img { border-radius: 10px; } body.solutions #GridPage { background-image: url(https://media.getmood.io/warehouse/dynamic/706273.webp); background-position: top; background-repeat: no-repeat; background-size: auto; } body.solutions :is(div,#LobbyModule) #lobbyview { display: none; } body.solutions #allSectionsWrapper { background: none; } body.solutions #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content { margin: 0; } body.solutions #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); } body.solutions #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-subtitle ul li { color: var(--text-grey); display: flex; align-items: baseline; } body.solutions #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-fulltext span { color: var(--text-grey); } body.solutions #allSectionsWrapper .section.grid-content-section.blue-cards { background-image: none; padding-top: 30px; } body.solutions #allSectionsWrapper .section.grid-content-section.blue-cards .section-title { margin-bottom: var(--gap-64); } body.solutions #allSectionsWrapper .section.grid-content-section.blue-cards .section-title h2 { margin-bottom: var(--gap-24); } body:is(.solutions,.about) #allSectionsWrapper .section.grid-text-section .section-title { padding-block: var(--gap-100) var(--gap-140); width: 40%; margin-inline: auto; } body.contact :is(div,#LobbyModule) #lobbyview { display: none; } body.knowledge #SiteGrid { background-image: url("https://media.getmood.io/warehouse/dynamic/706273.webp"); background-position: top; background-repeat: no-repeat; background-size: contain; } body.knowledge .blogmain-header { padding-block: var(--gap-100) var(--gap-140); text-align: center; } body.knowledge .blogmain-header #headline { font-size: unset; margin: 0; } body.knowledge .blogmain-header #subheadline { padding-block: var(--gap-40); } body.knowledge .blogmain-header #subheadline h2 { color: var(--black); margin: 0; } body.knowledge .blog-tags { padding: 0; padding-bottom: var(--gap-56); } body.knowledge .blog-tags nav.blog-tags-list ul { display: flex; justify-content: center; gap: var(--gap-24); } body.knowledge .blog-tags nav.blog-tags-list ul li { margin: 0; } body.knowledge .blog-tags nav.blog-tags-list ul li.active a { color: var(--blue-100); border-color: var(--blue-100); } body.knowledge .blog-tags nav.blog-tags-list ul li.active a.yellow-btn { pointer-events: none; } body.knowledge .blog-tags nav.blog-tags-list ul li.active a.yellow-btn::before { color: var(--blue-100); } body.knowledge.contentInnerPage .blogmain-header { display: none; } body.knowledge.contentInnerPage #BlogView #text1, #BlogView #text2 { width: 41.667vw; } body.knowledge.contentInnerPage #BlogView :is(#text1, #text2) :is(p) { color: var(--text-grey); } body.knowledge.contentInnerPage #BlogModule .blog-view #headline { margin-top: var(--gap-70); margin-bottom: var(--gap-40); width: 63%; margin-inline: auto; } body.knowledge.contentInnerPage #BlogModule .blog-view h2 { width: 33%; text-align: center; margin-inline: auto; color: var(--black); } body.knowledge.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-16); } body.knowledge.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; } body.knowledge.contentInnerPage #BlogModule .share-strip a { background-position: center; background-repeat: no-repeat; background-size: contain; border: none; } body.knowledge.contentInnerPage #BlogModule .share-strip a i { opacity: 0; } body.knowledge.contentInnerPage #BlogModule .share-strip a.share-icon.fbShare { background-image: url("https://media.getmood.io/warehouse/dynamic/704023.svg"); } body.knowledge.contentInnerPage #BlogModule .share-strip a.share-icon.twitterShare { background-image: url("https://media.getmood.io/warehouse/dynamic/704026.svg"); } body.knowledge.contentInnerPage #BlogModule .share-strip a.share-icon.whatsappShare { background-image: url("https://media.getmood.io/warehouse/dynamic/704025.svg"); } body.knowledge.contentInnerPage #BlogModule .share-strip span { text-transform: lowercase; margin-inline-end: 12px; } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time span { margin: 0; color: var(--black); } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time span i { display: none; } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time span::after { margin: 0; margin-inline-start: var(--gap-16); } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container { margin: 0; } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container svg { display: none; } body.knowledge.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.knowledge #TagView { padding-bottom: var(--gap-200); } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts { padding-bottom: var(--gap-200); } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts > h2 { margin-bottom: var(--gap-64); text-align: center; } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts .share-strip { margin: 0; margin-block: var(--gap-56) var(--gap-140); margin-inline: auto; } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts { display: flex; justify-content: center; align-items: center; width: 100%; } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts .blog-post { max-width: var(--gap-360); } body:is(.about, .solutions, .knowledge) #GridPage { margin-top: var(--headerHeight); background-image: url("https://media.getmood.io/warehouse/dynamic/706273.webp"); background-repeat: no-repeat; background-position: top; background-size: contain; } body.about :is(div,#LobbyModule) #lobbyview { display: none; } body.about #allSectionsWrapper { background: none; } body.about #allSectionsWrapper .section.grid-text-section { padding-bottom: var(--gap-200); background: none; } body.about #allSectionsWrapper .section.grid-text-section.blue-bg { padding: 0; background: var(--blue-100); } body.about #allSectionsWrapper .section.grid-text-section.blue-bg .section-title { color: var(--white); } body.about #allSectionsWrapper .section.grid-text-section.blue-bg .section-title h2 { color: var(--white); margin-bottom: var(--gap-64); } @media(min-width: 1025px) { #home-gallery .slider-bg.stellar-bg { background-image: none !important; } body.home-page #home-gallery .gallery-caption.caption-text { width: 54%; } body.home-page #home-gallery .hero-lottie-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(250, 250, 250, 0.00) 58.92%, #F7F7F7 100%); left: 0; } body.home-page #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box { height: var(--gap-220); } body:is(.solutions,.about) #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content { width: 100%; } body:is(.solutions,.about) #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content h2 { color: var(--black); } body.about #allSectionsWrapper .section.grid-text-section img { border-radius: 10px; } body.about #allSectionsWrapper .section.grid-text-section.blue-bg .grid-text-content p { color: white; } body.solutions #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-24); } body.contact #PageBreadCrumps { padding-bottom: 0 !important; } } @media(max-width: 1025px) { #home-gallery { background: url("https://media.getmood.io/warehouse/dynamic/704059.webp"); background-repeat: no-repeat; background-position: center; background-size: cover; } #home-gallery .slider-bg.stellar-bg { background-image: none !important; } body.home-page #main-header { background: none; transition-delay: unset; } body.home-page #main-header.bg { background: rgba(247, 247, 247, 0.80); } body.home-page #home-gallery .hero-lottie-wrapper { position: absolute; z-index: 1; background: none; bottom: 0; right: 0; width:100%; } body.home-page #home-gallery .hero-lottie-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(250, 250, 250, 0.00) 58.92%, #F7F7F7 100%); left: 0; } body.home-page #home-gallery .gallery-caption.caption-text .gallery-text > span { padding-block: 20px; } body.home-page #home-gallery .gallery-caption.caption-text { width: 100%; } body.home-page #home-gallery .gallery-caption.caption-text .gallery-text { white-space: normal; padding-inline: 20px; } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container { width: 100%; } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container .mouse-move.inverted-x { /* background-image: url("https://media.getmood.io/warehouse/dynamic/704012.svg"); */ background-image: none; width: fit-content; /* height: 40px; */ left: 20px; top: 99%; background-position: left; display: flex; align-items: center; gap: 8px; width: 192px; font-size: 14px; color: var(--blue-100); } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container .mouse-move.inverted-y { background-image: none; width: fit-content; /* height: 40px; */ right: 20px; top: -19%; background-position: left; display: flex; align-items: center; gap: 9px; width: 124px; font-size: 14px; color: var(--blue-100); } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container .mouse-move.inverted-y:before { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/704012.svg"); display: inline-block; width: 71px; height: auto; aspect-ratio: 1; right: 15%; top: -19%; background-position: left; background-position: center; background-repeat: no-repeat; background-size: contain; } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container .mouse-move.inverted-y:after { content: "100% SLA guarantee"; display: inline-block; line-height: 1.1; } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container .mouse-move.inverted-x:before { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/704014.svg); display: inline-block; width: 40px; height: auto; aspect-ratio: 1; right: 15%; top: -19%; background-position: left; background-position: center; background-repeat: no-repeat; background-size: contain; } body.home-page #home-gallery .gallery-caption.caption-text .mouse-move-container .mouse-move.inverted-x:after { content: ""; content: "AI-ready infrastructure"; display: inline-block; color: var(--green-120); line-height: 1.1; } body.home-page #allSectionsWrapper .section.grid-text-section .section-title { margin: 72px 20px 24px; text-align: start; } body.home-page #allSectionsWrapper .section.grid-text-section .section-title h2 { text-align: start; padding-block: 0 16px; } body.home-page #allSectionsWrapper .section.grid-content-section.blue-cards { background-image: url("https://media.getmood.io/warehouse/dynamic/706275.webp"); background-repeat: no-repeat; background-position: center top; background-size: cover; } body.home-page #allSectionsWrapper .section.grid-content-section.blue-cards .section-title { margin-bottom: 12px; } body.home-page #allSectionsWrapper .section.grid-content-section.blue-cards .section-title h2 { text-align: start; } body.home-page #allSectionsWrapper .section.grid-content-section.blue-cards .grid-boxes .grid-box .grid-box-subtitle { height: 90px; } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards { padding-bottom: 0; } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title { position: sticky; top: 0px; padding-bottom: 500px; } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes { /* position: sticky; */ /* bottom: 280px; */ gap: 280px; padding-bottom: 80px; } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box { min-width: 232px; min-height: 350px; position: sticky; top: 260px; } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(2) { top: 280px; } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(3) { top: 3px; } body.home-page #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(2) .grid-box-subtitle span { color: var(--text-grey); } body:not(.home-page) #allSectionsWrapper .section.grid-text-section .grid-text.gridTextWithImg { padding-inline: 20px; } body:not(.home-page) #allSectionsWrapper .section.grid-text-section .grid-text.gridTextWithImg img { border-radius: 10px; } body:is(.solutions,.about) #allSectionsWrapper .section.grid-text-section .section-title { padding-block: 48px 72px; padding-inline: 20px; width: 100%; } body.about #allSectionsWrapper .section.grid-text-section { padding-bottom: 20px; } body.about #allSectionsWrapper .section.grid-text-section.blue-bg .section-title { text-align: start; padding-block: 72px; } body.about #allSectionsWrapper .section.grid-text-section.blue-bg .section-title h2 { text-align: start; margin-bottom: 12px; } body.about #allSectionsWrapper .section.grid-text-section.blue-bg .section-title .grid-text-content p { color: var(--white); font-size: 16px; } body.solutions #allSectionsWrapper .section.grid-content-section.sliding-cards { padding-bottom: 0; } body.solutions #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title { padding-block: 72px 24px; text-align: start; } body.solutions #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title h2 { text-align: start; } body.solutions #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title h3 { text-align: start; margin-top: 12px; font-size: 16px; } body.solutions #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes { padding-inline: 20px 0; padding-bottom: 42px; flex-direction: row; overflow: auto; justify-content: flex-start; gap: 12px; } body.solutions #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-subtitle ul li { margin-bottom: 8px; } body.solutions #allSectionsWrapper .section.grid-content-section.blue-cards .section-title { margin-bottom: 24px; } body.solutions #allSectionsWrapper .section.grid-content-section.blue-cards .section-title :is(h2,h3) { text-align: start; margin-bottom: 12px; } body.knowledge #SiteGrid { background-image: url("https://media.getmood.io/warehouse/dynamic/706275.webp"); } body.knowledge .blog-tags { padding-bottom: 20px; } body.knowledge .blog-tags nav.blog-tags-list ul { border-bottom: 1px solid var(--stroke-grey); } body.knowledge .blog-tags nav.blog-tags-list ul li { display: flex; border: none; } body.knowledge .blog-tags nav.blog-tags-list ul li:not(.active) a { border: none; } body.knowledge .blogmain-header { padding-block: 48px 72px; padding-inline: 20px; } body.knowledge .blogmain-header #subheadline { padding-block: 20px; } body.knowledge .blogmain-header #subheadline h2 { font-size: 16px; } body.knowledge.contentInnerPage #BlogView #text1, #BlogView #text2 { width: 100%; padding-inline: 20px; margin: 0; max-width: 100%; } body.knowledge.contentInnerPage #BlogModule .blog-view .share-strip { display: none; } body.knowledge.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.knowledge.contentInnerPage #BlogModule .blog-view .share-strip a i { opacity: 0; } body.knowledge.contentInnerPage #BlogModule .blog-view .share-strip a.share-icon.fbShare { background-image: url("https://media.getmood.io/warehouse/dynamic/704023.svg"); } body.knowledge.contentInnerPage #BlogModule .blog-view .share-strip a.share-icon.twitterShare { background-image: url(https://media.getmood.io/warehouse/dynamic/704026.svg); } body.knowledge.contentInnerPage #BlogModule .blog-view .share-strip a.share-icon.whatsappShare { background-image: url("https://media.getmood.io/warehouse/dynamic/704025.svg"); } body.knowledge.contentInnerPage #BlogModule .blog-view #headline { width: 100%; padding-inline: 20px; /* text-align: start; */ margin: 0; margin-bottom: 20px; margin-top: 48px; display: flex; } body.knowledge.contentInnerPage #BlogModule .blog-view #headline h1 { text-align: start; } body.knowledge.contentInnerPage #BlogModule .blog-view h2 { width: 100%; padding-inline: 20px; text-align: start; color: var(--text-grey); } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time { padding-inline: 20px; margin-block: 20px 72px; gap: 10px; } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time :is(span,div) { display: flex; align-items: center; white-space: nowrap; } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons .blog-post-Time-Container div:after { display: none; } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container { } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container span { } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time .blog-post-Time-container span:after { display: none !important; } body.knowledge.contentInnerPage #BlogModule .blog-view .blog-post-icons.blog-date-time :is(span,div)::after { margin-inline-end: 0 !important; margin-inline-start: 10px; } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts { padding-bottom: 80px; 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.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts .share-strip { margin-block: 32px 72px; width: 100%; justify-content: flex-start; } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts .share-strip::after { display: block; position: relative; width: 84%; margin-inline: 17px; } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts h2 { text-align: start; margin-bottom: 24px; padding-inline: 20px; } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts > h2 { padding-inline: 0; } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts { padding-inline: 0; overflow: auto; justify-content: flex-start; direction: ltr; } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-image { } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-image .arrow { width: 40px; left: unset; right: 8px; } body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content h2.blog-post-title { padding-inline: 24px; margin-bottom: 8px; } body.knowledge #TagView { padding-bottom: 100px; } #allSectionsWrapper .section.grid-contents .section-title .content-section-Btn a.sec-button, #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content a, body.knowledge .blog-tags nav.blog-tags-list ul li a, .grid-blog .section-title .content-section-Btn a { color: var(--black); font-size: 14px; } #BlogMain { padding-bottom: 100px; } body:not(.knowledge.contentInnerPage) .blog-posts { padding-inline: 20px; grid-template-columns: repeat(1,1fr); gap: 12px; } body:not(.knowledge.contentInnerPage) .blog-posts .blog-post { display: flex; } body:not(.knowledge.contentInnerPage) .blog-posts .blog-post .blog-post-image { } body:not(.knowledge.contentInnerPage) .blog-posts .blog-post .blog-post-image a { } body:not(.knowledge.contentInnerPage) .blog-posts .blog-post .blog-post-image a img { width: 130px; height: 100%; object-fit: cover; } body:not(.knowledge.contentInnerPage) .blog-posts .blog-post .blog-post-content { padding-top: 12px; } body:not(.knowledge.contentInnerPage) .blog-posts .blog-post .blog-post-content h2.blog-post-title { padding-inline: 12px; } body:not(.knowledge.contentInnerPage) .blog-posts .blog-post .blog-post-content h2.blog-post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body:not(.knowledge.contentInnerPage) .blog-posts .blog-post .blog-post-content .blog-post-text { padding-inline: 12px; } body:not(.knowledge.contentInnerPage) .blog-posts .blog-post .blog-post-content .blog-post-icons { margin-top: 12px; padding: 12px; display: flex; } } /*------------------------------------------/* PROJECTS LOBBY /*------------------------------------------*/ #GridPage:has(#ContentGridShortModule) { background-image: url("https://media.getmood.io/warehouse/dynamic/706273.webp"); background-position: top; background-size: contain; background-repeat: no-repeat; } #ContentGridShortModule .grid-boxes-content { padding-inline: var(--gap-200); padding-block: var(--gap-200); row-gap: var(--gap-64); } #ContentGridShortModule:has(.grid-boxes-content) #headline { margin: 0; padding-block: var(--gap-100) var(--gap-140); } #ContentGridShortModule:has(.grid-boxes-content) #headline h1 { margin-bottom: var(--gap-40); } #ContentGridShortModule:has(.grid-boxes-content) #headline h1 span { color: var(--blue-100); } #ContentGridShortModule:has(.grid-boxes-content) #headline p { color: var(--black); } @media(min-width: 1025px) { } @media(max-width: 1025px) { #GridPage:has(#ContentGridShortModule) { background-image: url("https://media.getmood.io/warehouse/dynamic/706275.webp"); } #ContentGridShortModule:has(.grid-boxes-content) #headline { padding-block: 48px 72px; padding-inline: 20px; } #ContentGridShortModule:has(.grid-boxes-content) #headline h1 { margin-bottom: 20px; } #ContentGridShortModule:has(.grid-boxes-content) #headline p { color: var(--text-grey); } #ContentGridShortModule .grid-boxes-content { padding-inline: 20px; padding-bottom: 72px; grid-template-columns: repeat(1,1fr); gap: 40px; } } /*------------------------------------------/* PROJECT INNER PAGE /*------------------------------------------*/ body:has(.project-inner-page) { } body:has(.project-inner-page) #GridTop { display: none; } /*body:has(.project-inner-page) #GridPage { margin-top: var(--headerHeight); }*/ body:has(.project-inner-page) #GridPage #PageBreadCrumps { position: absolute; z-index: 10; } body:has(.project-inner-page) #GridPage #PageBreadCrumps span { color: var(--white); } body:has(.project-inner-page) #GridPage #PageBreadCrumps span:not(:last-child)::after { background: var(--white); } body:has(.project-inner-page) #GridPage .project-inner-page { } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner { height: calc(100vh - var(--headerHeight)); position: relative; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: black; opacity: 0.6; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner img { object-fit: cover; width: 100%; height: 100%; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content { position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-align: center; color: var(--white); height: 100%; padding-top: var(--gap-160); } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .section-title { margin-bottom: var(--gap-40); } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .section-title h1 { color: white; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-details { margin-bottom: var(--gap-40); width: 56%; margin-inline: auto; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-details h3.location { color: var(--white); margin-bottom: var(--gap-8); } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-details p { color: var(--white); } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content a.download-button { margin-bottom: 0; display: inline-block; /* background: var(--white); */ color: var(--black); display: inline-flex; align-items: center; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content a.download-button:after { /* content: ""; */ vertical-align: middle; /* margin-inline-start: var(--gap-8); */ } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items { display: flex; padding: var(--gap-40) var(--gap-200); justify-content: center; gap: var(--gap-8); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items .feature-box { border-radius: var(--gap-10); background: rgba(247, 247, 247, 0.80); /* blur */ backdrop-filter: blur(40px); padding: var(--gap-24); height: var(--gap-160); width: var(--gap-250); text-align: start; color: var(--black); display: flex; flex-direction: column; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items .feature-box span { display: inline-block; margin-bottom: var(--gap-40); color: var(--grey); } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items .feature-box p { color: var(--text-grey); } body:has(.project-inner-page) #allSectionsWrapper { } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section { padding-block: var(--gap-200); } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .section-title { margin-bottom: var(--gap-64); } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .section-title h2 { margin-bottom: var(--gap-64); } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content { display: flex; justify-content: center; gap: var(--gap-16); width: 54%; } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul { padding: 0; list-style: none; text-align: start; width: 47%; display: grid; grid-template-columns: repeat(2,1fr); width: 100%; column-gap: var(--gap-16); } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul li { min-height: var(--gap-50); padding-block: var(--gap-10); color: var(--text-grey); display: flex; } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul li:before { content: url("https://media.getmood.io/warehouse/dynamic/704031.svg"); margin-inline-end: var(--gap-16); } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul li:not(:first-child, :nth-child(2)) { border-top: 1px solid var(--stroke-grey); } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul li p { display: inline-block; } body:has(.project-inner-page) #allSectionsWrapper section.section.grid-gallery-section.slider .gallery-container .img-background-flex.slider > div { width: 65%; margin-inline: auto; float: none; border-radius: 31px; overflow: hidden; } body:has(.project-inner-page) #allSectionsWrapper section.section.grid-gallery-section.slider .gallery-container .img-background-flex.slider > div iframe { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; pointer-events: none; border: none; } body:has(.project-inner-page) #allSectionsWrapper section.section.grid-gallery-section.slider .gallery-container .img-background-flex.slider > div video { width: 100%; height: 123%; position: absolute; z-index: 1; left: 0; bottom: 0; background: none; } body:has(.project-inner-page) #allSectionsWrapper section.section.grid-gallery-section.slider .gallery-container .img-background-flex.slider > div:has(video) img { opacity: 0; } body:has(.project-inner-page) #allSectionsWrapper section.section.grid-gallery-section.slider .gallery-container .img-background-flex.slider > div:has(iframe) img { opacity: 0; } body:has(.project-inner-page) #allSectionsWrapper section.section.grid-gallery-section.slider .gallery-container .img-background-flex.slider > div .video-wrapper { height: 100%; position: absolute; width: 100%; pointer-events: all; cursor: pointer; z-index: 1000; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container { } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes { gap: var(--gap-16); } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box { padding: var(--gap-24); 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); border-radius: 10px; flex: 1; background: white; pointer-events: none; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image { aspect-ratio: unset; display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .box-image { width: var(--gap-320); height: auto; aspect-ratio: 1; /* margin-block: var(--gap-24); */ background: var(--light-grey-bg, #F7F7F7); transition: 0.3s ease all; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container { display: block; position: static; opacity: 1; text-align: start; background: none; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content { } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content h4 { font-size: unset; margin: 0; color: var(--black); margin-bottom: var(--gap-4); } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content p { color: var(--text-grey); } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image span { text-align: start; display: block; text-transform: capitalize; } #allSectionsWrapper .section.grid-gallery-section.slider .gallery-container img { border-radius: 10px; width: 100%; } #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-reverse; } #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 { border-radius: var(--desktop-corner-radius-big, 10px); background: var(--white, #FFF); 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); 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%; } @media(min-width: 1025px) { body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items .feature-box :is(h3,p) { margin-top: auto; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items .feature-box h3 { /* margin-top: var(--gap-40); */ } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content a.download-button { min-width: var(--gap-210); } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content a.download-button > img { width: var(--gap-18); height: var(--gap-18); z-index: 1; filter: invert(1); position: absolute; right: 5%; /* padding-inline-start: 36px; */ } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content a.download-button:before, body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content a.download-button:after { text-align: start; padding-inline: var(--gap-16); } body:has(.project-inner-page) #allSectionsWrapper section.section.grid-gallery-section.slider { padding-bottom: var(--gap-200); } } @media(max-width: 1025px) { body:has(.project-inner-page) #GridPage #PageBreadCrumps { position: static; } body:has(.project-inner-page) #GridPage #PageBreadCrumps span { color: var(--black); } body:has(.project-inner-page) #GridPage #PageBreadCrumps span:last-child { color: var(--blue-100); } body:has(.project-inner-page) #GridPage #PageBreadCrumps span:not(:last-child)::after { background: var(--black); } body:has(.project-inner-page) #GridPage .project-inner-page .project-intro-wrapper { padding-block: 48px 72px; padding-inline: 20px; text-align: center; } body:has(.project-inner-page) #GridPage .project-inner-page .project-intro-wrapper .section-title { margin-bottom: 20px; } body:has(.project-inner-page) #GridPage .project-inner-page .project-intro-wrapper .project-details { } body:has(.project-inner-page) #GridPage .project-inner-page .project-intro-wrapper .project-details h3.location { margin-bottom: 20px; } body:has(.project-inner-page) #GridPage .project-inner-page .project-intro-wrapper a.download-button { margin-top: 20px; display: inline-block; display: inline-flex; align-items: center; } body:has(.project-inner-page) #GridPage .project-inner-page .project-intro-wrapper a.download-button img { filter: invert(1); margin-inline-start: 6px; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner { width: 100%; height: auto; aspect-ratio: 1; overflow: auto; display: flex; align-items: end; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner img { position: absolute; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content { position: static; top: unset; bottom: 20px; width: 100%; transform: unset; display: block; align-content: end; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items { padding: 20px; justify-content: flex-start; overflow: auto; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items .feature-box { padding: 16px; min-width: 160px; width: unset; height: 74px; display: flex; flex-direction: column; justify-content: center; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items .feature-box span { display: none; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items .feature-box h3.feature-val { display: flex; align-items: center; font-size: 18px; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items .feature-box h3.feature-val:before { content: ""; width: 8px; height: 8px; background: var(--green-60); border-radius: 50%; display: inline-block; margin-inline-end: 8px; } body:has(.project-inner-page) #GridPage .project-inner-page .project-banner .project-content .project-items .feature-box p.feature-name { margin-top: 9px; color: var(--text-grey); } body:has(.project-inner-page) #allSectionsWrapper { background-image: none; background: #f7f7f7; } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section { padding-block: 72px; } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .section-title { margin: 0; } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .section-title .grid-text-content { flex-direction: column; padding-inline: 20px; gap: unset; width: 100%; } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .section-title h2 { margin-bottom: 24px; padding-inline: 20px; text-align: start; } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul { width: 100%; margin: 0; grid-template-columns: repeat(1,1fr); } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul li { height: unset; } body:has(.project-inner-page) #allSectionsWrapper .section.grid-text-section .grid-text-content ul:first-child li:last-child { border-bottom: 1px solid var(--stroke-grey); } #allSectionsWrapper .section.grid-gallery-section.partners { padding-block: 72px; padding-inline: 20px; } #allSectionsWrapper .section.grid-gallery-section.partners .section-title { margin-bottom: 24px; } #allSectionsWrapper .section.grid-gallery-section.partners .section-title h2 { text-align: start; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes { flex-direction: column; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box { padding: 0; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image { flex-direction: row; align-items: stretch; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image span:first-child { margin-top: auto; color: var(--text-grey); } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .box-image { min-width: 126px; margin: 0; margin: 8px; margin-inline-end: 12px; border-radius: 5px; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container { display: flex; flex-direction: column-reverse; height: auto; padding-block: 12px; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content { padding-inline-end: 12px; } #allSectionsWrapper .section.grid-gallery-section.partners .gallery-container .gallery-cubes .gallery-box .boxes-images-outer-image .image-link-container a.image-link-content h4 { margin-bottom: 3px; font-size: 16px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { padding-block: 72px; /* background: #f7f7f7; */ background-size: cover; background-position: right; background-image: url("https://media.getmood.io/warehouse/dynamic/707552.webp"); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title { margin-bottom: 24px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { height: 120px; width: 188px; } } /*------------------------------------------/* PAGE 404 /*------------------------------------------*/ body:has(.page-not-found) #PageBreadCrumps { display: none; } body:has(.page-not-found) #SiteGridContainer { align-content: center; background-image: url(https://media.getmood.io/warehouse/dynamic/706273.webp); background-position: top; background-size: contain; background-repeat: no-repeat; } body:has(.page-not-found) #SiteGrid { height: 100vh; 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); } @media(min-width: 1025px) { } @media(max-width: 1025px) { body:has(.page-not-found) #SiteGridContainer { background-image: url("https://media.getmood.io/warehouse/dynamic/706275.webp"); } .page-not-found #subheadline { padding-block: 20px; width: 100%; padding-inline: 20px; } .page-not-found #subheadline h2 { color: var(--text-grey); } } /*------------------------------------------/* FORM RESULT PAGE /*------------------------------------------*/ #SiteGridContainer:has(#FormResultPage) { align-content: center; background-image: url("https://media.getmood.io/warehouse/dynamic/706273.webp"); height: 100vh; } #FormResultPage div#headline { font-size: unset; margin-bottom: var(--gap-32); } #FormResultPage #text1 a.FormResultPageButton { margin-top: var(--gap-32) !important; } #FormResultPage #text1 p { color: var(--text-grey); } @media(min-width: 1025px) { #FormResultPage #text1 { width: 20%; } } @media(max-width: 1025px) { #FormResultPage div#headline { margin-bottom: var(--gap-20); } #FormResultPage #text1 a.FormResultPageButton { margin-top: var(--gap-20) !important; } #SiteGridContainer:has(#FormResultPage) { background-image: url("https://media.getmood.io/warehouse/dynamic/706275.webp"); background-position: top; background-repeat: no-repeat; background-size: cover; } } /*------------------------------------------/* FOOTER /*------------------------------------------*/ #SiteFooter { background: var(--blue-100); color: white; } #SiteFooter .footer-lottie-wrapper { position: absolute; z-index: 1; } #SiteFooter .footer-text-divided { position: relative; padding: var(--gap-64) var(--gap-200); display: flex; flex-direction: row-reverse; justify-content: space-between; z-index: 2; } #SiteFooter .footer-text-divided .footer-text-right { display: flex; text-align: start; justify-content: end; gap: var(--gap-64); padding: 0; } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item { } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul { padding: 0; display: flex; flex-direction: column; gap: var(--gap-8); } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul li { color: white; overflow: hidden; } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item h3 { margin-bottom: var(--gap-24); color: var(--white); opacity: 0.6; } #SiteFooter .footer-text-divided .footer-text-right ul { list-style: none; } #SiteFooter .footer-text-divided .footer-text-left { width: 50%; } #SiteFooter .footer-text-divided .footer-text-left p { color: var(--white); } #SiteFooter .footer-text-divided .footer-text-left p:has(a[title="linkedin"]) { display: flex; gap: var(--gap-12); } #SiteFooter .footer-text-divided .footer-text-left p:has(a[title="linkedin"]) a { background: white; width: var(--gap-48); height: auto; aspect-ratio: 1; padding: 7px; transition: 0.3s ease all; } #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-left p:has(a[title="linkedin"]) a:hover { background: var(--green-100) !important; } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul li a { position: relative; color: var(--blue-100); overflow: hidden; } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul li a::before, #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul li a::after { color: var(--white); } } @media(max-width: 1025px) { #SiteFooter { padding: 0; } #SiteFooter .footer-lottie-wrapper { left: 0; bottom: 0; width:100%; } #SiteFooter .text-center a.AccessabilityLink { margin: 0; } #SiteFooter .footer-text-divided { padding-inline: 0; padding-block: 40px; flex-direction: column-reverse; } #SiteFooter .footer-text-divided .footer-text-left { display: block; width: 100%; padding: 0; padding-bottom: 40px; border-bottom: 1px solid var(--stroke-grey); padding-inline: 20px; } #SiteFooter .footer-text-divided .footer-text-right { flex-direction: column; width: 100%; gap: 40px; padding-inline: 20px; padding-top: 40px; } #SiteFooter .footer-text-divided .footer-text-right > p { display: flex; gap: var(--gap-16); } #SiteFooter .footer-text-divided .footer-text-right > p a[title="linkedin"] { background-image: url("https://media.getmood.io/warehouse/dynamic/707721.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } #SiteFooter .footer-text-divided .footer-text-right > p a[title="linkedin"] img { opacity: 0; } #SiteFooter .footer-text-divided .footer-text-right > p a[title="X"] { background-image: url("https://media.getmood.io/warehouse/dynamic/707724.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; } #SiteFooter .footer-text-divided .footer-text-right > p a[title="X"] img { opacity: 0; } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item h3 { font-family: var(--font-3); } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul li a.tel { background-image: url("https://media.getmood.io/warehouse/dynamic/707723.svg"); display: inline-block; width: 44px; height: auto; aspect-ratio: 1; } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul li a.mail { background-image: url("https://media.getmood.io/warehouse/dynamic/707722.svg"); display: block; width: 44px; height: auto; aspect-ratio: 1; } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item ul li:has(a:is(.tel,.mail)) { display: inline-block; width: fit-content; } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item:first-child ul { flex-direction: row; flex-wrap: wrap; row-gap: 16px; margin: 0; } #SiteFooter .footer-text-divided .footer-text-right .dropdown-item:first-child ul li:first-child { width: 100%; } } /*------------------------------------------/* 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-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: ""; width: var(--gap-6); height: auto; aspect-ratio: 1; display: inline-block; background: var(--blue-100); border-radius: 50%; vertical-align: middle; margin-inline-end: var(--gap-16); } #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) { } @media(max-width: 1025px) { #accessability { width: 100%; padding-inline: 20px; margin-bottom: 72px; } #accessability #headline { margin-block: 48px 72px; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-family: var(--font-3); } #SiteGridContainer:has(#accessability) { background-image: url("https://media.getmood.io/warehouse/dynamic/706275.webp"); } } /*------------------------------------------/* PRIVACY /*------------------------------------------*/ body.privacy #SiteGridContainer { background-image: url("https://media.getmood.io/warehouse/dynamic/706273.webp"); background-position: top; background-repeat: no-repeat; background-size: contain; } body.privacy #ContentRegularModule { width: 41.667vw; margin-inline: auto; margin-bottom: var(--gap-140); } body.privacy #headline { margin-block: var(--gap-100) var(--gap-140); } body.privacy #text1 { margin: 0; max-width: 100%; } body.privacy #text1 > * { text-align: start; } body.privacy #text1 h2 { text-align: start; margin-block: var(--gap-16); } body.privacy #text1 ul.accessability-list { list-style: none; padding: 0; color: var(--text-grey); } body.privacy #text1 ul.accessability-list li { display: flex; align-items: center; color: var(--text-grey); } body.privacy #text1 ul.accessability-list li:before { content: ""; width: var(--gap-6); height: auto; aspect-ratio: 1; display: inline-block; background: var(--blue-100); border-radius: 50%; vertical-align: middle; margin-inline-end: var(--gap-16); } body.privacy #text1 ul li { color: var(--text-grey); } body.privacy #text1 > :is(p, ul li) { color: var(--text-grey); } body.privacy #main-header { background: rgba(247, 247, 247, 0.88); backdrop-filter: blur(40px); } @media(min-width: 1025px) { } @media(max-width: 1025px) { body.privacy #ContentRegularModule { width: 100%; padding-inline: 20px; margin-bottom: 72px; } body.privacy #headline { margin-block: 48px 72px; } body.privacy :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-family: var(--font-3); } body.privacy #SiteGridContainer { background-image: url("https://media.getmood.io/warehouse/dynamic/706275.webp"); } body.privacy #ContentRegularModule #subheadline { text-align: start; font-family: var(--font-3); font-size: 15px; } } /*------------------------------------------/* MAP ON MOBILE /*------------------------------------------*/ @media(max-width: 1025px) { body:has(.map) .gsap-wrapper { position: relative; z-index: 1; } #SiteContainer .mobile-boxes-container button.mobile-boxes-reset { position: absolute; left: 50%; top: 35%; transform: translateX(-50%); width: var(--gap-32); height: auto; aspect-ratio: 1; padding: 0; margin: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/703998.svg"); background-position: center; background-repeat: no-repeat; border: none; border-radius: 50%; } .mobile-boxes-container .grid-box { max-height: 0; overflow: hidden; position: absolute; opacity: 0; width: 11.771vw; text-align: start; background: white; border-radius: 10px; right: 100%; bottom: 50%; transform: translateY(50%); transition: 0.3s ease all; backdrop-filter: blur(4px); background: rgba(247, 247, 247, 0.80); } .mobile-boxes-container .grid-box .grid-box-image { padding: var(--gap-6); padding-bottom: 0; } .mobile-boxes-container .grid-box .grid-box-image img { border-radius: 8px; } .mobile-boxes-container .grid-box .grid-box-title { padding-inline: var(--gap-16); margin-block: 0 var(--gap-16); display: block; } .mobile-boxes-container .grid-box .grid-box-title h3 { font-size: unset; } .mobile-boxes-container .grid-box .grid-box-title h3 a { color: var(--black); font-family: var(--font-2); } .mobile-boxes-container .grid-box .grid-box-subtitle { padding-inline: var(--gap-16); padding-bottom: 20px; width: 26%; } .mobile-boxes-container .grid-box .grid-box-subtitle span { color: var(--text-grey); } .mobile-boxes-container .grid-box .arrow { background: var(--green-100); right: var(--gap-16); bottom: var(--gap-16); /* height: 50px; */ width: 50px; } .mobile-boxes-container .grid-box .arrow::after { filter: invert(1); } .mobile-boxes-container .grid-box.active { max-height: 10000px; opacity: 1; } .mobile-boxes-container .grid-box.active .grid-box-image { } .mobile-boxes-container .grid-box.active .grid-box-image .grid-box-image-container { } .mobile-boxes-container .grid-box.active .grid-box-image .grid-box-image-container a { } #SiteContainer .mobile-boxes-container { position: fixed; width: 100vw; height: 100vh; background: rgb(0 0 0 / 20%); z-index: -1; opacity: 0; transition: 0.3s ease all; } #SiteContainer .mobile-boxes-container .grid-box { right: unset; left: 0; bottom: 0; width: 100%; height: 58%; transform: translateY(100%); padding: 0; transition: 0.3s ease all; border-radius: 10px 10px 0 0; } #SiteContainer .mobile-boxes-container .grid-box .grid-box-image { padding: 20px; } #SiteContainer .mobile-boxes-container:has(.grid-box.active) { z-index: 1000; opacity: 1; } #SiteContainer .mobile-boxes-container .grid-box.active { transform: unset; } } /*------------------------------------------/* LOADER /*------------------------------------------*/ body.shown .loader .logo-screen { transform: unset; } body.shown .loader .logo-screen .logo { opacity: 1; transform: translate(-50%, 20%); } .loader { position: fixed; width: 100vw; height: 100vh; z-index: 100000; background: #f7f7f7; transition: 1s ease height; transition-delay: 2.8s; } .loader .logo-screen { position: absolute; width: 100vw; height: 100vh; background: var(--blue-100); transform: translateY(100%); transition: 350ms cubic-bezier(0, 0, 0.15, 1) transform; } .loader .logo-screen .logo { position: absolute; background-image: url("https://media.getmood.io/warehouse/dynamic/707506.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; width: var(--gap-300); height: var(--gap-100); left: 50%; bottom: 50%; opacity: 0; transform: translate(-50%, 100%); transition: 0.3s cubic-bezier(0, 0, 0.15, 1) all; transition-delay: 700ms; } body.shown .loader .logo-screen .logo:before, body.shown .loader .logo-screen .logo:after { content: ""; position: absolute; width: var(--gap-8); height: var(--gap-8); background: var(--blue-100); border-radius: 50%; bottom: 47%; /* animation: pulseWidth 0.2s; */ animation: pulseWidth 1s cubic-bezier(0, 0, 0.15, 1); animation-iteration-count: 2; animation-delay: 0.6s; } body.shown .loader .logo-screen .logo:before { bottom: 47%; right: 38%; animation-delay: 1.2s; } body.shown .loader .logo-screen .logo:after { right: 42.5%; cubic-bezier(0, 0, 0.15, 1)infinite; animation: pulseWidth2 1s cubic-bezier(0, 0, 0.15, 1); animation-iteration-count: 2; animation-delay: 1s; } body.shown .loader { transform: unset; } .loader.shown { height: 0; overflow: hidden; } .loader.shown .logo-screen { /* transform: translateY(-100%); */ } @media(max-width: 1025px) { .loader .logo-screen .logo { width: 45%; } body.shown .loader .logo-screen .logo:before, body.shown .loader .logo-screen .logo:after { width: 5px; height: 5px; bottom: 47.016%; } } @media(min-width: 1025px) { } /*------------------------------------------/* POP-UP /*------------------------------------------*/ #multi-content-modal.textInPop .modal-content { max-width: 60vw; padding: var(--gap-80); border-radius: 10px; } #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; } #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: 57vh; display: flex; gap: 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%; border-radius: 10px; margin-bottom: var(--gap-24); } #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 { text-align: left; } #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-24); color: var(--black); } #multi-content-modal.textInPop #PopUpData .popup-other-content h4 { margin: 0; padding-block: 0; margin-bottom: var(--gap-40); font-family: var(--font-2); font-size: clamp(14px,var(--fs-20),300px); line-height: 1.4; color: var(--black); } #multi-content-modal.textInPop #PopUpData .popup-other-content p { font-size: clamp(14px,var(--fs-20),300px); font-family: var(--font-1); color: var(--text-grey); direction: ltr; } @media(min-width: 1025px) { #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.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: 20px; padding-inline: 20px; } #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: 20px; 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; } } /*------------------------------------------/* 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%); } }