/* ELDAN */

:root { --black: #18191C; --text: #444549; --gray: #808285; --bg: #F5F5F5; --blue: #1C3AF1; --navy: #001FDA; --blue-gradient: linear-gradient(69deg, rgba(32,17,202,1) 1%, rgba(0,87,255,1) 100%); --pink-gradient: linear-gradient(-250deg, rgba(255,81,123,1) -16%, rgba(235,0,138,1) 100%); --turquoise-gradient: linear-gradient(230deg, rgba(0,233,233,1) -70%, rgba(0,148,174,1) 100%); --gray-gradient: linear-gradient(250deg, rgba(174,184,191,1) 0%, rgba(150,163,171,1) 100%); --footer-gradient: radial-gradient(180% 180% at 100% 90%, #FF124B 10%, #0088A6 70%); --light: 'Lexend-Light'; --reg: 'Lexend-Regular'; --med: 'Lexend-Medium'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body, body.modal-open { line-height: 1; font-size: 2rem; zoom: 1 !important; overflow: clip !important; background: #fff; }
body.modal-open { padding: 0 !important; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) h2, #headline h1 { position: relative; display: inline-block; max-width: 100%; width: 100%; font-family: var(--med); }
.grid-text-content p, .grid-text p, #text1 p, #text2 p, .grid-rows .grid-row-text p, #text1 li, #text2 li, #text1 span, .access-details { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; position: relative; line-height: 1.45; color: var(--text); }
.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; opacity: 0; transition: 0.3s opacity ease; }
#SiteContainer.shown { opacity: 1; }
#SiteContainer::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; z-index: 3; opacity: 0; transition: 0.3s all ease; pointer-events: none; }
#SiteGrid { overflow: unset; }
body:not(.home-page) #SiteGrid { margin-top: var(--headerHeight); }
#SiteGridContainer { overflow-x: clip; z-index: 2; background: #fff; transition: 0.3s all ease; }
.grid-rows .grid-row { background: inherit; }
#allSectionsWrapper { z-index: 1; }
#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%; }
#lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; }
.grid-boxes { display: flex; margin: 0; }
.grid-boxes .grid-box { margin: 0; padding: 0; }
.grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; }
.grid-boxes .grid-box-title h3 a { color: inherit; outline: none !important; }
#LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; }
#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; }
a:hover, a:focus { color: inherit; }
.container-fluid { padding: 0; }
.gallery-container { width: 100%; }
.gallery-cubes { display: flex; }
.box-image-animation:hover img { transform: none !important; }
#GridTop.noTopImage.longer { height: 0; overflow: hidden; }
.box-image-animation img { object-fit: cover; }
#CatalogModule { padding: 0; }
.itemContentWrapper { margin: 0; }
.catalogContainer.container { width: 100%; padding: 0; margin: 0; }
.row { margin: 0; }
strong { font-family: var(--med); font-weight: unset; font-style: normal; }
#GridTop.noTopImage, .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after,
.grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after,
.gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before,
.clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before,
.container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after,
.form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after,
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before,
.navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after,
.pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after,
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before,
.container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before,
.btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before,
.navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after,
.panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; }

#PageBreadCrumps, .lobby-grid #PageBreadCrumps { color: var(--text); letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); line-height: 1.45; padding: 0.95vw 2.084vw 0; margin: 0; max-width: unset; display: inline-flex; flex-wrap: wrap; }
#PageBreadCrumps span { display: inline-flex; text-transform: capitalize; }
#PageBreadCrumps span::after { content: "."; transform: translateY(-0.2vw); margin: 0 5px; }
#PageBreadCrumps span a[href="/our-brands"] { pointer-events: none; }
.categories-strip { margin-top: 1.9vw; background: transparent; color: var(--black); text-align: left; padding: 0 2.084vw; }
.categories-strip .mobile-strip { display: none; }
.categories-strip ul.hidden-xs { display: flex !important; gap: 0.625vw; }
.categories-strip ul.hidden-xs li { background: transparent; padding: 0; display: inline-flex; }
.categories-strip ul.hidden-xs li:first-child { display: none; }
.categories-strip ul.hidden-xs li a { border: 1px solid var(--black); border-radius: 50px; padding: 0.8vw 1.25vw 0.9vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); font-family: var(--med); letter-spacing: 0.017vw; transition: 0.3s all ease; text-decoration: unset; position: relative; }
.categories-strip ul.hidden-xs li a::after { content: ''; display: inline-block; width: 0.521vw; height: 0.521vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/494519.svg); transition: 0.4s all ease; margin-left: 0.8vw; }
.categories-strip ul.hidden-xs li.active a { background: var(--blue); color: #fff; border-color: var(--blue); }
.categories-strip ul.hidden-xs li.active a::after { background-image: url(/warehouse/dynamic/494386.svg); }

#stickyButton-3322 { left: unset; bottom: 5vw; left: 50%; transform: translateX(-50%); box-shadow: none; cursor: pointer; }
#stickyButton-3322 a { pointer-events: none; }
#stickyButton-3322 img { max-width: unset; width: 2.917vw; }
#stickyButton-3322 span { display: none; }

@media(min-width: 1025px) {
    #SiteGridContainer { min-height: calc(48vw - var(--headerHeight)); }
    .categories-strip ul.hidden-xs li:is(:hover, :focus) a { background: var(--blue); color: #fff; border-color: var(--blue); }
    .categories-strip ul.hidden-xs li:is(:hover, :focus) a::after { background-image: url(/warehouse/dynamic/494386.svg); }
}

@media(max-width: 1024px) {
    a.AccessabilityLink { font-size: 1.4rem; }
    .grid-text-content p, .grid-text p, #text1 p, #text2 p, .grid-rows .grid-row-text p, #text1 li, #text2 li, #text1 span, .access-details { font-size: 1.5rem; line-height: 1.4; letter-spacing: 0.15px; }
    .center-div { overflow: unset !important; justify-content: center !important; }

    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { letter-spacing: 0.15px; font-size: 1.5rem; padding: 20px 20px 0; }
    #PageBreadCrumps span::after { transform: translateY(-5px); }
    .categories-strip { margin-top: 18px; padding: 0; }
    .categories-strip ul.hidden-xs { gap: 8px; /* overflow-x: scroll; */ /* scroll-snap-type: x mandatory; */ white-space: nowrap; padding: 0 20px; flex-wrap: wrap; }
    .categories-strip ul.hidden-xs li { /* scroll-snap-align: center; */ }
    .categories-strip ul.hidden-xs li.active { display: none; }
    .categories-strip ul.hidden-xs li a { font-size: 1.5rem; padding: 10px 14px 11px; font-family: var(--reg); }
    .categories-strip ul.hidden-xs li a::after { width: 9px; height: 9px; margin-left: 6px; }

    #stickyButton-3322 { bottom: 20px; }
    #stickyButton-3322 img { width: 50px; }
}


/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
#header2 { z-index: 300; background: transparent; transition: 0.3s all ease; padding: 0; top: 0; }
#header2 #header-container { display: flex; justify-content: flex-start; align-items: center; }
#header2 #header-container #header-left { width: auto; background: #fff; height: 3.333vw; display: inline-flex; justify-content: center; align-items: center; padding-block: 0; padding-inline: 2vw 1.6vw; }
#header2 #header-container #header-left img { width: 4.8vw; }
#header2 #header-container .mobile-middle-kdm { order: 3; display: block; margin-block: 0; margin-inline: auto 0; width: auto; }
#header2 #header-container .mobile-middle-kdm a { background: var(--black); height: 3.333vw; display: inline-flex; justify-content: center; align-items: center; width: 14vw; text-transform: uppercase; font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; transition: 0.3s all ease; font-family: var(--reg); }
#header2 #header-container .mobile-middle-kdm a:is(:hover,:focus) { background: var(--navy); }
#header2 #header-container .header-right-section { order: 2; background: #fff; padding-inline-end: 2vw; display: flex; align-items: center; gap: 4.2vw; }
#header2 #header-container .header-right-section .header-top { padding: 0; width: max-content; font-size: clamp(1.2rem, 0.833vw, 1000rem); }
#header2 #header-container .header-top:not(:has(.languages)) { display: none; }
#header2 #header-container .header-right-section .header-top .languages { margin: 0; border: unset; }
#header2 #header-container .header-right-section .header-top .languages a.lang { margin: 0; padding: 0; font-size: 100%; }
#header2 #header-container .header-right-section .header-top .header-top-left { display: none; }
#header2 #header-container .header-right-section .menu-nav { margin: 0; }
#header2 #header-container .header-right-section .menu-nav #menu > li { margin: 0; color: var(--black); font-family: var(--reg); transition: 0.3s all ease; }
#header2 #header-container .header-right-section .menu-nav #menu > li.active { color: var(--blue); }
#header2 ul.menu .menu-sub li,
#header2 ul.menu .menu-sub.megaMenu li { color: inherit; margin: 0; min-width: unset; white-space: normal; font-size: inherit; }
#header2 ul.menu li .menu-sub a { border: unset; padding: 0; opacity: 1; text-decoration: unset; width: max-content; float: unset; display: inline-block; }

@media(min-width: 1025px) {
    body:has(#header2 .menu-nav #menu > li.open) #SiteContainer::before { opacity: 0.2; }

    #header2 #header-container .header-right-section .menu-nav #menu { margin: 0; display: flex; gap: 4.2vw; }
    #header2 #header-container .header-right-section .menu-nav #menu > li { /* margin: 0; */ /* color: var(--black); */ /* font-family: var(--reg); */ /* transition: 0.3s all ease; */ }
    #header2 #header-container .header-right-section .menu-nav #menu > li:is(.active, .open, :hover, :focus) { color: var(--blue); }
    #header2 #header-container .header-right-section .menu-nav #menu > li > a { font-size: clamp(1.2rem, 0.833vw, 1000rem); height: 3.333vw; display: inline-flex; justify-content: center; align-items: center; text-transform: uppercase; border: unset; opacity: 1; }
    #header2 #header-container .header-right-section .menu-nav #menu > li::before { display: none; }
    #header2 #header-container .header-right-section .menu-nav #menu li.has-sub:not(.visible-mobile) { display: inline-flex; justify-content: center; align-items: center; gap: 0.3vw; }
    #header2 #header-container .header-right-section .menu-nav #menu li i { font-size: 70%; margin: 0; }
    #header2 #header-container .header-right-section .menu-nav #menu > li:has(> a.contact) { display: none; }
    #header2 #menu li.has-sub::after { content: ''; position: absolute; height: 0.5vw; width: 12.5vw; bottom: -10px; background: transparent; }
    #header2 #menu li.has-sub.has-megamenu::after { width: 16.7vw; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu { min-width: unset !important; background: #fff; right: unset; border: 1px solid #DCE1E5; padding: 0; top: calc(100% + 0.5vw); left: 50%; transform: translateX(-50%); width: 16.7vw; display: none !important; opacity: 1 !important; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu.open { display: block !important; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup:has(.megaMenuGroupImage) { width: 100%; margin: 0; color: var(--black); min-width: unset; white-space: normal; font-size: 100%; padding: 1.667vw 1.667vw 1.667vw 5.47vw; display: flex; flex-direction: column; gap: 0.7vw; transition: 0.3s all ease; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup:has(.megaMenuGroupImage):not(:last-child) { border-bottom: 1px solid #DCE1E5; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup:has(.megaMenuGroupImage):hover { background: #F4F6FF; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup:has(.megaMenuGroupImage) .megaMenuGroupImage { position: absolute; left: 1.667vw; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup:has(.megaMenuGroupImage) .megaMenuGroupImage img { width: 2.5vw; height: 2.5vw; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup:has(.megaMenuGroupImage) h3.menuGroupTitle { font-size: 1.094vw; font-family: var(--med); text-align: left; display: flex; transition: 0.3s all ease; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup:has(.megaMenuGroupImage) h3.menuGroupTitle:is(.active, :hover) { color: var(--blue); }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup:has(.megaMenuGroupImage) h3.menuGroupTitle a { width: 60%; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup ul.megaMenuSub { letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); color: var(--gray); line-height: 1.45; font-family: var(--light); }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup ul.megaMenuSub li.megaMenuSubItem { display: flex; transition: 0.3s all ease; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup ul.megaMenuSub li.megaMenuSubItem:not(:last-child) { margin-bottom: 0.2vw; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup ul.megaMenuSub li.megaMenuSubItem a[href=""] { pointer-events: none; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup ul.megaMenuSub li.megaMenuSubItem a[href]:not(a[href=""]) { position: relative; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup ul.megaMenuSub li.megaMenuSubItem:has(a[href]:not(a[href=""])) { color: var(--black); }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup ul.megaMenuSub li.megaMenuSubItem:has(a[href]:not(a[href=""])):is(.active, :hover) { color: var(--blue); }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup ul.megaMenuSub li.megaMenuSubItem a[href]:not(a[href=""])::after { content: ''; display: inline-block; width: 8px; height: 11px; background-repeat: no-repeat; background-position: center; background-size: auto; background-image: url(/warehouse/dynamic/496207.svg); }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup:has(.megaMenuGroupImage):is(#menuGroup-2, #menuGroup-3, #menuGroup-4) li.megaMenuSubItem { color: inherit; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu li.megaMenuGroup:has(.megaMenuGroupImage):is(#menuGroup-2, #menuGroup-3, #menuGroup-4) li.megaMenuSubItem a::after { display: none; }
    #header2 #menu li.has-megamenu .menu-sub.megaMenu:not(:has(.megaMenuGroupImage)) { min-width: 12.5vw !important; padding: 1.3vw 2vw; width: auto; }

    #header2 #header-container #header-left::before { content: ''; position: absolute; right: 0.85vw; top: 50%; transform: translateY(-50%); background: var(--black); width: 1px; height: 14px; }
}

@media(max-width: 1024px) {
    #header2 #header-container { display: flex; /*justify-content: space-between;*/ }
    #header2 #header-container .mobile-middle-kdm { display: none; }
    #header2 #header-container #header-left { height: 62px; margin: 0; padding: 0 24px; /*border-right: 1px solid var(--black); border-block: 1px solid var(--black);*/ border: unset; }
    #header2 #header-container .header-top { background: #fff; width: max-content; height: 62px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1; border-inline-start: 1px solid var(--black); }
    #header2 #header-container .header-top .languages { left: unset; position: relative; top: unset; margin: 0; display: block; right: unset; }
    #header2 #header-container .header-top .languages a.lang { padding: 0; margin: 0; background: transparent; font-size: 1.4rem; }
    #header2 #header-container #header-left img { width: 80px; }
    #header2 #header-container .header-right-section { margin-inline-start: auto; padding: 0; width: max-content; background: transparent; display: flex; z-index: 20; }
    #header2 #header-container .header-right-section .menu-nav { max-width: unset; margin: 0; width: max-content; }
    #header2 #header-container .header-right-section .menu-nav .nav-menu-anim { width: 62px; height: 62px; background: var(--black); margin: 0; }
    #header2 #header-container .header-right-section .menu-nav .nav-menu-anim #nav-toggle { display: flex; justify-content: center; align-items: center; }
    #header2 #header-container .header-right-section .menu-nav span.closed { display: none !important; }
    #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 { height: 2px; width: 21px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -6px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -6px; }

    body:has(#header2.open) #SiteContainer::before { opacity: 0.2; }

    #header2 ul.menu { position: fixed; transition: 0.5s all ease; overflow: unset; margin: 0; top: calc(var(--headerHeight) + 20px); right: unset; padding: 0 !important; min-width: unset; width: calc(100% - 40px); height: auto !important; min-height: unset; background: #fff; gap: 0; flex-direction: column; background: transparent; left: 20px; opacity: 0; pointer-events: none; }
    #header2.open ul.menu { display: flex !important; opacity: 1; pointer-events: all; }
    #header2 ul.menu > li { white-space: normal; text-align: left; padding: 0; }
    #header2 ul.menu > li:before { display: none; }
    #header2 ul.menu > li:first-child { border-top: 1px solid var(--black); }
    #header2 ul.menu > li.megaMenuSection { padding: 0; text-align: left; right: unset; background: inherit; min-width: unset !important; height: auto !important; width: calc(100% - 40px) !important; position: fixed; top: calc(var(--headerHeight) + 20px); border: 1px solid var(--black); background: #fff; left: 20px; opacity: 0; pointer-events: none; }
    #header2 ul.menu > li:not(.megaMenuSection) { display: inline-flex; align-items: center; padding: 19px 20px; justify-content: space-between; background: #fff; border-inline: 1px solid var(--black); }
    #header2 ul.menu > li:not(.megaMenuSection):has(+ .megaMenuSection) { border-bottom: 1px solid var(--black); }
    #header2 ul.menu > li:not(.megaMenuSection):not(:has(+ .megaMenuSection)) { border-bottom: 1px solid #DCE1E5; }
    #header2 ul.menu > li:not(.megaMenuSection).has-sub > i { width: 30px; height: 21px; display: flex; justify-content: flex-end; align-items: center; }
    #header2 ul.menu > li:not(.megaMenuSection).has-sub > i::before { height: 11px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/496207.svg); content: ''; width: 8px; display: inline-block; }
    #header2 ul.menu:has(.menu-active) > li:not(.megaMenuSection.menu-available),
    #header2 ul.menu:has(.megaMenuGroupSection.menu-active) li.menu-available:not(.megaMenuGroupSection) { opacity: 0; pointer-events: none; visibility: hidden; }
    #header2 ul.menu > li.has-megamenu > button { position: relative; left: unset; padding: 0; }
    #header2 ul.menu > li.has-megamenu > button { width: 30px; height: 21px; display: flex; justify-content: flex-end; align-items: center; }
    #header2 ul.menu > li.has-megamenu > button .menuSvgArrowIcon { height: 11px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/496207.svg); content: ''; width: 8px; display: inline-block; margin: 0; }
    #header2 ul.menu > li.has-megamenu > button .menuSvgArrowIcon svg { display: none; }
    #header2 ul.menu > li.megaMenuSection.menu-active { left: 20px; opacity: 1; pointer-events: all; }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer { padding: 0; text-align: left; }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup { margin: 0; display: flex; justify-content: space-between; align-items: center; padding: 19px 20px; }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup:not(:last-child) { border-bottom: 1px solid #DCE1E5; }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu { position: relative; top: unset; left: unset; padding: 10px 20px 0; display: inline-flex; font-size: 1.5rem; font-family: var(--light); flex-direction: row-reverse; justify-content: center; align-items: center; gap: 3px; color: var(--black); }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu .arrowIconWrapper { height: 11px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/496207.svg); content: ''; width: 8px; display: inline-block; margin: 0; transform: scaleX(-1); }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu .arrowIconWrapper svg { display: none; }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup > a { font-size: 1.9rem; font-family: var(--med); color: var(--black); opacity: 1 !important; border: unset !important; }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup > button { position: relative; left: unset; padding: 0; }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup > button { width: 30px; height: 21px; display: flex; justify-content: flex-end; align-items: center; }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup > button .menuSvgArrowIcon { height: 11px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/496207.svg); content: ''; width: 8px; display: inline-block; margin: 0; }
    #header2 ul.menu > li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup > button .menuSvgArrowIcon svg { display: none; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer { display: grid; grid-template-rows: repeat(1, 1fr); grid-template-columns: repeat(4, 1fr); gap: 14px 20px; padding: 45px 0px 28px 0; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer button.closeMegaMenu { position: absolute; top: 0; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer h3 { grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 5; display: inline-flex; margin: 0; font-size: 1.9rem; color: var(--black); width: 50%; font-family: var(--med); align-items: center; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer .megaMenuGroupImage { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; display: inline-flex; justify-content: flex-end; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer .megaMenuGroupImage img { width: 48px; height: 48px; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer .megaMenu { grid-row-start: 2; grid-column-start: 2; grid-row-end: 3; grid-column-end: 5; text-align: left; padding: 0; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer .megaMenu:not(:has(+ .megaMenuGroupImage)) { grid-column-start: 1; padding-left: 20px; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer .megaMenu .megaMenuSub { width: 100%; display: flex; gap: 20px; flex-direction: column; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer .megaMenu .megaMenuSub li.megaMenuSubItem { color: var(--black); margin: 0; font-size: 1.5rem; display: inline-flex; font-family: var(--light); }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer .megaMenu .megaMenuSub li.megaMenuSubItem a { font-size: inherit; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer .megaMenu .megaMenuSub li.megaMenuSubItem a[href=""] { pointer-events: none; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer .megaMenu .megaMenuSub li.megaMenuSubItem a[href]:not(a[href=""]) { color: var(--black); position: relative; }
    #header2 ul.menu > li.megaMenuSection.megaMenuGroupSection .megaMenuSectionContainer .megaMenu .megaMenuSub li.megaMenuSubItem a[href]:not(a[href=""])::after { height: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/496207.svg); content: ''; width: 7px; display: inline-block; }

    #header2 ul.menu > li > i { margin: 0; }
    #header2 ul.menu > li > a { font-size: 1.9rem; font-family: var(--med); opacity: 1 !important; border: unset !important; }
}


/*------------------------------------------/*
 HOME PAGE
/*------------------------------------------*/
#home-gallery { height: max-content !important; }
#home-gallery .slider-bg.stellar-bg { min-height: unset; height: max(47.8vw, 100vh) !important; }
#home-gallery .slider-bg.stellar-bg::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 101%; z-index: 2; background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 25%, rgba(0, 0, 0, 0.50) 70%); pointer-events: none; }
#home-gallery .gallery-caption { top: 50%; transform: translateY(-50%); left: 2vw; z-index: 5; }
#home-gallery .gallery-caption .gallery-logo { width: 100%; }
#home-gallery .gallery-caption .gallery-logo img { width: 47.813vw; }
#home-gallery ol.flex-control-nav.flex-control-paging { display: none; bottom: unset; left: unset; transform: translateY(-50%); right: 3.333vw; top: 50%; flex-direction: column; gap: 0.2vw; }
#home-gallery ol.flex-control-nav.flex-control-paging li { margin: 0; }
#home-gallery ol.flex-control-nav.flex-control-paging li a.flex-active { height: 32px; opacity: 1; }
#home-gallery ol.flex-control-nav.flex-control-paging li a { background: var(--bg); width: 8px; height: 8px; transition: 0.3s all ease; opacity: 0.4; outline: none; }
#home-gallery #player-controls { display: none; }
#home-gallery .opacity-layer { opacity: 0.5 !important; z-index: 3 !important; background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 23%, rgba(0, 0, 0, 0.50) 70%); }
#home-gallery .scroll-down { height: 0.677vw; width: 4.479vw; bottom: 1.563vw; left: 50%; transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/494351.svg); animation: none !important; }
#home-gallery .scroll-down svg { opacity: 0; width: inherit; height: inherit; }

@media(max-width: 1024px) {
    #home-gallery .slider-bg.stellar-bg { height: 100vh !important; }
    #home-gallery ol.flex-control-nav.flex-control-paging { top: unset; bottom: -28px; transform: translateX(-50%); right: unset; left: 50%; flex-direction: row; gap: 4px; }
    #home-gallery ol.flex-control-nav.flex-control-paging li a { height: 8px; background: var(--black); }
    #home-gallery ol.flex-control-nav.flex-control-paging li a.flex-active { width: 32px; height: 8px; }

    #home-gallery .slider-bg.stellar-bg::after { background: #0000004D; width: 100%; }
    #home-gallery .gallery-caption { left: 20px; }
    #home-gallery .gallery-caption .gallery-logo img { width: 80vw; }
    #home-gallery .scroll-down { height: 12px; width: 80px; bottom: 30px; }
}


/*------------------------------------------/*
 SECTIONS
/*------------------------------------------*/
.section.four-companies-sec { margin-bottom: 14.063vw; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes { display: grid; gap: 0; height: 100%; max-width: unset; padding: 0; border-top: 1px solid var(--text); grid-template-columns: repeat(4, 1fr); grid-auto-rows: 24.8vw; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box { width: 100%; display: flex; flex-direction: column; overflow: hidden; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box.gridHasVideo { background: #5D24EC; grid-area: span 2 / span 2; pointer-events: none; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:nth-child(5n+2),
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:nth-child(5n+3),
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:nth-child(5n+4),
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:nth-child(5n+5) { grid-area: span 1 / span 1; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) { padding: 1.667vw 1.667vw 2.084vw; text-align: left; transition: 0.3s all ease; color: var(--black); border-bottom: 1px solid var(--text); border-left: 1px solid var(--text); }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-image { width: 7.292vw; margin: 0 0 auto 0 !important; align-self: end; pointer-events: none; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-image .grid-box-image-text { width: 100%; height: 100%; opacity: 0; transition: 0.3s all ease; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-image .box-image-animation > img { transition: 0.3s all ease; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-image .grid-box-opacity-layer { display: none; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-title h3 { margin-bottom: 1.1vw; line-height: 1.2; font-size: 1.667vw; font-family: var(--med); margin-top: 0; pointer-events: none; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-subtitle:not(.button) { color: inherit; font-size: 1.094vw; line-height: 1.3; /*max-width: 68%;*/ pointer-events: none; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-subtitle.button { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; width: max-content; color: inherit; font-family: var(--reg); margin-top: 3vw; margin-bottom: -4vw; transition: 0.3s margin ease; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-subtitle.button a { display: flex; position: relative; align-items: center; padding-bottom: 0.1vw; gap: 0.8vw; border-bottom: 2px solid; }
:is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-subtitle.button a::after { content: ''; display: inline-block; width: 0.521vw; height: 0.521vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/494386.svg); }

.section.big-video-sec { margin-bottom: 12.3vw; }
.section.big-video-sec .grid-iframe-holder,
.section.big-video-sec .grid-text-content { width: 100%; padding: 0; }

.section.big-video-sec .grid-iframe-holder iframe,
.section.big-video-sec .grid-text-content iframe { width: 71.875vw; height: 40.104vw; }

.section.big-title-sec { margin-bottom: 13.2vw; }
.section.big-title-sec .section-title h2 { letter-spacing: -0.141vw; width: 62.5vw; color: var(--black); font-size: 3vw; line-height: 1.15; }
.section.big-title-sec .grid-text-content { width: 67vw; margin: 0 auto; padding: 0; direction: ltr; }
.section.big-title-sec .grid-text-content h2 { font-size: 4.688vw; letter-spacing: -0.141vw; width: 62.5vw; color: var(--black); }
.section.big-title-sec .grid-text-content p { width: 28vw; margin: 0 auto; }
.section.big-title-sec.inverted .grid-text-content { display: flex; flex-direction: column-reverse; align-items: center; gap: 1.8vw; }
.section.big-title-sec:has(.section-title, .grid-text-content) { display: flex; flex-direction: column; gap: 1.8vw; }
.section.big-title-sec .grid-text:not(:has(p)) { display: none; }

.section.two-image-row-sec { margin-bottom: 13.3vw; padding: 0 2.084vw; }
.section.two-image-row-sec .grid-row { display: flex !important; overflow: hidden; justify-content: space-between; }
.section.two-image-row-sec .grid-row .flexslider-box { width: 47.917vw; height: 60.417vw; }
.section.two-image-row-sec .grid-row .flexslider-box * { height: 100%; width: 100%; }
.section.two-image-row-sec .grid-row .flexslider-box img { height: 100% !important; }
.section.two-image-row-sec .grid-row .grid-row-cell-text { display: flex !important; flex-direction: column; align-items: flex-end; justify-content: space-between; height: 60.417vw; width: 50%; }
.section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-text { width: 27.917vw; color: var(--black); padding: 0; margin: 0; }
.section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 2.396vw; line-height: 1.15; margin-bottom: 1.3vw; }
.section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-text h3 { margin-bottom: 1.5vw; font-size: 1.094vw; font-family: var(--med); line-height: 1.2; }
.section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-image-container { width: 27.917vw; height: 27.917vw; }
.section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-image-container img { height: 100% !important; width: 100%; }

.section.bullet-text-sec:not(:has(.grid-text .gridTextImgContainer img)) { margin-bottom: 14.063vw; }
.section.bullet-text-sec .section-title { display: flex; text-align: left; margin-bottom: 14.063vw; padding: 0 2.084vw; justify-content: space-between; }
.section.bullet-text-sec .section-title .section-title-inner { width: max-content; display: inline-flex; flex-direction: column; gap: 1vw; }
.section.bullet-text-sec .section-title h2 { font-size: 1.667vw; line-height: 1.2; width: 27.917vw; color: var(--black); }
.section.bullet-text-sec .section-title h2:last-child { letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); line-height: 1.45; font-family: var(--light); }
.section.bullet-text-sec .section-title .grid-text-content { width: 47.917vw; padding: 0; }
.section.bullet-text-sec .section-title .grid-text-content ul { padding: 0; margin: 0; list-style-position: inside; font-size: clamp(1.4rem, 0.885vw, 1000rem); }
.section.bullet-text-sec .section-title .grid-text-content ul li { padding: 1.65vw 0; border-top: 1px solid var(--text); color: var( --black); }
.section.bullet-text-sec .grid-text:has(img) { height: 67.708vw; overflow: hidden; }
.section.bullet-text-sec .grid-text img { object-fit: cover; transform: translate(-50%,-50%); top: 50%; left: 50%; position: absolute; }

.section.projects-sec { margin-bottom: 14.063vw; }
.section.projects-sec:not(:has(~ .section)) { margin-bottom: 0 !important; }
.section.projects-sec h2.section-title { background: var(--black); color: #fff; text-transform: uppercase; letter-spacing: -0.375vw; font-size: 12.604vw; padding: 1.2vw 2vw 1.9vw; line-height: 0.8; }
.section.projects-sec .grid-boxes { flex-direction: column; }
.section.projects-sec .grid-boxes .grid-box { width: 100%; height: 100%; position: relative; overflow: hidden; }
.section.projects-sec .grid-boxes .grid-box::after { content: ''; position: absolute; left: 0; height: 100%; width: 100%; top: 0; z-index: 5; transition: 0.5s all ease; pointer-events: none; }
.section.projects-sec .grid-boxes .grid-box a.grid-box-link { content: ''; position: absolute; left: 0; height: 100%; width: 100%; top: 0; z-index: 15; }
.section.projects-sec .grid-boxes .grid-box .grid-box-image { width: 100%; height: inherit; }
.section.projects-sec .grid-boxes .grid-box .grid-box-image img { width: 100%; height: 100%; object-fit: cover; }
.section.projects-sec .grid-boxes .grid-box .grid-box-image video { height: inherit; transform: scale(1.2); }
.section.projects-sec .grid-boxes .grid-box .grid-box-image #videoContainer { width: 100%; height: inherit; }
.section.projects-sec .grid-boxes .grid-box .grid-box-text { position: absolute; left: 50%; top: 50%; z-index: 6; transform: translate(-50%,-50%); color: #fff; width: 102%; height: 102%; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: 0.3s all ease; }
.section.projects-sec .grid-boxes .grid-box .grid-box-text .grid-box-logo img { width: 2.604vw; height: 2.604vw; }
.section.projects-sec .grid-boxes .projects-block:nth-child(even) .grid-box:nth-child(1) .grid-box-text .grid-box-logo img { filter: invert(1); }
.section.projects-sec .grid-boxes .grid-box .grid-box-text h3.grid-box-title { margin: 1vw 0; font-family: var(--med); font-size: 1.458vw; }
.section.projects-sec .grid-boxes .grid-box .grid-box-text h4.grid-box-subtitle { color: inherit; font-size: clamp(1.2rem, 0.833vw, 1000rem); margin: 0; letter-spacing: 0.017vw; }
.section.projects-sec .grid-boxes .projects-block:nth-child(odd) .grid-box:nth-child(1)::after { background: linear-gradient(250deg, #FF5F5F -17%, #FF0096 102%); }
.section.projects-sec .grid-boxes .projects-block:nth-child(odd) .grid-box:nth-child(2)::after { background: linear-gradient(228deg, #00B2FF 0%, #363F99 100%); }
.section.projects-sec .grid-boxes .projects-block:nth-child(odd) .grid-box:nth-child(3)::after { background: linear-gradient(249deg, #a6a6a6 0%, #666d71 100.74%); }
.section.projects-sec .grid-boxes .projects-block:nth-child(even) .grid-box:nth-child(1)::after { background: linear-gradient(228deg, #dadada -70%, #fff 100%); }
.section.projects-sec .grid-boxes .projects-block:nth-child(even) .grid-box:nth-child(2)::after { background: linear-gradient(228deg, var(--black) 0%, #3a3a3a 100%); }
.section.projects-sec .grid-boxes .projects-block:nth-child(even) .grid-box:nth-child(3)::after { background: linear-gradient(228deg, #00FFFF -70%, #30B0C7 100%); }
.section.projects-sec .grid-boxes .projects-block:nth-child(even) .grid-box:nth-child(1) .grid-box-text { color: var(--black); }
.section.projects-sec .go-to-projects-button { padding: 2.084vw; background: var(--black); }
.section.projects-sec .go-to-projects-button a.projects-btn { width: 100%; display: flex; border: 1px solid #fff; color: #fff; text-transform: uppercase; justify-content: center; align-items: center; letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); font-family: var(--med); height: 3.2vw; transition: 0.3s all ease; }

.section.our-clients-sec { margin-bottom: 14.063vw; padding: 0 6.25vw; display: flex; flex-direction: column; gap: 5.208vw; }
.section.our-clients-sec .section-title h2 { font-size: 4.688vw; letter-spacing: -0.141vw; color: var(--black); }
.section.our-clients-sec .text1 { max-width: 40vw; margin: 0 auto; color: var(--gray); margin-top: -3vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; line-height: 1.45; }
.section.our-clients-sec .gallery-cubes { flex-wrap: wrap; display: flex; justify-content: center; gap: 2.084vw 1vw; }
.section.our-clients-sec .gallery-cubes .boxes-images-outer-image { padding: 0; height: 80%; width: 80%; pointer-events: none; background-size: contain !important; background-repeat: no-repeat; }
.section.our-clients-sec .gallery-cubes div:has(> .boxes-images-outer-image) { width: 6.25vw; height: 3.125vw; }
.section.our-clients-sec .content-section-Btn a.sec-button { min-width: 15.6vw; display: inline-flex; justify-content: center; align-items: center; background: var(--blue); color: #fff; height: 2.9vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); text-transform: uppercase; font-family: var(--med); transition: 0.3s all ease; }

.section.recommendations-sec { background: var(--bg); padding: 8.333vw 0; display: flex; flex-direction: column; gap: 5.208vw; }
.section.recommendations-sec .section-title { text-align: left; padding: 0 2.084vw; }
.section.recommendations-sec .section-title h2 { font-size: 4.688vw; letter-spacing: -0.141vw; color: var(--black); line-height: 1; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes { padding: 0 2.084vw; gap: 1.042vw; overflow: visible; width: 100%; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .col-md-4 { padding: 0; width: 31.2vw; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box { margin: 0; padding: 2.084vw; background: #fff; /* min-width: 31.2vw; */ height: 16.15vw; cursor: pointer; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image { padding: 0; height: 100%; pointer-events: none; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image > a { display: flex; flex-direction: column; gap: 3.1vw; height: 100%; justify-content: space-between; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image img { position: relative; left: unset; top: unset; transform: unset; height: auto; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-top { display: flex; align-items: center; text-align: left; gap: 1vw; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-top img { width: 4.167vw; height: 4.167vw; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-top .grid-short-box-top-text { display: inline-flex; gap: 0.4vw; flex-direction: column; justify-content: center; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-top .grid-short-box-top-text .grid-short-box-label { padding: 0; font-size: 1.458vw; font-family: var(--med); color: var(--black); }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-top .grid-short-box-top-text .grid-short-box-subtitle { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; color: var(--gray); }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-fulltext { position: relative; left: unset; top: unset; transform: unset; overflow: hidden; width: 100%; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text { height: 100%; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
:is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text p { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; line-height: 1.45; color: var(--text); }
.section.recommendations-sec .grid-boxes .swiper-button-prev,
.section.recommendations-sec .grid-boxes .swiper-button-next { left: unset; margin: 0; right: 5.784vw; top: unset; bottom: calc(100% + 5.3vw); transform: translateX(-50%); transition: 0.3s all ease; width: 2.92vw; height: 2.92vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/496100.svg); background-size: 1.1vw; background-color: #fff; border-radius: 50%; }
.section.recommendations-sec .grid-boxes .swiper-button-next { right: 2.084vw; background-image: url(/warehouse/dynamic/496101.svg); }
.section.recommendations-sec .grid-boxes .swiper-button-next::after,
.section.recommendations-sec .grid-boxes .swiper-button-prev::after { display: none; }

.section.certificates-sec { display: flex; align-items: center; }
.section.certificates-sec :is(.GalleryTitle, .section-title) { background: #fff; padding: 0 2.084vw; }
.section.certificates-sec :is(.GalleryTitle, .section-title) h2 { font-size: 1.667vw; color: var(--black); }
.section.certificates-sec .gallery-container { background: var(--black); }
.section.certificates-sec .gallery-container .gallery-cubes { gap: 9vw; padding: 1.25vw 2.084vw; justify-content: space-between; align-items: center; }
.section.certificates-sec .gallery-container .gallery-cubes div:has(> .boxes-images-outer-image) { width: 6vw; height: 4.2vw; }
.section.certificates-sec .gallery-container .gallery-cubes .boxes-images-outer-image { padding: 0; height: 100%; width: 100%; pointer-events: none; background-size: contain !important; background-repeat: no-repeat; }

.section.colorful-rows-sec { margin-bottom: 13.2vw; }
.section.colorful-rows-sec:not(:has(~ .section)),
.section.colorful-rows-sec:has(+ .section.gray-row-sec) { margin-bottom: 0; }
.section.colorful-rows-sec .section-title h2 { font-size: 4.688vw; letter-spacing: -0.141vw; color: var(--black); margin-bottom: 5vw; }
.section.colorful-rows-sec .grid-row:nth-child(4n+1) { background: var(--blue); }
.section.colorful-rows-sec .grid-row:nth-child(4n+3) { background: #ED1F79; }
.section.colorful-rows-sec .grid-row .flexslider-box { height: 52.083vw; width: 50%; }
.section.colorful-rows-sec .grid-row .flexslider-box * { height: 100%; width: 100%; }
.section.colorful-rows-sec .grid-row .flexslider-box img { height: 100% !important; }

.section.colorful-rows-sec .grid-row .grid-row-cell-text { padding: 4.167vw 2.084vw; width: 50%; }
.section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text { width: 61.5%; margin: 0 auto; padding: 0; }
.section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 2.396vw; margin: 0 0 1.6vw; color: inherit; }
.section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 1.094vw; font-family: var(--med); margin: 0; }
.section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text p strong { }
.section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text > *:is(p, h3, a.grid-row-button):not(:last-child) { margin-bottom: 1.8vw; }
.section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { position: relative; align-items: center; gap: 0.8vw; border-radius: 0; border: unset; border-bottom: 2px solid; display: inline-flex; font-family: var(--med); letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); text-transform: uppercase; padding: 0 0 0.1vw; margin: 2.1vw 0 0; background: transparent; color: inherit; }
.section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button::after { content: ''; display: inline-block; width: 0.521vw; height: 0.521vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/494519.svg); }
.section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button span { display: none; }
.section.colorful-rows-sec .grid-row:nth-child(odd) { direction: ltr !important; }
.section.colorful-rows-sec .grid-row:nth-child(odd) .grid-row-cell-text .grid-row-text { color: #fff; }
.section.colorful-rows-sec .grid-row:nth-child(odd) .grid-row-cell-text .grid-row-text p { color: #fff; }
.section.colorful-rows-sec .grid-row:nth-child(odd) .grid-row-cell-text .grid-row-text a.grid-row-button::after { background-image: url(/warehouse/dynamic/494386.svg); }
.section.colorful-rows-sec .grid-row:nth-child(even) { direction: rtl !important; background: var(--bg); }
.section.colorful-rows-sec .grid-row:nth-child(even) .grid-row-cell-text .grid-row-text { color: var(--black); }

.section.gray-row-sec { margin-bottom: 14.063vw; }
.section.gray-row-sec .grid-row { direction: rtl !important; background: var(--bg); }
.section.gray-row-sec .grid-row .flexslider-box { height: 52.083vw; }
.section.gray-row-sec .grid-row .flexslider-box * { height: 100%; }
.section.gray-row-sec .grid-row .grid-row-cell-text { padding: 4.167vw 2.084vw; }
.section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text { color: var(--black); width: 61.5%; margin: 0 auto; padding: 0; }
.section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 2.396vw; margin: 0 0 1.6vw; color: inherit; }
.section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 1.094vw; font-family: var(--med); margin: 0; }
.section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text p strong { color: var(--black); }
.section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text > *:is(p, h3, a.grid-row-button):not(:last-child) { margin-bottom: 1.8vw; }
.section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { position: relative; align-items: center; gap: 0.8vw; border-radius: 0; border: unset; border-bottom: 2px solid; display: inline-flex; font-family: var(--med); letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); text-transform: uppercase; padding: 0 0 0.1vw; margin: 2.1vw 0 0; background: transparent; color: inherit; }
.section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button::after { content: ''; display: inline-block; width: 0.521vw; height: 0.521vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/494519.svg); }
.section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button span { display: none; }

.section.expertise-boxes-sec { margin-bottom: 14.063vw; display: flex; gap: 5.208vw; flex-direction: column; align-items: center; padding: 0 2.084vw; }
.section.expertise-boxes-sec .section-title h2 { font-size: 4.688vw; letter-spacing: -0.141vw; color: var(--black); }
:is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: calc(1.042vw + 8px) 1.042vw; width: 100%; }
:is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box { width: 100%; display: flex; border: 1px solid var(--black); flex-direction: column; justify-content: space-between; min-height: 12.5vw; gap: 1vw; padding: calc(2.084vw + 8px) 2.084vw 2.084vw; text-align: left; }
:is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 8px; width: 100%; background: var(--blue-gradient); pointer-events: none; transition: 0.4s all ease; z-index: 0; }
:is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box:nth-child(even)::before { background: var(--pink-gradient); }
:is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: 1.458vw; line-height: 1.2; font-family: var(--med); color: var(--black); pointer-events: none; transition: 0.4s all ease; z-index: 5; position: relative; width: 80%; }
:is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button a { position: relative; align-items: center; padding-bottom: 0.1vw; gap: 0.8vw; border-bottom: 2px solid; display: inline-flex; font-family: var(--med); letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); text-transform: uppercase; transition: 0.4s all ease; color: var(--black); z-index: 5; }
:is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: ''; display: inline-block; width: 0.521vw; height: 0.521vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/494519.svg); transition: 0.4s all ease; }

.section.covered-sec { display: flex; flex-wrap: wrap; margin-bottom: 14.063vw; color: var(--black); text-align: left; justify-content: space-between; gap: 5.208vw; }
.section.covered-sec .section-title { width: 27.917vw; padding-inline: 2.084vw 0; }
.section.covered-sec .section-title h2 { width: 80%; font-size: 2.396vw; line-height: 1.15; }
.section.covered-sec .section-topText { width: 47.917vw; padding-inline: 0 2.084vw; display: inline-flex; flex-direction: column; gap: 2.604vw; }
.section.covered-sec .section-topText h3 { margin: 0; font-size: 1.094vw; font-family: var(--med); width: 60%; line-height: 1.2; }
.section.covered-sec .section-topText p { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; line-height: 1.45; color: var(--text); width: 85%; }
:is(div, #LobbyModule) .section.covered-sec .grid-boxes { border-block: 1px solid var(--black); }
:is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box { padding: 2.084vw; text-align: left; display: flex; flex-direction: column; justify-content: flex-start; min-height: 40.5vw; margin: 0; }
:is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-image { width: 7.292vw; margin-bottom: 4.7vw; }
:is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-title h3 { margin-bottom: 1.1vw; color: var(--black); font-family: var(--med); font-size: 2.396vw; width: 90%; margin-top: 0; }
:is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-fulltext { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; line-height: 1.45; color: var(--text); display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; overflow: hidden; }
:is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-subtitle.button { color: inherit; margin-top: auto; }
:is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-subtitle.button a { position: relative; align-items: center; padding-bottom: 0.1vw; gap: 0.8vw; border-bottom: 2px solid; display: inline-flex; font-family: var(--med); letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); text-transform: uppercase; color: var(--black); }
:is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: ''; display: inline-block; width: 0.521vw; height: 0.521vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/494519.svg); }

.section.team-sec { margin-bottom: 8.333vw; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 2.5vw 4px; width: 100%; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box { width: 100%; pointer-events: none; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-image { height: 23.438vw; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-image * { height: 100%; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-image img { object-position: top; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box:nth-child(6n+1) .grid-box-image { background: var(--blue); }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box:nth-child(6n+2) .grid-box-image { background: #ED1F79; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box:nth-child(6n+3) .grid-box-image { background: #FFC400; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box:nth-child(6n+4) .grid-box-image { background: #30B0C7; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box:nth-child(6n+5) .grid-box-image { background: #2CDBBB; }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box:nth-child(6n+6) .grid-box-image { background: #1D2252; }

:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-title h3 { margin: 0.8vw 0 0; color: var(--black); font-family: var(--med); font-size: clamp(1.2rem, 0.833vw, 1000rem); }
:is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-subtitle { color: var(--gray); font-size: clamp(1.2rem, 0.833vw, 1000rem); margin-top: 0.3vw; }

@media(min-width: 1025px) {
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo):hover { color: #fff; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo):hover .grid-box-image .grid-box-image-text { opacity: 1; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo):hover .grid-box-image .box-image-animation > img { opacity: 0; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo):hover .grid-box-subtitle.button { margin-bottom: 0; margin-top: 2vw; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:nth-child(5n+2):hover { background-color: var(--blue); }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:nth-child(5n+3):hover { background-color: #ED1F79;; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:nth-child(5n+4):hover { background-color: #2CDBBB; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:nth-child(5n+5):hover { background-color: #FFC400; }

    .section.projects-sec .grid-boxes .projects-block:nth-child(even) { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 20.5vw; }
    .section.projects-sec .grid-boxes .projects-block:nth-child(odd) { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 20.5vw; }
    .section.projects-sec .grid-boxes .projects-block:nth-child(even) .grid-box:nth-child(3n+1) { grid-area: span 2 / span 2; }
    .section.projects-sec .grid-boxes .projects-block:nth-child(even) .grid-box:nth-child(3n+2),
    .section.projects-sec .grid-boxes .projects-block:nth-child(even) .grid-box:nth-child(3n+3) { grid-area: span 1 / span 1; }
    .section.projects-sec .grid-boxes .grid-box:hover::after { height: 0; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-text h4.grid-box-subtitle.project-name { line-height: 0; overflow: hidden; opacity: 0; transition: 0.3s opacity ease, 0.3s margin ease, 0.3s line-height ease; margin: 0; }
    .section.projects-sec .grid-boxes .grid-box:hover .grid-box-text h4.grid-box-subtitle.project-name { margin: 0 0 0.7vw; line-height: 1.1; opacity: 1; }
    .section.projects-sec .grid-boxes .grid-box:hover .grid-box-text .grid-box-button { opacity: 1; }
    .section.projects-sec .grid-boxes .projects-block:nth-child(even) .grid-box:nth-child(1):hover .grid-box-text { color: #fff; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-image::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #00000055; pointer-events: none; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-text .grid-box-button { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; text-transform: uppercase; font-family: var(--med); position: absolute; bottom: 1.4vw; align-items: center; padding-bottom: 0.1vw; gap: 0.8vw; border-bottom: 2px solid; display: inline-flex; opacity: 0; transition: 0.3s opacity ease; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-text .grid-box-button::after { content: ''; display: inline-block; width: 0.521vw; height: 0.521vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/494386.svg); }
    .section.projects-sec .go-to-projects-button a.projects-btn:hover { background: var(--blue); border-color: var(--blue); color: #fff; }

    .section.our-clients-sec .content-section-Btn a.sec-button:is(:hover,:focus) { background: var(--navy); }

    :is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box:hover::before { height: 100%; }
    :is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box:hover :is(.grid-box-title h3, .grid-box-subtitle.button a) { color: #fff; }
    :is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box:hover .grid-box-subtitle.button a::after { background-image: url(/warehouse/dynamic/494386.svg); }

    .section.covered-sec:has(+ .section.big-title-sec) { margin-bottom: 5.208vw; }
    .section.covered-sec + .section.big-title-sec { margin-bottom: 14.063vw; }
    .section.covered-sec + .section.big-title-sec .grid-text-content p { font-size: 1.094vw; width: 44vw; }
    :is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box:not(:last-child) { border-inline-end: 1px solid var(--black); }
    :is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-subtitle.button a:hover { color: var(--blue); }
    :is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-subtitle.button a:hover::after { background-image: url(/warehouse/dynamic/496099.svg); }
}

@media(max-width: 1024px) {
    .section.four-companies-sec { margin-bottom: 80px; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes { display: flex; flex-wrap: wrap; border: unset; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box.gridHasVideo { width: 100%; border-bottom: 1px solid var(--text); }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) { width: 50%; min-height: 250px; padding: 20px; gap: 12px; border-bottom: 1px solid var(--text); border-left: unset; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo):nth-child(even) { border-inline-end: 1px solid var(--text); }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-image { width: 66px; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-title h3 { margin-bottom: 0; font-size: 1.9rem; width: 80%; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-subtitle:not(.button) { font-size: 1.5rem; max-width: 100%; color: var(--gray); transition: 0.3s all ease; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-subtitle.button { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; left: 0; top: 0; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box:not(.gridHasVideo) .grid-box-subtitle.button a { width: 100%; height: 100%; opacity: 0; }
    :is(div, #LobbyModule) .section.four-companies-sec .grid-boxes .grid-box.gridHasVideo .grid-iframe-holder video { display: flex; }

    .section.big-video-sec { margin-bottom: 80px; }
    .section.big-video-sec .grid-iframe-holder iframe,
    .section.big-video-sec .grid-text-content iframe { width: 335px; height: 187px; }

    .section.big-title-sec { margin-bottom: 80px; padding: 0 20px; }
    .section.covered-sec + .section.big-title-sec { margin-bottom: 120px; }
    .section.big-title-sec .section-title h2 { font-size: 3.2rem; letter-spacing: -0.96px; width: 100%; }
    .section.big-title-sec .grid-text-content { width: 100%; }
    .section.big-title-sec .grid-text-content p { width: 100%; }
    .section.big-title-sec:has(.section-title, .grid-text-content) { gap: 26px; }
    .section.big-title-sec.inverted .grid-text-content { gap: 30px; }
    .section.big-title-sec .grid-text-content h2 { width: 80%; font-size: 3.2rem; letter-spacing: -0.96px; }

    .section.two-image-row-sec { padding: 0 20px; margin-bottom: 80px; }
    .section.two-image-row-sec .grid-row { flex-direction: column; gap: 80px; }
    .section.two-image-row-sec .grid-row .flexslider-box { height: auto; width: 100%; }
    .section.two-image-row-sec .grid-row .grid-row-cell-text { height: auto; gap: 80px; float: unset !important; width: 100%; }
    .section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-text { width: 100%; }
    .section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-text h2 { letter-spacing: -0.96px; line-height: 1.2; font-size: 3.2rem; margin-bottom: 20px; }
    .section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-text h3 { margin-bottom: 20px; font-size: 1.9rem; }
    .section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-image-container { height: auto; width: 65vw; }

    .section.bullet-text-sec:not(:has(.grid-text .gridTextImgContainer img)) { margin-bottom: 80px; }
    .section.bullet-text-sec .section-title { padding: 0; margin-bottom: 80px; flex-direction: column; gap: 56px; }
    .section.bullet-text-sec .section-title .section-title-inner { width: 100%; gap: 10px; }
    .section.bullet-text-sec .section-title h2 { width: 100%; font-size: 1.9rem; padding: 0 20px; }
    .section.bullet-text-sec .section-title h2:last-child { font-size: 1.5rem; letter-spacing: 0.15px; }
    .section.bullet-text-sec .section-title .grid-text-content { width: 100%; }
    .section.bullet-text-sec .section-title .grid-text-content ul { font-size: 1.5rem; line-height: 1.4; display: grid; grid-auto-rows: 1fr; list-style: none; }
    .section.bullet-text-sec .section-title .grid-text-content ul li { padding: 20px 20px 20px 40px; position: relative; display: flex; align-items: center; }
    .section.bullet-text-sec .section-title .grid-text-content ul li::before { content: ''; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background: var( --black); border-radius: 50%; width: 5px; height: 5px; }
    .section.bullet-text-sec .section-title .grid-text-content p { padding: 0 20px; }
    .section.bullet-text-sec .grid-text:has(img) { height: 520px; }

    .section.projects-sec { margin-bottom: 80px; }
    .section.projects-sec h2.section-title { letter-spacing: -1.68px; font-size: 5.6rem; line-height: 1; padding: 20px 0 25px; text-transform: capitalize; }
    .section.projects-sec .grid-boxes .grid-box { height: 64vw; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-image #videoContainer video { display: flex; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-text { width: 100%; height: 100%; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-text .grid-box-logo img { width: 40px; height: 40px; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-text h3.grid-box-title { font-size: 1.9rem; margin: 20px 0 10px; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-text h4.grid-box-subtitle { font-size: 1.5rem; letter-spacing: 0.42px; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-text h4.grid-box-subtitle.project-name { margin-bottom: 10px; }
    .section.projects-sec .grid-boxes .grid-box .grid-box-text .grid-box-button { display: none; }
    .section.projects-sec .go-to-projects-button { padding: 20px; }
    .section.projects-sec .go-to-projects-button a.projects-btn { height: 50px; font-size: 1.5rem; letter-spacing: 0.28px; }

    .section.our-clients-sec { margin-bottom: 80px; gap: 40px; padding: 0 20px; }
    .section.our-clients-sec .section-title h2 { letter-spacing: -0.96px; font-size: 3.2rem; }
    .section.our-clients-sec:has(.text1) .section-title h2 { text-align: left; }
    .section.our-clients-sec .text1 { margin: 0; max-width: unset; text-align: left; font-size: 1.5rem; line-height: 1.4; letter-spacing: 0.12px; color: var(--text); }
    .section.our-clients-sec .gallery-cubes { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 20px; width: 100%; }
    .section.our-clients-sec .gallery-cubes div:has(> .boxes-images-outer-image) { width: 100%; height: 46px; display: flex; align-items: center; justify-content: center; }
    .section.our-clients-sec .content-section-Btn a.sec-button { min-width: unset; width: 100%; height: 50px; font-size: 1.5rem; }

    .section.recommendations-sec { padding: 88px 0; gap: 40px; }
    .section.recommendations-sec .section-title { padding: 0 20px; }
    .section.recommendations-sec .section-title h2 { letter-spacing: -0.96px; font-size: 3.2rem; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes { padding: 0 20px; gap: 20px; scroll-snap-type: x mandatory; overflow-x: scroll; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .col-md-4 { scroll-snap-align: center; width: auto; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box { min-width: 84vw; height: 340px; padding: 32px; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image > a { gap: 50px; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-top { gap: 10px; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-top img { height: 48px; width: 48px; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-top .grid-short-box-top-text { gap: 8px; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-top .grid-short-box-top-text .grid-short-box-label { font-size: 1.9rem; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-top .grid-short-box-top-text .grid-short-box-subtitle { letter-spacing: 0.15px; font-size: 1.5rem; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text { -webkit-line-clamp: 7; }
    :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text p { font-size: 1.5rem; letter-spacing: 0.15px; line-height: 1.4; }

    .section.certificates-sec { flex-direction: column; }
    .section.certificates-sec :is(.GalleryTitle, .section-title) { width: 100%; padding: 10px; display: flex; }
    .section.certificates-sec :is(.GalleryTitle, .section-title) h2 { font-size: 1.9rem; }
    .section.certificates-sec .gallery-container .gallery-cubes { gap: 16px; padding: 24px 24px; display: flex; flex-wrap: wrap; justify-content: center; }
    .section.certificates-sec .gallery-container .gallery-cubes div:has(> .boxes-images-outer-image) { width: 40px; height: 36px; }

    .section.colorful-rows-sec { margin-bottom: 80px; }
    .section.colorful-rows-sec .section-title h2 { font-size: 3.2rem; letter-spacing: -0.96px; margin-bottom: 30px; }
    .section.colorful-rows-sec .grid-row .flexslider-box { height: 100vw; width: 100%; display: block !important; float: unset !important; }
    .section.colorful-rows-sec .grid-row .grid-row-cell-text { min-height: 100vw; padding: 70px 20px; width: 100%; float: unset !important; display: block !important; }
    .section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text { width: 100%; }
    .section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text h2 { letter-spacing: -0.96px; font-size: 3.2rem; margin-bottom: 24px; }
    .section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 1.9rem; line-height: 1.2; }
    .section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text > *:is(p, h3, a.grid-row-button):not(:last-child) { margin-bottom: 24px; }
    .section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { font-size: 1.5rem; letter-spacing: 0.15px; padding-bottom: 1px; gap: 6px; }

    .section.colorful-rows-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button::after { width: 9px; height: 9px; }


    .section.gray-row-sec { margin-bottom: 80px; }
    .section.gray-row-sec .grid-row .flexslider-box { height: 100vw; }
    .section.gray-row-sec .grid-row .grid-row-cell-text { min-height: 100vw; padding: 70px 20px; }
    .section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text { width: 100%; }
    .section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text h2 { letter-spacing: -0.96px; font-size: 3.2rem; margin-bottom: 24px; }
    .section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 1.9rem; line-height: 1.2; }
    .section.gray-row-sec .grid-row .grid-row-cell-text .grid-row-text > *:is(p, h3, a.grid-row-button):not(:last-child) { margin-bottom: 24px; }

    .section.expertise-boxes-sec { margin-bottom: 80px; padding: 0 20px; gap: 30px; }
    .section.expertise-boxes-sec .section-title h2 { font-size: 3.2rem; letter-spacing: -0.96px; }
    :is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes { grid-template-columns: repeat(1, 1fr); gap: 20px; }
    :is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box { border-color: var(--text); padding: calc(24px + 4px) 20px 24px; gap: 20px; min-height: 140px; }
    :is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box::before { height: 4px; }
    :is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.9rem; }
    :is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button a { font-size: 1.5rem; letter-spacing: 0.15px; gap: 6px; padding-bottom: 1px; }
    :is(div, #LobbyModule) .section.expertise-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { width: 9px; height: 9px; }

    .section.covered-sec { margin-bottom: 80px; gap: 0; flex-direction: column; }
    .section.covered-sec:has(+ .section.big-title-sec) { margin-bottom: 50px; }
    .section.covered-sec .section-title { width: 100%; padding-inline: 20px; margin-bottom: 20px; }
    .section.covered-sec .section-title h2 { font-size: 3.2rem; letter-spacing: -0.96px; }
    .section.covered-sec .section-topText { width: 100%; padding-inline: 20px; gap: 20px; margin-bottom: 80px; }
    .section.covered-sec .section-topText h3 { font-size: 1.9rem; width: 100%; }
    .section.covered-sec .section-topText p { width: 100%; line-height: 1.4; font-size: 1.5rem; letter-spacing: 0.15px; }
    :is(div, #LobbyModule) .section.covered-sec .grid-boxes { border: unset; border-top: 1px solid var(--gray); flex-direction: column; }
    :is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box { width: 100%; min-height: unset; border-bottom: 1px solid var(--gray); padding: 56px 20px; }
    :is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-image { width: 88px; margin-bottom: 35px; }
    :is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 3.2rem; width: 80%; margin-bottom: 25px; }
    :is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-fulltext { font-size: 1.5rem; letter-spacing: 0.15px; line-height: 1.4; -webkit-line-clamp: unset; overflow: auto; }
    :is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-subtitle.button a { font-size: 1.5rem; letter-spacing: 0.15px; padding-bottom: 1px; margin-top: 30px; gap: 6px; }
    :is(div, #LobbyModule) .section.covered-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { width: 9px; height: 9px; }

    .section.team-sec { margin-bottom: 80px; }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes { grid-template-columns: repeat(2, 1fr); grid-gap: 40px 4px; }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-image { height: 60vw; }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.5rem; letter-spacing: 0.15px; margin: 16px 0 0; padding: 0 5px; }
    :is(div, #LobbyModule) .section.team-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.5rem; letter-spacing: 0.15px; margin-top: 5px; line-height: 1.1; padding: 0 5px; }
}


/*------------------------------------------/*
 PAGES WITH LOBBYVIEW
/*------------------------------------------*/
#lobbyview { display: flex; gap: 6.5vw; padding: 5.2vw 2.084vw 5.5vw; }
#lobbyview #headline { margin: 0; font-size: 100%; text-align: left; width: 59.5vw; }
#lobbyview #headline h1 { font-size: 9.375vw; letter-spacing: -0.281vw; line-height: 0.85; color: var(--black); }
#lobbyview .lobbyTextContainer { width: 21vw; text-align: start; }
#lobbyview .lobbyTextContainer h2 { margin: 0 0 1.2vw; text-align: left; font-size: 1.094vw; line-height: 1.2; color: var(--black); width: 80%; }
#lobbyview .lobbyTextContainer #lobbyText { max-width: unset; margin: 0; text-align: left; letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); color: var(--text); line-height: 1.45; }
#lobbyview .lobbyTextContainer #lobbyText a.tiny-btn { position: relative; align-items: center; padding-bottom: 0.1vw; gap: 0.8vw; border-bottom: 2px solid; margin-top: 2.1vw; display: inline-flex; font-family: var(--med); text-transform: uppercase; }
#lobbyview .lobbyTextContainer #lobbyText a.tiny-btn::after { content: ''; display: inline-block; width: 0.521vw; height: 0.521vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/494519.svg); }
#GridTop { height: 36.5vw; margin-bottom: 14.063vw; }

@media(min-width: 1025px) {
    #lobbyview .lobbyTextContainer #lobbyText a.tiny-btn:hover { color: var(--blue); }
    #lobbyview .lobbyTextContainer #lobbyText a.tiny-btn:hover::after { background-image: url(/warehouse/dynamic/496099.svg); }
}

@media(max-width: 1024px) {
    #lobbyview { gap: 25px; display: flex; flex-direction: column; padding: 60px 20px 40px; }
    #lobbyview #headline { width: 100%; }
    #lobbyview #headline h1 { letter-spacing: -1.68px; font-size: 5.6rem; line-height: 1; }
    #lobbyview .lobbyTextContainer { width: 100%; }
    #lobbyview .lobbyTextContainer h2 { font-size: 1.9rem; margin-bottom: 25px; width: 100%; }
    #lobbyview .lobbyTextContainer #lobbyText { font-size: 1.5rem; letter-spacing: 0.15px; line-height: 1.4; }
    #lobbyview .lobbyTextContainer #lobbyText a.tiny-btn { padding-bottom: 1px; gap: 6px; margin-top: 25px; }
    #lobbyview .lobbyTextContainer #lobbyText a.tiny-btn::after { width: 9px; height: 9px; }
    #GridTop { height: 80vw; margin-bottom: 80px; }
}


/*------------------------------------------/*
 ABOUT PAGE
/*------------------------------------------*/
.about-page .categories-strip { }


/*------------------------------------------/*
 CONTACT PAGE
/*------------------------------------------*/
.section.form-sec { padding: 0 2.084vw; }
.section.form-sec .section-topText { background: var(--black); color: #fff; padding: 0.9vw; letter-spacing: 0.017vw; direction: ltr; font-size: clamp(1.2rem, 0.833vw, 1000rem); text-transform: uppercase; }
.section.contact-boxes-sec { padding: 0 2.084vw; }
:is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes { padding: 7.813vw; gap: 3.125vw; }
:is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box { text-align: left; min-height: 6.8vw; display: flex; flex-direction: column; justify-content: space-between; gap: 1vw; }
:is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box .grid-box-title h3 { letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); color: var(--text); line-height: 1.45; margin-bottom: 0; }
:is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button { color: inherit; font-size: 100%; }
:is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button a { position: relative; align-items: center; padding-bottom: 0.1vw; gap: 0.8vw; border-bottom: 2px solid; display: inline-flex; font-family: var(--med); letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); text-transform: uppercase; }
:is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: ''; display: inline-block; width: 0.521vw; height: 0.521vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/494519.svg); }

@media(min-width: 1025px) {
    .contact-page .section.form-sec { margin-bottom: 14.063vw; }
    body:not(.contact-page) .section.form-sec { padding-bottom: 2.084vw; }
    :is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button a:hover { color: var(--blue); }
    :is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button a:hover::after { background-image: url(/warehouse/dynamic/496099.svg); }
}

@media(max-width: 1024px) {
    .section.form-sec { padding: 0 20px; margin-bottom: 80px; }
    .section.form-sec .section-topText { padding: 20px 15px; font-size: 1.5rem; letter-spacing: 0.15px; line-height: 1.2; font-family: var(--med); }
    .section.contact-boxes-sec { padding: 0; margin: 0 0 60px; }
    :is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes { padding: 0 20px 20px; gap: 20px; scroll-snap-type: x mandatory; overflow-x: scroll; }
    :is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box { min-height: unset; gap: 30px; scroll-snap-align: center; min-width: 56vw; }
    :is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.5rem; letter-spacing: 0.15px; line-height: 1.4; }
    :is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button a { gap: 6px; padding-bottom: 1px; font-size: 1.5rem; }
    :is(div, #LobbyModule) .section.contact-boxes-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { width: 9px; height: 9px; }
}


/*------------------------------------------/*
 CLIENTS PAGE
/*------------------------------------------*/
.clients-page #GridTop { margin-bottom: 6.25vw; }
.clients-page .section.our-clients-sec { margin-bottom: 6.25vw; }

@media(min-width: 1025px) {
    .clients-page .section.recommendations-sec .section-title { text-align: center; }
    .clients-page :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.042vw; }
    .clients-page :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .col-md-4 { width: 100%; }
    .clients-page :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes .grid-short-box { min-width: 100%; }
}

@media(max-width: 1024px) {
    .clients-page #GridTop { margin-bottom: 80px; }
    .clients-page .section.our-clients-sec { margin-bottom: 80px; }
    .clients-page :is(div, #LobbyModule) .section.recommendations-sec .grid-boxes { gap: 20px; display: flex; flex-direction: column; overflow: hidden; }
}


/*------------------------------------------/*
 BRANDS INNER PAGE
/*------------------------------------------*/
/*.brands-inner-page #GridTop { margin: 0; }*/

.section.our-services-sec { margin-bottom: 14.063vw; display: flex; flex-direction: column; gap: 4.3vw; width: 71.9vw; margin-inline: auto; }
.section.our-services-sec .section-title h2 { font-size: 4.688vw; letter-spacing: -0.141vw; color: var(--black); text-align: left; }
.section.our-services-sec .grid-text-content { width: 100%; padding: 0; text-align: left; direction: ltr; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 6.45vw; }
.section.our-services-sec .grid-text-content :is(ul, ol) { margin: 0; padding: 0; list-style-type: decimal-leading-zero; list-style: none; }
.section.our-services-sec .grid-text-content :is(ul, ol) li { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; line-height: 1.45; color: var(--text); }
.section.our-services-sec .grid-text-content :is(ul, ol) li:not(:has(h3), :last-child) { margin-bottom: 2.5vw; }
.section.our-services-sec .grid-text-content :is(ul, ol) li h3 { font-size: 1.458vw; margin: 0 0 1.6vw; display: inline-block; color: var(--black); width: 100%; }
.section.our-services-sec .grid-text-content :is(ul, ol) li strong { display: block; margin-bottom: 0.5vw; color: var(--black); width: 90%; }

@media(max-width: 1024px) {
    .section.our-services-sec { margin-bottom: 80px; width: 100%; padding: 0 20px; gap: 46px; }
    .section.our-services-sec .section-title h2 { font-size: 3.2rem; letter-spacing: -0.96px; }
    .section.our-services-sec .grid-text-content { grid-template-columns: repeat(1, 1fr); gap: 40px; }
    .section.our-services-sec .grid-text-content :is(ul, ol) li { font-size: 1.5rem; letter-spacing: 0.15px; line-height: 1.4; }
    .section.our-services-sec .grid-text-content :is(ul, ol) li h3 { font-size: 1.9rem; margin: 0; }
    .section.our-services-sec .grid-text-content :is(ul, ol) li strong { width: auto; margin-bottom: 10px; }
    .section.our-services-sec .grid-text-content :is(ul, ol) li:not(:has(h3), :last-child) { margin-bottom: 30px; }
}


/*------------------------------------------/*
 PROJECTS LOBBY PAGE
/*------------------------------------------*/
.projects-page .categories-strip { margin-block: 0 2vw; }
.projects-page #contentModuleNav { display: none; }
.projects-page .section.projects-sec { margin: 0; }
.projects-page .section.projects-sec .grid-box { display: none; }
.projects-page .section.projects-sec .grid-box.active { display: block; }
.section.projects-sec .load-more-container #loadMoreBtn { min-width: 15.6vw; display: inline-flex; justify-content: center; align-items: center; background: var(--blue); color: #fff; height: 2.9vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); text-transform: uppercase; font-family: var(--med); transition: 0.3s all ease; border: unset; margin: 5.208vw auto; }

@media(min-width: 1025px) {
    .section.projects-sec .load-more-container #loadMoreBtn:is(:hover,:focus) { background: var(--navy); }
}

@media(max-width: 1024px) {
    .projects-page .categories-strip { margin-block: 0 40px; }
    .projects-page #lobbyview { padding-bottom: 30px; }
    .projects-page #lobbyview .lobbyTextContainer h2:empty { display: none; }
    .section.projects-sec .load-more-container { padding: 0 20px; }
    .section.projects-sec .load-more-container #loadMoreBtn { margin: 64px auto; min-width: unset; width: 100%; height: 50px; font-size: 1.5rem; }

}


/*------------------------------------------/*
 PROJECT PAGE
/*------------------------------------------*/
.projects-page #PageBreadCrumps span:nth-child(2) a { pointer-events: none; }
.projects-page.contentInnerPage .categories-strip { display: none; }
.projects-page.contentInnerPage .project { margin-top: 4.2vw; text-align: center; }
.projects-page.contentInnerPage .project .project-info { margin-bottom: 6vw; }
.projects-page.contentInnerPage .project .project-info .project-headline { font-size: 4.688vw; letter-spacing: -0.141vw; color: var(--black); margin-bottom: 1.3vw; }
.projects-page.contentInnerPage .project .project-info .project-subtitle { font-size: 1.094vw; margin: 0 0 2vw; font-family: var(--med); color: var(--black); }
.projects-page.contentInnerPage .project .project-info .project-text p { letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); color: var(--text); line-height: 1.45; width: 38.5vw; margin: 0 auto; }
.projects-page.contentInnerPage .project .project-gallery .gallery-container { display: flex; flex-direction: column; gap: 4px; }
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-block { display: grid; grid-gap: 4px; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 20.6vw; }
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-block .gallery-item { display: none; overflow: hidden; position: relative; }
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-block .gallery-item.active { display: block; }
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-block .gallery-item:not(:has(img[data-video])) { cursor: zoom-in; }
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-item:has(img[data-video]) { cursor: pointer; }
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-item:has(img[data-video])::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 3vw; aspect-ratio: 1; pointer-events: none; z-index: 2; background-image: url(/warehouse/dynamic/502218.png); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 1; transition: 0.3s all ease; }
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s all ease; }
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-item:nth-child(5n+1) { grid-area: span 2/span 2; }
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-item:nth-child(5n+2),
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-item:nth-child(5n+3),
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-item:nth-child(5n+4),
.projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-item:nth-child(5n+5) { grid-area: span 1/span 1; }
.projects-page.contentInnerPage .project .back-to-projects-button { padding: 2.084vw; }
.projects-page.contentInnerPage .project .back-to-projects-button a.projects-btn { width: 100%; display: flex; border: 1px solid var(--black); text-transform: uppercase; justify-content: center; align-items: center; letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); font-family: var(--med); height: 3.2vw; transition: 0.3s all ease; }
.projects-page.contentInnerPage .project .back-to-projects-button a.projects-btn:hover { background: var(--blue); border-color: var(--blue); color: #fff; }
.projects-page.contentInnerPage .project .load-more-container #loadMoreBtn { min-width: 15.6vw; display: inline-flex; justify-content: center; align-items: center; background: var(--blue); color: #fff; height: 2.9vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); text-transform: uppercase; font-family: var(--med); transition: 0.3s all ease; border: unset; margin: 5.208vw auto; }

@media(min-width: 1025px) {
    .projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-block:nth-child(even) { direction: rtl; }
    .projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-item:hover img { transform: scale(1.1); }
    .projects-page.contentInnerPage .project .load-more-container #loadMoreBtn:is(:hover,:focus) { background: var(--navy); }

    .gallery-cubes-modal #videoContainer iframe { width: 100%; height: 40vw; }
}

@media(max-width: 1024px) {
    .projects-page.contentInnerPage .project { margin-top: 60px; }
    .projects-page.contentInnerPage .project .project-info { margin-bottom: 40px; padding: 0 20px; text-align: left; }
    .projects-page.contentInnerPage .project .project-info .project-headline { font-size: 3.2rem; letter-spacing: -0.96px; margin-bottom: 25px; }
    .projects-page.contentInnerPage .project .project-info .project-subtitle { font-size: 1.9rem; margin-bottom: 25px; }
    .projects-page.contentInnerPage .project .project-info .project-text p { width: 100%; font-size: 1.5rem; letter-spacing: 0.15px; line-height: 1.4; }
    .projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-block { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 40vw; }
    .projects-page.contentInnerPage .project .project-gallery .gallery-container .gallery-item:has(img[data-video])::after { width: 42px; }
    .projects-page.contentInnerPage .project .load-more-container { padding: 0 20px; }
    .projects-page.contentInnerPage .project .load-more-container #loadMoreBtn { margin: 64px auto; min-width: unset; width: 100%; height: 50px; font-size: 1.5rem; }
    .projects-page.contentInnerPage .project .back-to-projects-button { padding: 20px; }
    .projects-page.contentInnerPage .project .back-to-projects-button a.projects-btn { font-size: 1.5rem; letter-spacing: 0.15px; height: 50px; }

    .gallery-cubes-modal .modal-body { display: flex; flex-direction: column; }
    .gallery-cubes-modal .modal-body .slides { display: flex; flex-wrap: wrap; align-items: center; }
    .gallery-cubes-modal .modal-body .slides img { max-height: 320px; }
    .gallery-cubes-modal #videoContainer iframe { width: 100%; height: 100%; }
}


/*------------------------------------------/*
 FORM
/*------------------------------------------*/
.form-container-wide #DynamicFormObject { max-width: 100% !important; background: #fff; border: 1px solid var(--text); display: flex; padding: 7.813vw; justify-content: space-between; gap: 10vw; }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; text-align: left; width: 21vw; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 1.667vw; color: var(--black); }
.form-container-wide #DynamicFormObject .dynamicFormEndText { position: absolute; bottom: 7.813vw; text-align: left; width: 21vw; letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); color: var(--text); line-height: 1.45; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 42.7vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 1.5vw 1.563vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0; width: calc(50% - 0.781vw); flex-grow: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input, select, textarea) { width: 100%; max-width: 100%; padding: 0.4vw 0; border: unset !important; box-shadow: none; border-bottom: 1px solid var(--text) !important; border-radius: 0; margin: 0; letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); color: var(--black); font-family: var(--med), arial; height: 40px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input, select, textarea):focus { border-bottom: 1px solid var(--blue) !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select option { font-family: var(--reg); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { left: -0.5vw; right: unset; top: 0.5vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { left: unset; right: 0; top: 50%; content: "\f107"; font-size: clamp(1.2rem, 0.833vw, 1000rem); font-weight: 700; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; margin-top: 0.6vw; text-align: left; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { min-width: 15.6vw; display: inline-flex; justify-content: center; align-items: center; background: var(--blue); color: #fff; height: 2.9vw; border-radius: 0; font-size: clamp(1.2rem, 0.833vw, 1000rem); text-transform: uppercase; font-family: var(--med); transition: 0.3s all ease; border: unset !important; width: auto; }

@media(min-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:is(:hover,:focus) { background: var(--navy); }
}

@media(max-width: 1024px) {
    .form-container-wide #DynamicFormObject { padding: 40px 20px; gap: 30px; flex-direction: column; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; order: 1; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 2.2rem; letter-spacing: -0.22px; }
    .form-container-wide #DynamicFormObject .dynamicFormEndText { position: relative; order: 2; bottom: unset; width: 100%; font-size: 1.5rem; line-height: 1.4; letter-spacing: 0.15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { order: 3; width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { flex-direction: column; gap: 40px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input, select, textarea) { font-size: 1.5rem !important; padding: 0; letter-spacing: 0.15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { padding: 8px 0 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { left: -10px; top: 10px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { font-size: 80%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { margin-top: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { width: 100%; min-width: unset; height: 50px; font-size: 1.5rem !important; letter-spacing: 0; }
}


/*------------------------------------------/*
 FORM THANK YOU PAGE
/*------------------------------------------*/
.FormResultPage #GridTop { display: none; }
.FormResultPage #GridWrapInner { padding: 6.25vw 0; height: calc(48vw - var(--headerHeight)); }
.FormResultPage #SiteGrid { display: flex; flex-direction: column; justify-content: center; }
.FormResultPage #pageview #headline { font-size: 100%; position: relative; margin: 0 }
.FormResultPage #pageview #headline h1 { margin-bottom: 2vw; font-size: 4.688vw; letter-spacing: -0.141vw; font-family: var(--med); max-width: 60vw; }
.FormResultPage #pageview #text1 { max-width: 100%; line-height: 1; }
.FormResultPage #pageview #text1 p { text-align: center; direction: ltr; line-height: 1.45; color: var(--text); font-family: var(--light); font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; }
.FormResultPage #pageview #text1 a.FormResultPageButton,
.FormResultPage #pageview #text1 a.tiny-btn { padding: 0 1vw; font-family: var(--med); background: var(--blue); color: #fff; min-width: 15.6vw; height: 2.9vw; width: max-content; display: inline-flex !important; text-transform: uppercase; align-items: center; justify-content: center; font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; transition: 0.3s all ease; }
.FormResultPage #pageview #text1 a.FormResultPageButton { display: none !important; }

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

@media(max-width: 1024px) {
    .FormResultPage #GridWrapInner { padding: 60px 20px 0; height: calc(100vh - var(--headerHeight)); }
    .FormResultPage #pageview #headline h1 { font-size: 5.6rem; letter-spacing: -1.68px; line-height: 1; margin-bottom: 25px; max-width: 100%; }
    .FormResultPage #pageview #text1 p { font-size: 1.5rem; letter-spacing: 0.15px; line-height: 1.4; }
    .FormResultPage #pageview #text1 a.FormResultPageButton,
    .FormResultPage #pageview #text1 a.tiny-btn { height: 50px; width: 100%; min-width: unset; font-size: 1.5rem; letter-spacing: 0.15px; padding: 0 20px; }
}


/*------------------------------------------/*
 ACCESSABILITY PAGE
/*------------------------------------------*/
.accessabilityMainPage #GridTop, .accessabilityMainPage #PageBreadCrumps,
.accessabilityMainPage .categories-strip { display: none; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 45vw; margin: 0 auto 6.25vw; display: flex; flex-direction: column; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline { margin: 6.25vw 0 2vw; color: var(--black); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { font-size: 4.688vw; letter-spacing: -0.141vw; font-family: var(--med); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) { max-width: inherit; order: 3; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-left: 0; margin: 0; list-style-position: inside; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) :is(ul,ol) { padding-left: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol) { margin-bottom: 1.568vw; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) h2 { font-size: 1.094vw; font-family: var(--med); line-height: 1; margin: 1.568vw 0; color: var(--black); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) h3 { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; font-family: var(--med); line-height: 1; margin: 1.568vw 0; color: var(--black); }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2:first-child, h3:first-child) { margin-top: 0; }

@media(max-width: 1024px) {
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 100%; margin: 0 auto 64px; padding: 0 15px; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline { margin: 60px auto 30px; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) { max-width: 100%; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol) { margin-bottom: 20px; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { margin: 20px 0; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) h2 { font-size: 2rem; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) h3 { }
}


/*------------------------------------------/*
 PAGE 404
/*------------------------------------------*/
.page-404 #SiteGrid { display: flex; align-items: center; flex-direction: column; }
.page-404 #SiteGrid #GridTop { display: none; }
.page-404 #SiteGrid #GridPage { width: 100%; height: 100%; padding: 0; }
.page-404 #SiteGrid #GridWrap { display: flex; flex-direction: column; max-width: unset; }
.page-404 #SiteGrid #PageBreadCrumps, .page-404 #SiteGrid .categories-strip { display: none; }
.page-404 #SiteGrid #GridWrapInner { padding: 6.25vw 0; min-height: calc(48vw - var(--headerHeight)); }
.page-404 #SiteGrid #GridPage .page-not-found { display: flex; flex-direction: column; position: relative; align-items: center; }
.page-404 #SiteGrid #GridPage .page-not-found h2 { text-align: center; direction: ltr; line-height: 1.45; color: var(--text); font-family: var(--light); font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; }
.page-404 #SiteGrid #GridPage .page-not-found::before { content: 'Page 404'; pointer-events: none; margin-bottom: 2vw; font-size: 4.688vw; letter-spacing: -0.141vw; font-family: var(--med); }
.page-404 #SiteGrid #GridPage .page-not-found a { padding: 0 1vw; font-family: var(--med); background: var(--blue); color: #fff; min-width: 15.6vw; height: 2.9vw; width: max-content; display: inline-flex !important; text-transform: uppercase; align-items: center; justify-content: center; font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; transition: 0.3s all ease; }
.page-404 #SiteGrid #GridPage .page-not-found a:is(:hover,:focus) { background: var(--navy); }

@media(max-width: 1024px) {
    .page-404 #SiteGrid #GridWrapInner { padding: 60px 20px 0; min-height: calc(100vh - var(--headerHeight)); }
    .page-404 #SiteGrid #GridPage .page-not-found::before { font-size: 5.6rem; letter-spacing: -1.68px; line-height: 1; margin-bottom: 25px; }
    .page-404 #SiteGrid #GridPage .page-not-found h2 { font-size: 1.5rem; letter-spacing: 0.15px; line-height: 1.4; }
    .page-404 #SiteGrid #GridPage .page-not-found a { height: 50px; width: 100%; min-width: unset; font-size: 1.5rem; letter-spacing: 0.15px; padding: 0 20px; }
}


/*------------------------------------------/*
 MODAL RELATED
/*------------------------------------------*/
#multi-content-modal.recommendation-modal { padding: 0 !important; }
#multi-content-modal.recommendation-modal .modal-content { margin: 0 auto; padding: 3.75vw; max-width: 35vw; }
#multi-content-modal.recommendation-modal .modal-content a.close { left: unset; right: 1.563vw; top: 1.563vw; font-size: 0; margin: 0; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/496167.svg); }
#multi-content-modal.recommendation-modal .modal-content a.close svg { display: none; }
#multi-content-modal.recommendation-modal .grid-short-box-image { padding: 0; height: 100%; }
#multi-content-modal.recommendation-modal .grid-short-box-image > a { display: flex; flex-direction: column; gap: 2vw; height: 100%; justify-content: space-between; }
#multi-content-modal.recommendation-modal .grid-short-box-image img { position: relative; left: unset; top: unset; transform: unset; height: auto; }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-top { display: flex; align-items: center; text-align: left; gap: 1vw; }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-top img { width: 4.167vw; height: 4.167vw; }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-top .grid-short-box-top-text { display: inline-flex; gap: 0.4vw; flex-direction: column; justify-content: center; }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-top .grid-short-box-top-text .grid-short-box-label { padding: 0; font-size: 1.458vw; font-family: var(--med); color: var(--black); }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-top .grid-short-box-top-text .grid-short-box-subtitle { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; color: var(--gray); }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-fulltext { position: relative; left: unset; top: unset; transform: unset; width: 100%; }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text { height: 100%; max-height: 60vh; overflow-y: auto; padding-right: 2vw; }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text p { font-size: clamp(1.2rem, 0.833vw, 1000rem); letter-spacing: 0.017vw; line-height: 1.45; color: var(--black); }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text::-webkit-scrollbar { width: 4px; }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text::-webkit-scrollbar-track { background: #DCE1E5; border-radius: 20px; }
#multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text::-webkit-scrollbar-thumb { background: var(--gray); border-radius: 20px; }

@media(max-width: 1024px) {
    #multi-content-modal.recommendation-modal .modal-content { padding: 64px 32px 32px; max-width: 100%; height: 100%; }
    #multi-content-modal.recommendation-modal .modal-content a.close { right: 20px; top: 20px; }
    #multi-content-modal.recommendation-modal .grid-short-box-image { pointer-events: all; }
    #multi-content-modal.recommendation-modal .grid-short-box-image > a { gap: 50px; }
    #multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-top { gap: 10px; }
    #multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-top img { height: 48px; width: 48px; }
    #multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-top .grid-short-box-top-text { gap: 8px; }
    #multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-top .grid-short-box-top-text .grid-short-box-label { font-size: 1.9rem; }
    #multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-top .grid-short-box-top-text .grid-short-box-subtitle { letter-spacing: 0.15px; font-size: 1.5rem; }
    #multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text { max-height: 70vh; padding-right: 40px; }
    #multi-content-modal.recommendation-modal .grid-short-box-image .grid-short-box-fulltext .grid-short-box-text p { font-size: 1.5rem; letter-spacing: 0.15px; line-height: 1.4; }
}


/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/
footer { display: flex; padding: 0; background: var(--footer-gradient); position: sticky; bottom: 0; }
#SiteFooter { padding: 0; }
.footer-text-divided { display: flex; padding: 2.7vw 2.084vw; flex-wrap: wrap; justify-content: flex-start; color: #fff; gap: 10.4vw 32vw; }
.footer-text-divided > div.footer-text-left { order: 1; width: auto; padding: 0; display: flex; gap: 8vw; }
.footer-text-divided > div.footer-text-right { order: 2; width: auto; padding: 0; display: inline-flex; gap: 6vw; }
.footer-text-divided > div.footer-text-right p { display: inline-flex; gap: 0.8vw; align-items: flex-start; }
.footer-text-divided > div.footer-text-right p img { width: 40px; }
.footer-text-divided > div.footer-text-middle { order: 3; padding: 0; width: 100%; }
.footer-text-divided > div.footer-text-middle p { letter-spacing: -0.406vw; font-size: 13.342vw; text-transform: uppercase; font-family: var(--med); line-height: 0.8; display: inline-flex; text-align: left; align-items: center; }
#SiteFooter .footer-text-divided > div.footer-text-middle p img { width: 8.906vw; height: 8.906vw; }
.footer-text-divided ul { margin: 0; list-style: none; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 0.6vw; padding: 0; }
.footer-text-divided ul li { letter-spacing: 0.017vw; font-size: clamp(1.2rem, 0.833vw, 1000rem); }
.footer-text-divided ul li h3 { font-size: 1.094vw; margin: 0 0 0.7vw; font-family: var(--med); }
#SiteFooter .site-credit.alternative { padding: 10px 0; z-index: 1; width: 100%; display: flex; }
#SiteFooter .site-credit.alternative p.creditWrapper { display: flex; justify-content: center; align-items: center; gap: 20px; }
#SiteFooter .site-credit.alternative p.creditWrapper svg { fill: #fff; }
#SiteFooter .site-credit.alternative svg path.st0 { fill: #fff; }
a.AccessabilityLink { z-index: 1; margin-bottom: 5px; font-size: clamp(1.2rem, 0.73vw, 1000rem); }
a.AccessabilityLink:hover { color: #fff; }

@media(min-width: 1025px) and (max-width: 1355px) {
    .footer-text-divided { gap: 6.4vw 16vw; }
    .footer-text-divided > div.footer-text-middle p { font-size: 13.042vw; }
}

@media(min-width: 1025px) {
    .footer-text-divided ul li:has(a)::after { content: ''; position: absolute; left: 0; bottom: -2px; height: 1px; width: 0; background: #fff; transition: 0.3s all ease; }
    .footer-text-divided ul li:hover::after { width: 100%; }
}

@media(max-width: 1024px) {
    footer { position: relative; bottom: unset; transition: 0.3s all ease; }
    .footer-text-divided { flex-direction: column; gap: 40px; padding: 40px 20px; }
    .footer-text-divided > div.footer-text-left { flex-direction: column; gap: 40px; }
    .footer-text-divided > div.footer-text-right { flex-direction: column; gap: 40px; }
    .footer-text-divided > div.footer-text-right p { gap: 12px; }
    .footer-text-divided > div.footer-text-middle p { font-size: 7.1rem; letter-spacing: -1.42px; display: inline-block; line-height: 1; position: relative; }
    #SiteFooter .footer-text-divided > div.footer-text-middle p img { width: 50px; height: 50px; }
    .footer-text-divided ul { gap: 10px; }
    .footer-text-divided ul li { letter-spacing: 0.15px; font-size: 1.5rem; }
    .footer-text-divided ul li h3 { letter-spacing: unset; font-size: 1.9rem; margin: 0 0 10px; }
}


/*------------------------------------------/*
 GSAP RELATED
/*------------------------------------------*/
.line { overflow: hidden; }
.word { display: inline-flex !important; }
.char-wrap { display: inline-block; position: relative; overflow: hidden; }