/* RICHKID 2026 ALREADY PAGE*/ :root { --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-21: 1.094vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-50: 2.604vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-70: 3.646vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-98: 5.104vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-114: 5.938vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-150: 7.813vw; --gap-156: 8.125vw; --gap-160: 8.333vw; --gap-165: 8.594vw; --gap-170: 8.854vw; --gap-180: 9.375vw; --gap-190: 9.896vw; --gap-195: 10.156vw; --gap-200: 10.417vw; --gap-210: 10.938vw; --gap-220: 11.458vw; --gap-240: 12.5vw; --gap-250: 13.021vw; --gap-260: 13.542vw; --gap-280: 14.583vw; --gap-300: 15.625vw; --gap-320: 16.667vw; --gap-360: 18.75vw; --gap-460: 23.958vw; --fs-13: 0.677vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-19: 0.99vw; --fs-20: 1.042vw; --fs-21: 1.094vw; --fs-22: 1.146vw; --fs-24: 1.25vw; --fs-25: 1.302vw; --fs-26: 1.354vw; --fs-28: 1.458vw; --fs-30: 1.563vw; --fs-31: 1.615vw; --fs-32: 1.667vw; --fs-36: 1.875vw; --fs-38: 1.979vw; --fs-40: 2.083vw; --fs-42: 2.188vw; --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; --black: #171717; --red: #FF3227; --secondary-red: #FF3227; --blue: #30A7FA; --green: #01DF70; --newbg: #FFE4E1; --new2bg: #ffd6d3; --text: #323232; --lgray: #F5F5F5; --white: #fff; --font-1: 'pinghebrew-medium'; --font-2: 'pinghebrew-heavy'; --font-3: 'PPNeueMontreal-Italic'; --en-bold: 'PPNeueMontreal-Bold'; } /*------------------------------------------/* GENERAL /*------------------------------------------*/ html { font-size: 62.5%; overflow-x: clip; } body { opacity: 0; background: var(--lgray); transition: 0.3s opacity ease; font-family: var(--font-1) !important; line-height: 1.2; font-size: clamp(14px,var(--fs-17),300px); color: var(--text); zoom: 1 !important; position: relative; } body:has(#SiteContainer.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%; } #headline { font-size: 100%; margin: 0; } h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) h2, #headline h1 { position: relative; display: inline-block; max-width: 100%; width: 100%; color: var(--black); } .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), .playbook-page .section-title h3, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: clamp(1.2rem, var(--fs-20), 1000rem); position: relative; line-height: 1.2; color: var(--black); } #home-gallery .gallery-caption .gallery-text { font-size: unset; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .section-title, .grid-text-section .section-title { margin: 0; } #SiteContainer { position: relative; overflow-x: clip; } #SiteGrid { overflow-x: clip; } #SiteGridContainer { position: unset; } #GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; } #allSectionsWrapper { z-index: 1; background: var(--new2bg); } .sections .section, section.section { margin-bottom: 0; background: transparent; padding: 0; max-width: var(--app-width); width: 100%; } .grid-rows .grid-row { background: inherit; } .grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; } .grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container, .grid-short-box-image .image-container { position: relative; height: 100%; } .grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; } .grid-boxes { display: flex; margin: 0; width: 100%; } .grid-boxes .grid-box { margin: 0; padding: 0; } .grid-boxes .grid-box .grid-box-image, :is(#lobbyview, #pageview) .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; } .grid-boxes .grid-box-title h3 a { color: inherit; outline: none !important; } :is(#lobbyview, #pageview) .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; position: unset; } #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; } a:hover, a:focus { color: inherit; } li::marker { color: var(--black); } b, strong { font-weight: unset; font-family: var(--bold), var(--en-bold); } .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 { object-fit: cover; } #GridPromo { width: 100%; margin: 0; padding: 0; } #CatalogModule { padding: 0; } .itemContentWrapper { margin: 0; } .catalogContainer.container { width: 100%; padding: 0; margin: 0; } .row { margin: 0; } #GridTop.noTopImage, .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after, .grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after, .gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; } .gallery-cubes .image-link-outer .image-link-inner { display: none; } :is(div, #LobbyModule) .button-with-anim { position: relative; margin-inline: var(--gap-52) 0 !important; transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1.7) !important; } :is(div, #LobbyModule) .button-with-anim::before { content: ''; position: absolute; width: var(--gap-52); height: auto; aspect-ratio: 1; inset-inline-end: 100%; top: 50%; transform: translateY(-50%); background-color: var(--red); border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: var(--gap-18); transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1.7); background-color: var(--red); background-image: url(https://media.getmood.io/warehouse/dynamic/731724.svg); } #home-gallery .scroll-down { display: none; } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*72-BOLD*/ #accessability #headline h1, .two-cubes .two-cubes-inner .section-title h2, .about .section-title h2.subtitle span, .solutions .section-title h3 span, .cube-tabs-sec .grid-text .grid-text-content h2 span, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 span, #home-gallery .gallery-caption .gallery-text h1 span { font-family: var(--font-2); font-size: clamp(50px,var(--fs-72),300px); line-height: 1; letter-spacing: normal; } /*72-REG*/ .events .section-title h2, .about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a, .about .section-title h2.subtitle, .grid-faq-section .section-title h3, .solutions .section-title h3, .cube-tabs-sec .grid-text .grid-text-content h2, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2, #home-gallery .gallery-caption .gallery-text h1 { font-family: var(--font-1); font-size: clamp(50px,var(--fs-72),300px); line-height: 1; letter-spacing: normal; } /*56-REG*/ .quote .grid-text .grid-text-content p { font-family: var(--font-1); font-size: clamp(30px,var(--fs-56),300px); line-height: 1; letter-spacing: normal; } /*42-REG*/ #SiteFooter .footer-text.text-center .footer-group ul, .two-cubes .grid-text .grid-text-content .gridText1 p, .about .grid-text .grid-text-content .gridText2 p, .cube-tabs-sec .grid-text .grid-text-content p, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3 { font-family: var(--font-1); font-size: clamp(28px,var(--fs-42),300px); line-height: 1; letter-spacing: normal; } /*21-BOLD*/ .cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(16px,var(--fs-21),300px); font-family: var(--font-2); line-height: 1.1; } /*21-REG*/ .events .gallery-container .gallery-cubes .gallery-group > div > .image-link-outer h4, .two-cubes .grid-text .grid-text-content h2, .about .grid-text .grid-text-content .grid-boxes-wrapper .title h3, .about .grid-text .grid-text-content .gridText1 p, .solutions .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-1); font-size: clamp(14px,var(--fs-21),300px); line-height: 1.2; letter-spacing: normal; color: var(--text); } /*17-BOLD*/ .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { font-family: var(--font-2); font-size: clamp(14px,var(--fs-17),300px); line-height: 1.3; letter-spacing: normal; } /*17-REG*/ .solutions .grid-boxes .grid-box .grid-box-fulltext p, .quote .grid-text .gridTextImgContainer h2, .quote .section-title h2, .about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle span, .about .grid-text .grid-text-content .grid-boxes-wrapper .title .swiper-counter, .about .section-title h2:first-child, .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text p, .grid-faq-section .section-title h2, .solutions .section-title h2, .solutions .grid-boxes .grid-box .grid-box-subtitle.button a, .cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle span, .cube-tabs-sec .section-title h2, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .section-title h2 { font-family: var(--font-1); font-size: clamp(14px,var(--fs-17),300px); line-height: 1.2; letter-spacing: normal; } /*17-REG(RED-MARKED)*/ .events .gallery-container .gallery-cubes :is(.gallery-group > div, div) > .image-link-outer p, .events .gallery-container .gallery-cubes .gallery-group > div > .image-link-outer p, .quote .section-title h2, .about .section-title h2:first-child, .grid-faq-section .section-title h2, .solutions .section-title h2, .cube-tabs-sec .section-title h2, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .section-title h2 { background: var(--red); color: white; width: fit-content; padding-inline: var(--gap-4); } /*15-REG*/ .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text p { font-size: clamp(10px,var(--fs-15),300px); line-height: 1.2; font-family: var(--font-1); } /*12-REG*/ .cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container .image-link-outer ul li, .events .gallery-container .gallery-cubes :is(.gallery-group > div, div) > .image-link-outer p, .events .gallery-container .gallery-cubes .gallery-group > div > .image-link-outer p { font-family: var(--font-1); font-size: clamp(8px,var(--fs-14),300px); line-height: 1.2; letter-spacing: 0.36px; } /*BUTTONS*/ .solutions .content-section-Btn a, .animated .grid-text .grid-text-content a.sec-button, .cube-tabs-sec a.sec-button.button-with-anim, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { margin: 0; font-family: var(--bold); background-color: var(--red); display: block; width: max-content; min-width: var(--gap-140); align-items: center; justify-content: center; border: unset; color: var(--white); font-size: clamp(1.2rem, var(--fs-16), 1000rem); transition: 0.3s all ease; border-radius: 50px; line-height: 1.4; padding: var(--gap-16) var(--gap-24); /* background: #fff; */ /* color: var(--black); */ font-family: var(--font-2); margin-top: var(--gap-90); } @media(min-width: 1025px) { body:not(.safariBrowser) { container-type: inline-size; container-name: body; } #SiteGridContainer { min-height: 42vw; } .normal-form input, .normal-form input::placeholder { font-size: clamp(10px,var(--fs-15),300px); } :is(div, #LobbyModule) .button-with-anim::after { content: ''; position: absolute; width: var(--gap-52); height: auto; aspect-ratio: 1; inset-inline-start: 100%; top: 50%; transform: translateY(-50%) scale(0); background-color: var(--red); border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: var(--gap-18); background-image: url(https://media.getmood.io/warehouse/dynamic/731523.svg); transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1); background-image: url("https://media.getmood.io/warehouse/dynamic/731524.svg"); background-color: white; background-color: var(--red); background-image: url(https://media.getmood.io/warehouse/dynamic/731725.svg); } :is(div, #LobbyModule) .button-with-anim:hover { margin-inline-start: 0 !important; } :is(div, #LobbyModule) .button-with-anim:hover::before { transform: translateY(-50%) scale(0); inset-inline-end: calc(100% - var(--gap-28)); transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1); } :is(div, #LobbyModule) .button-with-anim:hover::after { transform: translateY(-50%) scale(1); transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1.7); } } @media(max-width: 1024px) { :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-15: 15px; --gap-16: 16px; --gap-17: 17px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-48: 48px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-130: 130px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-24: 24px; --fs-32: 32px; --fs-36: 36px; --fs-40: 40px; --fs-48: 48px; --fs-52: 52px; --fs-72: 72px; --fs-96: 96px; --fs-120: 120px; --fs-180: 180px; } body { font-size: 15px; line-height: 1.2; color: var(--text); } .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: var(--fs-16); } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*72-BOLD*/ .about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-2); font-size: 72px; line-height: 0.9; letter-spacing: 0.72px; } /*72-REG*/ . { font-family: var(--font-1); font-size: 72px; line-height: 1; letter-spacing: normal; } /*44-BOLD*/ .about .section-title h2.subtitle span, .solutions .section-title h3 span, #accessability #headline h1, .two-cubes .section-title .title-content-wrapper h2, .cube-tabs-sec .grid-text .grid-text-content h2 span, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text > h2 span, #home-gallery .gallery-caption .gallery-text h1 span { font-family: var(--font-2); font-size: 44px; line-height: 1; letter-spacing: normal; } /*44-REG*/ .events .section-title h2, .about .section-title h2.subtitle, .solutions .section-title h3, .cube-tabs-sec .grid-text .grid-text-content h2, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text > h2, #home-gallery .gallery-caption .gallery-text h1 { font-family: var(--font-1); font-size: 44px; line-height: 1; letter-spacing: normal; } /*30-REG*/ . { font-family: var(--font-1); font-size: 30px; line-height: 1; letter-spacing: normal; } /*24-REG*/ .about .grid-text .grid-text-content .gridText2 p, .cube-tabs-sec .grid-text .grid-text-content p, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3 { font-family: var(--font-1); font-size: 24px; line-height: 1; letter-spacing: normal; } /*17-REG*/ .solutions .grid-boxes .grid-box .grid-box-title h3 a, .about .grid-text .grid-text-content .gridText1 p { font-family: var(--font-1); font-size: 17px; line-height: 1.2; letter-spacing: normal; } /*15-BOLD*/ .cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-2); font-size: 15px; line-height: 1.2; letter-spacing: normal; } /*15-REG*/ .quote .grid-text .gridTextImgContainer h2, .two-cubes .grid-text .gridText2 p, .two-cubes .section-title .title-content-wrapper h3 { font-family: var(--font-1); font-size: 15px; line-height: 1.2; letter-spacing: normal; } /*13-REG*/ .cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle span, .cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title h2, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .section-title h2 { font-family: var(--font-1); font-size: 13px; line-height: 1.2; letter-spacing: normal; } /*13-REG(RED-MARKED)*/ .events .gallery-container .gallery-cubes :is(.gallery-group > div, div) > .image-link-outer p, .events .gallery-container .gallery-cubes .gallery-group > div > .image-link-outer p, .quote .section-title h2, .about .section-title h2:first-child, .grid-faq-section .section-title h2, .solutions .section-title h2, .cube-tabs-sec .section-title h2, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .section-title h2 { font-size: 13px; line-height: 1.2; } /*9-REG*/ . { } /*BUTTONS*/ .solutions .content-section-Btn a, .animated .grid-text .grid-text-content a.sec-button, .cube-tabs-sec a.sec-button.button-with-anim, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { height: 52px; padding: 0; align-content: center; font-size: 17px; } } /**/ /*------------------------------------------/* HEADER /*------------------------------------------*/ #main-header, #main-header.bg { z-index: 300; background: transparent; transition: 0.3s all ease; top: 0; padding: var(--gap-32) var(--gap-120); } :is(#main-header, #main-header.bg) .header-container { flex-direction: row-reverse; } :is(#main-header, #main-header.bg) .header-container .header-links { display: flex; gap: var(--gap-32); position: absolute; left: 50%; transform: translateX(-50%); } :is(#main-header, #main-header.bg) .header-container .header-links button { background: none; outline: none; border: none; padding: 0; white-space: nowrap; } #main-header .header-container .header-right { display: none; } #main-header .header-container .header-center .header-buttons a { background-color: var(--white); display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.35s all ease; border-radius: 50px; line-height: 1.4; padding: var(--gap-16) var(--gap-24); align-items: center; justify-content: center; color: var(--black); font-family: var(--font-2); position: relative; text-align: center; margin-inline: 0 !important; } #main-header.bg .header-container .header-center .header-buttons a { background-color: var(--red); color: var(--white); } /*#main-header .header-container .header-center .header-buttons a.button-with-anim::before { display: none; }*/ #main-header .header-container .header-left { position: relative; width: var(--gap-200); } #main-header .header-container .header-left a.logoHeader::after { content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: var(--gap-20); position: absolute; bottom: 0; left: 0; background-image: url(/warehouse/dynamic/547612.svg); pointer-events: none; transition: 0.35s all ease; } #main-header.bg .header-container .header-left a.logoHeader::after { background-image: url(/warehouse/dynamic/627350.svg); } #main-header .header-container .header-left a.logoHeader img { width: 100%; opacity: 0; } #main-header .header-container .header-left a.logoHeader lottie-player { width: 100%; height: 100%; display: flex; } #main-header .header-container .header-left a.logoHeader #logoHeader-1 svg { aspect-ratio: unset; position: absolute; left: calc(50% - 0.05vw); top: calc(50% - 0.75vw); transform: translate(-50%, -50%) scale(1.05) !important; } #main-header .header-container .header-left a.logoHeader #logoHeader-1 svg path { fill: var(--white); transition: 0.35s all ease; } #main-header.bg .header-container .header-left a.logoHeader #logoHeader-1 svg path { fill: var(--red); } #main-header .header-container .header-center .header-buttons a::before { background-color: white; background-image: url(https://media.getmood.io/warehouse/dynamic/731523.svg); } #main-header.bg .header-container .header-center .header-buttons a::before { background-color: var(--red); background-image: url("https://media.getmood.io/warehouse/dynamic/731724.svg"); } #main-header.bg .header-container .header-center .header-buttons a::after { background: var(--red); background-image: url("https://media.getmood.io/warehouse/dynamic/731725.svg"); background-position: center; background-repeat: no-repeat; background-size: var(--gap-18); } #main-header .header-container .header-links button { color: white; } #main-header.bg .header-container .header-links button { color: var(--red); } @media(min-width: 1025px) { #main-header .header-container .header-center .header-buttons a.button-with-anim::after { margin-inline-start: calc(var(--gap-40) * -1); } #main-header:not(.bg) .header-container .header-center .header-buttons a.button-with-anim::after { background-color: var(--white); background-image: url(/warehouse/dynamic/623930.svg); } #main-header .header-container .header-center .header-buttons a.button-with-anim:hover::after { margin-inline-start: 0; } #main-header .header-container .header-center .header-buttons a:hover { margin-inline-end: var(--gap-52) !important; } } @media(max-width: 1024px) { #main-header, #main-header.bg { padding: var(--gap-20) var(--gap-16); } #main-header .header-container .header-center .header-buttons a { font-size: var(--fs-12); padding: var(--gap-10) var(--gap-20); height: 34px; font-weight: 100; background: white; } #main-header .header-container .header-left { width: var(--gap-140); margin-inline-start: auto; } #main-header .header-container .header-left a.logoHeader::after { height: var(--gap-10); bottom: calc(var(--gap-4) * -1); } :is(#main-header, #main-header.bg) .header-container { flex-direction: row; justify-content: flex-start; gap: 3px; } #main-header.bg .header-container .header-center .header-buttons a { background: var(--red); color: var(--white); font-family: var(--font-1); font-weight: 200; } #main-header .header-container .header-center .header-buttons a::before { display: none; } #main-header .header-container .header-center .header-buttons a .btn-text-wrapper { } #main-header .header-container .header-center .header-buttons a .btn-text-wrapper span { font-family: var(--font-1); } #main-header .header-container .header-right { display: block; background: white; border-radius: 50%; width: 34px; height: 34px; align-content: center; text-align: center; } #main-header .header-container .header-right .menu-nav #nav-toggle { width: 14px; } #main-header .header-container .header-right .menu-nav #nav-toggle :is(#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after) { height: unset; } #nav-toggle span { background: transparent; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { width: 14px; } #nav-toggle span:before { top: -1px; } #nav-toggle span:after { bottom: -5px; } #main-header .header-container .header-right .menu-nav ul#menu { text-align: start; padding-block: 80px; padding-inline: 56px 72px; list-style: none; display: flex; gap: var(--gap-16); z-index: -1; } #main-header .header-container .header-right .menu-nav ul#menu li { text-decoration: none; color: var(--red); } #main-header .header-container .header-right .menu-nav ul#menu li :is(button,a) { background: none; border: none; padding: 0; height: 40px; font-size: 24px; text-decoration: none; border: none; } #main-header .header-container .header-right .menu-nav ul#menu li.active :is(button,a) { border: none; text-decoration: none; } #main-header .header-container .header-right:has(.menu-nav.open) { background: var(--red); } #main-header .header-container .header-right .menu-nav.open #nav-toggle span:before, #main-header .header-container .header-right .menu-nav.open #nav-toggle span:after { background: white; width: 14px; } :is(#main-header, #main-header.bg) .header-container:has(.menu-nav.open) .header-center { } :is(#main-header, #main-header.bg) .header-container:has(.menu-nav.open) .header-center .header-buttons { } :is(#main-header, #main-header.bg) .header-container:has(.menu-nav.open) .header-center .header-buttons a.button-with-anim { background: var(--red); color: white; } #main-header .header-container:has(.menu-nav.open) .header-left a.logoHeader #logoHeader-1 svg path { fill: var(--red) !important; } #main-header.bg .header-container .header-right { background: var(--red); } #main-header.bg #nav-toggle span:before, #main-header.bg #nav-toggle span:after { background: white; } } /*------------------------------------------/* FORM /*------------------------------------------*/ #SiteContainer::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; z-index: 500; opacity: 0; transition: 0.3s all ease; pointer-events: none; } body:has(.side-form-sec.active) #SiteContainer::before { opacity: 0.5; } :is(div, #LobbyModule) .section.side-form-sec { padding: var(--gap-16); width: 41%; position: fixed; top: 0; inset-inline-end: 0; transform: translateX(-100%); height: var(--app-height); z-index: 1000; transition: 0.8s all ease; } :is(div, #LobbyModule) .section.side-form-sec.active { transform: translateX(0%); } :is(div, #LobbyModule) .section.side-form-sec .close-form-btn { position: absolute; z-index: 1; background-color: var(--white); width: var(--gap-40); border-radius: 50%; height: auto; aspect-ratio: 1; top: var(--gap-40); inset-inline-end: var(--gap-40); background-repeat: no-repeat; background-position: center; background-size: 40%; background-image: url(/warehouse/dynamic/628090.svg); border: unset; } .form-container-wide:has(#DynamicFormObject) { margin: 0 auto; height: 100%; } .form-container-wide #DynamicFormObject { max-width: 100% !important; height: 100%; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; padding: var(--gap-80) var(--gap-50); background: var(--red); margin: 0 auto; border: unset; text-align: start; color: var(--white); border-radius: var(--gap-6); } .form-container-wide #DynamicFormObject::after { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; font-size: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(1.2rem, var(--fs-72), 1000rem); margin-bottom: var(--gap-28); line-height: 0.9; text-align: start; color: inherit; font-family: var(--bold); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block !important; margin: 0 0 var(--gap-24); color: inherit; letter-spacing: 0.24px; line-height: 1.5; max-width: 30vw; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: var(--gap-32) var(--gap-24); display: grid; grid-template-columns: repeat(1, 1fr); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { width: 100%; max-width: 100%; box-shadow: none; border-radius: 0; border: unset !important; border-bottom: 1px solid var(--white) !important; margin: 0; font-size: clamp(1.2rem, var(--fs-18), 1000rem); letter-spacing: 0.5px; color: inherit; height: var(--gap-40); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select { background: var(--red); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea)::placeholder { color: inherit !important; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField input.fileUploadTrigger { padding: var(--gap-6) var(--gap-20); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { grid-column: 1 / -1; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { grid-column: 1 / -1; display: flex; gap: 10px; margin: 0; align-items: center; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { margin: 0; height: var(--gap-16); width: var(--gap-16); accent-color: var(--black); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { margin: 0; font-size: clamp(1rem, var(--fs-14), 1000rem); color: var(--black); font-weight: unset; text-align: start; letter-spacing: 0.3px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { left: 0; top: 50%; content: "\f107"; font-size: clamp(1.2rem, var(--fs-20), 1000rem); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField::after { top: 50%; transform: translateY(-50%); left: unset; inset-inline-start: 0; font-size: 0; content: ''; font-family: none; width: var(--gap-16); height: auto; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/614766.svg); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { inset-inline-start: 0; top: var(--gap-6); font-size: var(--fs-16); color: var(--white); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(span.error, .fileUploader-error) { color: var(--white); font-size: clamp(1rem, var(--fs-12), 1000rem); left: unset; inset-inline-end: 0; top: var(--gap-12); font-weight: unset; margin: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField span.error { inset-inline-end: var(--gap-18); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField .error.fileUploader-error { top: calc(100% + var(--gap-4)); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:has(.radio-group) { grid-column: 1 / -1; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-label { font-size: clamp(10px, var(--fs-15), 1000rem); color: inherit; letter-spacing: normal; line-height: 1.2; font-weight: unset; margin-bottom: var(--gap-24); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: var(--gap-12); width: 60%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair { border: 2px solid var(--white); border-radius: var(--gap-48); padding: var(--gap-10); display: flex; position: relative; transition: 0.35s all ease; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair:has( input[type="radio"]:is(:checked, :hover, :focus)) { background: var(--white); color: var(--black); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair input[type="radio"] { position: absolute; inset-inline-end: 0; top: 0; width: 100%; margin: 0; height: 100%; border: unset; opacity: 0; z-index: 1; cursor: pointer; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair label { font-weight: unset; margin: 0; pointer-events: none; font-size: clamp(10px, var(--fs-15), 1000rem); color: inherit; line-height: 1.4; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; grid-column: 1 / -1; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { background-color: var(--white); height: var(--gap-52); font-family: var(--bold); width: 100%; display: inline-flex; font-size: clamp(1.2rem, var(--fs-17), 1000rem); transition: 0.3s all ease; letter-spacing: 0.5px; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: var(--black); font-family: var(--font-2); border-radius: var(--gap-48); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit .spinner { color: var(--white); } .form-container-wide #DynamicFormObject.thanks-mode { justify-content: flex-start; } .form-container-wide #DynamicFormObject.thanks-mode .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject.thanks-mode .top-form { display: none !important; } .form-container-wide #DynamicFormObject.thanks-mode #form-thanks { max-width: unset; } .form-container-wide #DynamicFormObject.thanks-mode #form-thanks #headline { text-align: start; } .form-container-wide #DynamicFormObject.thanks-mode #form-thanks #headline h3 { font-size: clamp(1.2rem, var(--fs-72), 1000rem); margin: 0 0 var(--gap-28); line-height: 0.9; font-family: var(--bold); } .form-container-wide #DynamicFormObject.thanks-mode #form-thanks #text1 { text-align: start; max-width: 80%; margin: 0; } .form-container-wide #DynamicFormObject.thanks-mode #form-thanks #text1 * { color: var(--white); } @media(min-width: 1025px) { .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button:is(:hover, :focus) { background: var(--black); color: var(--white); } } @media(max-width: 1024px) { :is(div, #LobbyModule) .section.side-form-sec { width: 100%; padding: 0; } :is(div, #LobbyModule) .section.side-form-sec .close-form-btn { top: var(--gap-16); inset-inline-end: var(--gap-16); inset-inline-start: unset; } .form-container-wide #DynamicFormObject { padding: var(--gap-80) var(--gap-16) var(--gap-32); border-radius: 0; overflow-y: scroll; justify-content: flex-start; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: var(--fs-32); margin-bottom: var(--gap-28); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: var(--fs-20); max-width: unset; margin: 0 auto var(--gap-28); letter-spacing: 0.2px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { grid-template-columns: repeat(1, 1fr); gap: var(--gap-24); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { max-width: calc(var(--app-width) - var(--gap-32)); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { font-size: var(--fs-16) !important; height: var(--gap-32); padding-inline: var(--gap-12); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField textarea { height: var(--gap-80) !important; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: var(--fs-16); letter-spacing: 0.5px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { font-size: 100%; left: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group::after { content: ''; position: absolute; inset-inline-end: 0; top: 0; height: 100%; width: var(--gap-40); background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 50, 39, 1) 54%); pointer-events: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-label { font-size: var(--fs-16); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs { padding-inline-end: var(--gap-30); flex-wrap: wrap; width: 98%; position: relative; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair { padding: var(--gap-12) var(--gap-24); white-space: nowrap; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .radio-group-inputs .radio-pair label { font-size: var(--fs-16); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { top: var(--gap-6); font-size: var(--fs-14); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .error { top: 10px; left: 12px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { height: auto; font-size: var(--fs-16); padding: var(--gap-20) var(--gap-16); margin-top: var(--gap-20); } .form-container-wide #DynamicFormObject.thanks-mode { justify-content: center; padding-top: var(--gap-32); } .form-container-wide #DynamicFormObject.thanks-mode #form-thanks #headline h3 { font-size: var(--fs-32); } .form-container-wide #DynamicFormObject.thanks-mode #form-thanks #text1 { max-width: 100%; } .form-container-wide #DynamicFormObject.thanks-mode #form-thanks #text1 * { font-size: var(--fs-20); } } /*------------------------------------------/* FOOTER /*------------------------------------------*/ footer { padding: 0; } footer #SiteFooter { float: none; } footer #SiteFooter .footer-text.text-center { background: var(--secondary-red); color: white; padding: var(--gap-140) var(--gap-120); } footer #SiteFooter .footer-text.text-center p.is-empty { display: none; } footer #SiteFooter .footer-text.text-center span { display: flex; justify-content: center; gap: var(--gap-30); } footer #SiteFooter .footer-text.text-center .footer-group { flex: 1; } footer #SiteFooter .footer-text.text-center .footer-group ul { padding: 0; text-align: start; list-style: none; display: flex; flex-direction: column; gap: var(--gap-14); } footer #SiteFooter .footer-text.text-center .footer-group p { text-align: start; font-size: clamp(12px,var(--fs-17),300px); margin-bottom: var(--gap-40); } #SiteFooter .site-credit.alternative { float: none; padding: 0; z-index: 3; } #SiteFooter .site-credit.alternative .text-center { background: var(--red); float: unset; display: flex; flex-direction: column; padding: 0; } #SiteFooter .site-credit.alternative .text-center p.creditWrapper { padding-bottom: var(--gap-40); } #SiteFooter .site-credit.alternative .text-center p.creditWrapper a { background-image: url("https://media.getmood.io/warehouse/dynamic/733099.svg"); display: block; width: var(--gap-250); margin-inline: auto; } #SiteFooter .site-credit.alternative .text-center p.creditWrapper a svg { opacity: 0; } #SiteFooter .site-credit.alternative .text-center a.AccessabilityLink { position: static; order: 1; transform: unset; text-align: start; padding-inline-start: var(--gap-12); } @media(max-width: 1024px) { footer #SiteFooter { padding: 0; } footer #SiteFooter .footer-text.text-center { padding-inline: 16px; padding-block: var(--gap-100); } footer #SiteFooter .footer-text.text-center span { flex-direction: column; gap: 40px; } footer #SiteFooter .footer-text.text-center .footer-group p { font-size: 13px; margin-bottom: 15px; } footer #SiteFooter .footer-text.text-center .footer-group ul { gap: 10px; margin: 0; } footer #SiteFooter .footer-text.text-center .footer-group ul { font-size: 30px; } footer #SiteFooter .site-credit.alternative .text-center p.creditWrapper a { width: 100%; background-position: center; background-repeat: no-repeat; } } @media(min-width: 1025px) { /*OSMO LINK ANIMATION*/ footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link] { text-decoration: none; position: relative; } footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link]::before { content: ""; position: absolute; bottom: -0.0625em; left: 0; width: 100%; height: 0.0625em; background-color: currentColor; transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1); transform-origin: right; transform: scaleX(0) rotate(0.001deg); } @media (hover: hover) and (pointer: fine) { [data-hover]:hover footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link]::before, footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link]:hover::before { transform-origin: left; transform: scaleX(1) rotate(0.001deg); } } /**/ } /*------------------------------------------/* SECTIONS /*------------------------------------------*/ #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper { display: flex; width: 100%; gap: var(--gap-16); flex-direction: row; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes { gap: 0; display: flex; width: max-content; animation: scrollText 50s linear infinite; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { min-width: var(--gap-160); height: var(--gap-120); pointer-events: none; align-content: center; padding-inline: 0; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div .boxes-images-outer-image { background-size: contain !important; background-repeat: no-repeat; padding: 0; height: 100%; } #allSectionsWrapper .section.grid-gallery-section.cubes { background: var(--black); padding-inline: var(--gap-120); padding-block: var(--gap-250) 0; margin-top: var(--gap-250); } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container { } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes { display: grid; grid-template-columns: repeat(3,1fr); column-gap: var(--gap-30); row-gap: var(--gap-90); } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div { width: 100%; border-radius: 5px; overflow: hidden; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div a.boxes-images-outer-image { padding: 0; height: 33.333vw; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div a.boxes-images-outer-image .image-link-container { position: static; } #allSectionsWrapper .grid-gallery-section.events { padding-inline: var(--gap-120); padding-block: 0 var(--gap-250); background: var(--new2bg); } #allSectionsWrapper .grid-gallery-section.events .section-title { text-align: start; margin-bottom: var(--gap-140); } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes { justify-content: space-between; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes .gallery-group { width: fit-content; display: flex; flex-direction: column; gap: var(--gap-140); } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes .gallery-group > div { width: 100%; width: 20.833vw; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes .gallery-group > div .boxes-images-outer-image { padding: 0; height: auto; aspect-ratio: 1; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes .gallery-group > div .boxes-images-outer-image .image-link-container { position: static; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes > div:not(.gallery-group) { width: 28.125vw; height: fit-content; position: sticky; top: var(--headerHeight); } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes > div:not(.gallery-group) .boxes-images-outer-image { padding: 0; height: auto; aspect-ratio: 1; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes > div:not(.gallery-group) > a { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes :is(.gallery-group > div, div) > .image-link-outer { padding: 0; width: 100%; margin: 0; text-align: start; margin-top: var(--gap-24); } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes :is(.gallery-group > div, div) > .image-link-outer h4 { font-size: unset; margin: 0; margin-bottom: var(--gap-20); color: var(--black); } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes :is(.gallery-group > div, div) > .image-link-outer p { border-radius: 40px; padding: var(--gap-6) var(--gap-10); } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image { padding: 0; height: auto; aspect-ratio: 1; display: flex; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image iframe { height: 100%; width: 100%; position: absolute; bottom: 0; right: 0; opacity: 0; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container { position: relative; height: fit-content; transform: none; width: 100%; height: 100%; opacity: 1; display: flex; z-index: 1000; background: none; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container a.image-link-content { } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container a.image-link-content .p-vert { } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container a.image-link-content .p-vert .image-link-outer { } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container a.image-link-content .p-vert .image-link-outer .plus-sign.play-sign { display: none; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container .image-link-outer { width: 100%; padding: 0; height: fit-content; margin: 0; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container .image-link-outer ul { margin: 0; padding: 0; display: flex; gap: var(--gap-6); padding: var(--gap-16); list-style: none; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container .image-link-outer ul li { border-radius: 40px; background: rgba(23, 23, 23, 0.30); padding: var(--gap-6) var(--gap-12); } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container .work-title { position: absolute; bottom: var(--gap-32); left: 50%; transform: translateX(-50%); } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container .work-title h4 { margin: 0; font-size: unset; color: var(--white); } #allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn { margin-top: var(--gap-90); width: fit-content; margin-inline: auto; position: relative; } #allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn a.sec-button { font-family: var(--font-2); font-size: clamp(12px,var(--fs-18),300px); color: var(--new2bg); /* border-bottom: 1px solid var(--new2bg); */ } #allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn a.sec-button:after { content: url("https://media.getmood.io/warehouse/dynamic/731458.svg"); margin-inline-start: var(--gap-14); } #allSectionsWrapper .section.grid-row-section { padding-inline: var(--gap-120); padding-block: var(--gap-120) var(--gap-250); margin-top: var(--gap-160); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { display: flex; gap: var(--gap-30); position: relative; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { order: 1; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { width: 100%; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p { } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.flexslider-box { order: 2; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text > h2 { margin-bottom: var(--gap-56); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .left-side { order: 3; text-align: start; height: fit-content; position: sticky; top: var(--headerHeight); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row > * { flex: 1; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec { padding-inline: var(--gap-120); padding-bottom: var(--gap-250); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text { margin-top: var(--gap-10); margin-bottom: var(--gap-80); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text .grid-text-content { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text .grid-text-content h2 { margin-bottom: var(--gap-56); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper { margin-bottom: var(--gap-80); display: flex; justify-content: center; gap: var(--gap-4); padding: var(--gap-8); width: fit-content; margin-inline: auto; background: var(--newbg); border-radius: 999px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title { padding: var(--gap-14); /* background: var(--red); */ border-radius: 999px; cursor: pointer; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title h2 { background: none; color: var(--black); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title.active { background: var(--red); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title.active h2 { color: var(--white); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes { display: grid; grid-template-columns: repeat(4,1fr); gap: var(--gap-30); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes { display: none; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes.active { display: grid; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box { width: 100%; text-align: start; padding-block: var(--gap-24) var(--gap-66); padding-inline: var(--gap-16); overflow: hidden; background: #FFDCDA; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box { transform: translateY(10px); opacity: 0; transition: 0.6s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.show { opacity: 1; transform: unset; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:before { content: ""; position: absolute; inset: 0; padding: 0.06vw; border-radius: 4px; background: linear-gradient(100deg,#fff,#ff3227); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image { width: var(--gap-60); margin-bottom: var(--gap-66); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-20); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a { color: var(--text); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle { font-size: unset; display: flex; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .btn-wrapper { display: flex; justify-content: center; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec a.sec-button.button-with-anim { display: flex; } #allSectionsWrapper .section.grid-text-section.about { padding-block: var(--gap-250); padding-inline: var(--gap-120); background: var(--new2bg); } #allSectionsWrapper .section.grid-text-section.about .section-title { text-align: start; margin-bottom: var(--gap-80); } #allSectionsWrapper .section.grid-text-section.about .section-title h2:first-child { margin-bottom: var(--gap-10); } #allSectionsWrapper .section.grid-text-section.about .grid-text { } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content { display: flex; justify-content: space-between; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper { width: var(--gap-260); margin: 0; height: 100%; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .gridText1 { width: var(--gap-260); padding: 0; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .gridText2 { width: 42.552vw; padding: 0; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .title { display: flex; align-items: center; justify-content: space-between; padding-bottom: var(--gap-14); border-bottom: 1px solid var(--text); } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .title h3 { margin: 0; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box { text-align: start; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box .grid-box-title { padding-block: var(--gap-30); } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a { direction: ltr; flex-direction: row; font-family: var(--font-2);} #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a span { font-family: var(--font-2); } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a span[data-odometer-part="static"] { order: -1; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle { font-size: unset; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .swiper-controls { position: relative; display: flex; flex-direction: row-reverse; justify-content: end; gap: var(--gap-12); margin-top: var(--gap-98); } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .swiper-controls > * { position: static; width: var(--gap-52); height: fit-content; aspect-ratio: 1; transform: unset; margin: 0; background-position: center; background-repeat: no-repeat; background-size: contain; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .swiper-controls > *::after { opacity: 0; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .swiper-controls > .swiper-button-next { background-image: url("https://media.getmood.io/warehouse/dynamic/731268.svg"); } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .swiper-controls > .swiper-button-prev { background-image: url("https://media.getmood.io/warehouse/dynamic/731269.svg"); } #allSectionsWrapper .section.grid-text-section.quote { padding-bottom: var(--gap-250); background: var(--new2bg); } #allSectionsWrapper .section.grid-text-section.quote .grid-text { display: flex; flex-direction: column-reverse; } #allSectionsWrapper .section.grid-text-section.quote .grid-text .gridTextImgContainer { display: flex; justify-content: center; align-items: center; gap: var(--gap-26); } #allSectionsWrapper .section.grid-text-section.quote .grid-text .gridTextImgContainer img { width: var(--gap-100); } #allSectionsWrapper .section.grid-text-section.quote .grid-text .gridTextImgContainer h2 { text-align: start; width: fit-content; } #allSectionsWrapper .section.grid-text-section.quote .grid-text .grid-text-content { position: static; transform: unset; padding-block: var(--gap-10) var(--gap-52); width: 65%; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section.quote .grid-text .grid-text-content h2 { } #allSectionsWrapper .section.grid-text-section.quote .grid-text .grid-text-content .gridText1 { padding: 0; text-align: center; width: 65%; } #allSectionsWrapper .section.grid-text-section.quote .grid-text .grid-text-content .gridText1 p { } #allSectionsWrapper .section.grid-text-section.two-cubes { padding: var(--gap-80); text-align: start; display: flex; } #allSectionsWrapper .section.grid-text-section.two-cubes .section-title { width: 100%; } #allSectionsWrapper .section.grid-text-section.two-cubes .two-cubes-inner { width: 60%; } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text { position: static; } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .gridText2 { padding: 0; position: absolute; width: fit-content; top: var(--gap-60); left: var(--gap-60); } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .gridText2 p { color: var(--white); } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .grid-text-content { position: static; } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .grid-text-content .gridText1 { width: 100%; padding: 0; } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .grid-text-content .gridText1 p { padding-block: var(--gap-40); } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .grid-text-content .gridText1 ul { padding: 0; list-style: none; margin: 0; } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .grid-text-content .gridText1 ul { display: flex; flex-direction: column; gap: var(--gap-10); } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .grid-text-content .gridText1 ul li:before { content: ""; width: var(--gap-24); height: auto; aspect-ratio: 1; display: inline-block; background-image: url("https://media.getmood.io/warehouse/dynamic/731289.svg"); background-position: center; background-repeat: no-repeat; vertical-align: middle; background-size: contain; margin-inline-end: var(--gap-20); } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .grid-text-content .gridText1 p.is-empty { display: none; } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .grid-text-content h2:after { content: ""; width: 100%; height: 1px; display: block; margin-top: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.two-cubes.red-cube { background: var(--secondary-red); } #allSectionsWrapper .section.grid-text-section.two-cubes.red-cube:before { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/730780.svg"); display: inline-block; width: var(--gap-120); height: auto; aspect-ratio: 1; background-position: center; background-repeat: no-repeat; height: fit-content; } #allSectionsWrapper .section.grid-text-section.two-cubes.red-cube .section-title h2 { color: white; } #allSectionsWrapper .section.grid-text-section.two-cubes.red-cube .grid-text .grid-text-content { } #allSectionsWrapper .section.grid-text-section.two-cubes.red-cube .grid-text .grid-text-content h2 { color: white; } #allSectionsWrapper .section.grid-text-section.two-cubes.red-cube .grid-text .grid-text-content h2:after { background: linear-gradient(43deg, #fff, #ff3227); } #allSectionsWrapper .section.grid-text-section.two-cubes.red-cube .grid-text .grid-text-content .gridText1 { } #allSectionsWrapper .section.grid-text-section.two-cubes.red-cube .grid-text .grid-text-content .gridText1 :is(p,ul li) { color: white; } #allSectionsWrapper .section.grid-text-section.two-cubes:not(.red-cube):before { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/730779.svg); display: inline-block; width: var(--gap-120); height: auto; aspect-ratio: 1; background-position: center; background-repeat: no-repeat; height: fit-content; } #allSectionsWrapper .section.grid-text-section.two-cubes:not(.red-cube) .grid-text .gridText2 p { color: var(--black); } #allSectionsWrapper .section.grid-text-section.two-cubes:not(.red-cube) .grid-text .grid-text-content .gridText1 ul li:before { filter: invert(1); } #allSectionsWrapper .section.grid-text-section.two-cubes:not(.red-cube) .grid-text .grid-text-content .gridText1 ul li::before { background-image: url("https://media.getmood.io/warehouse/dynamic/733091.svg"); filter: unset; } #allSectionsWrapper .section.grid-text-section.two-cubes:not(.red-cube) .grid-text .grid-text-content h2:after { background: linear-gradient(43deg, var(--black), var(--new2bg)); } #allSectionsWrapper .section.grid-text-section.animated { height: 100vh; align-content: center; overflow: hidden; background: var(--red); } #allSectionsWrapper .section.grid-text-section.animated .section-title { position: relative; z-index: 10; } #allSectionsWrapper .section.grid-text-section.animated .section-title h2 { font-size: clamp(100px,11.771vw,300px); font-family: var(--font-2); letter-spacing: 2.26px; line-height: 0.9; color: var(--new2bg); direction: ltr; } #allSectionsWrapper .section.grid-text-section.animated .grid-text { } #allSectionsWrapper .section.grid-text-section.animated .grid-text .grid-text-content { width: fit-content; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section.animated .grid-text .grid-text-content a.sec-button { display: flex; margin: 0; /* margin-inline: auto !important; */ margin-top: var(--gap-80); background: #fff; color: var(--black); } #allSectionsWrapper .section.grid-text-section.animated .grid-text .grid-text-content a.sec-button::before { background-color: white; background-image: url(https://media.getmood.io/warehouse/dynamic/731523.svg); } #allSectionsWrapper .section.grid-text-section.animated .grid-text .grid-text-content a.sec-button::after { background-image: url(https://media.getmood.io/warehouse/dynamic/731524.svg); background-color: white; } #allSectionsWrapper .grid-text-section.scrolling-text[data-id="24239"] .grid-text .grid-text-content p.radial-text-marquee__text { color: var(--new2bg); } #allSectionsWrapper .black-bg { position: relative; padding-top: var(--gap-250); } #allSectionsWrapper .black-bg .half-circle { position: absolute; left: 50%; bottom: 0%; transform: translateX(-50%); background: var( --black); width: 182%; height: 100%; border-radius: 96vw; } /*#allSectionsWrapper .black-bg .section.grid-text-section.scrolling-text .grid-text .grid-text-content svg g text tspan { fill: var(--new2bg) !important; }*/ #allSectionsWrapper .section.two-cubes-wrapper { display: flex; padding-bottom: var(--gap-250); padding-inline: var(--gap-120); } #allSectionsWrapper .section.grid-content-section.solutions { padding-inline: var(--gap-120); padding-bottom: var(--gap-250); } #allSectionsWrapper .section.grid-content-section.solutions .section-title { text-align: start; } #allSectionsWrapper .section.grid-content-section.solutions .section-title h2 { margin-bottom: var(--gap-10); } #allSectionsWrapper .section.grid-content-section.solutions .section-title h3 { margin-block: 0 var(--gap-80); } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes { gap: var(--gap-30); } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box { width: 20.833vw; height: 23.125vw; align-content: center; background: var(--red); border-radius: 6px; color: white; transition: 0.3s ease all; overflow: hidden; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box lottie-player { display: block; width: var(--gap-100); margin-inline: auto; margin-bottom: var(--gap-32); transition: 0.3s ease all; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box lottie-player#shivukim path { fill: var(--green); } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box lottie-player#ecommerce path { fill: var(--blue); } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box lottie-player#b2b path { fill: #FF83CC; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box lottie-player#workshop path { fill: #FFAD14; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-title h3 a { color: white; display: block; width: 65%; margin-inline: auto; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-subtitle.button { font-size: unset; position: absolute; bottom: var(--gap-32); left: 50%; transform: translateX(-50%); } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-subtitle.button a { color: var(--white); } #allSectionsWrapper .section.grid-content-section.solutions .content-section-Btn { display: flex; direction: ltr; } #allSectionsWrapper .section.grid-content-section.solutions .content-section-Btn a.sec-button { display: flex; direction: rtl; } #allSectionsWrapper .section.grid-faq-section { padding-block: var(--gap-260) var(--gap-140); padding-inline: var(--gap-120); background: var(--black); } #allSectionsWrapper .section.grid-faq-section .section-title { color: white; max-width: 100%; margin: 0; } #allSectionsWrapper .section.grid-faq-section .section-title h2 { } #allSectionsWrapper .section.grid-faq-section .section-title h3 { margin: 0; margin-top: var(--gap-10); } #allSectionsWrapper .section.grid-faq-section .section-topText { color: white; margin: 0; margin-inline: auto; padding-block: var(--gap-80); } #allSectionsWrapper .section.grid-faq-section .section-topText p { color: white; } #allSectionsWrapper .section.grid-faq-section .grid-faq { margin: 0; max-width: 100%; width: 100%; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner { } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group { margin: 0; display: flex; gap: var(--gap-30); } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group > * { flex: 1; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item { border-radius: 0; border: none; margin-bottom: 0 !important; padding-block: 0; padding-inline: var(--gap-24); background: var(--light-grey); border-bottom: 1px solid var(--stroke); box-shadow: none; color: white; position: relative; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body { background: none; padding-inline-end: var(--gap-120); position: relative; z-index: 100; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner { max-width: unset; padding-top: 0; padding-inline: 0; padding-bottom: 0; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { background: none; padding-inline: 0; padding-block: 0; padding-block: var(--gap-40); transition: 0.3s ease all; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i { left: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/712528.svg"); background-position: center; background-repeat: no-repeat; background-size: inherit; width: var(--gap-28); height: var(--gap-28); aspect-ratio: 1; border-radius: 50%; transition: 0.3s ease all; transform: translateY(-50%); top: 50%; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i::before { opacity: 0; display: block; width: 100%; height: 100%; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline.open i { transform: rotate(45deg) translate(-50%,-50%); } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item:before { content: ""; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; background: var(--text); transition: 0.3s ease all; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item:has(.faq-headline.open) { padding-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item:has(.faq-headline.open):before { height: 100%; } @media(min-width: 1025px) { #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item:hover:before { height: 100%; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline:hover { padding-inline: var(--gap-24); } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline:hover i.button-open { left: var(--gap-12); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { margin-bottom: var(--gap-100); } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image:hover iframe { opacity: 1; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes .gallery-group > div .boxes-images-outer-image iframe { width: 100%; height: 100%; width: 100%; position: absolute; bottom: 0; right: 0; opacity: 1; transition: 0.3s ease all; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes .gallery-group > div:hover .boxes-images-outer-image iframe { opacity: 1; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes > div:not(.gallery-group) .boxes-images-outer-image:hover .image-link-container { background: none; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-fulltext { height: 0; overflow: hidden; transition: 0.3s ease all; padding-inline: var(--gap-30); } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-fulltext p { color: white; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box:hover { /* background: var(--black); */ } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box:hover .grid-box-fulltext { height: var(--gap-160); margin-top: var(--gap-32); } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box:hover .grid-box-subtitle.button { height: 0; overflow: hidden; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box:hover lottie-player { width: var(--gap-60); } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: var(--black); border-radius: 250px 250px 0 0; transform: translateY(100%); transition: 0.35s all cubic-bezier(0.25, 0.1, 0.3, 1); } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box > :is(lottie-player, div:not(.button)) { position: relative; z-index: 3; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box:hover:after { border-radius: 0; transform: unset; } #allSectionsWrapper .section.grid-content-section.solutions .section-title h3 .line-item { display: inline-block !important; } #allSectionsWrapper .section.grid-content-section.solutions .section-title h3 .line-item:last-child { margin-inline-start: var(--gap-16); } #allSectionsWrapper .section.grid-content-section.solutions .content-section-Btn a.sec-button:hover { margin-inline-end: var(--gap-50) !important; } #allSectionsWrapper .black-bg { position: relative; padding-top: var(--gap-250); } #allSectionsWrapper .black-bg .half-circle { position: absolute; left: 50%; bottom: 0%; transform: translateX(-50%); background: var( --black); width: 182%; height: 100%; border-radius: 96vw; } } @media(max-width: 1024px) { #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { margin-bottom: 60px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes { animation: scrollText 75s linear infinite; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { width: 150px; height: 80px; min-width: unset; padding: 0; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div .boxes-images-outer-image { height: 100%; } #allSectionsWrapper .section.grid-gallery-section.cubes { padding-inline: 16px; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes { grid-template-columns: repeat(1,1fr); gap: 40px; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div { border-radius: 0; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div a.boxes-images-outer-image { height: 212px; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div a.boxes-images-outer-image { aspect-ratio: unset; height: 212px; border-radius: 6px; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image { aspect-ratio: unset; height: 212px; border-radius: 6px; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div a.boxes-images-outer-image .image-link-container .image-link-outer ul { width: 67%; flex-wrap: wrap; padding: 6px; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div a.boxes-images-outer-image .image-link-container .image-link-outer ul li { font-size: 9px; white-space: nowrap; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div a.boxes-images-outer-image .image-link-container a.image-link-content .p-vert .image-link-outer h4 { } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container .image-link-outer ul { padding-block: 16px; padding-inline: 6px; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image .image-link-container .image-link-outer ul li { font-size: 9px; white-space: nowrap; letter-spacing: 0.27px; line-height: 1.2; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div h4 { font-size: unset; display: block; text-align: start; color: white; margin-top: 10px; margin-bottom: 0; font-size: 17px; } #allSectionsWrapper .section.grid-gallery-section.cubes .gallery-container .gallery-cubes > div.video-shown .boxes-images-outer-image iframe { opacity: 1; } #allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn { margin-top: var(--gap-100); } #allSectionsWrapper .grid-gallery-section.events { padding-inline: 16px; } #allSectionsWrapper .grid-gallery-section.events .section-title { margin-bottom: 80px; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes { flex-direction: column; gap: 40px; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes .gallery-group { flex-direction: column; width: 100%; gap: 40px; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes .gallery-group > div { width: 100%; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes .gallery-group > div .boxes-images-outer-image iframe { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; opacity: 0; transition: 0.3s ease all; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes .gallery-group .video-shown .boxes-images-outer-image iframe { opacity: 1; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes > div:not(.gallery-group) { width: 100%; position: static; } #allSectionsWrapper .grid-gallery-section.events .gallery-container .gallery-cubes :is(.gallery-group > div, div) > .image-link-outer h4 { font-size: 17px; display: block; line-height: 1.2; font-family: var(--font-1); padding-inline-end: 30px; } #allSectionsWrapper .section.grid-row-section { padding-inline: var(--gap-16); padding-bottom: 120px; min-width: 100%; margin-top: 20px; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { display: flex !important; flex-direction: column; gap: 50px; overflow: visible; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { margin: 0; padding: 0; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text > h2 { margin-bottom: 30px; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3 { margin: 0; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .section-title { margin-bottom: 10px; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .section-title h2 { margin-bottom: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec { padding-inline: 16px; padding-bottom: 220px; text-align: start; min-width: 100%; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text { margin-bottom: 40px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text .grid-text-content h2 { margin-bottom: 20px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper { margin-bottom: 40px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes { grid-template-columns: repeat(2,1fr); column-gap: 20px; row-gap: 40px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box { padding-block: 16px 23px; padding-inline: 14px 10px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image { margin-bottom: 19px; width: 45px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title { margin-bottom: 10px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title { padding: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title h2 { padding: 10px; white-space: nowrap; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:before { padding: 1px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec a.sec-button.button-with-anim { margin-top: 40px; } #allSectionsWrapper .grid-text-section.scrolling-text .grid-text .grid-text-content p.radial-text-marquee__text { font-size: 56px; } #allSectionsWrapper .section.two-cubes-wrapper { padding-inline: 16px; flex-direction: column; gap: 40px; } #allSectionsWrapper .section.grid-text-section.two-cubes { padding-block: 60px; padding-inline: 0; border-radius: 6px; } #allSectionsWrapper .section.grid-text-section.two-cubes .two-cubes-inner { width: 100%; } #allSectionsWrapper .section.grid-text-section.two-cubes .section-title { display: flex; align-items: center; } #allSectionsWrapper .section.grid-text-section.two-cubes .section-title:before { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/730780.svg); display: inline-block; min-width: 80px; height: auto; aspect-ratio: 1; background-position: center; background-repeat: no-repeat; background-size: cover; height: fit-content; } #allSectionsWrapper .section.grid-text-section.two-cubes .section-title .title-content-wrapper { width: 212px; } #allSectionsWrapper .section.grid-text-section.two-cubes .section-title .title-content-wrapper:after { content: ""; height: 1px; background: linear-gradient(43deg, #fff, #ff3227); display: block; } #allSectionsWrapper .section.grid-text-section.two-cubes .section-title .title-content-wrapper h2 { } #allSectionsWrapper .section.grid-text-section.two-cubes .section-title .title-content-wrapper h3 { padding-block: 10px 24px; margin: 0; color: white; } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .grid-text-content .gridText1 { padding-inline: 44px 0px; margin: 0; } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .grid-text-content .gridText1 ul li:before { width: var(--gap-18); margin-inline-end: 10px; } #allSectionsWrapper .section.grid-text-section.two-cubes .grid-text .gridText2 { top: 18px; left: 18px; } #allSectionsWrapper .section.grid-text-section.two-cubes.red-cube:before { display: none; } #allSectionsWrapper .section.grid-text-section.two-cubes:not(.red-cube):before { display: none; } #allSectionsWrapper .section.grid-text-section.two-cubes:not(.red-cube) .section-title:before { background-image: url(https://media.getmood.io/warehouse/dynamic/730779.svg); } #allSectionsWrapper .section.grid-text-section.two-cubes:not(.red-cube) .section-title .title-content-wrapper h3 { color: var(--black); } #allSectionsWrapper .section.grid-text-section.two-cubes:not(.red-cube) .section-title .title-content-wrapper:after { background: linear-gradient(43deg, var(--black), var(--new2bg)); } #allSectionsWrapper .section.grid-text-section.about { padding-inline: 16px; padding-bottom: 260px; } #allSectionsWrapper .section.grid-text-section.about .section-title { margin-bottom: 40px; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content { flex-direction: column; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .gridText1 { width: 100%; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .gridText2 { width: 100%; margin-bottom: 40px; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper { width: 100%; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .grid-boxes .grid-box .grid-box-title { padding-block: 20px; } #allSectionsWrapper .section.grid-text-section.about .grid-text .grid-text-content .grid-boxes-wrapper .swiper-controls { margin-top: 40px; } #allSectionsWrapper .section.grid-text-section.quote { padding-bottom: 260px; } #allSectionsWrapper .section.grid-text-section.quote .section-title { display: none; } #allSectionsWrapper .section.grid-text-section.quote .grid-text .grid-text-content { width: 75%; padding-block: 0 40px; } #allSectionsWrapper .section.grid-text-section.quote .grid-text .gridTextImgContainer { flex-direction: column; gap: 20px; } #allSectionsWrapper .section.grid-text-section.quote .grid-text .gridTextImgContainer h2 { text-align: center; width: 60%; } #allSectionsWrapper .section.grid-text-section.animated { background: var(--new2bg); } #allSectionsWrapper .section.grid-text-section.animated .section-title { padding-inline: 20px; } #allSectionsWrapper .section.grid-text-section.animated .section-title h2 { font-size: 72px; color: var(--red); } #allSectionsWrapper .section.grid-text-section.animated .grid-text .grid-text-content a.sec-button { background: var(--red); color: var(--white); } #allSectionsWrapper .section.grid-text-section.animated .grid-text .grid-text-content a.sec-button:before { background-image: url(https://media.getmood.io/warehouse/dynamic/731724.svg); background-color: var(--red); } #allSectionsWrapper .black-bg .section.grid-text-section.scrolling-text.portfolio { margin-block: 0 40vw; } #allSectionsWrapper .section.grid-content-section.solutions { padding-inline: 16px; } #allSectionsWrapper .section.grid-content-section.solutions .section-title h3 { margin-bottom: 40px; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes { gap: 10px; flex-direction: column; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box { width: 100%; display: flex; padding: 20px; height: fit-content; column-gap: 20px; align-items: center; flex-wrap: wrap; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box lottie-player { width: 55px; height: auto; aspect-ratio: 1; margin: 0; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-fulltext { /* display: none; */ height: 0; overflow: hidden; transition: 0.3s ease all; text-align: start; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-fulltext p { color: white; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-fulltext p { font-size: 15px; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-title { width: 50%; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-title h3 { margin: 0; text-align: start; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-title h3 a { margin: 0; width: 100%; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-subtitle.button { position: absolute; transform: unset; left: 20px; bottom: 50%; transform: translateY(50%); transition: 0.3s ease all; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box .grid-box-subtitle.button a { display: block; text-align: start; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box.active { flex-wrap: wrap; } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box.active .grid-box-fulltext { width: 100%; height: 118px; margin-top: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.solutions .grid-boxes .grid-box.active .grid-box-subtitle.button { opacity: 0; } #allSectionsWrapper .section.grid-content-section.solutions .content-section-Btn { justify-content: center; } #allSectionsWrapper .section.grid-content-section.solutions .content-section-Btn a.sec-button { margin-top: var(--gap-40); direction: rtl; background: var(--red); color: white; } #allSectionsWrapper .section.grid-content-section.solutions .content-section-Btn a.sec-button::before { background-color: var(--red); background-image: url(https://media.getmood.io/warehouse/dynamic/731724.svg); } #allSectionsWrapper .section.grid-faq-section { padding-inline: 16px; } #allSectionsWrapper .section.grid-faq-section .section-title { text-align: start; } #allSectionsWrapper .section.grid-faq-section .section-title h3 { font-size: 44px; } #allSectionsWrapper .section.grid-faq-section .section-title h3 .line-item { text-align: start !important; } #allSectionsWrapper .section.grid-faq-section .section-topText { padding-block: 40px; text-align: start; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group { flex-direction: column; gap: 0; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item { padding: 0; border-bottom: 1px solid var(--text); margin: 0; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item { padding-inline: 24px; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item:has(.faq-headline.open) { padding-bottom: 38px; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { padding-block: 38px; padding-inline-end: 40px; } #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text p { font-size: 14px; } } /*------------------------------------------/* PAGES /*------------------------------------------*/ #home-gallery { height: calc(100vh - var(--gap-120)) !important; } #home-gallery .slider-bg.stellar-bg { background: var(--secondary-red) !important; } #home-gallery .gallery-caption { top: 50%; transform: translate(-50%,-50%); width: 60%; z-index: 1001; } #home-gallery .gallery-caption .gallery-text h1 { direction: rtl; color: white; text-align: center; margin-bottom: var(--gap-36); } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink.button-with-anim { direction: rtl; background: white; color: var(--black); } #home-gallery .gallery-caption .gallery-text > span { display: flex; direction: rtl; } #home-gallery .gallery-caption .gallery-text > span .svg { width: var(--gap-16); height: auto; aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/732001.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; margin-inline: var(--gap-20); } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink.button-with-anim::before { background-color: white; background-image: url(https://media.getmood.io/warehouse/dynamic/731523.svg); } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink.button-with-anim::after { background-color: var(--white); background-image: url(/warehouse/dynamic/623930.svg); } @media(min-width: 1025px) { } @media(max-width: 1024px) { #home-gallery { height: 100vh !important; background-color: var(--new2bg) } #home-gallery .gallery-caption.caption-text { width: 100%; height: fit-content; padding-inline: var(--gap-16); } #home-gallery .gallery-caption .gallery-text { height: fit-content; } #home-gallery .gallery-caption .gallery-text h1 { display: block; width: 100%; white-space: normal; } #home-gallery .gallery-caption .gallery-text > span { flex-direction: column; } #home-gallery .gallery-caption .gallery-text > span .svg { opacity: 0; } #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink.button-with-anim { margin-top: var(--gap-30); } } /*-------------------------------------------/* ACCESSABILITY /*-------------------------------------------*/ #accessability { width: 41.667vw; margin-inline: auto; margin-top: calc(var(--headerHeight) + var(--gap-140)); margin-bottom: var(--gap-140); } #accessability #headline { margin-block: 0 var(--gap-48); } #accessability #headline h1 { color: var(--white); } #accessability #text1 { margin: 0; max-width: 100%; } #accessability #text1 > * { text-align: start; color: var(--white); } #accessability #text1 h2 { text-align: start; margin-block: var(--gap-48) var(--gap-32); color: var(--white); font-family: var(--font-2); } #accessability #text1 ul.accessability-list { list-style: none; padding: 0; color: var(--white); } #accessability #text1 ul.accessability-list li { display: flex; align-items: center; color: var(--text-grey); } #accessability #text1 ul.accessability-list li:before { content: ""; min-width: var(--gap-4); height: auto; aspect-ratio: 1; display: inline-block; background: var(--white); border-radius: 50%; vertical-align: middle; margin-inline-end: var(--gap-8); } #accessability #text1 > :is(p, ul li) { color: var(--white); } #SiteGrid:has(#accessability) { background: var(--red); } @media(max-width: 1025px) { #accessability { width: 100%; padding-inline: 20px; margin-bottom: 72px; margin-top: 115px; text-align: start; } #accessability #headline { margin-block: 0; font-size: unset; text-align: start; } #accessability #headline h1 { } #accessability #text1 h2 { margin-block: 18px; font-family: var(--font-2); } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-family: var(--font-2); font-size: 18px; letter-spacing: 0.18px; line-height: 1.45; } #SiteGridContainer:has(#accessability) { background-image: none; } } /*-------------------------------------------/* MOUSE HOVER EFFECT /*------------------------------------------*/ div[data-cursor-img], div[data-cursor-img] * { cursor: pointer; } body .mf-cursor { z-index: 1000; } body .mf-cursor:before { left: calc(var(--gap-60) * -1); top: calc(var(--gap-60) * -1); width: var(--gap-120); height: var(--gap-120); opacity: 1 !important; transform: scale(0); background: transparent; border-radius: 50%; backdrop-filter: blur(22px); } body .mf-cursor.-hidden:before { transform: scale(0) !important; } body .mf-cursor.-media:before { transform: scale(1); } body .mf-cursor .mf-cursor-media { width: var(--gap-120); height: var(--gap-120); margin: calc(var(--gap-60) * -1) 0 0 calc(var(--gap-60) * -1); } body .mf-cursor .mf-cursor-media .mf-cursor-media-box { display: flex; padding: 0; align-items: center; justify-content: center; } body .mf-cursor.-media .mf-cursor-media .mf-cursor-media-box { transform: scale(1) !important; } body .mf-cursor.-hidden .mf-cursor-media .mf-cursor-media-box { transform: scale(0) !important; } body .mf-cursor .mf-cursor-media .mf-cursor-media-box img { width: 100%; height: 100%; transform: unset; border-radius: unset; position: relative; top: unset; left: unset; } .mf-cursor-progress { position: absolute; width: var(--gap-120); height: var(--gap-120); left: calc(var(--gap-60) * -1); top: calc(var(--gap-60) * -1); pointer-events: none; transform: rotate(-90deg); } .mf-cursor-progress-bg { fill: none; stroke: rgba(255,255,255,0.2); stroke-width: 2; } .mf-cursor-progress-ring { fill: none; stroke: var(--red); stroke-width: 2; stroke-dasharray: 289; stroke-dashoffset: 289; } body:not(:has(.black-bg:hover)) .mf-cursor .mf-cursor-inner svg.mf-cursor-progress { opacity: 0; } /*------------------------------------------/* ANIMATIONS /*------------------------------------------*/ @keyframes scrollText { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } /**/ .radial-text-marquee { width: 100% !important; position: relative !important; direction: ltr !important; } .radial-text-marquee__text { text-align: center; letter-spacing: -.04em !important; white-space: nowrap !important; user-select: none !important; font-size: clamp(45px, 6vw, 300px) !important; } @media(max-width: 1025px) { .radial-text-marquee__text { text-align: center; letter-spacing: -.04em !important; white-space: nowrap !important; user-select: none !important; font-size: clamp(45px, 56px, 300px) !important; } } /*OSMO (MATTER.JS)*/ .section-resource { justify-content: center; align-items: flex-start; width: 100%; height: 100svh; padding: 2vw; display: flex; overflow: hidden; position: absolute; bottom: 0; z-index: 1000; } .resource-name__svg { width: 100%; } .canvas-matter { width: 100%; margin-bottom: 0; position: absolute; bottom: 0%; left: 0%; overflow: hidden; pointer-events: none; } .canvas-matter__before { padding-top: 100%; } .canvas-matter__target { transform: scale3d(1none, 1none, 1none); transform-style: preserve-3d; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } #canvas-target canvas { position: relative; top: -1px; left: -1px; right: -1px; bottom: -1px; max-width: unset; pointer-events: all; max-width: calc(100% + 2px); max-height: calc(100% + 2px); min-width: calc(100% + 2px); min-height: calc(100% + 2px); } @media(max-width: 1025px) { .section-resource { height: 95%; top: 0; bottom: unset; overflow: visible; } .canvas-matter { height: 95%; } .canvas-matter, .canvas-matter__target { } } /*OSMO (UNDERLINE LINK ANIMATIONS)*/ [data-underline-link] { text-decoration: none; position: relative; } [data-underline-link]::before { content: ""; position: absolute; bottom: -0.0625em; left: 0; width: 100%; height: 0.0625em; background-color: currentColor; transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1); transform-origin: right; transform: scaleX(0) rotate(0.001deg); } @media (hover: hover) and (pointer: fine) { [data-hover]:hover [data-underline-link]::before, [data-underline-link]:hover::before { transform-origin: left; transform: scaleX(1) rotate(0.001deg); } } /*SPECIFIC SELECTORS*/ :is(#allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn:has([data-underline-link="alt"]), footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link="alt"] )::before, :is(#allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn:has([data-underline-link="alt"]), footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link="alt"] )::after { content: ""; position: absolute; bottom: calc(0px - var(--gap-2)); left: 0; width: 100%; height: var(--gap-4); background-color: var(--new2bg); transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1); transform-origin: right; transform: scaleX(0) rotate(0.001deg); } :is(#allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn:has([data-underline-link="alt"]), footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link="alt"] )::before { transform-origin: left; transform: scaleX(1) rotate(0.001deg); transition-delay: 0.3s; } :is(#allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn:has([data-underline-link="alt"]), footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link="alt"] )::after { transform-origin: right; transform: scaleX(0) rotate(0.001deg); transition-delay: 0s; } [data-underline-link] { text-decoration: none; position: relative; } @media (hover: hover) and (pointer: fine) { [data-hover]:hover [data-underline-link]::before, [data-underline-link]:hover::before { transform-origin: left; transform: scaleX(1) rotate(0.001deg); } [data-hover]:hover :is(#allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn:has([data-underline-link="alt"]), footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link="alt"] )::before, :is(#allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn:has([data-underline-link="alt"]), footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link="alt"] ):hover::before { transform-origin: right; transform: scaleX(0) rotate(0.001deg); transition-delay: 0s; } [data-hover]:hover :is(#allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn:has([data-underline-link="alt"]), footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link="alt"] )::after, :is(#allSectionsWrapper .section.grid-gallery-section.cubes .content-section-Btn:has([data-underline-link="alt"]), footer #SiteFooter .footer-text.text-center .footer-group ul li a[data-underline-link="alt"] ):hover::after { transform-origin: left; transform: scaleX(1) rotate(0.001deg); transition-delay: 0.3s; } } /*RUNNING NUMBERS*/ [data-odometer-element] { display: inline-flex; align-items: center; font-variant-numeric: tabular-nums; } [data-odometer-part="mask"], [data-odometer-part="static"] { display: inline-block; overflow: clip; padding: 0.05em; margin: -0.05em; } [data-odometer-part="roller"] { display: block; white-space: pre; text-align: center; will-change: transform; } [data-odometer-part="static"] { display: inline-block; } /*------------------------------------------/* WEAK PC /*------------------------------------------*/ body.weakPC #home-gallery .slider-bg.stellar-bg { background-image: url("https://media.getmood.io/warehouse/dynamic/736539.jpg") !important; background-position: bottom center !important; background-size: cover !important; height: 100% !important; min-height: unset; } body.weakPC #allSectionsWrapper .section.grid-text-section.scrolling-text[data-id="24350"] { background-image: url("https://media.getmood.io/warehouse/dynamic/733354.svg"); background-position: center center; background-size: cover; height: 33.438vw; position: absolute; margin-top: var(--gap-120); } body.weakPC #allSectionsWrapper .section.grid-text-section.scrolling-text[data-id="24350"] .grid-text { opacity: 0; } body.weakPC #allSectionsWrapper .section.grid-text-section.scrolling-text[data-id="24239"] { background-image: url("https://media.getmood.io/warehouse/dynamic/733353.svg"); background-position: unset; background-size: cover; height: 33.438vw; position: absolute; } body.weakPC #allSectionsWrapper .section.grid-text-section.scrolling-text[data-id="24239"] .grid-text { opacity: 0; } body.weakPC #allSectionsWrapper .section.grid-gallery-section.cubes { margin-top: 17%; } body.weakPC #allSectionsWrapper .section.grid-row-section { margin-top: 23.438vw; }