﻿/* CORRECT */
:root { --black: #363f40; --red: #ff6d66; --teal: #007d7d; --blue: #4ec1cd; --green: #cee95c; --dgreen: #89b920; --cream: #F8F6EB; --gold: #e8c899; --gloria: 'gloria-demibold-aaa'; }


/* General */
html { font-size: 62.5%; overflow-x: clip; }
body, body.modal-open { line-height: 1; font-size: 2rem; zoom: 1 !important; overflow: clip; }
body.modal-open { padding: 0 !important; }
.gsap-content { will-change: transform; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview #text2, #headline h1 { position: relative; display: inline-block; max-width: 100%; width: 100%; }
p, .grid-rows .grid-row-text p { font-size: clamp(1.5rem, 0.885vw, 1000rem); position: relative; line-height: 135%; }
.grid-row-text p { opacity: 1; transition: 0.8s 0.2s all ease-in-out; }
.section-title { margin: 0px; }
.section-title h2 > span { /*position: relative;*/ color: #fff; margin-right: 1.042vw; position: sticky; display: inline-flex; line-height: 1; }
.section-title h2 > span::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% + 1.771vw); height: calc(100% + 1.042vw); z-index: -1; border-radius: 2.604vw 0 2.604vw 2.604vw; }
#headline h1 { /*direction: ltr;*/ }
#headline h1 > span { /*position: relative;*/ margin-right: 1.042vw; position: sticky; display: inline-flex; line-height: 1; }
#headline h1 > span::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% + 1.771vw); height: calc(100% + 1.042vw); z-index: -1; border-radius: 2.604vw 0 2.604vw 2.604vw; }
#SiteGrid { overflow: unset; }
#SiteGridContainer { overflow-x: clip; opacity: 0; transition: 0.3s opacity ease; z-index: 2; position: unset; }
#SiteGridContainer.shown { opacity: 1; }
#SiteFooter .site-credit.alternative { padding: 5px 0; z-index: 1; width: 100%; }
.grid-rows .grid-row { background: inherit; }
.FormResultPage #GridTop { display: none; }
.FormResultPage #SiteGridContainer { display: flex; flex-direction: column; justify-content: center; min-height: 44vw; }
.FormResultPage #pageview #headline { font-size: 100%; position: relative; margin: 0 }
.FormResultPage #pageview #headline h1 { line-height: 62%; font-size: clamp(3rem,2.6vw,1000rem); letter-spacing: clamp(-0.68rem, -0.052vw, 1000rem); color: var(--black); font-family: var(--gloria); margin-bottom: 2.5vw; padding: 0 20px; line-height: 1; }
.FormResultPage #pageview #headline h1 span { color: #fff; }
.FormResultPage #pageview #headline h1 span::before { background: var(--teal); }
.FormResultPage #pageview #text1 { max-width: 100%; line-height: 1; }
.FormResultPage #pageview #text1 p { margin-bottom: 1.3vw; }
.FormResultPage #pageview #text1 .FormResultPageButton { background: transparent; margin: 0; border: 1px solid var(--teal); color: var(--teal); text-transform: uppercase; padding: 0 2.135vw; border-radius: 2.604vw; height: 2.6vw; min-width: 10.677vw; font-size: 1.042vw; transition: 0.3s all ease; display: inline-flex !important; align-items: center; justify-content: center; }
.FormResultPage #pageview #text1 .FormResultPageButton:is(:hover, :focus) { background: var(--teal); color: var(--cream); }
#allSectionsWrapper { z-index: 1; }
#text1 p, #text2 p, #text1 li, #text2 li, #text1 span { font-size: clamp(1.5rem, 0.885vw, 1000rem); opacity: 0; transition: 0.8s 0.2s all ease-in-out; }
#text1 p:last-child { margin: 0; }
.sections .section, section.section { margin-bottom: 0; background: transparent; padding: 0; max-width: 100%; }
.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%; }
a.AccessabilityLink { z-index: 1; margin-bottom: 5px; font-size: clamp(1.2rem, 0.73vw, 1000rem); }
.grid-boxes { display: flex; margin: 0; }
.grid-boxes .grid-box-title h3 a { color: inherit; outline: none !important; }
#LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; }
a.AccessabilityLink:hover { color: #fff; }
#SiteFooter .site-credit.alternative svg path.st0 { fill: #ffffff; }
p.creditWrapper svg { fill: #fff; }
strong { /* font-weight: unset;*/ }
#GridPage { padding: 0; }
#header2 .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 .grid-text-content { opacity: initial; margin: 0; }
.grid-text p { margin-top: 0; }
.grid-text-content p { opacity: 0; transition: 0.8s 0.2s all ease-in-out; }
.section-animation-item,
.grid-boxes .section-animation-item,
.section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset; }
a:hover, a:focus { color: inherit; }
.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 { display: none; }
.container-fluid { padding: 0; }
.gallery-container { width: 100%; transition: 0.8s 0.2s all ease; opacity: 1; }
em { font-style: normal; position: relative; }
.box-image-animation:hover img { transform: none !important; }
#GridTop.noTopImage.longer { height: 0; }
#GridTop, #GridTop.blog { height: 24vw; background-position-y: top; background-size: cover; margin-top: var(--headerHeight); border-radius: 1.563vw; width: calc(100% - 10.417vw); margin-inline: auto; overflow: hidden; }
#GridTop .top-caption h1 { font-size: inherit; }

/* Buttons Anim */
.grid-box-subtitle.button a, .content-section-Btn a.sec-button, .dynamicFormObjectSubmit button, .blog-lobby .blog-tags ul li a { transition: 0.3s background ease; }
.grid-box-subtitle.button a:is(:hover, :focus),
.content-section-Btn a.sec-button:is(:hover, :focus),
.dynamicFormObjectSubmit button:is(:hover, :focus),
.blog-lobby .blog-tags ul li a:is(:hover, :focus) { background: var(--teal) !important; }
.grid-box-subtitle.button a .link-text-wrapper, .content-section-Btn a.sec-button .link-text-wrapper,
.dynamicFormObjectSubmit button .link-text-wrapper, .blog-lobby .blog-tags ul li a .link-text-wrapper { position: relative; overflow: hidden; }
.grid-box-subtitle.button a .link-text, .content-section-Btn a.sec-button .link-text,
.dynamicFormObjectSubmit button .link-text, .blog-lobby .blog-tags ul li a .link-text { position: absolute; top: 0; right: 0; width: 100%; transform: translateY(110%); transition: all 0.3s ease; color: var(--cream); }
.grid-box-subtitle.button a:is(:hover, :focus) .link-text,
.content-section-Btn a.sec-button:is(:hover, :focus) .link-text,
.dynamicFormObjectSubmit button:is(:hover, :focus) .link-text, .blog-lobby .blog-tags ul li a:is(:hover, :focus) .link-text { transform: translateY(0%); }
.grid-box-subtitle.button a .hover-element,
.content-section-Btn a.sec-button .hover-element,
.dynamicFormObjectSubmit button .hover-element, .blog-lobby .blog-tags ul li a .hover-element { transform: translateY(0%); transition: all 0.3s ease; }
.grid-box-subtitle.button a:is(:hover, :focus) .hover-element,
.content-section-Btn a.sec-button:is(:hover, :focus) .hover-element,
.dynamicFormObjectSubmit button:is(:hover, :focus) .hover-element, .blog-lobby .blog-tags ul li a:is(:hover, :focus) .hover-element { transform: translateY(-110%); }
/**/

@media(max-width: 1024px) {
    a.AccessabilityLink { font-size: 1.4rem; }
    .FormResultPage #SiteGridContainer { min-height: 90vh; }
    .FormResultPage #pageview #headline h1 { margin-bottom: 34px; }
    .FormResultPage #pageview #text1 p { margin-bottom: 25px; font-size: 1.4rem; padding: 0 20px; }
    .FormResultPage #pageview #text1 .FormResultPageButton { height: 45px; min-width: 140px; border-radius: 50px; font-size: 1.4rem; }

    .section-title h2 > span,
    #headline h1 > span { margin-right: 6px; display: inline-block; line-height: 1; }
    .section-title h2 > span::before,
    #headline h1 > span::before { width: calc(100% + 12px); height: calc(100% + 12px); border-radius: 50px 0 50px 50px; }
}

/* Header */
#header2 { background: #fff; padding: 0 5.208vw; display: flex; align-items: center; z-index: 300; }
#header2 #header-container { display: flex; justify-content: space-between; align-items: center; }
#header2 #header-container #header-left { text-align: left; width: auto; margin: 0; z-index: 12; }
#header2 #header-container #header-left img { width: 8.854vw; }
#header2 #header-container .header-right-section .header-top { display: none; }
#header2 #header-container .header-right-section .menu-nav { margin: 0; }
#header2 .menu .menu-sub li { margin: 0; white-space: normal; }
#header2 #header-container .header-right-section .menu-nav #menu > li.active > a,
#header2 #header-container .header-right-section .menu-nav #menu > li > a:hover,
#header2 #header-container .header-right-section .menu-nav #menu > li > a:focus { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--teal); text-decoration-thickness: 2px; }

@media(min-width: 1025px) {
    #header2 #header-container .header-right-section .menu-nav #menu { margin: 0; display: flex; align-items: center; gap: 0 1.563vw; }
    #header2 #header-container .header-right-section .menu-nav #menu > li { margin: 0; font-size: 0.885vw; color: var(--black); display: flex; align-items: center; gap: 5px; }
    #header2 #header-container .header-right-section .menu-nav #menu > li::before { display: none; }
    #header2 #header-container .header-right-section .menu-nav #menu > li > a { opacity: 1 !important; color: var(--black); padding: 1.9vw 0; border: none; outline: none; }
    #header2 #header-container .header-right-section .menu-nav #menu > li > a.contact-link { background: var(--teal); padding: 0.6vw 2.63vw; border-radius: 2.604vw; color: #fff !important; }
    #header2 #header-container .header-right-section .menu-nav #menu > li .link-text-wrapper { position: relative; overflow: hidden; }
    #header2 #header-container .header-right-section .menu-nav #menu > li .link-text { position: absolute; top: 0; right: 0; width: fit-content; transform: translateY(100%); transition: all 0.3s ease; }
    #header2 #header-container .header-right-section .menu-nav #menu > li:hover .link-text { transform: translateY(0%); }
    #header2 #header-container .header-right-section .menu-nav #menu > li .hover-element { transform: translateY(0%); transition: all 0.3s ease; }
    #header2 #header-container .header-right-section .menu-nav #menu > li:hover .hover-element { transform: translateY(-100%); }
    #header2 #header-container .header-right-section .menu-nav #menu > li > i { transition: 0.3s all ease; margin: 0; font-size: 0.8vw; }
    #header2 #header-container .header-right-section .menu-nav #menu > li:hover > i { transform: scaleY(-1); }
    #header2 #header-container .header-right-section .menu-nav #menu > li .menu-sub { background: var(--cream); border-radius: 1vw 0; padding: 1vw; flex-direction: column; gap: 0.3vw; top: calc(100% - 0.7vw); }
    #header2 #header-container .header-right-section .menu-nav #menu > li:hover .menu-sub { display: flex; }
    #header2 #header-container .header-right-section .menu-nav #menu > li .menu-sub li { color: var(--black); margin: 0; font-size: 0.781vw; width: max-content; }
    #header2 #header-container .header-right-section .menu-nav #menu > li .menu-sub li a:is(:hover, :focus) { opacity: 1 !important; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--teal); }
}

@media(max-width: 1024px) {
    #header2 { padding: 15px 16px; }
    #header2 .header-right-section { padding: 0; width: auto; background: transparent; }
    #header2 .header-right-section .menu-nav #menu { width: auto; padding: 0; }
    #header2 #header-container .mobile-middle-kdm { display: none; }
    #header2 #header-left { display: flex; margin: 0; width: auto; z-index: 16; }
    #header2 #header-container #header-left img { width: 114px; }

    #header2 .header-right-section .menu-nav #menu { position: fixed; display: flex !important; width: 100%; height: 100%; max-height: 100%; min-height: 100%; flex-direction: column; padding: 115px 25px 0 !important; background: #fff; transform: translateX(100%); transition: 0.5s all ease; top: 0; margin: 0 !important; gap: 20px; align-items: flex-start; }
    #header2.open .header-right-section .menu-nav #menu { transform: translateX(0); }
    #header2 .header-right-section .menu-nav #menu li { height: auto; margin: 0; font-size: 2rem; padding: 0; width: 100%; color: var(--black); text-align: right; }
    #header2 .header-right-section .menu-nav #menu li.active { background: transparent; }
    #header2 .header-right-section .menu-nav #menu > li:not(.logoInMenu) a::before { display: none; }
    #header2 .header-right-section .menu-nav #menu li a { font-size: 100%; }
    #header2 .header-right-section .menu-nav #menu li.contact-mobile { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); text-align: center; width: calc(100% - 50px); background: var(--teal); border-radius: 50px; }
    #header2 .header-right-section .menu-nav #menu li.contact-mobile a { width: 100%; display: flex; height: 45px; align-items: center; justify-content: center; color: var(--cream); }
    #header2 .header-right-section .menu-nav #menu li::before { display: none; }
    #header2 .header-right-section .menu-nav #menu li ul.menu-sub { top: unset; background: transparent; margin: 0; }
    #header2 .header-right-section .menu-nav #menu li ul.menu-sub li a { padding: 0; }
    #header2 .header-right-section .menu-nav #menu li ul.menu-sub li { font-size: 1.6rem; }
    #header2 .header-right-section .menu-nav #menu li ul.menu-sub li:not(:last-child) { margin-block: 10px; }

    #header2 .header-right-section .menu-nav .nav-menu-anim { width: 30px; height: 30px; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before,
    #nav-toggle-mobile span:after { background: var(--teal); height: 4px; width: 24px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -6px; left: -3px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -6px; right: -3px; }
    #nav-toggle span { background: transparent; height: 0; left: 50%; transform: translate(-50%,-50%); }
    #nav-toggle.active span:before, #nav-toggle-mobile.active span:before { transform: rotate(40deg); left: 0; }
    #nav-toggle.active span:after, #nav-toggle-mobile.active span:after { transform: rotate(-40deg); top: 0; right: 0px; }
}

/* Home Gallery */
.top-caption { font-family: 'gloria-demibold-aaa'; color: var(--black); top: 50%; left: unset; right: 0; }

#home-gallery { margin-top: var(--headerHeight); border-radius: 1.563vw; width: calc(100% - 10.417vw); margin-inline: auto; /* height: calc(74vh - var(--headerHeight)) !important; */ margin-bottom: 4.167vw; height: 30.15vw !important; }
#home-gallery .TopVideo { height: max-content !important; }
#home-gallery .TopVideo iframe { height: auto; top: unset; left: unset; transform: scale(1.05); width: 100%; aspect-ratio: 2.85/1; }
#home-gallery .scroll-down,
#home-gallery #player-controls span,
#home-gallery #player-controls #unmute-player, #mobile-player-controls span { display: none }

.home-page .section-title h2 > span::before { background: var(--red); }
.section.home-gallery-sec { height: calc(99vh - var(--headerHeight)); margin-top: var(--headerHeight); border-radius: 1.563vw; width: calc(100% - 10.417vw); margin-inline: auto; }
.section.home-gallery-sec .image-section-data { height: inherit; }
.section.home-gallery-sec .image-section-data::before { content: ''; position: absolute; left: -0.6vw; top: 0; width: 26.244vw; height: 28.281vw; pointer-events: none; background-position: center; background-repeat: no-repeat; background-image: url(/warehouse/dynamic/450142.svg); background-size: contain; transition: 0.8s 0.6s all ease-in-out; transform: translate(-100%, -100%); z-index: 5; }
.section.home-gallery-sec .image-section-data::after { content: ''; position: absolute; right: -0.6vw; bottom: 0; width: 27.744vw; height: 16.771vw; pointer-events: none; background-position: center; background-repeat: no-repeat; background-image: url(/warehouse/dynamic/450143.svg); background-size: contain; transition: 0.8s 0.8s all ease; transform: translate(100%, 100%); z-index: 5; }
.section.home-gallery-sec .image-section-data .home-gallery-blackout { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgb(0 0 0 / 30%); z-index: 0; border-radius: 1.563vw; }
.section.home-gallery-sec .image-section-data .grid-box-fulltext { z-index: 5; display: flex; gap: 1.563vw; flex-direction: column; }
.section.home-gallery-sec .image-section-data .grid-box-fulltext p { font-size: 2.396vw; letter-spacing: -0.024vw; font-family: var(--gloria); }
.section.home-gallery-sec .image-section-data .grid-box-fulltext p:first-child img { width: 16.510vw; }
.section.home-gallery-sec .image-section-data .grid-box-fulltext p:last-child img { width: 3.542vw; height: 3.125vw; }
.section.home-gallery-sec .image-section-data img { margin-top: 0 !important; }
.section.home-gallery-sec .image-section-data > img { height: 100%; object-fit: cover; border-radius: 1.563vw; }

@media(max-width: 1024px) {
    #home-gallery { height: calc(66.3vh - var(--headerHeight)) !important; margin-bottom: 40px; width: calc(100% - 32px); border-radius: 30px; }
    #home-gallery .TopVideo { height: 100% !important; }
    #home-gallery .TopVideo video#mainVideo { height: 100% !important; width: 100% !important; top: unset; transform: unset; position: relative; left: unset; }

    .section.home-gallery-sec { height: 560px; width: calc(100% - 32px); border-radius: 30px; }
    .section.home-gallery-sec .image-section-data::before { top: unset; bottom: 0; background-image: url(/warehouse/dynamic/450923.svg); width: 75px; height: 115px; transform: translate(-100%, 100%); }
    .section.home-gallery-sec .image-section-data::after { bottom: 150px; background-image: url(/warehouse/dynamic/450924.svg); width: 65px; height: 115px; transform: translate(100%, 0%); }
    .section.home-gallery-sec .image-section-data .grid-box-fulltext { transform: translateX(-50%); top: 50px; width: 100%; max-width: 270px; }
    .section.home-gallery-sec .image-section-data .grid-box-fulltext p { font-size: 3rem; line-height: 1; letter-spacing: -0.3px; }
    .section.home-gallery-sec .image-section-data .grid-box-fulltext p:first-child { display: none; }
    .section.home-gallery-sec .image-section-data .grid-box-fulltext p:last-child img { width: 43px; height: 38px; }
    .section.home-gallery-sec .image-section-data > img { border-radius: 30px; }
    .section.home-gallery-sec .image-section-data .home-gallery-blackout { border-radius: 30px; }
}

/* Running Numbers Section */
.section.numbers-sec { padding-top: 3.771vw; }
.section.numbers-sec .section-title h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); }
.section.numbers-sec .grid-boxes { justify-content: center; margin-top: 4.167vw; gap: 5.208vw; }
.section.numbers-sec .grid-boxes .grid-box { margin: 0; width: auto; padding: 0; pointer-events: none; }
.section.numbers-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 80px; color: var(--red); margin: 0 0 0.8vw; line-height: 78%; }
.section.numbers-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: clamp(1.5rem, 0.885vw, 1000rem); }

@media(max-width: 1024px) {
    .section.numbers-sec { padding-top: 40px; }
    .section.numbers-sec .section-title h2 { font-size: 2.4rem; letter-spacing: -0.24px; }
    .section.numbers-sec .grid-boxes { gap: 16px; width: calc(100% - 32px); margin: 50px auto 0; flex-wrap: wrap; }
    .section.numbers-sec .grid-boxes .grid-box { width: calc(50% - 8px); }
    .section.numbers-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 5.5rem; margin: 0 0 10px; }
}

/* Solutions Section */
.section.solutions-cubes { padding-top: 6.771vw; }
.section.solutions-cubes .grid-boxes { gap: 0.1vw; }
.section.solutions-cubes .grid-box { padding: 0; margin: 0; height: 26.042vw; transition: 0.4s all ease !important; overflow: hidden; }
.section.solutions-cubes .grid-box::before { background: linear-gradient(360deg, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 100%, rgba(255,255,255,0) 100%); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: 40%; z-index: 1; pointer-events: none; }
.section.solutions-cubes .grid-box:nth-child(1)::after { content: ''; position: absolute; right: 0; bottom: 0; width: 6.45vw; height: 4.85vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/450141.svg); pointer-events: none; background-size: 100%; z-index: 1; transform: translate(100%, 100%); transition: 0.8s 0.4s all ease-in-out; }
.section.solutions-cubes .grid-box:nth-child(2)::after { content: ''; position: absolute; left: 0; bottom: 0; width: 7.5vw; height: 4.35vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/450137.svg); pointer-events: none; background-size: 100%; z-index: 1; transform: translate(-100%, 100%); transition: 0.8s 0.2s all ease-in-out; }
.section.solutions-cubes .grid-box:nth-child(3)::after { content: ''; position: absolute; left: 4.167vw; top: 0; width: 8vw; height: 5vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/450140.svg); pointer-events: none; background-size: 100%; transform: translate(100%, -100%); transition: 0.8s 0.4s all ease-in-out; }
.section.solutions-cubes .grid-box:nth-child(4)::after { content: ''; position: absolute; left: 0; top: 1.563vw; width: 6.6vw; height: 5vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/450138.svg); pointer-events: none; background-size: 100%; transform: translate(-100%, -100%); transition: 0.8s 0.2s all ease-in-out; }
.section.solutions-cubes .grid-box .grid-box-image { height: 100%; margin: 0; }
.section.solutions-cubes .grid-box .grid-box-image img { height: 100%; object-fit: cover; }
.section.solutions-cubes .grid-box a.box-image-animation:hover img { transform: unset; }
.section.solutions-cubes .grid-box .grid-box-text { position: absolute; bottom: 1.302vw; left: 50%; transform: translateX(-50%); width: 18.490vw; color: #fff; z-index: 5; transition: 0.8s 0.2s all ease-in-out; opacity: 1; }
.section.solutions-cubes .grid-box .grid-box-text .grid-box-title h3 { margin-bottom: 0.9vw; font-family: var(--gloria); color: var(--cream); font-size: 1.563vw; }
.section.solutions-cubes .grid-box .grid-box-text .grid-box-subtitle.button { color: var(--cream); font-size: 1.4rem; }
.section.solutions-cubes .grid-box .grid-box-text .grid-box-subtitle.button a { display: inline-flex; height: 2.1vw; min-width: 8.333vw; justify-content: center; align-items: center; border: 1px solid var(--cream); border-radius: 2.604vw; font-size: 0.729vw; }
.section.solutions-cubes .grid-box .grid-box-text .grid-box-subtitle.button a:hover,
.section.solutions-cubes .grid-box .grid-box-text .grid-box-subtitle.button a:focus { background: var(--cream) !important; }
.section.solutions-cubes .grid-box .grid-box-text .grid-box-subtitle.button a .link-text { color: var(--teal); }

@media(min-width: 1025px) {
    .section.solutions-cubes .grid-box:hover { width: 53vw; }
}

@media(max-width: 1024px) {
    .section.solutions-cubes { padding-top: 70px; }
    .section.solutions-cubes .grid-boxes { gap: 0; flex-direction: column; }
    .section.solutions-cubes .grid-box { height: 80vw; }
    .section.solutions-cubes .grid-box::before { height: 60%; }
    .section.solutions-cubes .grid-box:nth-child(1)::after { width: 94px; height: 71px; }
    .section.solutions-cubes .grid-box:nth-child(2)::after { width: 86px; height: 50px; }
    .section.solutions-cubes .grid-box:nth-child(3)::after { left: calc(50% - 60px); transform: translate(50%,-100%); top: 0; width: 101px; height: 64px; }
    .section.solutions-cubes .grid-box:nth-child(4)::after { top: 30px; width: 73px; height: 55px; }
    .section.solutions-cubes .grid-box .grid-box-text { max-width: 215px; width: 100%; bottom: 20px; }
    .section.solutions-cubes .grid-box .grid-box-text .grid-box-title h3 { font-size: 1.8rem; line-height: 120%; }
    .section.solutions-cubes .grid-box .grid-box-text .grid-box-subtitle.button { margin-top: 15px; }
    .section.solutions-cubes .grid-box .grid-box-text .grid-box-subtitle.button a { min-width: 134px; font-size: 1.4rem; height: 40px; border-radius: 50px; }
}

/* Right Place Section */
.section.right-place-sec { padding: 6.771vw 0; }
.section.right-place-sec .section-title { margin-bottom: 5.3vw; }
.section.right-place-sec .section-title h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); }
.section.right-place-sec .section-title h2 > span::before { background: var(--red); }
.section.right-place-sec .grid-boxes { width: 73.75vw; padding: 0 !important; margin: 0 auto !important; flex-wrap: wrap; justify-content: center; gap: 4.167vw; }
.section.right-place-sec .grid-boxes .grid-box { margin: 0; width: calc(50% - 2.083vw); padding: 0; text-align: right; pointer-events: none; }
.section.right-place-sec .grid-boxes .grid-box .grid-box-inner { display: flex; gap: 1.563vw; }
.section.right-place-sec .grid-boxes .grid-box .grid-box-image { margin: 0 !important; min-width: 7.813vw; }
.section.right-place-sec .grid-boxes .grid-box .grid-box-image img { height: 7.813vw; }
.section.right-place-sec .grid-boxes .grid-box .grid-box-image:has(.lottie-wrapper) img { opacity: 0; }
.section.right-place-sec .grid-boxes .grid-box .grid-box-image .lottie-wrapper { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.section.right-place-sec .grid-boxes .grid-box .grid-box-image .lottie-wrapper lottie-player { display: block; width: 100%; height: 100%; }
.section.right-place-sec .grid-boxes .grid-box .grid-box-title h3 { margin-bottom: 0.7vw; font-size: 1.563vw; font-family: var(--gloria); color: var(--teal); }
.section.right-place-sec .grid-boxes .grid-box .grid-box-fulltext p { line-height: 140%; }
.section.right-place-sec .grid-boxes .content-section-Btn a.sec-button { display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--teal); border-radius: 2.604vw; color: var(--teal); height: 2.6vw; min-width: 8.333vw; font-size: 1.042vw; }

@media(max-width: 1024px) {
    .section.right-place-sec { padding: 70px 0; }
    .section.right-place-sec .section-title { margin-bottom: 50px; }
    .section.right-place-sec .section-title h2 { font-size: 2.4rem; letter-spacing: -0.24px; }
    .section.right-place-sec .grid-boxes { width: calc(100% - 32px); gap: 36px; flex-direction: column; }
    .section.right-place-sec .grid-boxes .grid-box { width: 100%; gap: 16px; }
    .section.right-place-sec .grid-boxes .grid-box .grid-box-image { min-width: 74px; }
    .section.right-place-sec .grid-boxes .grid-box .grid-box-image img { height: 61px; }
    .section.right-place-sec .grid-boxes .grid-box .grid-box-image .lottie-wrapper lottie-player { height: auto; }
    .section.right-place-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.8rem; line-height: 120%; margin: 0 0 5px; }
    .section.right-place-sec .grid-boxes .grid-box .grid-box-fulltext p { line-height: 130%; }
    .section.right-place-sec .grid-boxes .content-section-Btn a.sec-button { height: 40px; min-width: 134px; font-size: 1.8rem; border-radius: 50px; }
}

/* Thinking All Section */
.section.thinking-sec { background: var(--teal); padding: 6.771vw 0; }
.section.thinking-sec .section-title h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--cream); font-family: var(--gloria); margin-bottom: 3vw; }
.section.thinking-sec .section-title h2 > span { color: var(--teal); }
.section.thinking-sec .section-title h2 > span::before { background: var(--green); }
.section.thinking-sec .grid-boxes { direction: ltr; transition: 0.8s 0.2s all ease; opacity: 1; padding: 0 !important; max-width: unset !important; display: flex; justify-content: center; align-items: center; gap: 1.7vw; }
.section.thinking-sec .grid-boxes:not(.slick-slider) { gap: 1.563vw; flex-wrap: wrap; }
.section.thinking-sec .grid-boxes .slick-list { max-width: 81vw; margin: 0; }
.section.thinking-sec .grid-boxes .slick-arrow { width: 3.125vw; height: 3.125vw; border: none; background: transparent; padding: 0; text-indent: -9999px; background-image: url(/warehouse/dynamic/465582.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.section.thinking-sec .grid-boxes .slick-prev.slick-arrow { transform: scaleX(-1); }
.section.thinking-sec .grid-boxes .slick-track { display: flex; gap: 1.563vw; }
.section.thinking-sec .grid-boxes .slick-track::before, .section.thinking-sec .grid-boxes .slick-track::after { display: none; }
.section.thinking-sec .grid-boxes .grid-box { margin: 0; height: 29.5vw; padding: 1.563vw; background: #fff; border-radius: 3.125vw 0; width: 25.5vw; transition: 0.6s all ease; display: flex; flex-direction: column; }
.section.thinking-sec .grid-boxes .grid-box .grid-box-image { margin-bottom: 1.042vw; transition: 0.6s all ease; height: 21.15vw; pointer-events: none; }
.section.thinking-sec .grid-boxes .grid-box .grid-box-image img { border-radius: 1.563vw 0 0 0; object-fit: contain; }
.section.thinking-sec .grid-boxes .grid-box .grid-box-text { position: relative; text-align: right; /* overflow: hidden; */ flex-grow: 1; display: flex; flex-direction: column; }
.section.thinking-sec .grid-boxes .grid-box .grid-box-text::before { content: ''; display: flex; width: 100%; background: var(--teal); height: 2px; }
.section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-logo { position: absolute; left: 0; top: 1.042vw; }
.section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-logo img { width: auto; height: 3.125vw; height: 2.3vw; }
.section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-title { margin: 0.781vw 0 1.042vw; transition: 0.4s all ease; pointer-events: none; padding-left: 6vw; }
.section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { margin: 0; font-size: 1.250vw; font-family: var(--gloria); color: var(--black); }
.section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-fulltext { overflow: hidden; height: 0; transition: 0.6s all ease; position: relative; /* padding-left: 4vw; */ /* flex-grow: 1;*/ margin-top: 0.5vw; }
.section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-fulltext p { display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; direction: rtl; overflow: hidden; font-size: 0.833vw; }
.section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-fulltext button.read-more { position: absolute; top: 1.7vw; left: 0; background: transparent; padding: 0; font-size: 0.7vw; border-radius: 50px; height: 1.5vw; width: 3.7vw; display: flex; border: 1px solid var(--black); align-items: center; justify-content: center; display: none; }
.section.thinking-sec .content-section-Btn { margin-top: 3vw; transition: 0.8s 0.2s all ease; opacity: 0; }
.section.thinking-sec .content-section-Btn a.sec-button { display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--cream); border-radius: 2.604vw; color: var(--cream); height: 2.6vw; min-width: 10.677vw; font-size: 1.042vw; }
.section.thinking-sec .content-section-Btn a.sec-button:is(:hover, :focus) { background: var(--cream) !important; }
.section.thinking-sec .content-section-Btn a.sec-button .link-text { color: var(--teal); }
#multi-content-modal.read-more-modal .modal-content { max-width: 40vw; margin: 0 auto; padding: 3vw; background: var(--cream); border-radius: 2.604vw 0 2.604vw 0px; }
#multi-content-modal.read-more-modal .modal-content a.close { top: -2.2vw; margin: 0; left: 50%; transform: translateX(-50%); font-size: 0; }
#multi-content-modal.read-more-modal .modal-content a.close svg { width: 30px; height: 30px; }
#multi-content-modal.read-more-modal .modal-content #PopUpData { max-height: unset; padding: 0; text-align: center; }

@media(min-width: 1025px) {
    .section.thinking-sec .grid-boxes .grid-box:hover .grid-box-image { height: 9.7vw; }
    .section.thinking-sec .grid-boxes .grid-box:hover .grid-box-text .grid-box-title { margin: 0.781vw 0; }
    .section.thinking-sec .grid-boxes .grid-box:hover .grid-box-text .grid-box-fulltext { height: 10.5vw; }
}

@media(max-width: 1024px) {
    .section.thinking-sec { padding: 70px 0; }
    .section.thinking-sec .section-title h2 { font-size: 2.4rem; letter-spacing: -0.24px; margin-bottom: 35px; }
    .section.thinking-sec .grid-boxes:not(.slick-slider) { justify-content: flex-start; flex-wrap: nowrap; overflow-x: scroll; width: 100%; padding: 0 16px 16px !important; direction: rtl; gap: 16px; }
    .section.thinking-sec .grid-boxes .grid-box { width: auto; min-width: 80vw; height: 75vw; padding: 15px; border-radius: 30px 0px; }
    .section.thinking-sec .grid-boxes .grid-box .grid-box-image { height: 53.9vw; margin-bottom: 10px; }
    .section.thinking-sec .grid-boxes .grid-box .grid-box-image img { border-radius: 15px 0 0 0; }
    .section.thinking-sec .grid-boxes .grid-box .grid-box-text { overflow: initial; }
    .section.thinking-sec .grid-boxes .grid-box .grid-box-text::before { height: 1px; }
    .section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-title { margin: 10px auto 0; padding-left: 50px; }
    .section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 1.4rem !important; padding-bottom: 5px; }
    .section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-logo { top: 10px; }
    .section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-logo img { height: 30px; }
    .section.thinking-sec .grid-boxes .grid-box .grid-box-text .grid-box-fulltext { display: none; }
    .section.thinking-sec .content-section-Btn { margin-top: 25px; }
    .section.thinking-sec .content-section-Btn a.sec-button { height: 40px; min-width: 164px; font-size: 1.8rem; padding: 0 15px; border-radius: 50px; }
    #multi-content-modal.read-more-modal .modal-content { border-radius: 30px 30px 30px 0; max-width: calc(100% - 40px); padding: 20px; }
    #multi-content-modal.read-more-modal .modal-content a.close { top: -40px; }
}

/* Logos Section */
.section.logos-sec { padding: 6.771vw 0 0; }
.section.logos-sec :is(.GalleryTitle, .section-title) { margin-bottom: 3.125vw; }
.section.logos-sec :is(.GalleryTitle, .section-title) h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); }
.section.logos-sec .gallery-cubes { display: flex; flex-wrap: wrap; gap: 1.042vw; justify-content: center; max-width: 76.563vw; margin: 0 auto; direction: ltr; }
.section.logos-sec .gallery-cubes > div { width: auto; }
.section.logos-sec .gallery-cubes > div .boxes-images-outer-image { padding: 0; height: 4.583vw; background-size: contain !important; background-repeat: no-repeat; transition: 0.3s filter ease; will-change: filter; filter: grayscale(1); cursor: default; min-width: 9vw; }
.section.logos-sec .gallery-cubes > div .boxes-images-outer-image:hover { filter: unset; will-change: filter; }
.section.logos-sec .gallery-cubes > div .boxes-images-outer-image .image-link-container { display: none; }

.section.logos-sec .gallery-cubes.owl-carousel .owl-controls { position: absolute; width: 100%; top: 50%; height: 100%; transform: translateY(-50%); }
.section.logos-sec .gallery-cubes .owl-prev,
.section.logos-sec .gallery-cubes .owl-next { font-size: unset; right: -6vw; width: 3.125vw; height: 3.125vw; border: none; background: transparent; padding: 0; text-indent: -9999px; background-image: url(/warehouse/dynamic/465582.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; top: 50%; transform: translateY(-50%); }
.section.logos-sec .gallery-cubes .owl-next { right: unset; left: -6vw; transform: translateY(-50%) scaleX(-1); }
.section.logos-sec .gallery-cubes .owl-prev::after,
.section.logos-sec .gallery-cubes .owl-next::after { display: none; }

@media(max-width: 1024px) {
    .section.logos-sec { padding: 70px 0 0; }
    .section.logos-sec :is(.GalleryTitle, .section-title) { margin-bottom: 40px; }
    .section.logos-sec :is(.GalleryTitle, .section-title) h2 { font-size: 2.4rem; letter-spacing: -0.24px; }
    .section.logos-sec .gallery-cubes { max-width: calc(100% - 32px); gap: 20px 16px; }
    .section.logos-sec .gallery-cubes > div .boxes-images-outer-image { height: 50px; min-width: 103px; }

    .section.logos-sec .gallery-cubes.owl-carousel { margin-bottom: 50px; }
    .section.logos-sec .gallery-cubes.owl-carousel .owl-controls { top: calc(100% + 15px); transform: unset; }
    .section.logos-sec .gallery-cubes .owl-prev, .section.logos-sec .gallery-cubes .owl-next { width: 35px; height: 35px; right: unset; left: calc(50% + 30px); transform: translate(-50%,-50%); }
    .section.logos-sec .gallery-cubes .owl-next { left: calc(50% - 30px); transform: translate(-50%,-50%) scaleX(-1); }
}

/* Recommend Section */
.home-page .section.recommend-sec { padding: 6.771vw 0 0; }
.section.recommend-sec .section-title { margin-bottom: 3.15vw; position: relative; }
.section.recommend-sec .section-title::after { content: ''; position: absolute; left: 0; bottom: -1vw; width: 9.9vw; height: 8.15vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/450139.svg); pointer-events: none; background-size: 100%; z-index: 1; transform: translate(-100%, 0%); transition: 0.8s 0.2s all ease-in-out; }
.section.recommend-sec .section-title h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); }
.section.recommend-sec .grid-boxes { transition: 0.8s 0.2s all ease; opacity: 1; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto !important; padding: 0 !important; direction: ltr; max-width: 100% !important; }
.section.recommend-sec .grid-boxes:not(.slick-slider, .owl-carousel) { gap: 1.563vw; }
.section.recommend-sec .grid-boxes.slick-slider .slick-track,
.section.recommend-sec .grid-boxes .owl-stage { display: flex; gap: 1.563vw; justify-content: flex-end; }
.section.recommend-sec .grid-boxes.owl-carousel .col-md-4 { width: 24.792vw; }
.section.recommend-sec .grid-boxes .col-md-4 { padding: 2.604vw 1.563vw; width: calc(33.33% - 1.05vw); background: var(--cream); border-radius: 2.604vw 2.604vw 2.604vw 0px; height: 23.438vw; max-width: 24.792vw; }
.section.recommend-sec .grid-boxes .col-md-4 .grid-short-box { margin: 0; height: 100%; position: relative; }
.section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .read-more { position: absolute; right: 0; margin-top: 0.4vw; background: transparent; padding: 0; font-size: 0.9vw; border-radius: 50px; height: 1.7vw; width: 4.7vw; display: flex; border: 1px solid var(--black); align-items: center; justify-content: center; border: none; width: auto; height: auto; color: var(--red); }
.section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image { padding: 0; height: 100%; }
.section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image::before { content: ''; position: absolute; left: 0; top: 0; width: 2.4vw; height: 2vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/448990.svg); background-size: 100%; pointer-events: none; }
.section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image > a { border: none; outline: none; position: relative; top: unset; left: unset; right: unset; bottom: unset; height: 100%; display: flex; }
.section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image img { height: auto; top: unset; transform: unset; left: 0; max-width: 5.208vw; bottom: 0; max-height: 2.604vw; }
.section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext { position: relative; top: unset; left: unset; transform: unset; width: 100%; text-align: right; height: max-content; }
.section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-label { font-size: 1.250vw; font-family: var(--gloria); line-height: 130%; padding: 0; }
.section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-subtitle { font-size: 1.042vw; margin: 0.2vw 0 1.3vw; }
.section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text { direction: rtl; overflow: hidden; height: 10.4vw; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
.section.recommend-sec .content-section-Btn { margin-top: 3vw; }
.section.recommend-sec .content-section-Btn a.sec-button { display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--teal); border-radius: 2.604vw; color: var(--teal); height: 2.6vw; min-width: 10.677vw; font-size: 1.042vw; }

@media(min-width: 1025px) {
    .section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext p { font-size: clamp(1.2rem, 0.885vw, 1000rem); line-height: 150%; }
}

@media(max-width: 1024px) {
    .home-page .section.recommend-sec { padding: 160px 0 70px; }
    .section.recommend-sec, .employee-exp-page .section.recommend-sec { padding-top: 100px !important; }
    .section.recommend-sec .section-title { margin-bottom: 30px; }
    .section.recommend-sec .section-title::after { bottom: calc(100% + 30px); width: 74px; height: 61px; }
    .section.recommend-sec .section-title h2 { font-size: 2.4rem; letter-spacing: -0.24px; width: 328px; line-height: 150%; }
    .section.recommend-sec .grid-boxes:not(.slick-slider, .owl-carousel) { gap: 16px; }
    .section.recommend-sec .grid-boxes.slick-slider .slick-track, .section.recommend-sec .grid-boxes .owl-stage { gap: 16px; }
    .section.recommend-sec .grid-boxes .col-md-4 { max-width: 67.5vw; height: 300px; padding: 24px 16px; border-radius: 30px 30px 30px 0; }
    .section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image::before { width: 24px; height: 20px; }
    .section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image img { max-width: 75px; max-height: 40px; }
    .section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-label { font-size: 1.6rem; }
    .section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-subtitle { font-size: 1.4rem; margin: 5px 0 15px; }
    .section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext p { /*-webkit-line-clamp: 8;*/ }
    .section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text { /* -webkit-line-clamp: 7; */ height: 140px; }
    .section.recommend-sec .grid-boxes .col-md-4 .grid-short-box .read-more { font-size: 14px; width: 80px; height: 30px; }
    .section.recommend-sec .content-section-Btn { margin-top: 40px; }
    .section.recommend-sec .content-section-Btn a.sec-button { height: 40px; min-width: 166px; font-size: 1.8rem; border-radius: 50px; }
}

/* Thinking Page */
body.thinking-page { background-color: var(--teal); }
/*.thinking-page #headline { margin: 0; }
.thinking-page #headline h1 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); color: #fff; font-family: var(--gloria); margin: 7.292vw auto 3.5vw; }
.thinking-page #headline h1::before { content: ''; position: absolute; left: 0; bottom: -4vw; width: 9.9vw; height: 8.15vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/450139.svg); pointer-events: none; background-size: 100%; z-index: 1; transform: translate(-100%, 0%); transition: 0.8s 0.4s all ease-in-out; }
.thinking-page #headline h1 > span { color: #fff; }
.thinking-page #headline h1 > span::before { background: var(--red); }
.thinking-page #gridshort-view .flex-row { display: flex; flex-wrap: wrap; opacity: 1; gap: 1.563vw; justify-content: center; width: 77.500vw; margin: 0 auto 6.771vw; }
.thinking-page #gridshort-view .flex-row > div { width: calc(33.33% - 1.05vw); pointer-events: none; padding: 1.042vw 1.042vw 2vw; margin: 0; background: var(--cream); border-radius: 1.563vw; }
.thinking-page #gridshort-view .flex-row > div .grid-short-box { margin: 0; }
.thinking-page #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image { padding: 0; }
.thinking-page #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image a, .thinking-page #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image img, .thinking-page #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image .grid-short-box-fulltext { position: relative; height: auto; left: unset; right: unset; bottom: unset; top: unset; transform: unset; width: 100%; }
.thinking-page #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image img { border-radius: 0.521vw; margin-bottom: 0.8vw; }
.thinking-page #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image .grid-short-box-fulltext { text-align: right; }
.thinking-page #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-label { padding: 0 0 0.6vw; font-size: 1.250vw; font-family: var(--gloria); line-height: 130%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }*/

.thinking-page #ContentGridShortModule { background: var(--teal); padding: 6.771vw 0; }
.thinking-page .section-title h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--cream); font-family: var(--gloria); margin-bottom: 3vw; text-align: center; }
.thinking-page .section-title h2 > span { color: #fff; }
.thinking-page .section-title h2 > span::before { background: var(--red); }
.thinking-page .grid-boxes { padding: 0 !important; max-width: unset !important; gap: 1.7vw; display: grid; width: 77.500vw; grid-template-columns: repeat(3, 1fr); margin: 0 auto; }
.thinking-page .grid-boxes .grid-box { margin: 0; padding: 1.563vw; background: #fff; border-radius: 3.125vw 0; width: 100%; transition: 0.6s all ease; display: flex; flex-direction: column; }
.thinking-page .grid-boxes .grid-box .grid-box-image { margin-bottom: 1.042vw; transition: 0.6s all ease; pointer-events: none; height: auto; }
.thinking-page .grid-boxes .grid-box .grid-box-image img { border-radius: 1.563vw 0 0 0; object-fit: contain; height: 16.4vw; }
.thinking-page .grid-boxes .grid-box .grid-box-text { position: relative; text-align: right; flex-grow: 1; display: flex; flex-direction: column; }
.thinking-page .grid-boxes .grid-box .grid-box-text::before { content: ''; display: flex; width: 100%; background: var(--teal); height: 2px; }
.thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-logo { position: absolute; left: 0; top: 1.042vw; }
.thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-logo img { width: auto; height: 2.3vw; }
.thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-title { margin: 0.781vw 0 1.042vw; transition: 0.4s all ease; pointer-events: none; padding-left: 6vw; }
.thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { margin: 0; font-size: 1.250vw; font-family: var(--gloria); color: var(--black); }
.thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-fulltext { overflow: hidden; transition: 0.6s all ease; position: relative; margin-top: 0.5vw; }
.thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-fulltext p { display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; direction: rtl; overflow: hidden; font-size: 0.833vw; }

@media(max-width: 1024px) {
    /*.thinking-page #headline h1 { font-size: 2.4rem; letter-spacing: -0.24px; margin: 90px auto 40px; }
    .thinking-page #headline h1::before { width: 74px; height: 61px; bottom: calc(100% + 20px); }
    .thinking-page #gridshort-view .flex-row { flex-direction: column; width: calc(100% - 32px); margin: 0 auto 70px; gap: 16px; }
    .thinking-page #gridshort-view .flex-row > div { width: 100%; padding: 10px 10px 30px; border-radius: 30px; }
    .thinking-page #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image img { border-radius: 20px; margin-bottom: 16px; }
    .thinking-page #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image .grid-short-box-fulltext { padding: 0 5px; }
    .thinking-page #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-label { font-size: 1.6rem; line-height: 110%; }*/

    .thinking-page #ContentGridShortModule { padding: 70px 0 35px; }
    .thinking-page .section-title h2 { font-size: 2.4rem; letter-spacing: -0.24px; margin-bottom: 35px; }
    .thinking-page .grid-boxes { flex-direction: column; width: calc(100% - 32px); margin: 0 auto 70px; gap: 16px; display: flex; }
    .thinking-page .grid-boxes .grid-box { padding: 10px 10px 30px; border-radius: 30px 0; }
    .thinking-page .grid-boxes .grid-box .grid-box-image { margin-bottom: 16px; }
    .thinking-page .grid-boxes .grid-box .grid-box-image img { border-radius: 30px 0 0 0; height: 245px; }
    .thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-title { margin: 12px 0 0 auto; padding-left: 80px; }
    .thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 1.4rem !important; padding-bottom: 5px; }
    .thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-logo { top: 10px; }
    .thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-logo img { height: 30px; }
    .thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-fulltext { margin-top: 15px; }
    .thinking-page .grid-boxes .grid-box .grid-box-text .grid-box-fulltext p { font-size: 1.6rem; -webkit-line-clamp: unset; }
}

/* About Page */
.anim-element { position: absolute; background-repeat: no-repeat; background-position: center; background-size: 100%; pointer-events: none; }
.section.who-we-are-sec { width: calc(100% - 10.417vw); margin-inline: auto; overflow: hidden; }
.section.who-we-are-sec .anim-element:nth-child(1) { right: -3vw; top: 3.542vw; width: 9.11vw; height: 4.527vw; background-image: url(/warehouse/dynamic/449459.svg); z-index: 1; }
.section.who-we-are-sec .anim-element:nth-child(2) { left: calc(50% - 2vw); top: -11vw; width: 18.49vw; height: 19.673vw; transform: translateX(-50%); background-image: url(/warehouse/dynamic/449454.svg); z-index: 1; }
.section.who-we-are-sec .anim-element:nth-child(3) { left: -6vw; bottom: -12vw; width: 18.073vw; height: 17.573vw; background-image: url(/warehouse/dynamic/449453.svg); z-index: 1; }
.section.who-we-are-sec .grid-row { border-radius: 4.167vw 0 4.167vw 0; background: var(--cream); }
.section.who-we-are-sec .grid-row .flexslider-box img { border-radius: 4.167vw 0 4.167vw 0; }
.section.who-we-are-sec .grid-row .grid-row-text { padding: 0; margin: 0; width: 100%; padding: 0 8.333vw; }
.section.who-we-are-sec .grid-row .grid-row-text #headline { text-align: right; margin: 0 0 2vw; font-size: 3.125vw; color: var(--black); font-family: var(--gloria); }
.section.who-we-are-sec .grid-row .grid-row-text #headline h1 > span::before { background: var(--gold); }
.section.teams-sec { margin-top: 6.771vw; width: 77.500vw; margin-inline: auto; }
.section.teams-sec .grid-rows { display: flex; flex-direction: column; gap: 3.125vw; }
.section.teams-sec .grid-rows::after { display: none; }
.section.teams-sec .grid-rows .grid-row { display: flex; align-items: center; justify-content: space-between; }
.section.teams-sec .grid-rows .grid-row:nth-child(odd) { direction: ltr !important; }
.section.teams-sec .grid-rows .grid-row:nth-child(even) { direction: rtl !important; }
.section.teams-sec .grid-rows .flexslider-box { width: 38.021vw; }
.section.teams-sec .grid-rows .grid-row-cell-text { flex-grow: 1; }
.section.teams-sec .grid-rows .grid-row:nth-child(odd) .flexslider-box img { border-radius: 4.167vw 0 4.167vw 0; }
.section.teams-sec .grid-rows .grid-row:nth-child(even) .flexslider-box img { border-radius: 0 4.167vw 0 4.167vw; }
.section.teams-sec .grid-rows .grid-row .grid-row-text { width: 100%; }
.section.teams-sec .grid-rows .grid-row:nth-child(odd) .grid-row-text { padding-left: 8.333vw; }
.section.teams-sec .grid-rows .grid-row:nth-child(even) .grid-row-text { padding-right: 8.333vw; }
.section.teams-sec .grid-rows .grid-row .grid-row-text h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); margin-bottom: 2vw; }
.section.teams-sec .grid-rows .grid-row .grid-row-text h2 > span { display: inline-flex; line-height: 1; position: relative; color: #fff; margin-right: 1.042vw; }
.section.teams-sec .grid-rows .grid-row .grid-row-text h2 > span::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% + 1.771vw); height: calc(100% + 1.042vw); z-index: -1; border-radius: 2.604vw 0 2.604vw 2.604vw; }
.section.teams-sec .grid-rows .grid-row:nth-child(odd) .grid-row-text h2 > span::before { background: var(--blue); }
.section.teams-sec .grid-rows .grid-row:nth-child(even) .grid-row-text h2 > span::before { background: var(--dgreen); }
.section.our-partners-sec { padding: 4.688vw 8.333vw; width: calc(100% - 10.417vw); margin: 0 auto 6.771vw; border-radius: 4.167vw 0 4.167vw 0; background: var(--cream); }
.section.our-partners-sec .section-title h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); margin-bottom: 4vw; }
.section.our-partners-sec .section-title h2 > span::before { background: var(--red); }
.section.our-partners-sec .gallery-cubes { display: flex; gap: 1.042vw; flex-wrap: wrap; justify-content: center; }
.section.our-partners-sec .gallery-cubes > div { width: calc(12.4% - 0.9vw); }
.section.our-partners-sec .gallery-cubes > div .boxes-images-outer-image { height: 4.6vw; transition: 0.3s filter ease; will-change: filter; filter: grayscale(1); cursor: default; padding: 0; background-size: contain !important; background-repeat: no-repeat; }
.section.our-partners-sec .gallery-cubes > div .boxes-images-outer-image:hover { filter: unset; will-change: filter; }
.section.our-partners-sec .gallery-cubes > div .boxes-images-outer-image .image-link-container { display: none; }

@media(min-width: 1025px) {
    .section.who-we-are-sec .grid-row .flexslider-box img { width: 44.323vw; }
    .section.teams-sec .grid-rows .grid-row .flexslider-box img { width: 38.021vw; }
}

@media(max-width: 1024px) {
    .section.who-we-are-sec { width: calc(100% - 32px); }
    .section.who-we-are-sec .grid-row .grid-row-cell { overflow: hidden; }
    .section.who-we-are-sec .grid-row .flexslider-box::before { left: -26px; top: 20px; width: 77px; height: 82px; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449454.svg); background-size: 100%; pointer-events: none; z-index: 1; content: ''; position: absolute; }
    .section.who-we-are-sec .grid-row .flexslider-box::after { content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449453.svg); background-size: 100%; pointer-events: none; right: -20px; bottom: -30px; width: 96px; height: 95px; transform: scaleX(-1); }
    .section.who-we-are-sec .grid-row { border-radius: 30px 0 30px 0; }
    .section.who-we-are-sec .grid-row::before { content: ''; position: absolute; right: 0; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449459.svg); background-size: 100%; pointer-events: none; z-index: 1; right: 0; top: 30px; width: 56px; height: 30px; }
    .section.who-we-are-sec .grid-row .flexslider-box img { border-radius: 30px 0 30px 0; }
    .section.who-we-are-sec .grid-row .grid-row-text { padding: 24px; }
    .section.who-we-are-sec .grid-row .grid-row-text #headline { font-size: 3rem; margin: 0 0 20px; letter-spacing: -0.24px; }
    .section.teams-sec { width: calc(100% - 32px); margin-top: 70px; }
    .section.teams-sec .grid-rows { gap: 60px; }
    .section.teams-sec .grid-rows .flexslider-box { width: 100%; }
    .section.teams-sec .grid-rows .grid-row:nth-child(odd) .flexslider-box img { border-radius: 30px 0 30px 0; }
    .section.teams-sec .grid-rows .grid-row:nth-child(even) .flexslider-box img { border-radius: 0 30px 0 30px; }
    .section.teams-sec .grid-rows .grid-row .grid-row-text { margin: 0; padding: 30px 0 0 !important; }
    .section.teams-sec .grid-rows .grid-row .grid-row-text h2 { font-size: 2.4rem; margin-bottom: 15px; letter-spacing: -0.24px; }
    .section.teams-sec .grid-rows .grid-row .grid-row-text h2 > span { margin-right: 6px; }
    .section.teams-sec .grid-rows .grid-row .grid-row-text h2 > span::before { width: calc(100% + 12px); height: calc(100% + 12px); border-radius: 50px 0 50px 50px; }
    .section.our-partners-sec { padding: 30px 16px; width: calc(100% - 32px); border-radius: 20px 0px; margin: 0 auto 70px; }
    .section.our-partners-sec .section-title h2 { font-size: 2.4rem; letter-spacing: 0.24px; margin-bottom: 30px; max-width: 305px; display: flex; flex-wrap: wrap; justify-content: center; gap: 13px; }
    .section.our-partners-sec .gallery-cubes { display: flex; flex-wrap: wrap; gap: 20px 16px; }
    .section.our-partners-sec .gallery-cubes > div { width: calc(33.33vw - 32px); }
    .section.our-partners-sec .gallery-cubes > div .boxes-images-outer-image { height: 45px; min-width: 93px; }
}

/* Blog Lobby Page */
.blog-lobby #GridTop .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/452331.svg); left: -3.3vw; bottom: -2vw; width: 15.5vw; height: 15.5vw; }
.blog-lobby #GridTop .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/452332.svg); right: -4.3vw; bottom: -4vw; width: 19.62vw; height: 13.7vw; }
.blog-lobby #GridTop .anim-element:nth-child(3) { background-image: url(/warehouse/dynamic/452330.svg); right: 24.9vw; top: -5vw; width: 16.619vw; height: 17.41vw; }
.blog-lobby .blog-tags { padding: 3.385vw 0; }
.blog-lobby .blog-tags ul { display: flex; justify-content: center; color: var(--black); gap: 0.521vw; }
.blog-lobby .blog-tags ul li { margin: 0; }
.blog-lobby .blog-tags ul li a { line-height: 1.1; display: flex; border: 1px solid; border-radius: 2.604vw; padding: 0.677vw 2.344vw; }
.blog-lobby .blog-tags ul li.active a, .blog-lobby .blog-tags ul li a:hover, .blog-lobby .blog-tags ul li a:focus { background: var(--teal); color: #fff; border-color: var(--teal); text-decoration: unset; }
.blog-lobby .blog-posts { column-count: unset; display: flex; flex-wrap: wrap; gap: 1.563vw; justify-content: center; width: 77.500vw; margin: 3.125vw auto 6.771vw; }
.blog-lobby .blog-posts .blog-post { width: calc(33.33% - 1.05vw); padding: 1.042vw 1.042vw 4.66vw; margin: 0; background: var(--cream); border-radius: 1.563vw; }
.blog-lobby .blog-posts .blog-post .blog-post-image { margin-bottom: 1.2vw; }
.blog-lobby .blog-posts .blog-post .blog-post-image img { border-radius: 0.521vw; height: 18.2vw; object-fit: cover; }
.blog-lobby .blog-posts .blog-post .blog-post-title { padding: 0; font-size: 1.250vw; font-family: var(--gloria); line-height: 130%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.blog-lobby .blog-posts .blog-post .blog-post-title a { text-decoration: unset; }
.blog-lobby .blog-posts .blog-post .blog-post-button { text-decoration: underline; margin-top: 1vw; text-underline-offset: 2px; font-size: 0.938vw; }
.blog-lobby .blog-posts .blog-post .blog-post-text { display: none; }
.blog-lobby .blog-posts .blog-post .blog-post-icons { margin: 0; position: absolute; bottom: 1.563vw; }
.blog-lobby .blog-posts .blog-post .blog-post-icons span { font-size: clamp(1.5rem, 0.885vw, 1000rem); }
.blog-lobby .blog-posts .blog-post .blog-post-icons span i { display: none; }

@media(max-width: 1024px) {
    #GridTop, #GridTop.blog { height: 220px; width: calc(100% - 32px); border-radius: 30px; }
    .blog-lobby #GridTop .anim-element:nth-child(1) { left: 0; bottom: 20px; width: 53px; height: 58px; background-image: url(/warehouse/dynamic/450929.svg); }
    .blog-lobby #GridTop .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/450930.svg); right: 0px; bottom: 20px; width: 64px; height: 63px; }
    .blog-lobby #GridTop .anim-element:nth-child(3) { background-image: url(/warehouse/dynamic/450931.svg); top: 0; right: unset; width: 62px; height: 45px; left: calc(50% + 50px); transform: translateX(-50%); }
    #GridTop .top-caption { right: 30px; width: auto; text-align: right; font-size: 3rem; letter-spacing: -0.3px; min-width: unset; }
    .blog-lobby .blog-tags { padding: 20px 0 25px; }
    .blog-lobby .blog-tags ul { overflow-x: scroll; gap: 8px; justify-content: flex-start; padding: 0 16px 10px; }
    .blog-lobby .blog-tags ul li a { font-size: 1.6rem; padding: 9px 30px; white-space: nowrap; border-radius: 50px; }
    .blog-lobby .blog-posts { flex-direction: column; width: calc(100% - 32px); margin: 35px auto 70px; gap: 16px; }
    .blog-lobby .blog-posts .blog-post { width: 100%; padding: 10px 10px 45px; border-radius: 30px; }
    .blog-lobby .blog-posts .blog-post .blog-post-image { margin-bottom: 16px; }
    .blog-lobby .blog-posts .blog-post .blog-post-image img { border-radius: 20px; height: 170px; }
    .blog-lobby .blog-posts .blog-post .blog-post-title { font-size: 1.6rem; line-height: 110%; }
    .blog-lobby .blog-posts .blog-post .blog-post-button { font-size: 1.6rem; margin-top: 10px; }
    .blog-lobby .blog-posts .blog-post .blog-post-icons { bottom: 20px; }
    .blog-lobby .blog-posts .blog-post .blog-post-icons span { font-size: 1.4rem; }
    .blog-lobby .blog-posts .blog-post .blog-post-content { padding: 0 5px; }
}

/* Blog Inner Page */
.blog-lobby.contentInnerPage #GridTop { display: none; }
.blog-lobby.contentInnerPage #BlogView .blog-view { margin: 11.25vw auto 6.25vw; width: 51.042vw; }
.blog-lobby.contentInnerPage #BlogView .blog-view #headline { text-align: right; margin: 0 0 1.7vw; font-size: 1.563vw; font-family: var(--gloria); }
.blog-lobby.contentInnerPage #BlogView .blog-view #headline h1 { line-height: 113%; }
.blog-lobby.contentInnerPage #BlogView .blog-view > h2 { font-size: clamp(1.5rem, 0.885vw, 1000rem); }
.blog-lobby.contentInnerPage #BlogView .blog-view .blog-post-icons { margin: 0; background: #fff; display: inline-flex; order: 1 !important; }
.blog-lobby.contentInnerPage #BlogView .blog-view .blog-post-icons i { display: none; }
.blog-lobby.contentInnerPage #BlogView .blog-view .share-strip { margin: 2.1vw 0; text-align: left; direction: rtl; display: flex; align-items: center; }
.blog-lobby.contentInnerPage #BlogView .blog-view .share-strip::before { position: relative; top: unset; right: unset; width: auto; flex-grow: 1; border: none; height: 2px; background: var(--black); order: 2; margin: 0 0.7vw; }
.blog-lobby.contentInnerPage #BlogView .blog-view .share-strip::after { display: none; }
.blog-lobby.contentInnerPage #BlogView .blog-view .share-strip > * { order: 2; font-size: clamp(1.5rem, 0.885vw, 1000rem); }
.blog-lobby.contentInnerPage #BlogView .blog-view .share-strip > span { margin-right: auto; margin-left: 1vw; }
.blog-lobby.contentInnerPage #BlogView .blog-view .share-strip a.share-icon { width: 25px; height: 25px; margin: 0 0.521vw 0 0; background-repeat: no-repeat; background-position: center; background-size: contain; }
.blog-lobby.contentInnerPage #BlogView .blog-view .share-strip a.share-icon.whatsappShare { background-image: url(/warehouse/dynamic/452089.svg); }
.blog-lobby.contentInnerPage #BlogView .blog-view .share-strip a.share-icon.twitterShare { background-image: url(/warehouse/dynamic/452082.svg); }
.blog-lobby.contentInnerPage #BlogView .blog-view .share-strip a.share-icon.fbShare { background-image: url(/warehouse/dynamic/452087.svg); }
.blog-lobby.contentInnerPage #BlogView .blog-view .share-strip a.share-icon i { display: none; }
.blog-lobby.contentInnerPage #BlogView .blog-view #text1 { max-width: 100%; margin: 0; }
.blog-lobby.contentInnerPage #BlogView .blog-view #text1 p img { margin: 1.563vw auto; border-radius: 1.563vw; }
.blog-lobby.contentInnerPage #BlogView .blog-related-posts { display: none; }

@media(max-width: 1024px) {
    .blog-lobby.contentInnerPage #BlogView .blog-view { width: calc(100% - 32px); margin: 100px auto 70px; }
    .blog-lobby.contentInnerPage #BlogView .blog-view #headline { font-size: 1.6rem; margin: 0 0 25px; }
    .blog-lobby.contentInnerPage #BlogView .blog-view #headline h1 { line-height: 130%; }
    .blog-lobby.contentInnerPage #BlogView .blog-view .share-strip { display: flex; flex-wrap: wrap; margin: 30px 0; }
    .blog-lobby.contentInnerPage #BlogView .blog-view .share-strip::before { width: 40%; margin: 0 10px 0 0; }
    .blog-lobby.contentInnerPage #BlogView .blog-view .share-strip > span { margin: 12px 0 0 auto; font-size: 1.4rem; }
    .blog-lobby.contentInnerPage #BlogView .blog-view .share-strip a.share-icon { margin: 12px 8px 0 0; width: 35px; height: 35px; }
    .blog-lobby.contentInnerPage #BlogView .blog-view .blog-post-icons { font-size: 1.4rem; }
    .blog-lobby.contentInnerPage #BlogView .blog-view #text1 p img { margin: 20px auto; border-radius: 20px; }
}

/* Testimonials Page */
.testimonials-page #headline { margin: 0; }
.testimonials-page #headline h1 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); margin: 7.292vw auto 3.5vw; }
.testimonials-page #headline h1::before { content: ''; position: absolute; left: 0; bottom: -4vw; width: 9.9vw; height: 8.15vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/450139.svg); pointer-events: none; background-size: 100%; z-index: 1; transform: translate(-100%, 0%); transition: 0.8s 0.4s all ease-in-out; }
.testimonials-page #headline h1 > span { color: #fff; }
.testimonials-page #headline h1 > span::before { background: var(--red); }
.testimonials-page #gridshort-view .flex-row { display: flex; gap: 1.563vw; justify-content: flex-start; width: 77.5vw; margin: 0 auto 15.771vw; flex-wrap: wrap; }
.testimonials-page #gridshort-view .flex-row .col-md-4 { padding: 2.604vw 1.563vw; width: calc(33.33% - 1.05vw); background: var(--cream); border-radius: 2.604vw 2.604vw 2.604vw 0px; height: 23.438vw; }
.testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box { margin: 0; height: 100%; position: relative; }
.testimonials-page #ContentGridShortModule #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image > a { border: none; outline: none; position: relative; top: unset; left: unset; right: unset; bottom: unset; height: 100%; display: flex; }
.testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .read-more { /* position: absolute; */ /* bottom: 0; */ /* right: 0; */ margin-top: 0.4vw; background: transparent; padding: 0; font-size: 0.9vw; border-radius: 50px; height: 1.7vw; width: 4.7vw; display: flex; border: 1px solid var(--black); align-items: center; justify-content: center; border: none; width: auto; height: auto; color: var(--red); }
.testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image { padding: 0; height: 100%; }
.testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image::before { content: ''; position: absolute; left: 0; top: 0; width: 2.4vw; height: 2vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/448990.svg); background-size: 100%; pointer-events: none; }
.testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image img { max-height: 2.604vw; height: auto; top: unset; transform: unset; left: 0; bottom: 0; max-width: 5.208vw; }
.testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext { position: relative; top: unset; left: unset; transform: unset; width: 100%; text-align: right; height: max-content; }
.testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-label { font-size: 1.250vw; font-family: var(--gloria); line-height: 130%; padding: 0 0 0 3vw; }
.testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-subtitle { margin: 0.2vw 0 1.3vw; }
.testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; direction: rtl; height: 10.4vw; }
.testimonials-page #gridshort-view .flex-row .rows-wrapper { display: flex; gap: 1.563vw; justify-content: flex-start; flex-wrap: wrap; margin-top: -5.729vw; }
.testimonials-page #gridshort-view .flex-row .rows-wrapper:first-child { margin-top: 0; }
/*.testimonials-page #gridshort-view .flex-row .rows-wrapper:last-child { margin-bottom: -5.729vw; }*/

@media(min-width: 1025px) {
    .testimonials-page #gridshort-view .flex-row .col-md-4:nth-child(odd) { height: 29.167vw; }
    .testimonials-page #gridshort-view .flex-row .col-md-4:nth-child(5n) { transform: translateY(-5.729vw); }
    .testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext p { line-height: 150%; }
    .testimonials-page #gridshort-view .flex-row .col-md-4:nth-child(odd) .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text { /* -webkit-line-clamp: 12; */ /* height: 14.4vw; */ }
}

@media(max-width: 1024px) {
    .testimonials-page #headline h1 { font-size: 2.4rem; letter-spacing: -0.24px; margin: 90px auto 40px; }
    .testimonials-page #headline h1::before { width: 74px; height: 61px; bottom: calc(100% + 20px); }
    .testimonials-page #gridshort-view .flex-row { gap: 16px; width: calc(100% - 32px); margin: 0 auto 150px; flex-direction: column; }
    .testimonials-page #gridshort-view .flex-row .col-md-4 { width: 100%; border-radius: 30px 30px 30px 0; padding: 0; height: 100%; }
    .testimonials-page #gridshort-view .flex-row .col-md-4:nth-child(3n+2) .grid-short-box .grid-short-box-image > a { min-height: 355px; }
    .testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image > a { min-height: 280px; padding: 24px 16px; }
    .testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image::before { left: 16px; top: 24px; width: 24px; height: 20px; }
    .testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image img { max-width: 75px; left: 16px; bottom: 24px; max-height: 40px; }
    .testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-label { font-size: 1.6rem; padding: 0 0 0 25px }
    .testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-subtitle { font-size: 1.4rem; margin: 5px 0 15px; }
    .testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text { /* -webkit-line-clamp: 6; */ height: 120px; }
    .testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .grid-short-box-image .grid-short-box-fulltext p { /* -webkit-line-clamp: 6; */ }
    .testimonials-page #gridshort-view .flex-row .col-md-4:nth-child(3n+2) .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text { -webkit-line-clamp: 10; }
    .testimonials-page #gridshort-view .flex-row .col-md-4 .grid-short-box .read-more { font-size: 14px; width: 80px; height: 30px; bottom: 24px; right: 16px; }
}

/* Solutions Lobby Page */
.section.exp-first-sec { width: calc(100% - 10.417vw); margin-inline: auto; overflow: hidden; }
.section.exp-first-sec .anim-element:nth-child(1) { right: 0.02vw; top: -3vw; width: 14.51vw; height: 14.127vw; background-image: url(/warehouse/dynamic/452370.svg); z-index: 5; }
.section.exp-first-sec .anim-element:nth-child(2) { left: calc(50% - 5.5vw); top: -12vw; width: 17.59vw; height: 18.673vw; transform: translateX(-50%); background-image: url(/warehouse/dynamic/449565.svg); z-index: 5; }
.section.exp-first-sec .anim-element:nth-child(3) { left: -12.5vw; bottom: -12.5vw; width: 18.573vw; height: 18.273vw; background-image: url(/warehouse/dynamic/449564.svg); z-index: 5; }
.brands-page .section.exp-first-sec .anim-element:nth-child(1) { right: 8vw; }
.section.exp-first-sec .grid-row { border-radius: 4.167vw 0 4.167vw 0; background: var(--green); }
.section.exp-first-sec .grid-row .flexslider-box img { border-radius: 4.167vw 0 4.167vw 0; }
.section.exp-first-sec .grid-row .grid-row-text { padding: 0; margin: 0; width: 100%; padding: 0 8.333vw; }
.section.exp-first-sec .grid-row .grid-row-text #headline { text-align: right; margin: 0 0 2.7vw; font-size: 2.708vw; color: var(--black); font-family: var(--gloria); }
.section.exp-first-sec .grid-row .grid-row-text #headline h1 > span { margin: 1.042vw 1.042vw 0 0; color: #fff; display: inline-flex; }
.section.exp-first-sec .grid-row .grid-row-text #headline h1 > span::before { background: var(--dgreen); }
.section.exp-first-sec .grid-row .grid-row-text p { font-size: clamp(1.2rem, 0.885vw, 1000rem); }
.section.all-year-section { padding: 4.167vw 11.250vw; background: rgba(137, 185, 32, 0.20); margin-top: 3.646vw; display: flex; flex-direction: column; gap: 1.563vw; }
.section.all-year-section .section-title h2 { margin-bottom: 2vw; font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); }
.section.all-year-section .section-title h2 > span::before { background: var(--dgreen); }
#LobbyModule .section.all-year-section .grid-boxes { padding: 0; max-width: unset; justify-content: center; flex-wrap: wrap; gap: 1.563vw; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box { padding: 0; width: calc(33.33vw - 9.15vw); display: flex; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box .grid-box-inner { display: flex; flex-direction: column; align-items: center; background: #fff; padding: 2.083vw 3.542vw; border-radius: 1.563vw 1.563vw 1.563vw 0; min-height: 16.25vw; width: 100%; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box .grid-box-image { width: 3.333vw; height: 2.708vw; margin: 0; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box .grid-box-image img { height: 100%; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box .grid-box-title h3 { color: var(--black); font-family: var(--gloria); font-size: 1.250vw; margin: 2.1vw 0 2vw; }
.section.all-year-section .grid-boxes .grid-box .grid-box-fulltext { display: flex; flex-direction: column; gap: 1.7vw; }
.section.all-year-section .grid-boxes .grid-box .grid-box-fulltext ul { padding: 0; list-style: none; margin: 0; display: flex; justify-content: center; font-size: 1.250vw; flex-wrap: wrap; gap: 0.5vw 0; }
.section.all-year-section .grid-boxes .grid-box .grid-box-fulltext ul li:not(:last-child) { margin-left: 1vw; padding-left: 1vw; border-left: 1px solid var(--black); }
.section.all-year-section .grid-boxes .grid-box .grid-box-fulltext ul li.red-text { color: #ff3f3f; font-weight: 600; }
.section.all-year-section .grid-boxes .grid-box .grid-box-fulltext ul li a:is(:hover, :focus) { text-decoration: underline; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box.medium-grid-box { width: calc(50vw - 13vw); }
#LobbyModule .section.all-year-section .grid-boxes .grid-box.medium-grid-box .grid-box-inner { padding: 4.167vw 3.125vw; border-radius: 3.281vw 3.281vw 3.281vw 0; min-height: 24.635vw; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box.big-grid-box { width: 100%; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box.big-grid-box .grid-box-inner { min-height: 24.635vw; padding: 4.167vw 3.125vw; border-radius: 3.281vw 3.281vw 3.281vw 0; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box:is(.medium-grid-box, .big-grid-box) .grid-box-image { height: 4.635vw; width: 5.469vw; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box:is(.medium-grid-box, .big-grid-box) .grid-box-title h3 { font-size: 1.563vw; }
#LobbyModule .section.all-year-section .grid-boxes .grid-box:is(.medium-grid-box, .big-grid-box) .grid-box-fulltext { max-width: 100%; }
.section.more-info-text-sec { padding: 6.771vw 0; }
.section.more-info-text-sec .section-title { margin-bottom: 2.5vw; }
.section.more-info-text-sec .section-title h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); }
.section.more-info-text-sec .section-title h2 > span::before { background: var(--dgreen); }
.section.more-info-text-sec .grid-text-content { padding: 0; margin: 0 auto; width: 48.74vw; }
.employee-exp-page .categories-strip { display: none; }
.employee-exp-page .section.recommend-sec { padding: 6.771vw 0 0; }
.employee-exp-page .section.logos-sec { padding: 6.771vw 0 3.1vw; }
.employee-exp-page .section.logos-sec .section-title h2 > span::before { background: var(--dgreen); }
.section.yearly-plan-sec { display: flex; width: calc(100% - 10.417vw); margin-bottom: 6.771vw; overflow: hidden; border-radius: 4.167vw 0; }
.section.yearly-plan-sec::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #363F40; mix-blend-mode: multiply; opacity: 0.8; }
.section.yearly-plan-sec .anim-element:nth-child(1) { right: -5vw; top: -6vw; width: 21.59vw; height: 20.273vw; background-image: url(/warehouse/dynamic/452393.svg); z-index: 5; }
.section.yearly-plan-sec .anim-element:nth-child(2) { left: -5vw; bottom: 3vw; width: 20.99vw; height: 16.073vw; background-image: url(/warehouse/dynamic/452392.svg); z-index: 5; }
.section.yearly-plan-sec .gridFormImgContainer { width: 100%; }
.section.yearly-plan-sec #DynamicFormObject { width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0; border: none; }
.section.yearly-plan-sec #DynamicFormObject::after { display: none; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; font-size: 3.125vw; color: #fff; font-family: var(--gloria); }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; color: #fff; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin: 1vw 0 2vw; font-size: clamp(1.5rem, 0.885vw, 1000rem); }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset { padding-bottom: 1.5vw; max-width: 24.635vw; margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 1vw; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { /* position: absolute; */ /* bottom: 0; */ width: 100%; padding: 0; margin: 0; display: flex; align-items: flex-start; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { color: #fff; font-size: 0.625vw; margin-bottom: 0; padding-top: 0.1vw; margin-right: 0.5vw; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { margin: 0; accent-color: var(--green); padding: 0; width: 0.8vw; height: 0.8vw; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email, .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:has(.Phone) { width: calc(50% - 0.5vw); padding: 0; color: #fff; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email input, .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:has(.Phone) input { border: 1px solid #fff !important; border-radius: 2.604vw; margin: 0; font-size: 0.729vw !important; color: #fff; width: 100%; padding: 0.625vw 1.302vw; height: 2.1vw; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email input::placeholder,
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:has(.Phone) input::placeholder { color: #fff; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must:before { top: 0.4vw; right: 0.8vw; font-size: 0.8vw; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 43.5%; padding: 0; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { width: 100%; height: 2.1vw; border: 1px solid var(--green); border-radius: 2.604vw; background: var(--green) !important; color: var(--teal); font-size: 0.833vw; font-family: var(--gloria); }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button .link-text { color: var(--teal) !important; }
.section.yearly-plan-sec #DynamicFormObject .dynamicFormEndText { display: none; }

@media(min-width: 1025px) {
    /*section.exp-first-sec::before { left: calc(50% - 5.5vw); top: -9vw; width: 15.69vw; height: 16.873vw; transform: translateX(-50%); content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449565.svg); background-size: 100%; pointer-events: none; z-index: 1; opacity: 0; }
    .section.exp-first-sec::after { left: -11.5vw; bottom: -10.5vw; width: 18.073vw; height: 17.573vw; content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449564.svg); background-size: 100%; pointer-events: none; opacity: 0; }
    .section.exp-first-sec .grid-row::before { right: 8.021vw; top: 0; width: 14.61vw; height: 10.727vw; content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449566.svg); background-size: 100%; pointer-events: none; z-index: 1; opacity: 0; }*/
}

@media(max-width: 1024px) {
    .section.exp-first-sec { width: calc(100% - 32px); }
    .section.exp-first-sec .grid-row { border-radius: 30px 0 30px 0; }
    .section.exp-first-sec .grid-row .flexslider-box { overflow: hidden; }
    .section.exp-first-sec .grid-row .flexslider-box::before { right: 0; top: -1px; width: 86px; height: 62px; content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449566.svg); background-size: 100%; pointer-events: none; z-index: 5; }
    .brands-page .section.exp-first-sec .grid-row .flexslider-box::before { right: 80px; }
    .section.exp-first-sec .grid-row .flexslider-box::after { left: unset; right: -25px; bottom: -25px; transform: scaleX(-1); width: 116px; height: 112px; z-index: 5; content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449564.svg); background-size: 100%; pointer-events: none; }
    .section.exp-first-sec .grid-row .flexslider-box img { border-radius: 30px 0 30px 0; }
    .section.exp-first-sec .grid-row .grid-row-cell-text { overflow: hidden; }
    .section.exp-first-sec .grid-row .grid-row-cell-text::before { left: -20px; top: 20px; width: 94px; height: 98px; transform: translateY(-50%); content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449565.svg); background-size: 100%; pointer-events: none; z-index: 1; }
    .section.exp-first-sec .grid-row .grid-row-text { padding: 24px 20px; }
    .section.exp-first-sec .grid-row .grid-row-text #headline { font-size: 2.4rem; margin: 0 0 20px; letter-spacing: -0.24px; }
    .section.exp-first-sec .grid-row .grid-row-text #headline h1 > span { margin: 10px 6px 0 0; }
    .section.exp-first-sec .grid-row .grid-row-text p { font-size: 1.5rem; }
    .section.all-year-section { margin-top: 50px; gap: 12px; padding: 50px 16px; }
    .section.all-year-section .section-title { margin: 0; }
    .section.all-year-section .section-title h2 { margin-bottom: 20px; font-size: 2.4rem; letter-spacing: -0.24px; /* width: 240px;*/ line-height: 140%; }
    #LobbyModule .section.all-year-section .grid-boxes { gap: 12px 16px; justify-content: right; }
    #LobbyModule .section.all-year-section .grid-boxes .grid-box { min-height: 206px; width: calc(50% - 8px); padding: 0; border-radius: 30px 30px 30px 0; }
    #LobbyModule .section.all-year-section .grid-boxes .grid-box .grid-box-image { width: 38px; height: 31px; }
    #LobbyModule .section.all-year-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.6rem; margin: 15px 0; }
    #LobbyModule .section.all-year-section .grid-boxes .grid-box .grid-box-fulltext { gap: 15px; }
    #LobbyModule .section.all-year-section .grid-boxes .grid-box .grid-box-fulltext ul { font-size: 1.5rem; gap: 6px 0; }
    #LobbyModule .section.all-year-section .grid-boxes .grid-box .grid-box-fulltext ul li:not(:last-child) { margin-left: 6px; padding-left: 6px; }
    #LobbyModule .section.all-year-section .grid-boxes .grid-box:is(.medium-grid-box, .big-grid-box) { width: 100%; padding: 0; border-radius: 30px 30px 30px 0; min-height: 231px; }
    #LobbyModule .section.all-year-section .grid-boxes .grid-box:is(.medium-grid-box, .big-grid-box) .grid-box-image { height: 55px; width: 45px; }
    #LobbyModule .section.all-year-section .grid-boxes .grid-box:is(.medium-grid-box, .big-grid-box) .grid-box-title h3 { font-size: 1.6rem; }
    #LobbyModule .section.all-year-section .grid-boxes .grid-box:is(.medium-grid-box, .big-grid-box) .grid-box-fulltext { max-width: 80%; }
    .section.more-info-text-sec { padding: 86px 0 60px; }
    .section.more-info-text-sec .section-title { margin-bottom: 30px; }
    .section.more-info-text-sec .section-title h2 { font-size: 2.4rem; width: 300px; letter-spacing: -0.24px; line-height: 150%; }
    .section.more-info-text-sec .grid-text-content { width: calc(100% - 64px); }
    .employee-exp-page .section.logos-sec { padding: 100px 0 40px; }
    .employee-exp-page .section.logos-sec .gallery-cubes { max-width: calc(100% - 64px); }
    .employee-exp-page .section.logos-sec .gallery-cubes > div .boxes-images-outer-image { min-width: 91px; }
    .section.yearly-plan-sec { width: calc(100% - 32px); margin-bottom: 60px; border-radius: 30px 0; }
    .section.yearly-plan-sec .gridFormImgContainer img { min-height: 420px; object-fit: cover; border-radius: 30px 0; }
    .section.yearly-plan-sec #DynamicFormObject { width: calc(100% - 32px); }
    .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 2.4rem; letter-spacing: -0.24px; margin-bottom: 0; }
    .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields .top-form { margin: 10px 0 20px; font-size: 1.4rem; }
    .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset { max-width: 100%; padding-bottom: 30px; gap: 14px; }
    .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email, .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:has(.Phone) { width: 100%; }
    .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email input, .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:has(.Phone) input { height: 40px; padding: 11px 25px; font-size: 1.4rem !important; border-radius: 50px; }
    .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { width: 16px; height: 16px; }
    .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: 1.2rem; padding-top: 3px; margin-right: 10px; }
    .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; }
    .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { font-size: 1.6rem; border-radius: 50px; height: 40px; }
    .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must:before { right: 18px; font-size: 90%; top: 5px; }
}

/* Solution Inner Page */
.solution-employee.contentInnerPage #contentModuleNav,
.solution-employee.contentInnerPage .categories-strip { display: none; }
.solution-employee.contentInnerPage .section.first-emp-sec { width: calc(100% - 10.417vw); margin-inline: auto; overflow: hidden; }
.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(1) { right: 4.021vw; top: -5vw; position: absolute; z-index: 1; width: 14.51vw; height: 14.127vw; background-image: url(/warehouse/dynamic/452370.svg); }
.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(2) { width: 17.59vw; height: 18.673vw; transform: translateX(-50%); background-image: url(/warehouse/dynamic/449565.svg); left: calc(50% - 0.5vw); bottom: -8vw; z-index: 1; }
.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(3) { z-index: 1; left: -6.5vw; top: -8.5vw; width: 18.073vw; height: 17.573vw; transform: rotate(90deg); background-image: url(/warehouse/dynamic/449564.svg); }
.solution-employee.contentInnerPage .section.first-emp-sec .grid-row { border-radius: 4.167vw 0 4.167vw 0; background: var(--green); }
.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .flexslider-box img { border-radius: 4.167vw 0 4.167vw 0; }
.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text { padding: 0; margin: 0; width: 100%; padding: 0 8.333vw; }
.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline { text-align: right; margin: 0 0 2.7vw; font-size: 3.125vw; color: var(--black); font-family: var(--gloria); }
.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline h1 > span { margin: 1.042vw 1.042vw 0 0; color: #fff; display: inline-flex; }
.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline h1 > span::before { background: var(--dgreen); }
.solution-employee.contentInnerPage .section.events-sec { width: 77.500vw; margin: 7.292vw auto 5.729vw; }
.solution-employee.contentInnerPage .section.events-sec .section-title h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); margin-bottom: 3vw; }
.solution-employee.contentInnerPage .section.events-sec .section-title h2 > span::before { background: var(--dgreen); }
.solution-employee.contentInnerPage .section.events-sec .events-tabs { margin-bottom: 6.7vw; }
.solution-employee.contentInnerPage .section.events-sec .events-tabs ul { flex-wrap: wrap; display: flex; justify-content: center; color: var(--black); gap: 0.521vw; margin: 0; list-style: none; padding: 0; }
.solution-employee.contentInnerPage .section.events-sec .events-tabs ul li { margin: 0; display: flex; }
.solution-employee.contentInnerPage .section.events-sec .events-tabs ul li a { line-height: 1.1; border: 1px solid; border-radius: 2.604vw; padding: 0.677vw 1.344vw; transition: 0.3s all ease; white-space: nowrap; }
.solution-employee.contentInnerPage .section.events-sec .events-tabs ul li.active a,
.solution-employee.contentInnerPage .section.events-sec .events-tabs ul li a:is(:hover, :focus) { background: var(--teal); color: #fff; border-color: var(--teal); text-decoration: unset; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows { display: flex; flex-direction: column; gap: 3.125vw; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows::after { display: none; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row { display: flex !important; align-items: center; justify-content: space-between; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row:nth-child(odd) { direction: ltr !important; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row:nth-child(even) { direction: rtl !important; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box { width: 38.021vw; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box .row-gallery { direction: ltr; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box .row-gallery .slick-track::before,
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box .row-gallery .slick-track::after { display: none; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box .row-gallery .slick-track { display: flex; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box .row-gallery ul.slick-dots { padding: 0; list-style: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 1vw; display: flex !important; gap: 0.8vw; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box .row-gallery ul.slick-dots button { border: none; text-indent: -99999px; padding: 0; width: 0.6vw; height: 0.6vw; border-radius: 50%; background: var(--green); }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box .row-gallery ul.slick-dots li.slick-active button { background: var(--teal); }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row-cell-text { flex-grow: 1; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row:nth-child(odd) .flexslider-box :is(img, iframe) { border-radius: 4.167vw 0 4.167vw 0; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row:nth-child(even) .flexslider-box :is(img, iframe) { border-radius: 0 4.167vw 0 4.167vw; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box iframe { width: 100%; height: 36.458vw; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text { width: 100%; margin: 0; padding: 0; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row:nth-child(odd) .grid-row-text { padding-left: 8.333vw; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row:nth-child(even) .grid-row-text { padding-right: 8.333vw; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); margin-bottom: 2vw; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 > span { display: inline-flex; line-height: 1; position: relative; color: #fff; margin-right: 1.042vw; margin-top: 0.7vw; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 > span::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% + 1.771vw); height: calc(100% + 1.042vw); z-index: -1; border-radius: 2.604vw 0 2.604vw 2.604vw; }
.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 > span::before { background: var(--dgreen); }

.green-page .section.exp-first-sec .grid-row,
.green-page.solution-employee.contentInnerPage .section.first-emp-sec .grid-row { background: var(--green); }
.green-page .section.all-year-section { background: rgba(137, 185, 32, 0.20); }
.green-page .section.exp-first-sec .grid-row .grid-row-text #headline h1 > span::before,
.green-page .section.all-year-section .year-boxes-title .section-title h2 > span::before,
.green-page .section.recommend-sec .section-title h2 > span::before,
.green-page .section.more-info-text-sec .section-title h2 > span::before,
.green-page.employee-exp-page .section.logos-sec .section-title h2 > span::before,
.green-page.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline h1 > span::before,
.green-page.solution-employee.contentInnerPage .section.events-sec .section-title h2 > span::before,
.green-page.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 > span::before { background: var(--dgreen); }

.forest-page .section.exp-first-sec .grid-row,
.forest-page.solution-employee.contentInnerPage .section.first-emp-sec .grid-row { background: #007D7D; }
.forest-page .section.all-year-section { background: rgba(0, 125, 125, 0.10); }
.forest-page .section.exp-first-sec .grid-row .grid-row-text #headline h1 > span::before { background: #006865; }
.forest-page .section.all-year-section .section-title h2 > span::before,
.forest-page .section.all-year-section .year-boxes-title .section-title h2 > span::before,
.forest-page .section.recommend-sec .section-title h2 > span::before,
.forest-page .section.more-info-text-sec .section-title h2 > span::before,
.forest-page.employee-exp-page .section.logos-sec .section-title h2 > span::before,
.forest-page.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline h1 > span::before,
.forest-page.solution-employee.contentInnerPage .section.events-sec .section-title h2 > span::before,
.forest-page.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 > span::before,
.forest-page.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline h1 > span::before,
.forest-page.employee-exp-page .section.thinking-sec .section-title h2 > span::before { background: #006865; }
.forest-page.employee-exp-page .section.thinking-sec .section-title h2 > span { color: #fff; }
.forest-page .section.exp-first-sec .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/463484.svg); }
.forest-page .section.exp-first-sec .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/463482.svg); }
.forest-page .section.exp-first-sec .anim-element:nth-child(3) { background-image: url(/warehouse/dynamic/463481.svg); }
.forest-page .section.yearly-plan-sec .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/463486.svg); }
.forest-page .section.yearly-plan-sec .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/463485.svg); }
.forest-page .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { border: 1px solid #006865; background: #006865 !important; color: #fff !important; }
.forest-page .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button .link-text { color: #fff !important; }
.forest-page .section.recommend-sec .section-title::after { background-image: url(/warehouse/dynamic/463483.svg); background-size: cover; background-position: right; }
.forest-page.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/452386.svg); }
.forest-page.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/452380.svg); }
.forest-page.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(3) { background-image: url(/warehouse/dynamic/452377.svg); }

.blue-page .section.exp-first-sec .grid-row,
.blue-page.solution-employee.contentInnerPage .section.first-emp-sec .grid-row { background: #49ACC3; }
.blue-page .section.all-year-section { background: #49ACC35E; }
.blue-page .section.all-year-section .section-title h2 > span::before,
.blue-page .section.exp-first-sec .grid-row .grid-row-text #headline h1 > span::before,
.blue-page .section.all-year-section .year-boxes-title .section-title h2 > span::before,
.blue-page .section.recommend-sec .section-title h2 > span::before,
.blue-page .section.more-info-text-sec .section-title h2 > span::before,
.blue-page.employee-exp-page .section.logos-sec .section-title h2 > span::before,
.blue-page.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline h1 > span::before,
.blue-page.solution-employee.contentInnerPage .section.events-sec .section-title h2 > span::before,
.blue-page.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 > span::before { background: #4EC1CD; }
.blue-page .section.exp-first-sec .anim-element:nth-child(1) { background-image: url( /warehouse/dynamic/452385.svg) }
.blue-page .section.exp-first-sec .anim-element:nth-child(2) { background-image: url( /warehouse/dynamic/452379.svg) }
.blue-page .section.exp-first-sec .anim-element:nth-child(3) { background-image: url( /warehouse/dynamic/452376.svg) }
.blue-page .section.yearly-plan-sec .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/452402.svg); }
.blue-page .section.yearly-plan-sec .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/452389.svg); }
.blue-page .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { border: 1px solid #49ACC3; background: #49ACC3 !important; color: #fff !important; }
.blue-page .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button .link-text { color: #fff !important; }
.blue-page .section.recommend-sec .section-title::after { background-image: url(/warehouse/dynamic/452382.svg); background-size: cover; background-position: right; }
.blue-page.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/452385.svg); }
.blue-page.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/452379.svg); }
.blue-page.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(3) { background-image: url(/warehouse/dynamic/452376.svg); }

.beige-page .section.exp-first-sec .grid-row,
.beige-page.solution-employee.contentInnerPage .section.first-emp-sec .grid-row { background: var(--cream); }
.beige-page .section.all-year-section { background: var(--cream) }
.beige-page .section.exp-first-sec .grid-row .grid-row-text #headline h1 > span { color: var(--black); }
.beige-page .section.all-year-section .section-title h2 > span::before,
.beige-page .section.exp-first-sec .grid-row .grid-row-text #headline h1 > span::before,
.beige-page .section.all-year-section .year-boxes-title .section-title h2 > span::before,
.beige-page .section.recommend-sec .section-title h2 > span::before,
.beige-page .section.more-info-text-sec .section-title h2 > span::before,
.beige-page.employee-exp-page .section.logos-sec .section-title h2 > span::before,
.beige-page.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline h1 > span::before,
.beige-page.solution-employee.contentInnerPage .section.events-sec .section-title h2 > span::before,
.beige-page.solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 > span::before { background: var(--gold); }
.beige-page .section.exp-first-sec .anim-element:nth-child(1) { background-image: url( /warehouse/dynamic/452384.svg) }
.beige-page .section.exp-first-sec .anim-element:nth-child(2) { background-image: url( /warehouse/dynamic/452378.svg) }
.beige-page .section.exp-first-sec .anim-element:nth-child(3) { background-image: url( /warehouse/dynamic/452375.svg) }
.beige-page .section.yearly-plan-sec .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/452399.svg); }
.beige-page .section.yearly-plan-sec .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/452388.svg); }
.beige-page .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { border: 1px solid var(--gold); background: var(--gold) !important; color: var(--black) !important; }
.beige-page .section.yearly-plan-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button .link-text { color: var(--black) !important; }
.beige-page .section.recommend-sec .section-title::after { background-image: url(/warehouse/dynamic/452381.svg); background-size: cover; background-position: right; }
.beige-page.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/452384.svg); }
.beige-page.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/452378.svg); }
.beige-page.solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(3) { background-image: url(/warehouse/dynamic/452375.svg); }
.beige-page.solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline h1 > span { color: var(--black); }

:is(.forest-page, .blue-page).solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline { color: #fff; }
:is(.forest-page, .blue-page).solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text p,
:is(.forest-page, .blue-page) .section.exp-first-sec .grid-row .grid-row-text #headline,
:is(.forest-page, .blue-page) .section.exp-first-sec .grid-row .grid-row-text p { color: #fff; opacity:1;}

@media(min-width: 1025px) {
    /*.solution-employee.contentInnerPage .section.first-emp-sec::before { left: calc(50% - 0.5vw); bottom: -7vw; width: 15.69vw; height: 16.873vw; transform: translateX(-50%); content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449565.svg); background-size: 100%; pointer-events: none; z-index: 1; }
    .solution-employee.contentInnerPage .section.first-emp-sec::after { left: -6.5vw; top: -8.5vw; width: 18.073vw; height: 17.573vw; transform: rotate(90deg); content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449564.svg); background-size: 100%; pointer-events: none; }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row::before { right: 8.021vw; top: 0; width: 14.61vw; height: 10.727vw; content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449566.svg); background-size: 100%; pointer-events: none; z-index: 1; }*/
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box :is(img, iframe) { min-height: 36.5vw; object-fit: cover; }
}

@media(min-width: 1025px) and (max-width: 1500px) {
    .solution-employee.contentInnerPage .section.first-emp-sec .anim-element:nth-child(3) { left: -8.5vw; top: -9.5vw; }
}

@media(max-width: 1024px) {
    .solution-employee.contentInnerPage .section.first-emp-sec { width: calc(100% - 32px); }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row { border-radius: 30px 0; }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row .flexslider-box { overflow: hidden; }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row .flexslider-box::before { right: 40px; top: -1px; width: 86px; height: 62px; content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449566.svg); background-size: 100%; pointer-events: none; z-index: 1; }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row .flexslider-box::after { left: unset; right: -25px; bottom: -25px; transform: scaleX(-1); width: 116px; height: 112px; content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449564.svg); background-size: 100%; pointer-events: none; }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row .flexslider-box img { border-radius: 30px 0; }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-cell-text { overflow: hidden; }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-cell-text::before { left: -20px; top: 20px; width: 94px; height: 98px; transform: translateY(-50%); content: ''; position: absolute; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/449565.svg); background-size: 100%; pointer-events: none; z-index: 1; }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text { padding: 24px 20px; }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline { font-size: 2.4rem; margin: 0 0 20px; letter-spacing: -0.24px; }
    .solution-employee.contentInnerPage .section.first-emp-sec .grid-row .grid-row-text #headline h1 > span { margin: 10px 6px 0 0; }
    .solution-employee.contentInnerPage .section.events-sec { width: 100%; margin: 70px auto; }
    .solution-employee.contentInnerPage .section.events-sec .section-title h2 { font-size: 2.4rem; letter-spacing: -0.24px; margin-bottom: 30px; line-height: 140%; max-width: 230px; }
    .solution-employee.contentInnerPage .section.events-sec .events-tabs { margin-bottom: 40px; }
    .solution-employee.contentInnerPage .section.events-sec .events-tabs ul { flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; padding: 0 16px 10px; justify-content: flex-start; gap: 8px; }
    .solution-employee.contentInnerPage .section.events-sec .events-tabs ul li a { padding: 10px 30px; border-radius: 50px; font-size: 1.6rem; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows { gap: 60px; width: calc(100% - 32px); margin: 0 auto; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row { flex-direction: column; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box { width: 100%; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box :is(img, iframe) { min-height: 330px; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box .row-gallery ul.slick-dots { bottom: 10px; gap: 10px; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .flexslider-box .row-gallery ul.slick-dots button { width: 10px; height: 10px; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row:nth-child(odd) .flexslider-box :is(img, iframe) { border-radius: 30px 0; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row:nth-child(even) .flexslider-box :is(img, iframe) { border-radius: 0 30px; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text { padding: 30px 0 0 !important; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 { font-size: 2.4rem; margin-bottom: 15px; letter-spacing: -0.24px; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 > span { margin-top: 10px; }
    .solution-employee.contentInnerPage .section.events-sec .grid-rows .grid-row .grid-row-text h2 > span::before { border-radius: 50px 0 50px 50px; width: calc(100% + 12px); height: calc(100% + 12px); }

    :is(.forest-page.solution-employee.contentInnerPage, .forest-page) .section:is(.exp-first-sec, .first-emp-sec) .grid-row .flexslider-box::before { background-image: url(/warehouse/dynamic/452386.svg); }
    :is(.forest-page.solution-employee.contentInnerPage, .forest-page) .section:is(.exp-first-sec, .first-emp-sec) .grid-row .flexslider-box::after { background-image: url(/warehouse/dynamic/452377.svg); }
    :is(.forest-page.solution-employee.contentInnerPage, .forest-page) .section:is(.exp-first-sec, .first-emp-sec) .grid-row .grid-row-cell-text::before { background-image: url(/warehouse/dynamic/452380.svg); }

    :is(.blue-page.solution-employee.contentInnerPage, .blue-page) .section:is(.exp-first-sec, .first-emp-sec) .grid-row .flexslider-box::before { background-image: url(/warehouse/dynamic/452385.svg); }
    :is(.blue-page.solution-employee.contentInnerPage, .blue-page) .section:is(.exp-first-sec, .first-emp-sec) .grid-row .flexslider-box::after { background-image: url(/warehouse/dynamic/452376.svg); }
    :is(.blue-page.solution-employee.contentInnerPage, .blue-page) .section:is(.exp-first-sec, .first-emp-sec) .grid-row .grid-row-cell-text::before { background-image: url(/warehouse/dynamic/452379.svg); }

    :is(.beige-page.solution-employee.contentInnerPage, .beige-page) .section:is(.exp-first-sec, .first-emp-sec) .grid-row .flexslider-box::before { background-image: url(/warehouse/dynamic/452384.svg); }
    :is(.beige-page.solution-employee.contentInnerPage, .beige-page) .section:is(.exp-first-sec, .first-emp-sec) .grid-row .flexslider-box::after { background-image: url(/warehouse/dynamic/452375.svg); }
    :is(.beige-page.solution-employee.contentInnerPage, .beige-page) .section:is(.exp-first-sec, .first-emp-sec) .grid-row .grid-row-cell-text::before { background-image: url(/warehouse/dynamic/452378.svg); }
}

/* Accessability Page */
.accessabilityMainPage .container-fluid { padding: 5vw 0; max-width: max(40vw, 800px); }
.accessabilityMainPage .container-fluid #headline { margin: 0 0 1vw; }
.accessabilityMainPage .container-fluid #headline h1 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); }
.accessabilityMainPage .container-fluid #headline h1 > span::before { background: var(--green); }
.accessabilityMainPage .container-fluid #text1 { max-width: 100%; }
.accessabilityMainPage .container-fluid h2 { font-size: 1.563vw; color: var(--teal); font-family: var(--gloria); }

@media(max-width: 1024px) {
    .accessabilityMainPage .container-fluid { padding: 70px 16px; max-width: 100%; }
    .accessabilityMainPage .container-fluid #headline { margin: 0 0 10px; }
    .accessabilityMainPage .container-fluid #headline h1 { font-size: 2.4rem; letter-spacing: -0.24px; }
    .accessabilityMainPage .container-fluid h2 { font-size: 1.8rem; }
}

/* 404 Page */
.page-not-found { padding: 5vw 0; margin: 0 auto; }
.page-not-found h2 { font-size: 2.396vw; letter-spacing: -0.024vw; color: var(--black); font-family: var(--gloria); }
.page-not-found > a { margin-top: 2vw; display: inline-flex; text-decoration: underline; }

@media(max-width: 1024px) {
    .page-not-found { padding: 70px 16px; }
    .page-not-found h2 { font-size: 2.4rem; letter-spacing: -0.24px; }
    .page-not-found > a { margin-top: 20px; }
}

/* Contact Page */
.creators-page #GridTop .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/452337.svg); left: calc(50% - 4vw); transform: translateX(-50%); bottom: -11vw; width: 18.3vw; height: 18.3vw; }
.creators-page #GridTop .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/452334.svg); right: 10.115vw; bottom: -5vw; width: 7.72vw; height: 11.6vw; }
.creators-page #GridTop .anim-element:nth-child(3) { background-image: url(/warehouse/dynamic/452336.svg); right: 2.5vw; top: -8vw; width: 18.52vw; height: 18.6vw; }

.contact-page #GridTop .top-caption h1 { font-family: var(--gloria); font-size: 2.4vw; color: var(--black); }
.contact-page #GridTop .top-caption { left: 90%; }

.contact-page:not(.creators-page) #GridTop .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/452338.svg); left: calc(50% - 2.7vw); transform: translateX(-50%); bottom: -6vw; width: 14vw; height: 13.8vw; }
.contact-page:not(.creators-page) #GridTop .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/450491.svg); left: calc(50% + 12.2vw); transform: translateX(-50%); top: 1.9vw; width: 14.1vw; height: 10.8vw; }
.contact-page:not(.creators-page) #GridTop .anim-element:nth-child(3) { background-image: url(/warehouse/dynamic/452339.svg); right: -5.5vw; top: -6.4vw; width: 17.22vw; height: 18.2vw; }
.contact-page .MainContent #text1 { max-width: 39.6vw; margin: 3.646vw auto; }
.contact-page .MainContent #text1 h2 { font-size: 2.396vw; font-family: var(--gloria); color: var(--black); margin-bottom: 1.823vw; }
.contact-page .MainContent #text1 h2 span { font-size: inherit; }
.contact-page .MainContent #text1 > h2:nth-child(1) > span { color: #fff; /*position: relative;*/ margin-right: 1.042vw; position: sticky; display: inline-flex; line-height: 1; }
.contact-page .MainContent #text1 > h2:nth-child(1) > span::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% + 1.771vw); height: calc(100% + 1.042vw); z-index: -1; border-radius: 2.604vw 0 2.604vw 2.604vw; }
.contact-page:not(.creators-page) h2:nth-child(1) > span::before { background: var(--red); }
.creators-page h2:nth-child(1) > span::before { background: var(--blue); }
.contact-page .MainContent #text1 p { font-size: clamp(1.3rem, 0.885vw, 1000rem); }
.contact-page:not(.creators-page) .MainContent #text1 ul { list-style: none; padding: 0; display: flex; margin: 3.2vw 0 0; justify-content: center; gap: 2.1vw; }
.contact-page:not(.creators-page) .MainContent #text1 ul li { font-size: clamp(1.3rem, 0.885vw, 1000rem); }
.creators-page footer { z-index: 2; }
.creators-page footer::before { content: ''; position: absolute; left: 5.417vw; bottom: 100%; width: 14.375vw; height: 18.875vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/450481.svg); pointer-events: none; background-size: 100%; z-index: 1; transition: 0.8s 0.2s all ease-in-out; z-index: 1; transform: translateY(110%); }
.contact-page:not(.creators-page) footer::before { content: ''; position: absolute; left: 5.417vw; bottom: 100%; width: 10.573vw; height: 9.896vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/450880.svg); pointer-events: none; background-size: 100%; transition: 0.8s 0.2s all ease-in-out; z-index: 1; transform: translateY(110%); }

.creators-page .GalleryTitle h2 { font-size: 2.396vw; font-family: var(--gloria); color: var(--black); margin-bottom: 1.823vw; }
.creators-page .GalleryTitle h2 span { font-size: inherit; color: #fff; /*position: relative;*/ margin-right: 1.042vw; position: sticky; display: inline-flex; line-height: 1; }
.creators-page .GalleryTitle h2 > span::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% + 1.771vw); height: calc(100% + 1.042vw); z-index: -1; border-radius: 2.604vw 0 2.604vw 2.604vw; }
.ClientsLogos > div > div .ClientImgLogo { width: 100%; object-fit: contain; max-height: 4.583vw; max-width: 9vw; }

#SiteGrid.layout-bottom #GridPromo.form-container-wide { padding: 0; max-width: unset; margin: 0; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject { max-width: 64.167vw; padding: 4.167vw 5.208vw; display: flex; margin: 0 auto 6.771vw; flex-direction: column; border: none; background: var(--cream); border-radius: 2.604vw 0 2.604vw 0px; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject::after { display: none; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; font-size: 2.396vw; font-family: var(--gloria); color: var(--black); }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectTitleAndText h3 { margin-bottom: 3.3vw; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectTitleAndText h3 > span { display: inline-flex; line-height: 1; color: #fff; margin-right: 1.042vw; position: sticky; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectTitleAndText h3 > span::before { background: var(--blue); content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% + 1.771vw); height: calc(100% + 1.042vw); z-index: -1; border-radius: 2.604vw 0 2.604vw 2.604vw; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin: 0; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: center; gap: 2.083vw 1.563vw; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { flex-grow: 1; width: calc(33.33% - 1.1vw); padding: 0; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input,
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select,
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { width: 100%; max-width: 100%; margin: 0; border: none !important; border-bottom: 1px solid var(--black) !important; box-shadow: none; border-radius: 0; font-size: clamp(1.5rem, 0.885vw, 1000rem) !important; padding: 0; height: 1.667vw; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 4.531vw; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { top: -0.1vw; right: -0.4vw; font-size: 0.8vw; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: auto; padding: 0; margin-top: 1.2vw; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { border: 1px solid var(--teal); color: var(--teal); background: transparent; border-radius: 2.604vw; height: 2.604vw; min-width: 10.938vw; }
.form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField:after { transform: scaleY(-1); font-size: 1.1vw; left: 0; top: 4px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { content: ''; background-image: url(/warehouse/dynamic/451995.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; font-family: unset; width: 0.7vw; height: 0.4vw; left: 0; top: 0.9vw; }

@media(max-width: 1024px) {
    .creators-page #GridTop .anim-element:nth-child(1) { background-image: url(/warehouse/dynamic/450943.svg); left: 0; transform: unset; bottom: 0; width: 77px; height: 66px; }
    .creators-page #GridTop .anim-element:nth-child(2) { background-image: url(/warehouse/dynamic/450941.svg); right: 30px; width: 42px; height: 35px; bottom: 0; }
    .creators-page #GridTop .anim-element:nth-child(3) { background-image: url(/warehouse/dynamic/450942.svg); right: 0; width: 80px; height: 58px; top: 0; }
    .contact-page:not(.creators-page) #GridTop .anim-element:nth-child(1) { left: 53%; bottom: 0; width: 95px; height: 63px; background-image: url(/warehouse/dynamic/450944.svg); }
    .contact-page:not(.creators-page) #GridTop .anim-element:nth-child(2) { width: 67px; height: 53px; background-image: url(/warehouse/dynamic/450945.svg); left: calc(50% + 58px); top: 15px; }
    .contact-page:not(.creators-page) #GridTop .anim-element:nth-child(3) { right: 0px; width: 52px; height: 66px; background-image: url(/warehouse/dynamic/450946.svg); top: 0; }
    .creators-page footer { margin-top: 120px; }
    .creators-page footer::before { left: 16px; width: 102px; height: 134px; }
    .contact-page:not(.creators-page) footer { margin-top: 100px; }
    .contact-page:not(.creators-page) footer::before { left: 16px; width: 101px; height: 94px; }
    .contact-page #GridTop .top-caption { width: 155px; }
    .contact-page .MainContent #text1 { max-width: calc(100% - 64px); margin: 40px auto 50px; }
    .contact-page .MainContent #text1 h2 { font-size: 2.4rem; letter-spacing: -0.24px; margin-bottom: 30px; }
    .contact-page .MainContent #text1 p { font-size: 1.5rem; }
    .contact-page:not(.creators-page) .MainContent #text1 ul { margin: 30px 0 0; flex-direction: column; gap: 12px; }
    .contact-page:not(.creators-page) .MainContent #text1 ul li { font-size: 1.5rem; }

    .creators-page .GalleryTitle h2 { font-size: 2.4rem; letter-spacing: -0.24px; margin-bottom: 30px; }
    .ClientsLogos > div > div.logosGroup {position:static; display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); align-items: center; opacity:1; visibility:visible; }
    .ClientsLogos > div > div.logosGroup:not(:last-child){ margin-bottom:30px;}
    .logosGroup > div { padding: 0; margin: 0; width: 100%; }
    .ClientsLogos > div > div .ClientImgLogo { max-height: 50px; max-width: 100%; }

    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject { border-radius: 30px 0; margin: 0 auto 50px !important; max-width: calc(100% - 32px) !important; padding: 30px 20px; }
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 2.4rem; letter-spacing: -0.24px; margin-bottom: 30px; }
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectTitleAndText h3 { line-height: 150%; }
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset { flex-direction: column; gap: 20px; }
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100%; }
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input,
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select,
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 32px; padding: 0 0 10px; }
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 118px; }
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { margin-top: 20px; }
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { height: 40px; min-width: 111px; font-size: 1.8rem; border-radius: 50px; }
    .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField:after { font-size: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { width: 15px; height: 9px; top: 8px; }

    .contact-page .MainContent #text1 > h2:nth-child(1) > span, .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectTitleAndText h3 > span, .creators-page .GalleryTitle h2 span { margin-right: 6px; display: inline-block; line-height: 1; }
    .contact-page .MainContent #text1 > h2:nth-child(1) > span::before, .form-container-wide:not(.FooterForm, .gridFormWithImg) #DynamicFormObject .dynamicFormObjectTitleAndText h3 > span::before, .creators-page .GalleryTitle h2 span::before { width: calc(100% + 12px); height: calc(100% + 12px); border-radius: 50px 0 50px 50px; }
}

/* Footer */
footer { padding: 0; position: relative; display: flex; }
body:is(.home-page, .testimonials-page) footer::before { content: ''; position: absolute; right: 5.208vw; bottom: 100%; width: 20vw; height: 12.25vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/448987.svg); pointer-events: none; background-size: 100%; z-index: 1; transform: translate(calc(100% + 5.208vw), 0%); transition: 0.8s 0.2s all ease-in-out; }
#SiteFooter { background: var(--teal); padding: 0; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; z-index: 1; }
.footer-text-divided { width: 70%; flex-grow: 1; padding: 5.208vw; }
.footer-text-divided .footer-text-right { padding: 0; width: 100%; display: flex !important; gap: 3.385vw; flex-wrap: wrap; }
.footer-text-divided .footer-text-right ul { font-size: 0.833vw; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 1.1vw; color: #fff; }
.footer-text-divided .footer-text-right ul a:hover { text-decoration: underline; text-underline-offset: 3px; }
.FooterForm.form-container-wide { width: 30%; padding: 5.208vw 0 5.208vw 8.333vw; display: flex; flex-direction: column; gap: 1.823vw; }
.FooterForm.form-container-wide .footerFormContainer { background: inherit; height: 100%; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject { overflow: visible; padding: 0; display: flex; flex-direction: column; max-width: 100% !important; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; text-align: right; font-size: 2.4rem; font-family: var(--gloria); color: var(--green); }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3 { margin-bottom: 1vw; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; text-align: right; margin: 0; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 1.8rem; color: #fff; line-height: 140%; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset { padding-bottom: 24px; margin-top: 8px; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { position: absolute; bottom: 0; width: 100%; padding: 0; margin: 0; display: flex; align-items: center; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { color: #fff; font-size: 1.2rem; margin-bottom: 0; padding-top: 1px; margin-right: 6px; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { margin: 0; accent-color: var(--green); padding: 0; width: 14px; height: 14px; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField span.error { left: unset; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email { width: 65%; padding: 0 0 0 5px; color: #fff; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email input { border: 1px solid #fff !important; border-radius: 2.604vw; margin: 0; font-size: 1.4rem !important; color: #fff; width: 100%; padding: 0.625vw 1.302vw; height: 2.1vw; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email input::placeholder { color: #fff; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must:before { font-size: 0.8vw; top: 0.4vw; right: 0.8vw; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 29%; padding: 0; }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { width: 100%; height: 2.1vw; border: 1px solid var(--green); border-radius: 2.604vw; background: var(--green); color: var(--teal); font-size: 1.6rem; font-family: var(--gloria); }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormEndText { display: none; }
label.error, span.error { font-size: 1.2rem; top: calc(100% + 0.2vw); left: 0; color: var(--red); }
.FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectField span.error { top: 0.8vw; left: 1.2vw; }
#SiteFooter .FooterForm.form-container-wide .footer-text-left img { height: 100px; }
.FooterForm.form-container-wide .footer-text-left p { display: flex; gap: 1.563vw; flex-direction: row-reverse; justify-content: flex-end; font-size: 1.8rem; color: #fff; line-height: 140%; }

@media(max-width: 1024px) {
    body:is(.home-page, .testimonials-page) footer::before { right: 16px; width: 154px; height: 95px; }
    body:is(.blog-lobby, .about-page) footer { margin-top: 100px; }
    body:is(.blog-lobby, .about-page) footer::before { content: ''; position: absolute; bottom: 100%; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/448987.svg); pointer-events: none; background-size: 100%; right: 16px; width: 154px; height: 95px; }
    #SiteFooter { display: flex; flex-direction: column; }
    .footer-text-divided { width: 100%; padding: 60px 16px 0; order: 1; }
    .footer-text-divided .footer-text-right { gap: 28px 16px; flex-wrap: wrap; }
    .footer-text-divided .footer-text-right ul { font-size: 1.4rem; width: calc(50% - 8px); gap: 10px; }
    .footer-text-divided .footer-text-right ul li { line-height: 135%; }
    .FooterForm.form-container-wide { width: 100%; padding: 40px 16px; order: 2; gap: 40px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 1.6rem; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3 { margin-bottom: 20px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 1.4rem; line-height: 135%; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset { padding-bottom: 30px; margin-top: 10px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email { width: 100%; padding: 0; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email input { height: 40px; font-size: 1.4rem !important; padding: 11px 25px; border-radius: 50px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { width: 16px; height: 16px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: 1.2rem; padding-top: 0; margin-right: 10px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; margin-top: 5px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { font-size: 1.6rem; height: 40px; border-radius: 50px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must:before { right: 18px; font-size: 80%; top: 5px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectField span.error { top: 20px; left: 20px; }
    .FooterForm.form-container-wide .footer-text-left p { gap: 30px; font-size: 1.4rem; line-height: 135%; }
    #SiteFooter .FooterForm.form-container-wide .footer-text-left img { height: 60px; }
    #SiteFooter .site-credit.alternative { order: 3; }
}

@media(min-width: 1025px) and (max-width: 1500px) {
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email input { height: 40px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email { width: 100%; margin-bottom: 10px; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; }
    .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { height: 40px; }
    .FooterForm.form-container-wide { width: 35%; }
    .footer-text-divided { width: 65%; }
    .footer-text-divided .footer-text-right ul { font-size: 1.6rem; }
}

/* Animations */
.home-page #allSectionsWrapper section.section:last-child { padding-bottom: 6.771vw; }
.section.home-gallery-sec.shown .image-section-data::before, .section.home-gallery-sec.shown .image-section-data::after { transform: translate(0, 0); }

.section.solutions-cubes .grid-box.shown::after,
.section.recommend-sec .section-title.shown::after,
body:is(.home-page, .testimonials-page) footer.shown::before,
.testimonials-page #headline.shown h1::before { transform: translate(0%, 0%); }

.section.solutions-cubes .grid-box .grid-box-text.shown, .section.thinking-sec .grid-boxes .grid-box.shown,
.section.thinking-sec .grid-boxes.shown, .section.thinking-sec .grid-boxes.shown + .content-section-Btn,
.gallery-container.shown, .section.recommend-sec .grid-boxes.shown { opacity: 1; }

#text1.shown p, #text2.shown p, #text1.shown li, #text2.shown li,
#text1.shown span, .grid-row-text.shown p, .grid-text-content.shown p { opacity: 1; }

.creators-page footer.shown::before,
.contact-page:not(.creators-page) footer.shown::before { transform: translateY(0%); }

@media(max-width: 1024px) {
    .home-page #allSectionsWrapper section.section:last-child { padding-bottom: 110px; }
}



.gallery-products-section .grid-boxes { /* justify-content: flex-start; align-items: flex-start;*/ gap: 1.25vw; /*width: max-content; */ /*direction: ltr;*/ margin-bottom: 0.75vw; }
.gallery-products-section .grid-box { border-radius: 1.563vw 0px; border: 1px solid var(--teal); overflow: hidden; display: inline-flex; flex-direction: column; width: 12.083vw; min-width: 12.083vw; }
.gallery-products-section .grid-box a:focus { outline: none; border: none; }
.gallery-products-section .grid-box .grid-box-image { position: relative; margin: 0; }
.gallery-products-section .grid-box a.box-image-animation { padding: 1.563vw 1.563vw 1.042vw; }
.gallery-products-section .grid-box a.box-image-animation img { width: 100%; height: auto; object-fit: cover; }
.gallery-products-section .grid-box .grid-box-logo { position: absolute; top: 0; right: 0.521vw; height: 3.083vw; width: 4.646vw; display: flex; align-items: center; direction: ltr; justify-content: flex-end; }
.gallery-products-section .grid-box .grid-box-logo img { max-height: 100%; max-width: 100%; width: 100%; }
.gallery-products-section .grid-box .grid-box-title { display: flex; align-items: flex-start; justify-content: center; }
.gallery-products-section .grid-box .grid-box-title.empty { display: none; }
.gallery-products-section .grid-box .grid-box-title::after { content: ''; position: absolute; height: 1px; background: var(--teal); width: calc(100% - 3.125vw); left: 50%; top: 0; transform: translateX(-50%); }
.gallery-products-section .grid-box .grid-box-title h3 { margin: 0; }
.gallery-products-section .grid-box .grid-box-title h3 a { padding: 1.042vw 1.563vw 1.563vw; display: flex; text-align: right; position: relative; color: var(--black); }

.gallery-products-section .grid-boxes-wrapper { gap: 1.21vw; display: grid; grid-auto-rows: 1fr; grid-auto-flow: column; animation: scrollText 100s linear infinite; width: max-content; }
.gallery-products-section button.slick-arrow { display: none !important; }

.section.home-gallery-sec { height: calc(74vh - var(--headerHeight)); margin-bottom: 4.167vw; }

.gallery-products-section .grid-boxes + .buttons { display: flex; align-items: center; justify-content: flex-start; gap: 0.5vw; }
.gallery-products-section .grid-boxes + .buttons button { border: 0; background: transparent; }

@media(max-width: 1024px) {
    .section.home-gallery-sec { height: calc(66.3vh - var(--headerHeight)); margin-bottom: 40px; }

    .gallery-products-section .grid-boxes { gap: 16px; margin-bottom: 10px; }
    .gallery-products-section .grid-box { margin: 0; width: 43.733vw; min-width: 164px; border-radius: 30px 0; }
    .gallery-products-section .grid-box .grid-box-image::after { width: calc(100% - 32px); }
    .gallery-products-section .grid-box a.box-image-animation { padding: 18px 16px 12px; }
    .gallery-products-section .grid-box .grid-box-logo { top: 8px; right: 8px; width: 56px; height: 32px; padding-block: 3px; }
    .gallery-products-section .grid-box .grid-box-title h3 a { padding: 12px 16px 18px; }

    .gallery-products-section .grid-boxes-wrapper { gap: 16px; }
}

@keyframes scrollText {
    0% { transform: translateX(0); }

    100% { transform: translateX(100%); }
}

.team-page #lobbyview #headline { margin: 0; }
.team-page #lobbyview #headline h1 { font-family: var(--gloria); color: var(--black); font-size: 3.396vw; margin: 5vw auto 3vw; line-height: 1; letter-spacing: -0.46px; }
.team-page #lobbyview #headline h1 span { color: #fff; }
.team-page #lobbyview #headline h1 span::before { background: var(--blue); }
.team-page :is(div, #LobbyModule) .section { margin-bottom: 10.417vw; }
.team-page :is(div, #LobbyModule) .section.who-we-are-sec { margin-bottom: 6.771vw; }

:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes { padding: 0; max-width: unset; flex-direction: column; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box { width: 100%; position: sticky; top: var(--headerHeight); height: calc(100vh - var(--headerHeight)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.8vw; border-radius: 0px 4.167vw; pointer-events: none; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(even) { margin-right: auto; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box .grid-box-image { width: 18.75vw; aspect-ratio: 1; overflow: hidden; margin-bottom: 2.9vw; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box .grid-box-title h3 { color: var(--black); font-size: 2.396vw; margin: 0; font-family: var(--gloria); line-height: 1; letter-spacing: -0.46px; max-width: 29.5vw; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box .grid-box-fulltext { font-size: 0.833vw; color: var(--black); max-width: 29.5vw; line-height: 1.35; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(3n+1) { background: var(--cream); }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(3n+2) { background: var(--EGGSHELL, #F1EED5); }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(3n) { background: #EFDEBF; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(3n+1) .grid-box-image { border-radius: 8.333vw 0px 8.333vw 8.333vw; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(3n+2) .grid-box-image { border-radius: 8.333vw 0px; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(3n) .grid-box-image { border-radius: 0px 8.333vw; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(4n) .grid-box-image { border-radius: 8.333vw 8.333vw 8.333vw 0px; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box .grid-box-image img { object-fit: cover; min-height: 100%; }
:is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(3n+1) .grid-box-image a.box-image-animation { outline: none; }
.sticky-scroll-boxes .top-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 1.7vw; margin-bottom: 10.217vw; max-width: 37.5vw; margin-inline: auto; }
.sticky-scroll-boxes .top-content .section-title h2 { font-family: var(--gloria); color: var(--black); font-size: 2.396vw; margin: 0; line-height: 1; letter-spacing: -0.46px; }
.sticky-scroll-boxes:nth-child(even) .top-content .section-title h2 > span::before { background: var(--blue); }
.sticky-scroll-boxes:nth-child(odd) .top-content .section-title h2 > span::before { background: var(--dgreen); }
body:is(.team-page,.about-page) nav.menu-tags-list { display: none; }

.teams-tabs { position: fixed; width: 100%; top: 0; top: var(--headerHeight); z-index: 1; border: 1px solid #F0F0F0; background: var(--White, #FFF); opacity: 1; /*pointer-events: none;*/ transition: opacity 0.3s ease; }
.teams-tabs.show { opacity: 1; top: var(--headerHeight); pointer-events: auto; }
.teams-tabs ul { margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; gap: 0.417vw; padding: 0.833vw; }
.teams-tabs ul li a { display: flex; align-items: center; justify-content: center; padding: 0.417vw 0.833vw; border-radius: 2.604vw; background: #F6F6F6; font-size: 0.833vw; }
.teams-tabs ul li.active a { background: var(--teal); color: #fff; }

@media(min-width: 1024px) {
    :is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box { width: 50%; }
}

@media(max-width: 1024px) {
    .team-page #lobbyview #headline h1 { font-size: 3.4rem; line-height: 1.3; letter-spacing: -0.24px; margin: 60px auto 80px; }
    .team-page :is(div, #LobbyModule) .section.who-we-are-sec { margin-bottom: 125px; }
    .team-page :is(div, #LobbyModule) .section { margin-bottom: 120px; }
    .sticky-scroll-boxes .top-content { max-width: 100%; padding-inline: 16px; gap: 17px; margin-bottom: 110px; }
    .sticky-scroll-boxes .top-content .section-title h2 { font-size: 2.4rem; line-height: 1.3; letter-spacing: -0.24px; }
    .sticky-scroll-boxes .top-content .section-topText p { line-height: 1.4; }
    :is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box { padding: 24px; border-radius: 0px 48px; }
    :is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box .grid-box-image { width: 230px; margin-bottom: 64px; }
    :is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(3n+1) .grid-box-image { border-radius: 100px 0px 100px 100px; }
    :is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(3n+2) .grid-box-image { border-radius: 100px 0px; }
    :is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(3n) .grid-box-image { border-radius: 0px 100px; }
    :is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box:nth-child(4n) .grid-box-image { border-radius: 100px 100px 100px 0px; }
    :is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box .grid-box-title h3 { width: 100%; font-size: 2.4rem; letter-spacing: -0.24px; max-width: 100%; margin-bottom: 10px; }
    :is(div, #LobbyModule) .section.sticky-scroll-boxes .grid-boxes .grid-box .grid-box-fulltext { max-width: 100%; }

    .teams-tabs { width: 100%; overflow-x: scroll; }
    .teams-tabs ul { padding: 10px 16px; justify-content: flex-start; gap: 8px; width: max-content; }
    .teams-tabs ul li a { padding: 8px 12px; font-size: 1.4rem; border-radius: 50px; }
}
