/* electra */

:root { --text-550: 'PingHL-Medium'; --text-700: 'PingHL-Bold'; --text-800: 'ping-heavy'; --white: #fff; --black: #000; --grey-text: #697790; --grey: #DAE0E8; --Yellow: #E5FF5E; --dark-blue: #021E5F; --blue-vivid: #0081E3; --blue: #004DC1; --error: #FF5E5E; --transition: all 0.3s cubic-bezier( 0, 0, 0.15, 1); }

/* General */
html { font-size: 62.5%; overflow-x: clip; }
body { overflow: clip; opacity: 0; transition: opacity 0.35s ease; font-size: clamp(1.5rem,0.885vw,100rem); line-height: 150%; letter-spacing: 0.51px; zoom: 1 !important; color: var(--dark-blue); padding: 0 !important; }
body.ready { opacity: 1 }

div#INDWrap { z-index: 2 !important; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
}

@media(max-width: 1024px) {
    body { font-size: 1.5rem; line-height: 140%; letter-spacing: 0.3px; }
}
/*reset*/
header { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
#header, #header2 { position: unset; }
header:has(.fixedMenu) { position: fixed; z-index: 11; width: 100%; }
#header2.fixedMenu { position: unset; }
#GridPage { padding: 0; }
footer { padding: 0; }
.container { width: 100%; max-width: 100%; padding: 0; margin: 0; }
.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 { content: none }
.grid-text-section .section-animation-item, .random-gallery .section-item { padding: 0; margin: 0; width: auto; }
.gallery-cubes .boxes-images-outer-image .image-link-container a { display: none; }
.section-animation-item, .grid-boxes .section-animation-item, .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }
.grid-rows .grid-row { background-color: transparent; overflow: visible; }
.section { padding: 0; margin: 0 auto; }
footer { padding: 0; }
.grid-boxes .grid-box-image-container { position: unset; }
.section-title h1, .section-title h2 { max-width: 100%; }
.grid-boxes .grid-box-title h3 a, a, a:hover, a:focus, .grid-boxes .grid-box-title h3 a:focus,
.grid-boxes a.box-image-animation:focus { color: inherit; outline: none }
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none }
.grid-rows .grid-row-text h2, .section-title, .grid-boxes .grid-box-title h3, h3, .grid-text p { margin: 0; padding: 0; }
.grid-boxes .grid-box-image { margin: 0; padding: 0; }
.grid-boxes .grid-box-image, #LobbyModule .grid-boxes .grid-box-image { position: unset; margin: 0; }
.row, #DynamicFormObject .dynamicFormObjectFields { margin: 0; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { padding: 0; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields::before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields::after { content: none; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; margin: 0; }
.normal-form input, .normal-form textarea, .normal-form select { margin: 0; padding: 0; max-width: 100%; width: 100%; }
.grid-short-box .grid-short-box-label { padding: 0; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3,
.col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7,
.col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0; }
.grid-short-box { margin: 0; }
.sections .grid-content-section { padding: 0; max-width: 100%; }
#header2.detailsInRow .menu-nav { margin: 0; padding: 0 }
#header2 ul.menu { margin: 0; padding: 0; }
#header2 ul.menu li { margin: 0; padding: 0; }
#header2 ul.menu li:hover, #header2 ul.menu li:focus, #header2 ul.menu li.active { color: inherit; }
#header2 .header-top-left { margin: 0; padding: 0; }
#header2 .header-top-left a { margin: 0; padding: 0; }
#header2 ul.menu > li:before { content: none; }
button { padding: 0; background: transparent; box-shadow: none; border: 0; }
.form-container-wide #DynamicFormObject { padding: 0; margin: 0; border: 0; }
.form-container-wide #DynamicFormObject::after { content: none; }
.normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { border: 0 !important; box-shadow: none; outline: none; border-radius: 0; color: inherit; }
.normal-form select, .normal-form select:focus { border-radius: 0; box-shadow: none; }
#LobbyModule .grid-boxes { padding: 0; max-width: 100%; width: 100%; }
#LobbyModule .grid-box { margin: 0; opacity: 1; }
.lobby-grid #GridPage .max-width { padding: 0; }
.ClientsLogos { padding: 0 }
.gallery-container { width: 100%; max-width: 100%; }
#DynamicFormObject { max-width: 100% !important; border: 0; padding: 0; margin: 0; width: 100%; }
#DynamicFormObject:after { content: none; }
#header2 .max-width { max-width: 100%; width: 100%; height: 100%; }
#SiteFooter { padding: 0; display: flex; align-items: center; justify-content: center; float: none; }
#GridPage .max-width { width: 100%; }
#header2 ul.menu li a:focus { border: 0; }
#header2 #header-left { margin: 0 }
#text1, #text2 { max-width: 100% }
.grid-boxes .box-image-animation:hover img { transform: none; }
#whatAppButton { box-shadow: none; bottom: 20px; left: 20px; }
#whatAppButton img { max-width: 100%; }
.owl-carousel .owl-item .item .plus-sign { opacity: 0 !important; }
/*.emptyParagraph { display: none; }*/
#GridPage .max-width, #GridPage .max-width-center, .blog-grid #GridPage .max-width { max-width: 100%; width: 100%; }
#gridshort-view .flex-row::before, #gridshort-view .flex-row::after { content: none; }
#contactDetails .contactDetailsText1 { margin: 0; line-height: normal; font-size: inherit; }
#contactDetails h3 { margin: 0; font-size: inherit; }
#contact-boxes { margin: 0 }
.site-credit.alternative { padding-block: 5px; }
.categories-strip ul li a:focus { text-decoration: none; }
ul { padding: 0; margin: 0; }
.row:before, .row:after { content: none; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0; margin: 0; }
#CatalogModule .relatedItems { margin: 0; }
.blog-post-Time-container { font-size: 100%; }
.gallery-cubes > div, div.flex-row > div, section .grid-box { opacity: 1; }
.grid-rows .grid-row { color: inherit; font-size: inherit; }
.grid-row .grid-row-image-container { position: unset; }
.grid-row li.slider-item { padding-bottom: 0; }
.stickyButton { box-shadow: none; }
.stickyButton a { }
.stickyButton a img { max-width: unset; }

@media(min-width: 1024px) {
}

@media(max-width: 1024px) {
    body:has(#header2.open) { /*overflow: hidden !important;*/ }
    a.AccessabilityLink { font-size: 1.4rem; }
    .grid-rows .grid-row-text p { font-size: 100%; }
    .normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { line-height: 1.15; font-size: 1.5rem !important; }
}

body:not(.home-page) #SiteGridContainer { padding-top: var(--headerHeight); }
#PageBreadCrumps, .lobby-grid #PageBreadCrumps { max-width: 100%; position: absolute; top: 1.667vw; left: 2.084vw; margin: 0; padding: 0; font-size: clamp(1.3rem,0.73vw,100rem); font-family: var(--text-700); line-height: 1.5; letter-spacing: 0.14px; text-transform: lowercase; color: var(--black); }
#PageBreadCrumps span:after { margin-inline: 6px; content: "/"; }
#PageBreadCrumps a { color: var(--grey); }
#PageBreadCrumps a:hover { color: var(--black); }
#headline { margin: 0; }


@media(max-width: 1024px) {
    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { top: 16px; left: 20px; font-size: 1.2rem; letter-spacing: 0.12px; }
    #PageBreadCrumps span:after { margin-inline: 4px; }
}

/*font-sizes*/
/*325px*/
.large-title-section .section-title h2 { font-family: var(--text-550); font-size: clamp(8rem,16.927vw,100rem); line-height: 86%; letter-spacing: -16.25px; text-transform: uppercase; }
/*190px*/
.grid-box-section.type1 .titles-wrapper .section-title h2 { font-family: var(--text-700); font-size: clamp(5.4rem,9.896vw,100rem); line-height: 90%; letter-spacing: -5.7px; text-transform: uppercase; }
/*130px*/
#headline h1 { font-family: var(--text-700); font-size: clamp(4rem,6.771vw,100rem); line-height: 90%; letter-spacing: -3.9px; }
/*88px*/
.projects-section .section-title h2,
.grid-content-section.areas-of-activity-section .section-title h2,
.grid-box-section.type2.staff-section .section-title h2,
.simple-title-section .section-title h2, .grid-gallery-section .section-title h2,
.home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text h2,
.advantages-section .section-title h2,
.solutions-section .section-title h2,
body:is(.FormResultPage,.page-404) #headline h1 { font-family: var(--text-700); font-size: clamp(3rem,4.583vw,100rem); line-height: 95%; letter-spacing: -1.76px; }
/*56px*/
.grid-text-section.normal-title-section .section-title h2,
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell h2.title,
.grid-row-image-section .grid-row-text h2.title,
.simple-page #headline h1,
.FooterForm.formHasSideImg .dynamicFormObjectTitleAndText h3 { font-family: var(--text-700); font-size: clamp(1.9rem,2.917vw,100rem); line-height: 100%; }
/*40px*/
.grid-text-section.quote-section, .projects-section .boxes-wrapper .section-topText h3 { font-family: var(--text-700); font-size: clamp(1.9rem,2.083vw,100rem); line-height: 120%; letter-spacing: 0.4px; }
/*26px*/
.grid-text-section:is(.small-title-section,.normal-title-section) .grid-text .grid-text-content blockquote,
.grid-text .grid-text-content .gridText1 blockquote, .grid-text .grid-text-content .gridText2 blockquote,
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
.grid-box-section.type1 .titles-wrapper .section-topText, .row-grid-section.type1 .grid-rows .grid-row .grid-row-cell h4,
#LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-title h3, .large-title-section { font-family: var(--text-550); font-size: clamp(1.5rem,1.354vw,100rem); line-height: 140%; letter-spacing: 0.26px; }
/*24px*/
#LobbyModule .grid-box-section.type1 .grid-box .grid-box-title h3, #LobbyModule .box-type2-content .grid-box-title h3,
.grid-text-section:is(.small-title-section,.normal-title-section) .grid-text-content h3,
.simple-page #text1 h2:first-child,
.project-page .grid-text-section:is(.small-title-section,.normal-title-section) .grid-text > h2,
.advantages-section .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--text-800); font-size: clamp(1.5rem,1.25vw,100rem); line-height: 110%; letter-spacing: 0.48px; }
/*17px - havy*/
#LobbyModule .areas-of-activity-section .grid-box .grid-box-title h3, .simple-page #text1 :is(h2,h3), .simple-page #text2 :is(h2,h3), .projects-page .grid-short-box-link,
#allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-title h3, .grid-short-box .grid-short-box-label,
.home-page #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-subtitle.button { font-family: var(--text-800); font-size: clamp(1.5rem,0.885vw,100rem); line-height: 120%; letter-spacing: 0.68px; }
/*17px - bold*/
#lobbyview > h2, .contact-page .MainContent #subheadline h2, .type2-grid-boxes-wrapper > h3,
.projects-section .boxes-wrapper .section-topText { font-family: var(--text-700); font-size: clamp(1.5rem,0.885vw,100rem); line-height: 150%; letter-spacing: 0.68px; }
/*17px*/
.grid-text-section.small-title-section .section-title h2,
#LobbyModule .grid-box-section.type1 .grid-box .grid-box-fulltext,
.project-page .grid-text-section:is(.small-title-section,.normal-title-section) .grid-text .grid-text-content,
.home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text { font-family: var(--text-550); font-size: clamp(1.3rem,0.885vw,100rem); line-height: 150%; letter-spacing: 0.51px; }

/*14px */
#LobbyModule .areas-of-activity-section .grid-box .grid-box-fulltext, .box-type2-content div:is(.grid-box-subtitle,.grid-box-fulltext),
.footer-text-divided > div.footer-text-middle li, .footer-text.text-center span, .projects-page .grid-short-box-CF,
#header2 ul.menu li .menu-sub a, .grid-short-box .grid-short-box-subtitle,
#SiteContainer .grid-box-section.type1 .grid-boxes .grid-box::after,
.advantages-section .grid-boxes .grid-box,
#DynamicFormObject .dynamicFormObjectField.checkboxField label,
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField label,
#allSectionsWrapper .areas-of-activity-section .grid-box:hover .grid-box-fulltext { font-family: var(--text-550); font-size: clamp(1.3rem,0.729vw,100rem); line-height: 150%; letter-spacing: 0.42px; }

@media(max-width: 1024px) {

{ font-family: var(--text-700); font-size: 8rem; line-height: 94%; letter-spacing: -2.4px; text-transform: uppercase; }
.large-title-section .section-title h2, .grid-box-section.type1 .titles-wrapper .section-title h2 { font-family: var(--text-700); font-size: 5.9rem; line-height: 100%; letter-spacing: -1.77px; text-transform: uppercase; }
{ font-family: var(--text-700); font-size: 5.4rem; line-height: 95%; letter-spacing: -0.54px; text-transform: uppercase; }
#headline h1 { font-family: var(--text-800); font-size: 4rem; line-height: 105%; letter-spacing: -0.4px; text-transform: uppercase; }
.grid-content-section.areas-of-activity-section .section-title h2, .grid-box-section.type2.staff-section .section-title h2,
.grid-text-section.normal-title-section .section-title h2, .grid-row-image-section .grid-row-text h2.title,
body:is(.FormResultPage,.page-404) #headline h1, .simple-page #headline h1, .solutions-section .section-title h2,
.projects-section .section-title h2, .advantages-section .section-title h2,
.home-page .grid-row-section.circle-section .grid-row .grid-row-cell .grid-row-text h2.title,
.FooterForm.formHasSideImg .dynamicFormObjectTitleAndText h3 { font-family: var(--text-800); font-size: 3rem; line-height: 110%; text-transform: uppercase; letter-spacing: normal; }
.grid-text-section.quote-section, .grid-text-section:is(.small-title-section,.normal-title-section) .grid-text .grid-text-content blockquote,
.grid-text .grid-text-content .gridText1 blockquote, .grid-text .grid-text-content .gridText2 blockquote { font-family: var(--text-550); font-size: 1.9rem; line-height: 140%; letter-spacing: -0.19px; }
.simple-page #text1 h2:first-child { font-family: var(--text-800); font-size: 1.9rem; line-height: 120%; letter-spacing: -0.38px; }
#LobbyModule .grid-box-section.type1 .grid-box .grid-box-title h3, #LobbyModule .box-type2-content .grid-box-title h3,
.projects-page .grid-short-box-link, .simple-page #text1 :is(h2,h3), .simple-page #text2 :is(h2,h3), .advantages-section .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--text-800); font-size: 1.5rem; line-height: 140%; letter-spacing: 0.3px; }
#LobbyModule .areas-of-activity-section .grid-box .grid-box-title h3,
#LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-title h3,
#allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-title h3, #allSectionsWrapper .areas-of-activity-section .grid-box:hover .grid-box-title h3 { font-family: var(--text-700); font-size: 1.5rem; line-height: 110%; letter-spacing: -0.15px; }
.grid-box-section.type1 .titles-wrapper .section-topText { font-family: var(--text-550); font-size: 1.5rem; line-height: 140%; letter-spacing: -0.3px; }
#lobbyview > h2, .contact-page .MainContent #subheadline h2, .grid-text-section.small-title-section .section-title h2,
#LobbyModule .grid-box-section.type1 .grid-box .grid-box-fulltext, .type2-grid-boxes-wrapper > h3,
.box-type2-content div:is(.grid-box-subtitle,.grid-box-fulltext), .projects-page .grid-short-box-CF,
.advantages-section .grid-boxes .grid-box { font-family: var(--text-550); font-size: 1.3rem; line-height: 130%; letter-spacing: 0.13px; }
}
/*HEADER*/
@media(min-width: 1024px) {
    /*.home-page header:has(#header2.bg) {z-index:1}*/
    #header2 { padding: 0 1.042vw; background: transparent; height: var(--headerHeight); /* height: 100%; */ transition: opacity 0.5s ease; transition-delay: 1.8s; }
    .home-page #header2 { opacity: 0; }
    .home-page.ready #header2 { opacity: 1; }
    #header2.bg { background: var(--white); border-bottom: 1px solid var(--gray, #DAE0E8); }
    #header2 #header-container { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; border-bottom: 1px solid rgba(255, 255, 255, 0.30); height: 100%; }
    #header2 #header-left { display: flex; align-items: center; justify-content: flex-start; width: fit-content; }
    #header2 #header-left a { display: inline-flex; align-items: center; justify-content: center; }
    #header2 #header-left a.electra-link { position: absolute; left: 0; height: 100%; top: 0; width: 8vw; min-width: 150px; z-index: 1; }
    #header2 .header-right-section { display: flex; align-items: center; justify-content: flex-end; width: auto; height: 100%; }
    #header2 .header-top { display: none; }
    #header2 .menu-nav { margin: 0; height: 100%; }
    #header2 ul.menu { display: flex; align-items: center; justify-content: center; gap: clamp(20px,2.084vw,100px); font-family: var(--text-550); font-size: clamp(1.6rem,0.93vw,100rem); line-height: 1; text-transform: uppercase; height: 100%; }
    #header2 ul.menu li a::after { /* content: ''; */ position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: var(--white); transition: var(--transition); }
    #header2 ul.menu li a { position: relative; }
    #header2.bg ul.menu li a { color: var(--dark-blue); opacity: 1; }
    #header2 ul.menu li a:hover:after { width: 100%; }


    .open > .menu-sub-wrapper { display: block; }
    .menu-sub-wrapper { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 2.4vw; display: none; }
    #header2 .menu-sub { width: 13.854vw; min-width: 250px; padding: 0.417vw; border-radius: 8px; border: 1px solid var(--gray, #DAE0E8); background: #FFF; right: 50%; transform: translateX(50%); top: calc(100% + 0.625vw); position: relative; display: block !important; }
    #header2 ul.menu .menu-sub li { color: var(--dark-blue); text-align: center; font-family: inherit; margin: 0; border-radius: 6px; transition: var(--transition); }
    #header2 ul.menu li .menu-sub a { padding: 0.625vw 1.042vw; }
    #header2 ul.menu .menu-sub li:hover { background: var(--Yellow); color: var(--dark-blue); }
    #header2 ul.menu li.has-sub { display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 0.625vw; }

    #header2 .fa-angle-down:before { background-image: url(https://media.getmood.io/warehouse/dynamic/581586.svg); }
    .has-sub i.opensub { margin: 0; }
    #header2 .open > .fa-angle-down:before { background-image: url(https://media.getmood.io/warehouse/dynamic/581584.svg); }
    #header2.bg .fa-angle-down:before, .fa-angle-down:before { content: '' !important; background-image: url(https://media.getmood.io/warehouse/dynamic/581585.svg); width: 12px; height: 12px; display: block; transition: background-image 0.3s cubic-bezier( 0, 0, 0.15, 1); }
    #header2.bg .open > .fa-angle-down:before, .fa-angle-up:before { background-image: url(https://media.getmood.io/warehouse/dynamic/581583.svg); }

    #header2 ul.menu li:has(a[href='/contact']) { display: flex; padding: 0px 1.667vw; align-items: center; border-radius: 4px; background: var(--white, #FFF); color: var(--dark-blue); min-height: 45px; height: 2.65vw; font-size: clamp(1.3rem,0.833vw,100rem); font-family: var(--text-550); line-height: 1.45; /* 23.2px */ letter-spacing: 0.16px; }
    #header2.bg ul.menu li:has(a[href='/contact']) { background-color: var(--blue-vivid); }
    #header2.bg ul.menu li:has(a[href='/contact']) a { color: var(--white, #FFF); }
}

@media(max-width: 1024px) {
    header { padding: 0; border-bottom: 1px solid var(--transparent, rgba(255, 255, 255, 0.40)); }
    header:has(.bg) { background: #fff; }
    #header2 { padding: 0; background: transparent; }
    #header2.bg { border-bottom: 1px solid var(--gray, #DAE0E8); }
    #header2 .max-width { }
    #header2 #header-container { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; }
    #header2 #header-container > div { width: auto; }
    #header2 #header-container > div .header-top.social-links {display:none;}
    #header-left a.logoHeader { display: flex; padding: 17px 13px; }
    #header2:not(.bg) #header-left a.logoHeader svg * { fill: #fff; }
    .header-right-section { background: transparent; padding: 0; }
    #header2 .menu-nav { margin: 0; margin-inline-end: 8px; transition: all 3s ease; padding: 8px 14px; background: #fff; max-width: max-content; border-radius: 4px; }
    #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 { width: 100%; background: var(--dark-blue); display: flex !important;; align-items: center; }
    #nav-toggle.active span { background-color: transparent; }
    .bg #nav-toggle span, .bg #nav-toggle span:before, .bg #nav-toggle span:after, .bg #nav-toggle-mobile span,
    .bg #nav-toggle-mobile span:before, .bg #nav-toggle-mobile span:after { background: #fff; }
    #header2.bg .menu-nav { background-color: var(--blue-vivid); }
    .bg #nav-toggle.active span { background-color: transparent; }
    .bg.open #nav-toggle span:before, .bg.open #nav-toggle span:after,
    .bg.open #nav-toggle-mobile span:before, .bg.open #nav-toggle-mobile span:after { background: var(--white); }
    #nav-toggle { display: flex; direction: rtl; }
    .nav-menu-anim { width: 18px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -6px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -6px; }
    #header2 ul.menu { position: fixed; left: 50%; right: auto; top: calc(var(--headerHeight) + 7px); transform: translateX(-50%); width: calc(100vw - 12px); height: max-content !important; max-height: 0; overflow: hidden; transition: max-height 0.7s ease; background-color: var(--black); display: flex !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 0; z-index: 1; border-radius: 8px; border: 0; background: #FFF; }
    #header2.open ul.menu { max-height: 1000px; top: calc(var(--headerHeight) + 15px); z-index: 0; border: 1px solid var(--gray, #DAE0E8); padding: 20px 8px; }
    #header2.open .menu-nav { }
    #header2 ul.menu li > a { color: var(--dark-blue); text-align: center; font-family: var(--text-700); font-size: 1.5rem; line-height: 1.1; letter-spacing: 0.15px; text-transform: uppercase; width: 100%; display: inline-flex; justify-content: center; align-items: center; width: 100%; padding: 12px 20px; }
    /*    #header2 ul.menu li.active > a { background-color: var(--Yellow); }
    #header2 ul.menu li.active a { text-decoration: underline }*/
    #header2 ul.menu > li:not(:is(.last-item,:last-child)) { border-bottom: 1px solid var(--grey); }
    #header2 ul.menu li:hover, #header2 ul.menu li:focus, #header2 ul.menu li.active { background-color: transparent; }

    #header2::before { content: ''; position: absolute; top: 0px; left: 0px; background: #000; width: 100vw; height: 0; z-index: -31; opacity: 0.2; }
    #header2.open::before { height: 100vh; }

    #header2 .menu-sub { background: transparent; padding: 5px 20px 12px; }
    #header2 ul.menu .menu-sub li { margin: 0; }
    #header2 ul.menu .menu-sub li a { padding-block: 5px; font-size: 1.5rem; line-height: 140%; letter-spacing: 0.3px; }
    .has-sub i.opensub::before { content: none; }
    .has-sub i.opensub { content: ''; position: absolute; width: 30px; height: 30px; background-image: url(https://media.getmood.io/warehouse/dynamic/582385.svg); background-size: auto; background-position: center; background-repeat: no-repeat; top: 5px; left: 90px; padding: 10px; z-index: 1; }

    #header2 ul.menu li.has-sub > a::before { }
}
/*HERO*/
#home-gallery { margin-bottom: 8.333vw; }
#home-gallery, #home-gallery .slider-bg.stellar-bg { height: 85.938vw !important; }
#home-gallery .opacity-layer { display: none; }
#home-gallery .scroll-down { display: none; }
#home-gallery ol.flex-control-nav.flex-control-paging, button.controlSlider { bottom: clamp(10px,2.083vw,100px); display: flex; }
#home-gallery .flex-control-paging li a { width: 10px; height: 10px; opacity: 0.4; background: var(--white, #FFF); transition: var(--transition); }
#home-gallery .flex-control-paging li a.flex-active { opacity: 1; background-color: var(--white); width: 40px; }
#home-gallery #TopVideo, #home-gallery .TopVideo, #home-gallery .slider-bg.stellar-bg #TopVideo, #home-gallery #TopVideo iframe,  #home-gallery .TopVideo iframe { height: 100% !important; width: auto; min-width: 100%; max-width: max-content; aspect-ratio: auto; position: unset; transform: translateY(-0.5vw) scale(1.02); }
#home-gallery #TopVideo iframe,
#home-gallery .TopVideo iframe{ pointer-events: none; }
#home-gallery .gallery-caption { left: auto; top: clamp(110px,6.771vw,100rem); right: 5.208vw; transform: none; text-align: right; line-height: 1; font-family: var(--text-700); font-size: clamp(4rem,2.917vw,100rem); color: var(--white); max-width: 57.813vw; }
#home-gallery .gallery-caption { max-width: 38.813vw; }
#home-gallery .gallery-caption .gallery-text { font-size: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 1.042vw; direction: rtl; text-align: start; }
#home-gallery .gallery-caption .gallery-text > div { font-size: clamp(6rem,9.896vw,100rem); line-height: 90%; /* 171px */ letter-spacing: -5.7px; text-transform: uppercase; width: 100%; white-space: break-spaces; }
#home-gallery .gallery-caption .gallery-text h1 { font-size: clamp(190px,9.896vw,300px); line-height: 0.9; display: flex; flex-direction: column; gap: 1vw; }
#home-gallery .gallery-caption .gallery-text h1 span { font-size: clamp(56px,2.917vw,300px); }
#player-controls button[aria-label=mute-player], #player-controls button[aria-label=unmute-player], #player-controls > span { display: none; }

@media(max-width: 1024px) {
    #home-gallery { margin-bottom: 56px; }
    #home-gallery, #home-gallery .slider-bg.stellar-bg { height: 100vh !important; }
    #home-gallery #TopVideo, #home-gallery .slider-bg.stellar-bg #TopVideo, #home-gallery #TopVideo iframe,
    #home-gallery, #home-gallery .slider-bg.stellar-bg, .TopVideo, #home-gallery video { height: 180vh !important; min-height: 100% !important; max-height: 1400px; top: 0; }
    #mobile-player-controls { display: none; }
    #home-gallery .gallery-caption { width: 100%; max-width: 100%; padding-inline: 16px; text-align: center; top: calc(var(--headerHeight) + 40px); right: 50%; transform: translateX(50%); font-size: 2.2rem; line-height: 140%; letter-spacing: 0.22px; text-transform: uppercase; font-family: var(--text-800); }
    #home-gallery .gallery-caption .gallery-text { align-items: center; gap: 8px; text-align: center; }
    #home-gallery .gallery-caption .gallery-text h1 { font-size: 80px; width: 100%; flex-wrap: wrap; white-space: normal; text-align: right; }
    #home-gallery .gallery-caption .gallery-text h1 span { font-size: 22px; text-align: center; margin-top: 10px; }
    #home-gallery .gallery-caption .gallery-text > div { font-family: var(--text-700); font-size: 8rem; line-height: 0.94; letter-spacing: -2.4px; text-transform: uppercase; white-space: normal; }
    #home-gallery .scroll-down { display: block; bottom: auto; top: calc(90vh - 40px); }
    .macOs #home-gallery .scroll-down { top: calc(85vh - 40px); }
    #home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { fill: transparent; }
    #home-gallery .scroll-down svg { width: 56px; height: 56px; background-image: url(https://media.getmood.io/warehouse/dynamic/581690.svg); background-position: center; background-repeat: no-repeat; background-size: cover; }
}

.home-page .grid-gallery-section { margin: 0; padding: 0; }
.home-page .grid-gallery-section .gallery-cubes { flex-wrap: nowrap; justify-content: unset; align-items: unset; animation: scrollTextInvert 40s linear infinite; }
.home-page .grid-gallery-section .gallery-cubes .gallery-cubes-inner { display: flex; gap: 1.042vw; width: max-content; padding: 0; animation: scrollTextInvert 120s linear infinite; border: 0; }
.home-page .grid-gallery-section .gallery-cubes .gallery-cubes-inner > div { width: 8.073vw; min-width: 140px; height: 4.688vw; border-radius: 4px; border: 1px solid var(--gray, #DAE0E8); background: #FFF; padding: 0.677vw; pointer-events: all; }
.home-page .grid-gallery-section .gallery-cubes .gallery-cubes-inner > div .boxes-images-outer-image span.scr-reader-only { display: none; }
.grid-gallery-section .gallery-cubes .boxes-images-outer-image .image-link-container { display: none; }

@media(max-width: 1024px) {
    .home-page .grid-gallery-section { margin-bottom: 6px; }
    .home-page .grid-gallery-section .gallery-cubes .gallery-cubes-inner { aspect-ratio: unset; gap: 5px; animation: scrollTextInvert 70s linear infinite; }
    .home-page .grid-gallery-section .gallery-cubes .gallery-cubes-inner > div { width: 22.667vw; aspect-ratio: 1; height: auto; min-width: auto; padding: 0; display: flex; align-items: center; justify-content: center; }
}

/*ROW SECTION*/
.home-page .grid-row-section { }
.home-page .grid-row-section .grid-row { display: flex !important; align-items: center; justify-content: center; flex-direction: row-reverse; padding-left: 2.084vw; }
.home-page .grid-row-section .grid-row .grid-row-cell.flexslider-box { display: flex !important; align-items: center; justify-content: center; }
.home-page .grid-row-section .grid-row-cell.flexslider-box li.slider-item { padding: 0; width: 100%; }
.home-page .grid-row-section .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container { position: unset; }
.home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text { color: inherit; width: 36.979vw; }
.home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text h2.title { margin-bottom: 2.084vw; }



.circle-section { width: 100%; }
.home-page .grid-row-section.circle-section .grid-row { flex-direction: row; padding: 0; }
.home-page .grid-row-section.circle-section .grid-row .grid-row-cell { width: 50% !important; }
.home-page .grid-row-section.circle-section .grid-row .grid-row-cell img { width: 28.646vw; height: auto; aspect-ratio: 1; }

@media(max-width: 1024px) {
    .home-page .grid-row-section .grid-row { flex-direction: column-reverse; padding-inline: 20px; gap: 80px; }
    .home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text { width: 100%; padding: 0; margin: 0; }
    .home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text h2.title { line-height: 1.5; }
    .home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text a.grid-row-button { margin: 24px 0 0; }

    .home-page .grid-row-section.circle-section .grid-row .grid-row-cell .grid-row-text h2.title { margin-bottom: 28px; }
}


.projects-section { width: 100%; /* padding-bottom: 2.604vw; */ /* margin-bottom: -2.604vw; */ }
.projects-section .section-title { /* position: absolute; */ /* top: 50%; */ /* right: 50%; */ /* transform: translate(50%, -50%) !important; */ transform: none !important; /* top: 25vh; */ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.917vw; padding-inline: 1.042vw; }
.projects-section .boxes-wrapper { padding-bottom: 2.604vw; display: flex; flex-direction: row-reverse; align-items: flex-start; width: 100vw; max-width: 100vw; justify-content: flex-end; padding-inline-end: 1.042vw; }
.projects-section .boxes-wrapper .section-topText { height: calc(100% - 2.765vw); width: 27.865vw; min-width: 27.865vw; border-radius: 6px; border: 1px solid var(--gray, #DAE0E8); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; gap: 1.042vw; min-height: 29.271vw; }
.projects-section .boxes-wrapper .section-topText a { text-decoration: underline }
.projects-section .section-topText::before { content: ''; position: absolute; right: -10vw; bottom: -10vw; width: 2.344vw; height: 2.344vw; background: var(--Yellow); border-radius: 50%; pointer-events: none; z-index: -1; transition: var(--transition); }

.projects-section .boxes-wrapper .grid-boxes { /* padding-inline-start: 100vw; */ height: 100%; width: max-content; display: flex; list-style: none; padding-inline: 1.042vw; }
.projects-section .boxes-wrapper .grid-boxes > li { width: 49.479vw; height: 100%; padding-inline-end: 1.042vw; background-color: var(--white); }
.projects-section .boxes-wrapper .grid-short-box-image { padding: 0; height: 100%; border-radius: 6px; max-height: 29.271vw; }
.projects-section .boxes-wrapper .grid-boxes > li:focus .grid-short-box { border: 2px solid #000 }
.projects-section .boxes-wrapper .grid-boxes > li .grid-short-box { height: 100%; display: flex; flex-direction: column; }
.projects-section .boxes-wrapper .grid-short-box-image img { position: unset; transform: none; height: 36.458vw; width: 100%; object-fit: cover; transition: var(--transition); }
.projects-section .boxes-wrapper .grid-boxes > li:hover .grid-short-box-image img { transform: scale(1.15); }
.projects-section .boxes-wrapper .grid-short-box-fulltext { text-align: start; padding-top: 0.73vw; }
.projects-section .boxes-wrapper .grid-short-box-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: transparent; }
.projects-section .boxes-wrapper .grid-short-box-link a { display: block; width: 100%; height: 100%; }

.projects-section .swiper-button-next, .projects-section .swiper-button-prev { position: unset; height: auto; width: auto; }
.projects-section .swiper-button-next::after, .projects-section .swiper-button-prev::after { content: none; }
.swiper-button-disabled g { opacity: 0.1 }
.projects-section .swiper-buttons { display: flex; /*flex-direction: row-reverse;*/ justify-content: center; align-items: center; gap: 8px; }
.projects-section .swiper-wrapper .swiper-slide { width: 35.573vw; }

@media(min-width: 1025px) {
    .projects-section .section-topText:hover::before { width: 60vw; height: 60vw; }
}

@media(max-width: 1024px) {
    #allSectionsWrapper .areas-of-activity-section .grid-box::after { content: attr(box-number); position: absolute; left: calc(50% - 35px); bottom: 16px; direction: ltr; }
    .projects-section { padding: 0; margin: 0; }
    .projects-section .section-title { position: unset; transform: unset !important; margin-bottom: 56px; justify-content: center; }
    .projects-section .boxes-wrapper { overflow: auto; justify-content: flex-start; flex-direction: row; padding-inline-end: 6px; }
    .projects-section .boxes-wrapper .section-topText { order: 1; min-width: 83.2vw; padding: 0; height: 330px; }
    .projects-section .boxes-wrapper .grid-boxes { padding: 0 6px; gap: 5px; overflow: auto; }
    .projects-section .boxes-wrapper .grid-boxes > li { width: 83.2vw; padding: 0; min-width: 83.2vw; border: 1px solid var(--gray, #DAE0E8); border-radius: 6px; overflow: hidden }
    .projects-section .boxes-wrapper .grid-short-box-image { max-height: max-content; border-radius: 0; }
    .projects-section .boxes-wrapper .grid-short-box-image img { height: 235px; }
    .projects-section .boxes-wrapper .grid-boxes > li:hover .grid-short-box-image img { transform: none; }
    .projects-section .boxes-wrapper .grid-short-box-fulltext { padding: 16px 16px 20px; /* min-height: 93px; */ }
    ul.grid-boxes-wrapper.swiper-wrapper { gap: 5px; width: max-content; }

    .projects-section .swiper-wrapper .swiper-slide { width: 80vw; border-radius: 6px; border: 1px solid var(--gray, #DAE0E8); }
}

.advantages-section { background-color: var(--dark-blue); /* display: flex; */ color: var(--white); }
.advantages-section > div:not(.clearfix) { width: 50%; }
.advantages-section .section-title { padding: 6.25vw 5.208vw; text-align: right; position: sticky; top: 0; float: right; }
.advantages-section .grid-boxes { float: left; border-inline-start: 1px solid rgba(255, 255, 255, 0.40); justify-items: start; align-items: start; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; }
.advantages-section .grid-boxes .grid-box { border-bottom: 1px solid rgba(255, 255, 255, 0.40); width: 100%; height: 100%; min-height: 29.167vw; padding: 2.5vw; padding-inline-end: 5vw; text-align: start; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1.667vw; margin: 0; }
/*.advantages-section .grid-boxes .grid-box::after { content: attr(box-number); direction: ltr; position: absolute; bottom: 2.5vw; right: 2.5vw; }*/
.advantages-section .grid-boxes .grid-box:nth-child(2n) { border-inline-start: 1px solid rgba(255, 255, 255, 0.40); }
.advantages-section .grid-boxes .grid-box.lastItem { border-bottom: 0; border-inline-end: 1px solid rgba(255, 255, 255, 0.40); width: calc(100% + 1px); }
.advantages-section .grid-boxes .grid-box .grid-box-image-container { display: flex; justify-content: flex-start; align-items: flex-start; height: 5.208vw; transition: var(--transition); pointer-events: none; }
.advantages-section .grid-boxes .grid-box .grid-box-image-container img { height: 100%; width: max-content; }
.advantages-section .grid-boxes .grid-box .grid-box-image-container img.image-2 { position: absolute; top: 0; right: 0; opacity: 0; }
.advantages-section .grid-boxes .grid-box:hover .grid-box-image-container img.image-2 { opacity: 1; }
.advantages-section .grid-boxes .grid-box .grid-box-title { max-width: 80%; }
.advantages-section .grid-boxes .grid-box .grid-box-fulltext { height: 3.906vw; min-height: 75px; overflow: hidden; }
.advantages-section .grid-boxes .grid-box .grid-box-fulltext .text-wrapper { transform: translateY(200%); transition: var(--transition); }

@media(min-width: 1024px) {
    .advantages-section .grid-boxes .grid-box:hover .grid-box-image-container { height: 4.323vw; }
    .advantages-section .grid-boxes .grid-box:hover .grid-box-fulltext .text-wrapper { transform: translateY(0); }
    /*.advantages-section .grid-boxes .grid-box:hover .grid-box-fulltext { max-height: 1000px; opacity: 1; }*/
}

@media(max-width: 1024px) {
}

.solutions-section { max-width: 70.833vw; width: 100%; }

/*FOOTER*/
footer { display: flex; align-items: center; justify-content: center; color: var(--white); padding: 1.042vw 1.042vw 0; }
.footer-text-divided { padding: 2.917vw; min-height: 17.448vw; border-bottom: 1px solid #FFF; display: flex; }
.footer-text-divided > div.footer-text-middle { color: var(--white); width: auto; padding: 0; text-align: right; font-family: var(--text-800); font-size: clamp(1.7rem,1.1vw,100rem); line-height: 120%; /* 26.4px */ letter-spacing: 0.22px; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5.208vw; }
.footer-text-divided > div.footer-text-middle p { margin-bottom: 1.042vw; }
.footer-text-divided > div.footer-text-middle li { color: rgba(255,255,255,0.7); font-family: var(--text-550); text-transform: capitalize; position: relative; }
.footer-text-divided > div.footer-text-middle li::after { content: ""; height: 1px; width: 0; position: absolute; bottom: 0; left: 0; background-color: var(--white); transition: var(--transition); }
.footer-text-divided > div.footer-text-middle li:hover:after { width: 100%; }
#SiteFooter .site-credit.alternative { background-color: var(--black); width: 100vw; padding: 0; margin-inline: -1.042vw; height: 35px; display: flex; align-items: center; }
#SiteFooter .site-credit.alternative svg * { fill: #fff; }

#SiteFooter { flex-direction: column; gap: 1.042vw; }
.FooterForm.formHasSideImg { background-color: var(--blue); border-radius: 6px; padding: 5.208vw 4.167vw; flex-direction: row-reverse; width: 100%; margin-top: 1.024vw; }
#SiteContainer .FooterForm.form-container-wide #DynamicFormObject { height: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: flex; align-items: flex-start; justify-content: flex-start; height: 100%; flex-direction: column; }
.FooterForm.form-container-wide #DynamicFormObject.thanks-mode .dynamicFormObjectFields { align-items: center; }
.FooterForm.form-container-wide #DynamicFormObject.thanks-mode .dynamicFormObjectFields .top-form { display: none; }
.FooterForm.formHasSideImg .dynamicFormObjectTitleAndText { width: 70%; color: #fff; }
.FooterForm.formHasSideImg .footerFormImage { display: flex; flex-direction: column; aspect-ratio: unset; justify-content: flex-start; align-items: flex-start; gap: 5.208vw; }
.FooterForm.formHasSideImg .footer-form-image-wrap { position: unset; background-size: contain; background-position: right; min-height: 18.125vw; }
.footerFormContainer { background: transparent; }
#SiteContainer .FooterForm.form-container-wide #DynamicFormObject { padding: 0; align-items: flex-start; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; text-align: start; color: var(--white); }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 1.208vw; max-width: 22.135vw; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField div:is(.input-wrapper,.select-wrapper) :is(input,textarea,select),
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .input-wrapper :is(input,textarea,select)::placeholder,
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { color: var(--white) !important; border-color: var(--white) !important; }
.FooterForm #DynamicFormObject .dynamicFormObjectSubmit button.form-submit { background-color: var(--Yellow); color: var(--dark-blue); }
.form-container-wide #DynamicFormObject .dynamicFormEndText { width: 100%; text-align: start; color: var(--dark-blue); padding-top: 10px; }

.FooterForm.form-container-wide #DynamicFormObject .dynamicFormEndText { color: var(--white); margin-bottom: 1.208vw; }
.footer-inner-wrapper { border-radius: 6px; overflow: hidden; width: 100%; position: relative; display: flex; }
.GridFooterGallery { width: 100%; height: 100%; display: flex; pointer-events: none; height: 54.948vw; position: relative; }
.GridFooterGallery .gallery-cubes, .GridFooterGallery .gallery-cubes > div { width: 100%; height: 100%; }
.GridFooterGallery .gallery-cubes .boxes-images-outer-image { padding: 0; position: absolute; height: 130%; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.footer-content-wrapper { position: absolute; bottom: 1.042vw; left: 50%; transform: translateX(-50%); width: calc(100% - 2.084vw); margin-inline: auto; padding: 0; background-color: var( --dark-blue); border-radius: 6px; }
.footer-text-divided { }
.footer-text-divided > div.footer-text-right { padding: 0; width: 50%; display: flex; justify-content: flex-start; align-items: flex-start; gap: 0.4vw; flex-direction: column; }
.footer-text-divided > div.footer-text-middle ul { list-style: none; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0.23vw; }
.footer-text-divided > div.footer-text-left { width: auto; padding: 0; margin-inline: auto 0; }


.footer-text-divided > div.footer-text-left a { margin-inline-start: 1.024vw; }
.footer-text.text-center span { display: flex; align-items: center; justify-content: flex-start; text-align: start; padding: 0.729vw 1.042vw; }
.footer-text.text-center span > p:first-child { width: 50%; }
.footer-text.text-center span ul { list-style: none; display: flex; align-items: center; justify-content: flex-start; gap: 1.354vw; }

@media(max-width: 1024px) {
    .footer-text-divided { padding-block: 56px; padding-inline: 20px; flex-direction: column-reverse; gap: 56px; border: 0; }
    .footer-text-divided > div.footer-text-middle { color: var(--white); flex-direction: column-reverse; gap: 0; }
    .footer-text-divided > div.footer-text-middle a { display: flex; justify-content: center; font-size: 1.4rem; }


    footer { padding: 0; width:100%;}
    #SiteFooter { gap: 0; }
    .FooterForm.formHasSideImg { border-radius: 0; padding: 56px 20px; flex-wrap: nowrap; flex-direction: column-reverse; gap: 46px; }
    .FooterForm.formHasSideImg .dynamicFormObjectTitleAndText { width: 100%; }
    .FooterForm.formHasSideImg .footer-form-image-wrap { aspect-ratio: 3/2; }
    .FooterForm.formHasSideImg .footerFormImage { gap: 28px; font-size: 1.4rem; line-height: 1.5; letter-spacing: 0.42px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { max-width: 100%; display: block; margin-bottom: 18px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields form { width: 100%; }

    .GridFooterGallery { display: none; }
    .footer-content-wrapper { position: unset; width: 100%; border-radius: 0; transform: unset; }
    .footer-inner-wrapper { border-radius: 0; }
    .footer-text-divided > div.footer-text-middle p { margin: 0; padding-block: 20px; position: relative; }
    .footer-list > p::after { content: ''; background-image: url(https://media.getmood.io/warehouse/dynamic/581586.svg); width: 12px; height: 12px; display: inline-flex; transition: background-image 0.3s cubic-bezier( 0, 0, 0.15, 1); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    .footer-list.open > p::after { background-image: url(https://media.getmood.io/warehouse/dynamic/581584.svg); }
    .footer-list { width: 100%; border-bottom: 1px solid #fff; transition: var(--transition); overflow: hidden; max-height: 60px; }
    .footer-list.open { max-height: 1000px; }
    .footer-text-divided > div.footer-text-middle ul { gap: 8px; margin-bottom: 28px; transition: var(--transition); opacity: 0; }
    .footer-text-divided > div.footer-text-middle .open ul { opacity: 1; }
    .footer-text-divided > div.footer-text-right { gap: 8px; width: 100%; }
    .footer-text-divided > div.footer-text-left { order: -1; display: flex; margin: 0; }
    .footer-text-divided > div.footer-text-left a { margin-inline: 0px 16px; }
    .footer-text.text-center span { flex-direction: column-reverse; padding: 0; gap: 20px; }
    .footer-text.text-center span ul { gap: 10px 20px; padding-bottom: 20px; width: 100%; justify-content: center; border-bottom: 1px solid #fff; flex-wrap: wrap; }
    .footer-text.text-center span ul li:not(:last-child) { padding-inline-end: 20px; position: relative; }
    .footer-text.text-center span ul li:not(:last-child):after { content: "/"; position: absolute; left: 0; }
    .footer-text.text-center span > p:first-child { width: 100%; text-align: center; margin-bottom: 20px; }

    #SiteFooter .site-credit.alternative { height: 85px; }
    .FooterForm.formHasSideImg .footerFormImage .top-form {color:#fff;}
}

.half-layout #SiteGrid { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; height: calc(100vh - var(--headerHeight)); }
.half-layout #GridTop,
.half-layout .GridTop { width: 50%; height: 100%; }
.half-layout #GridPage { width: 50%; height: 100%; }
.half-layout #GridBottom { display: none; }
.half-layout #GridPage #GridWrap { height: 100%; display: flex; align-items: center; justify-content: center; }
.half-layout #GridWrapInner { max-width: 29.688vw; }
#text1, #text2 { line-height: inherit }
.half-layout #GridWrapInner #text1, .half-layout #GridWrapInner #text2 { text-align: left; margin-bottom: 2.5vw; }
.half-layout.contact-page #GridWrapInner #text1, .half-layout.contact-page #GridWrapInner #text2 { color: rgba(35, 31, 32,0.4); line-height: normal; font-family: var(--text-800); text-transform: capitalize; }
.half-layout.contact-page #GridWrapInner #text1 a, .half-layout.contact-page #GridWrapInner #text2 a { color: var(--black); margin-inline: 0.833vw; }
.half-layout.contact-page #GridWrapInner #text1 a:first-child, .half-layout.contact-page #GridWrapInner #text2 a:first-child { margin-left: 0; }

@media(max-width: 1024px) {
    .half-layout #SiteGrid { flex-direction: column; height: auto; }
    .half-layout #GridTop, .half-layout .GridTop, .half-layout #GridPage { width: 100%; aspect-ratio: 3 / 2; height: auto; }
    .half-layout #GridPage #GridWrap { padding: 82px 20px 120px; }
    .half-layout #GridWrapInner { max-width: 100%; }
}

#lobbyview, .contact-page .MainContent { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; gap: 0.417vw; margin: 8.646vw auto 8.333vw; max-width: 52.5vw; }
.contact-page .MainContent { max-width: 76.563vw }
#lobbyview #headline, .contact-page .MainContent #headline { order: 1; }
#headline h1 { margin-bottom: 0; }
#lobbyview .lobbyTextContainer { order: 2; }
#lobbyview .lobbyTextContainer:not(:has(*)) { display: none; }
#lobbyview > h2, .contact-page .MainContent #subheadline > h2 { margin: 0; display: flex; align-items: center; justify-content: center; gap: clamp(6px, 0.417vw, 100px); }
#lobbyview > h2::before, .contact-page .MainContent #subheadline h2::before { content: ''; position: relative; display: inline-block; min-width: 8px; width: 0.52vw; min-height: 8px; height: 0.52vw; border-radius: 1px; background: var(--blue-vivid, #0081E3); }

@media(max-width: 1024px) {
}

#SiteContainer #DynamicFormObject { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
#SiteContainer #DynamicFormObject fieldset { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 1.667vw 1.042vw; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField,
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: calc(50% - 0.53vw); }
#DynamicFormObject .dynamicFormObjectField .input-wrapper, .form-container-wide #DynamicFormObject .dynamicFormObjectField .input-wrapper { position: relative; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper::before, .form-container-wide #DynamicFormObject .dynamicFormObjectField .input-wrapper::before { left: 0; content: none; }
#DynamicFormObject .dynamicFormObjectField div:is(.input-wrapper,.select-wrapper) :is(input,textarea,select),
.form-container-wide #DynamicFormObject .dynamicFormObjectField div:is(.input-wrapper,.select-wrapper) :is(input,textarea,select),
#DynamicFormObject .dynamicFormObjectField div:is(.input-wrapper,.select-wrapper) option { color: var(--dark-blue); font-family: var(--text-550); font-size: inherit !important; !i; !; line-height: inherit !important; letter-spacing: inherit !important; height: 40px; border: 0; border-bottom: 1px solid var(--dark-blue) !important; font-weight: normal; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper :is(input,textarea,select)::placeholder,
.form-container-wide #DynamicFormObject .dynamicFormObjectField .input-wrapper :is(input,textarea,select)::placeholder { color: var(--dark-blue); }
#DynamicFormObject .dynamicFormObjectField .input-wrapper span.error, .form-container-wide #DynamicFormObject .dynamicFormObjectField .input-wrapper span.error { top: 10px; left: 0; font-size: clamp(1.2rem,0.7vw,100rem); line-height: 1.5; letter-spacing: 0.1px; color: var(--error); }
#DynamicFormObject .dynamicFormObjectSubmit, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit,
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
#DynamicFormObject input[type="submit"] { border-radius: 0; background-color: var(--black); height: 3.021vw; min-height: 46px; font-size: clamp(1.6rem,0.93vw,100rem); line-height: 1; font-family: var(--text-800); margin-top: 1.25vw; transition: var(--transition); }
#DynamicFormObject input[type="submit"]:hover { background-color: var(--dark-blue); color: var(--white); }
.select-wrapper:after { top: 50%; left: 0; min-width: 11px; width: 0.52vw; height: 0.26vw; min-height: 6px; content: ''; background-image: url(https://media.getmood.io/warehouse/dynamic/580998.svg); background-position: center; background-size: cover; }
#DynamicFormObject .dynamicFormObjectField.checkboxField,
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { display: flex; align-items: center; justify-content: flex-start; gap: 0.52vw; color: var(--dark-blue); }
#DynamicFormObject .dynamicFormObjectField.checkboxField label,
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField label { margin: 0; }
#DynamicFormObject .dynamicFormObjectSubmit button.form-submit { display: flex; height: 2.917vw; min-height: 50px; width: 7.292vw; min-width: 130px; padding-block: 0; padding-inline: clamp(24px,1.667vw,100px); justify-content: center; align-items: center; gap: 0.63vw; border-radius: 6px; background: var(--blue-vivid, #0081E3); color: var(--white, #FFF); text-align: right; font-family: var(--text-550); font-size: inherit; line-height: 145%; letter-spacing: 0.17px; transition: var(--transition) }
/*#DynamicFormObject .dynamicFormObjectSubmit button.form-submit:hover { background: var(--Yellow, #E5FF5E); color: var(--dark-blue); }*/
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; }
.FooterForm .select-wrapper:after { background-image: url(https://media.getmood.io/warehouse/dynamic/581626.svg); }
footer #DynamicFormObject .dynamicFormObjectField div:is(.input-wrapper,.select-wrapper) option { padding: 0.2vw 0.5vw; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField input.input-data { accent-color: var(--Yellow); }

@media(max-width: 1024px) {
    .half-layout.contact-page #GridWrapInner #text1, .half-layout.contact-page #GridWrapInner #text2 { color: transparent; margin-bottom: 80px; }
    .half-layout.contact-page #GridWrapInner #text1 a, .half-layout.contact-page #GridWrapInner #text2 a { display: flex; margin: 0; }
    #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { margin-bottom: 16px; }

    #SiteContainer #DynamicFormObject fieldset { flex-direction: column; gap: 20px; }
    #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField,
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; margin: 0; }
    .FooterForm.form-container-wide .normal-form input { margin: 0; }
    #DynamicFormObject .dynamicFormObjectField div:is(.input-wrapper,.select-wrapper) :is(input,textarea,select),
    .form-container-wide #DynamicFormObject .dynamicFormObjectField div:is(.input-wrapper,.select-wrapper) :is(input,textarea,select) { height: 50px; }
    #DynamicFormObject input[type="submit"] { margin-top: 24px; }
}


.running-text-section .grid-text-content { display: flex; align-items: center; gap: 1vw; color: var(--dark-blue, #021E5F); font-family: var(--text-700); font-size: 190px; font-style: normal; font-weight: 700; line-height: 90%; letter-spacing: -5.7px; text-transform: uppercase; }
.running-text-section .grid-text-content-wrapper { display: flex; animation: scrollTextInvert 120s linear infinite; width: max-content; gap: 1vw; direction: ltr; }
.running-text-section .grid-text-content-wrapper p { white-space: nowrap; }

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

.GridTopWrapper { width: calc(100% - 2.083vw); margin-inline: auto; margin-bottom: 8.333vw; border-radius: 6px; height: 44.583vw; position: relative; overflow: hidden; }
.GridTopWrapper:has(#GridTop.noTopImage.longer),
.GridTopWrapper:has(.GridTop.noTopImage.longer) { display: none; }
#GridTop,
.GridTop { height: 50vw; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#allSectionsWrapper { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8.333vw; margin-bottom: 8.333vw; }
.without-bottom-gap #allSectionsWrapper { margin-bottom: 0; }
#GridTop.noTopImage.longer,
.GridTop.noTopImage.longer { display: none }

.grid-text-section:is(.quote-section,.small-title-section,.normal-title-section) { padding-inline: 5.208vw; text-align: right; width: 100%; }
.about-page .grid-text-section.quote-section { margin-bottom: -40px; }
.grid-text-section.quote-section .grid-text-content { max-width: 60.677vw; }
.grid-text-section:is(.small-title-section,.normal-title-section) { display: flex; justify-content: space-between; align-items: flex-start; }
.grid-text-section.small-title-section .section-title::before { content: ''; position: relative; display: inline-block; height: 0.521vw; min-height: 8px; width: 0.521vw; min-width: 8px; border-radius: 1px; background: var(--blue-vivid, #0081E3); }
.grid-text-section:is(.small-title-section,.normal-title-section) .section-title { width: 27.604vw; display: flex; align-items: center; justify-content: flex-start; gap: 0.417vw; }
.grid-text-section:is(.small-title-section,.normal-title-section) .grid-text { width: 44.792vw; padding-inline-end: 12.24vw; }
/*.grid-text-section:is(.small-title-section,.normal-title-section) .grid-text .grid-text-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 1.667vw; }*/
.grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { padding: 0; margin: 0; width: 100%; }
blockquote { padding: 0; border: 0; margin-bottom: 1.354vw; }
blockquote::before { content: ''; position: relative; display: block; background-image: url(https://media.getmood.io/warehouse/dynamic/580567.svg); background-position: center; background-size: cover; width: 1.67vw; min-width: 26px; height: 1.354vw; min-height: 20px; margin-bottom: 1.354vw; }
blockquote::after { content: ''; position: relative; display: block; background-image: url(https://media.getmood.io/warehouse/dynamic/580567.svg); background-position: center; background-size: cover; width: 1.67vw; min-width: 26px; height: 1.354vw; min-height: 20px; margin-top: 1.354vw; margin-right: auto; }
.grid-content-section.areas-of-activity-section { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 8.333vw; }
.grid-content-section.areas-of-activity-section .section-title { }
#allSectionsWrapper .grid-content-section.areas-of-activity-section .grid-boxes { display: flex; align-items: flex-start; justify-content: center; gap: 1.042vw; padding-inline: 1.042vw; width: 100%; }
#allSectionsWrapper .areas-of-activity-section .grid-box { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden; flex: 1; width: auto; border-radius: 6px; border: 1px solid var(--gray, #DAE0E8); transition: flex .45s cubic-bezier(.23,1,.32,1) !important; height: 31.25vw; position: relative; }
#allSectionsWrapper .areas-of-activity-section .grid-box .box-link-wrapper { position: relative; }
#allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-image { margin: 0; border-radius: 6px 6px 0 0; overflow: hidden; padding: 0; width: 100%; pointer-events: none; height: 100%; }
#allSectionsWrapper .areas-of-activity-section .grid-box .box-content { position: absolute; top: 25vw; transition: none !important; width: 100%; background: #fff; }
#allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-title h3 { max-width: 13vw; font-size: clamp(1.5rem,1.042vw,100rem); }
#allSectionsWrapper .areas-of-activity-section .grid-box:hover .box-content { top: 21vw; transition: all 1s 0.3s cubic-bezier(.23,1,.32,1) !important; }

.areas-of-activity-section .grid-box .grid-box-image-container { position: unset; height: 100%; width: 100%; transition: height .45s cubic-bezier(.23,1,.32,1); }
.areas-of-activity-section .grid-box .grid-box-image-container img { height: 100%; min-width: 100%; object-fit: cover; width: auto; }
#allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-title { padding: 0; width: 100%; min-height: 117px; display: flex; align-items: center; justify-content: center; position: relative; }
#allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-fulltext { /* position: absolute; */ /* top: 100%; */ /* transition: all .45s cubic-bezier(.23,1,.32,1) !important; */ padding: 2.217vw 2.208vw; padding-top: 0; }

@media(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.2) {
    #allSectionsWrapper .areas-of-activity-section .grid-box .box-link-wrapper { display:flex; flex-direction:column; justify-content:center; align-items:center;}
#allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-title{min-height:82px}
    #allSectionsWrapper .areas-of-activity-section .grid-box .box-content { width:31vw; top: 25.6vw; }
    #allSectionsWrapper .areas-of-activity-section .grid-box:hover .box-content { top: 20vw; bottom:0; }

}
@media(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #allSectionsWrapper .areas-of-activity-section .grid-box .box-content { position: absolute; top: 25vw; }
    #allSectionsWrapper .areas-of-activity-section .grid-box:hover .box-content { top: 15vw; }
}
@media(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    #allSectionsWrapper .areas-of-activity-section .grid-box .box-content { position: absolute; top: 24vw; }
    #allSectionsWrapper .areas-of-activity-section .grid-box:hover .box-content { top: 15vw; }
}

@media(min-width: 1024px) {
    #allSectionsWrapper .areas-of-activity-section .grid-box:hover { flex: 1.96; }
    #allSectionsWrapper .areas-of-activity-section .grid-box:hover .grid-box-fulltext { /* position: relative; */ }
    .areas-of-activity-section .grid-box:hover .grid-box-image-container { /* height: 19.635vw; */ }
    #allSectionsWrapper .areas-of-activity-section .grid-box:hover .grid-box-fulltext { padding: 2.217vw 2.208vw; padding-top: 0; }
    #allSectionsWrapper .areas-of-activity-section .grid-box:hover .grid-box-title { padding: 1.042vw 4.108vw; }
    #allSectionsWrapper .areas-of-activity-section .grid-box:hover .grid-box-title h3 { font-family: var(--text-800) !important; position: absolute; }
}

@media(max-width: 1024px) {
    #allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-fulltext { display: none; }
}



.grid-image-section { padding-inline: 1.042vw; overflow: hidden; }
.grid-image-section, .image-section-data { height: 856px; border-radius: 6px; }
.image-section-data img { height: 130%; }

.grid-box-section.type1 { }

#SiteContainer .grid-box-section.type1 .grid-boxes-wrapper { display: flex; align-items: center; justify-content: flex-start; padding-inline: 5.208vw; overflow: clip; width: 100%; }
#SiteContainer .grid-box-section.type1 .grid-boxes { display: flex; align-items: flex-start; justify-content: flex-start; gap: 0.833vw; width: max-content; max-width: max-content; }
#SiteContainer .grid-box-section.type1 .grid-boxes .grid-box { width: 21.615vw; height: 22.396vw; min-height: 340px; padding-inline-end: 4.427vw; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: start; }
/*#SiteContainer .grid-box-section.type1 .grid-boxes .grid-box::after { content: attr(box-number); direction: ltr; position: absolute; bottom: 1.042vw; right: 0; }*/
#SiteContainer .grid-box-section.type1 .grid-box .grid-box-image { margin-bottom: 2.084vw; }
#SiteContainer .grid-box-section.type1 .grid-box .grid-box-title { width: 11.458vw; min-height: 3.125vw; margin-bottom: 1.042vw; }

#SiteContainer .grid-box-section.type1 .grid-box .grid-box-title h3 { }
#SiteContainer .grid-box-section.type1 .grid-box .grid-box-fulltext { margin-block: 0 auto; }
#SiteContainer .grid-box-section.type1 .grid-box .grid-box-image { margin-bottom: 2.084vw; }
#SiteContainer .grid-box-section.type1 .grid-box .grid-box-title { width: 11.458vw; min-height: 3.125vw; margin-bottom: 1.042vw; }
#SiteContainer .grid-box-section.type1 .grid-box .grid-box-title h3 { }
#SiteContainer .grid-box-section.type1 .grid-box .grid-box-fulltext { margin-block: 0 auto; }
.about-page .grid-box-section.type1 .titles-wrapper { display: flex; flex-direction: column-reverse; align-items: center; justify-content: flex-end; gap: 2.084vw; margin: 0 auto 12.5vw; max-width: 73.177vw; }
.about-page .grid-box-section.type1 .titles-wrapper .section-title h2 { }
.about-page .grid-box-section.type1 .titles-wrapper .section-topText { }
.grid-box-section.type2.staff-section { margin-bottom: -8.333vw; padding-block: 8.333vw; width: 100%; background-color: var(--dark-blue); color: var(--white); }
.grid-box-section.type2.staff-section .section-title, .grid-box-section.type2.staff-section .section-topText { width: 56.771vw; margin: 0 auto 2.917vw; }
.grid-box-section.type2.staff-section .section-topText { margin-bottom: 8.333vw; }
.type2-grid-boxes-wrapper { display: flex; justify-content: flex-start; align-items: flex-start; overflow-x: auto; position: relative; flex-direction: column; padding: 2vw 1vw; }
.type2-grid-boxes-wrapper > h3 { position: absolute; top: 0; display: flex; align-items: center; justify-content: flex-start; gap: 0.4vw; }
.type2-grid-boxes-wrapper > h3:before { content: ''; position: relative; display: inline-flex; width: 0.502vw; min-width: 10px; height: 0.502vw; min-height: 10px; border-radius: 1px; background: var(--blue-vivid, #0081E3); }
.grid-box-section.type2 .grid-boxes { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 1.042vw; }
.grid-box-section.type2 .grid-boxes .grid-box { width: calc(20% - 0.84vw); border-radius: 6px; background: #FFF; overflow: hidden; height: 23.229vw; min-height: 300px; }
.box-type2-content { padding: 1.042vw 1.042vw 1.6vw; }
.box-type2-content { color: var(--dark-blue); text-align: right; position: absolute; bottom: -95px; background: #fff; transition: var(--transition); }
.box-type2-content .grid-box-title { margin-bottom: 0.217vw; }
.box-type2-content .grid-box-subtitle { color: var(--grey-text); margin-bottom: 1.042vw; }
.grid-box-section.type2 .grid-boxes .grid-box .grid-box-image-container img { height: 18.229vw; min-height: 250px; }

@media(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
}

@media (min-width:1025px) {
    .grid-box-section.type2 .grid-boxes .grid-box:hover .box-type2-content { bottom: 0; }
    
    .grid-box-section.type1 .projects-section .swiper-buttons { justify-content: flex-start; margin-bottom: 2.917vw; padding-inline: 1.042vw; }
}

@media (max-width:1024px) {
    #SiteContainer .grid-box-section.type1 .grid-box .grid-box-fulltext { padding: 0; font-size: 1.3rem; line-height: 1.4 !important; letter-spacing: 0.39px; }
    #SiteContainer .grid-box-section.type1 .grid-boxes .grid-box::after { bottom: 40px; right: 20px; }
}

.row-grid-section.type1 { width: 100%; }
.about-page .row-grid-section.type1 { background-color: var(--dark-blue); }
.row-grid-section.type1 .grid-rows { }
.row-grid-section.type1 .grid-rows .grid-row { border-top: 1px solid var(--grey); display: flex !important; align-items: center; justify-content: center; }
.row-grid-section.type1:not(.blue) .grid-rows .grid-row:last-child { border-bottom: 1px solid var(--grey); }
.row-grid-section.type1.blue .grid-rows .grid-row { border-top: 1px solid rgba(255, 255, 255, 0.40); }
.about-page .row-grid-section.type1 .grid-rows .grid-row { color: var(--white); }
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell { padding: 1.042vw; display: flex !important; height: 44.271vw; justify-content: center; align-items: center; }
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell.flexslider-box { border-inline-end: 1px solid var(--grey); }
.row-grid-section.type1.blue .grid-rows .grid-row .grid-row-cell.flexslider-box { border-inline-end: 1px solid rgba(255, 255, 255, 0.40); }
.row-grid-section.type1 .grid-rows .grid-row:nth-child(even) .grid-row-cell.flexslider-box { width: calc(50% + 3px); }
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell .grid-row-image-container { position: unset; border-radius: 6px; overflow: hidden; height: 100%; }
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell li.slider-item { padding: 0; height: 100%; }
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell ul.slides { height: 100%; width: 100%; }
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell .grid-row-image-container img { height: 100%; min-width: 100%; width: auto; object-fit: cover; }
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell blockquote { margin-block: 5.208vw 1.354vw; max-width: 18.75vw; line-height: 1.5; }
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell h4 { margin: 0; }
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell .grid-row-text ul { margin-inline-start: 1.042vw; margin-top: 0.83vw; }
.row-grid-section.type1 .grid-rows .grid-row .grid-row-cell h2.title { margin-bottom: 1.667vw; }
.about-page .row-grid-section.type1 .grid-rows .grid-row-text a.grid-row-button,
.about-page .row-grid-section.type1 .grid-rows .grid-row-text a.grid-row-button:hover { color: var(--dark-blue); }

.grid-text-section:is(.small-title-section,.normal-title-section) .grid-text-content h3:nth-child(n+3),
.grid-text-section:is(.small-title-section,.normal-title-section) .grid-text-content h3:nth-child(n+2) { margin-block: 1.667vw; }
.grid-text-section:is(.small-title-section,.normal-title-section) .grid-text .grid-text-content a.sec-button,
.grid-rows .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button:hover,
.home-page #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-subtitle.button a:hover,
.home-page #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-subtitle.button a { margin: 1.66vw 0 0; background: transparent; color: var(--dark-blue); border: 0; outline: none; padding: 0; display: flex; align-items: center; justify-content: flex-start; gap: 0.73vw; }
.grid-text-section:is(.small-title-section,.normal-title-section) .grid-text .grid-text-content a.sec-button::before,
.grid-rows .grid-row-text a.grid-row-button::before, .home-page #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-subtitle.button a::before { content: ''; display: inline-flex; position: relative; width: 48px; height: 48px; background-image: url(https://media.getmood.io/warehouse/dynamic/580937.svg); background-position: center; background-size: cover; }
.type3-grid-boxes-wrapper { display: flex; justify-content: flex-start; align-items: center; width: 100%; overflow: auto; }
#LobbyModule .type3-grid-boxes-wrapper .grid-boxes { display: flex; justify-content: flex-start; align-items: center; gap: 1.042vw; width: max-content; padding-inline: 1.042vw; }
#LobbyModule .type3-grid-boxes-wrapper .grid-box { border-radius: 6px; border: 1px solid var(--gray, #DAE0E8); overflow: hidden; }
#LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-image { border-radius: 6px; transition: var(--transition); }
#LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-image img { border-radius: 6px; transition: var(--transition); }
#LobbyModule .type3-grid-boxes-wrapper .grid-box:hover .grid-box-image img { border-radius: 2px; }
#LobbyModule .type3-grid-boxes-wrapper .grid-box:hover .grid-box-image { padding: 1.042vw; }
#LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-title { padding: 2.084vw 1.25vw; }
#LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-title h3 { }

.categories-strip { display: none; }
.large-title-section { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 2.604vw; }
.large-title-section .grid-text-content { max-width: 34.375vw; }

.grid-gallery-section { width: 100%; padding-inline: 5.208vw; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 8.333vw; }
.grid-gallery-section .section-title { max-width: 49.479vw; }
.grid-gallery-section .gallery-cubes { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 1.042vw; }
.grid-gallery-section .gallery-cubes > div { width: calc(10% - 0.938vw); height: 4.688vw; border-radius: 4px; border: 1px solid var(--gray, #DAE0E8); background: #FFF; padding: 0.677vw; pointer-events: none; }
.grid-gallery-section .gallery-cubes .boxes-images-outer-image { padding: 0; height: 100%; cursor: auto; }

@media(max-width: 1024px) {
    .grid-gallery-section { padding-inline: 6px; gap: 56px; }
    .grid-gallery-section .section-title { max-width: 100%; padding-inline: 34px; }
    .grid-gallery-section .gallery-cubes { gap: 5px; }
    .grid-gallery-section .gallery-cubes > div { width: calc(25% - 4px); height: auto; aspect-ratio: 1; padding: 13px; display: flex; align-items: center; justify-content: center; }
    .grid-gallery-section .gallery-cubes .boxes-images-outer-image { width: 100%; height: auto; }
    .home-page .grid-gallery-section .gallery-cubes .boxes-images-outer-image { display: flex; aspect-ratio: 1; background-size: contain !important; background-repeat: no-repeat; }
    .grid-gallery-section .clearfix.visible-xs-block { display: none !important; }
}

.list-section { width: 100%; padding-inline: 5.208vw; }
.list-section .grid-text-content { display: flex; justify-content: center; align-items: flex-start; gap: 1.042vw; }
.list-section .grid-text-content > ul { list-style: none; text-align: start; width: calc(50% - 0.52vw); color: var(--dark-blue, #021E5F); text-align: right; font-size: clamp(1.4rem,0.833vw,100rem); font-family: var(--text-550); line-height: 145%; /* 23.2px */ letter-spacing: 0.32px; }
.list-section .grid-text-content > ul li { padding-block: 0.58vw; border-top: 1px solid var(--gray, #DAE0E8); display: flex; align-items: center; justify-content: flex-start; gap: 2.917vw; }
.list-section .grid-text-content > ul li:first-of-type { border-top: 1px solid var(--dark-blue, #021E5F); }
.list-section .grid-text-content > ul li::before, .list-section .grid-text-content > ul li::after { content: ''; display: inline-flex; position: relative; color: var(--dark-blue, #021E5F); text-align: right; font-family: var(--text-550); font-size: clamp(1.5rem,0.73vw,100rem); line-height: 150%; /* 25.5px */ letter-spacing: 0.51px; }
.list-section .grid-text-content > ul li::before { content: attr(li-number); }
.list-section .grid-text-content > ul li::after { background-image: url(https://media.getmood.io/warehouse/dynamic/580942.svg); background-position: center; background-size: contain; background-repeat: no-repeat; min-width: 16px; width: 1.25vw; aspect-ratio: 1; margin-inline: auto 0; }

.grid-row-image-section { width: 100%; padding-inline: 5.208vw; }
.grid-row-image-section .grid-row { display: flex; align-items: center; justify-content: flex-start; }
.grid-row-image-section .grid-row .grid-row-cell.flexslider-box .box-image-animation { display: flex; }
.grid-row-image-section .grid-row .grid-row-cell { display: flex !important; justify-content: flex-start; align-items: center; }
.grid-row-image-section .grid-row .grid-row-cell.flexslider-box img { width: 32.031vw; height: 20.833vw; border-radius: 6px; object-fit: cover; }
.grid-row-image-section .grid-row .grid-row-cell .grid-row-text { width: 32.552vw; }
.grid-row-image-section .grid-row-text h2.title { margin-bottom: 1.667vw; }
.grid-rows .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button:hover { margin-top: 1.667vw; font-size: inherit; font-family: var(--text-800); line-height: 1.2; }
.grid-rows .grid-row-text a.grid-row-button span { display: none; }

.grid-box-section.type4 { width: 100%; }
#SiteContainer .grid-box-section.type4 .grid-boxes { padding-inline: 1.042vw; display: flex; align-items: stretch; justify-content: space-between; }
#SiteContainer .grid-box-section.type4 .grid-box { width: 50%; font-size: inherit; text-align: start; float: left !important; height: max-content; margin: 0; }
#SiteContainer .grid-box-section.type4 .grid-box:first-child { padding-inline-start: 4.167vw; width: 23.177vw; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; float: right !important; }
#SiteContainer .grid-box-section.type4 .grid-box:last-child { position: sticky; top: 0; }
.home-page #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-image { margin-bottom: 8.333vw; }
#SiteContainer .grid-box-section.type4 .grid-box img { border-radius: 6px; max-height: 41.146vw; }
#SiteContainer .grid-box-section.type4 .grid-box:first-child img { aspect-ratio: 1; object-fit: cover; }
.home-page #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-subtitle.button { margin-top: 2.084vw; }

@media(max-width: 1024px) {
    .home-page #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-subtitle.button { margin: 0; }
    .home-page #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-subtitle.button a { gap: 12px; }
}

.simple-title-section { max-width: 50vw; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1.667vw; }
.simple-title-section .grid-text { width: 36.458vw; }

.content-wrapper { display: flex; justify-content: space-between; align-items: flex-start; padding-inline: 5.208vw; margin-bottom: 8.333vw; width: 100%; direction: rtl; }
.content-wrapper > div { width: 50% !important; }
.content-wrapper #text1 { margin: 0; padding-inline-end: 19.01vw; text-align: start; }
.content-wrapper #text1 p.img-wrapper { margin-bottom: 0.43vw; display: flex; align-items: center; justify-content: flex-start; }
.content-wrapper #text1 p.img-wrapper:last-child { margin: 0; }
.content-wrapper #text1 p.img-wrapper a { margin-inline-start: 0.625vw; }
.content-wrapper #text1 p.img-wrapper:last-child a:first-child { margin: 0; }

@media(max-width: 1024px) {
    .contact-page .MainContent { margin-bottom: 20px; }
    .content-wrapper { padding-inline: 20px; flex-direction: column; }
    .content-wrapper #text1 { width: 100% !important; padding: 0; text-align: center; }
    .imgs-container { padding: 20px; border-radius: 6px; border: 1px solid var(--gray, #DAE0E8); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; }
    .content-wrapper #text1 p.img-wrapper { margin: 0; }
    .content-wrapper #text1 p.img-wrapper a { margin-inline-start: 15px; }
    .content-wrapper #text1 p.img-wrapper:last-child { padding-top: 20px; margin-top: 12px; border-top: 1px sold var(--grey); }
    #SiteGrid.layout-bottom #GridPromo { width: 100% !important; }
}


body:is(.FormResultPage,.page-404) div:is(#pageview, .page-not-found) { margin-block: 13.802vw 17.708vw; }
body:is(.FormResultPage,.page-404) #headline { margin-bottom: 1.667vw; }
body:is(.FormResultPage,.page-404) #text1 { max-width: 26.042vw; margin-inline: auto; }
body:is(.FormResultPage,.page-404) #text1 a.site-btn { margin-top: 1.667vw !important; display: inline-flex !important; height: 2.917vw; min-height: 40px; min-width: 7.292vw; padding: 0px 1.667vw; justify-content: center; align-items: center; gap: 0.63vw; border-radius: 6px; background: var(--blue-vivid, #0081E3); color: var(--white, #FFF); font-family: inherit; font-size: inherit; line-height: 145%; letter-spacing: 0.17px; transition: var(--transition); }
/*body:is(.FormResultPage,.page-404) #text1 a.site-btn:hover { background: var(--Yellow); color: var(--dark-blue); }*/

@media(max-width: 1024px) {
    body:is(.FormResultPage,.page-404) div:is(#pageview, .page-not-found) { margin-block: 25vh; }
    body:is(.FormResultPage,.page-404) #headline { margin-bottom: 20px; }
    body:is(.FormResultPage,.page-404) #text1 { max-width: 100%; padding-inline: 24px; }
    body:is(.FormResultPage,.page-404) #text1 a.site-btn { min-width: 140px; height: 50px; padding-inline: 24px; margin-top: 20px !important; }
}

.simple-page #pageview { margin-block: 8.646vw 8.333vw; }
.simple-page #pageview > div { max-width: 36.458vw; padding: 0; margin-inline: auto; }
.simple-page #headline { text-align: right; margin-bottom: 1.667vw; }
.simple-page #text1 { text-align: start; }
.simple-page #text1 :is(h2,h3) { margin-block: 1.667vw; }
.simple-page #text1 h2:first-child { margin-top: 0; }
.simple-page #text1 ul { margin-inline-start: 1.042vw; }

@media(max-width: 1024px) {
    .simple-page #pageview { margin-block: 66px; }
    .simple-page #pageview > div { max-width: 100%; padding-inline: 20px; }
    .simple-page #headline { margin-bottom: 28px; }
    .simple-page #text1 h2:first-child { margin-bottom: 28px; }
    .simple-page #text1 :is(h2,h3) { margin-block: 28px; }
    .simple-page #text1 ul { margin-inline-start: 20px; margin-bottom: 20px; }
}

.projects-page-container { margin-bottom: 8.333vw; }
.tags-wrapper { display: flex; align-items: center; justify-content: center; width: 100%; overflow: auto; padding-inline: 1.042vw; margin-bottom: 1.042vw; }
ul.tags-list { list-style: none; display: flex; align-items: center; justify-content: center; gap: 0.63vw; border-top: 1px solid var(--gray, #DAE0E8); border-bottom: 1px solid var(--gray, #DAE0E8); padding-block: 0.625vw; min-width: 100%; width: max-content; }
ul.tags-list button { display: flex; min-height: 35px; height: 2.344vw; padding-inline: clamp(15px, 1.042vw,100px); justify-content: center; align-items: center; gap: 0.63vw; border-radius: 6px; background: rgba(218, 224, 232, 0.30); transition: var(--transition); }
ul.tags-list button.active, ul.tags-list button:hover { background-color: var(--Yellow); color: var(--dark-blue); }

.projects-page #gridshort-view { padding-inline: 1.042vw; }
.projects-page #gridshort-view > div { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 2.917vw 1.042vw; }

.projects-page #gridshort-view > div .grid-short-box { width: calc(50% - 0.53vw); display: none; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: start; }
.projects-page #gridshort-view > div .grid-short-box.active { display: flex; }
.projects-page #gridshort-view .grid-short-box-image { padding: 0; overflow: hidden; border-radius: 6px; width: 100%; aspect-ratio: 3/2.25; margin-bottom: 0.733vw; }
.projects-page #gridshort-view .grid-short-box-image img { position: unset; transform: none; min-width: 100%; object-fit: cover; transition: var(--transition); }
.projects-page #gridshort-view .grid-short-box:hover .grid-short-box-image img { transform: scale(1.05); }

@media(max-width: 1024px) {
    .tags-wrapper { padding-inline: 6px; margin-bottom: 8px; justify-content: flex-start; }
    ul.tags-list { gap: 6px; padding: 8px 0 8px 6px; justify-content: flex-start; min-width: max-content; width: max-content; border: 0; }
    ul.tags-list button { height: 42px; padding-inline: 12px; width: max-content; }
    .projects-page #gridshort-view { padding-inline: 6px; }
    .projects-page #gridshort-view > div { gap: 6px; margin-bottom: 40px; }
    .projects-page #gridshort-view > div .grid-short-box { width: 100%; padding-bottom: 20px; border-radius: 6px; border: 1px solid var(--gray, #DAE0E8); overflow: hidden; }
    .projects-page #gridshort-view .grid-short-box-image { margin-bottom: 16px; border-radius: 0; }
    .projects-page .grid-short-box-link, .projects-page .grid-short-box-CF { padding-inline: 16px; width: 100%; }
    .projects-page .grid-short-box-CF { margin-top: 2px; }
}

.project-page { width: 100%; max-width: 73vw; margin-inline: auto; margin-bottom: 9.375vw; padding-top: 5.208vw; border-top: 1px solid var(--gray, #DAE0E8); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 5.208vw; }
.project-page .grid-text-section:is(.small-title-section,.normal-title-section) .grid-text .grid-text-content { margin: 0; opacity: 1; }
.project-page .grid-text-section:is(.small-title-section,.normal-title-section) .grid-text > h2 { margin-bottom: 1.667vw; }
.project-page .grid-text-section:is(.quote-section,.small-title-section,.normal-title-section) { padding: 0; }
.project-page .grid-text-section:is(.small-title-section,.normal-title-section) .section-title { width: 40.365vw; }
.project-page .grid-text-section:is(.small-title-section,.normal-title-section) .grid-text { width: auto; }
.project-page .gallery-container .iframe-container { margin-bottom: 0.733vw; }
.project-page .gallery-container .iframe-container iframe { width: 100%; height: 41.667vw; }
section.gallery-section.project-gallery { display: flex; width: 100%; }
section.gallery-section.project-gallery .gallery-cubes { display: flex; align-items: flex-start; justify-content: flex-start; gap: 1.042vw; flex-direction: column; }
section.gallery-section.project-gallery .gallery-cubes > div { border-radius: 6px; overflow: hidden; width: 100%; height: 41.667vw; pointer-events: none; }
section.gallery-section.project-gallery .boxes-images-outer-image { padding: 0; height: 100%; width: 100%; transition: var(--transition); pointer-events: none; }
section.gallery-section.project-gallery .gallery-cubes > div:hover .boxes-images-outer-image { transform: scale(1.05); }

@media(max-width: 1024px) {
    .project-page { max-width: 100%; border: 0; padding: 0; gap: 56px; margin-bottom: 6px; }
    .contentInnerPage #lobbyview.project-lobbyview { margin-bottom: 20px; }
    .project-page .grid-text-section:is(.quote-section,.small-title-section,.normal-title-section) { align-items: center; text-align: center; }
    .project-page .grid-text-section:is(.small-title-section,.normal-title-section) .section-title { width: 100%; justify-content: center; margin-bottom: 20px; }
    .project-page .grid-text-section:is(.small-title-section,.normal-title-section) .grid-text { padding-inline: 24px; }
    .project-page .grid-text-section:is(.small-title-section,.normal-title-section) .grid-text > h2 { margin-bottom: 20px; }
    .project-page .gallery-container .iframe-container { padding-inline: 6px; width: 100%; }
    .project-page .gallery-container .iframe-container iframe { height: auto; aspect-ratio: 1; }
    section.gallery-section.project-gallery .gallery-cubes > div { height: auto; aspect-ratio: 1; }
    section.gallery-section.project-gallery .gallery-cubes { gap: 6px; padding-inline: 6px; }
}


@media(max-width: 1024px) {
    #lobbyview, .contact-page .MainContent { margin-block: 66px 56px; max-width: 100%; padding-inline: 24px; gap: 12px; }
    .GridTopWrapper { width: 100%; height: auto; aspect-ratio: 1/1; margin-bottom: 56px; }
    #GridTop,
    .GridTop { width: calc(100% - 12px); background-size: cover; height: 150%; }
    #allSectionsWrapper { gap: 56px; margin-bottom: 56px; }
    .about-page .grid-text-section.quote-section { margin-bottom: -24px; }
    .grid-text-section:is(.quote-section,.small-title-section,.normal-title-section) { padding-inline: 20px; }
    .grid-text-section.quote-section .grid-text-content { max-width: 100%; }
    .grid-text-section:is(.small-title-section,.normal-title-section) { flex-direction: column; }
    .grid-text-section:is(.small-title-section,.normal-title-section) .section-title { width: 100%; gap: 6px; margin-bottom: 28px; }
    .section-title h2, .section-title h1 { margin: 0; }
    .grid-text-section:is(.small-title-section,.normal-title-section) .grid-text { width: 100%; padding: 0; }
    .grid-content-section.areas-of-activity-section { gap: 0; width: 100%; }
    .grid-content-section.areas-of-activity-section .section-title { margin-bottom: 40px; }
    #allSectionsWrapper .grid-content-section.areas-of-activity-section .grid-boxes { flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 0; }
    #allSectionsWrapper .areas-of-activity-section .grid-box { border-top: 1px solid var(--grey); align-items: flex-start; padding: 6px; flex-direction: row; }
    #allSectionsWrapper .areas-of-activity-section .grid-box::after { content: attr(box-number); position: absolute; left: calc(50% - 35px); bottom: 16px; direction: ltr; }
    #allSectionsWrapper .areas-of-activity-section .grid-box::before { content: ''; position: absolute; width: 32px; height: 32px; left: 10px; bottom: 16px; background-image: url(https://media.getmood.io/warehouse/dynamic/582559.svg); background-size: cover; }
    #allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-image { width: 50%; border-radius: 6px; }
    #allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-title { width: 50%; height: 100%; padding: 10px 16px; align-items: flex-start; justify-content: flex-start; text-align: start; padding-inline-end: 40px; }
    #LobbyModule .areas-of-activity-section .grid-box .grid-box-title h3 { margin: 0; text-align: right; }
    .areas-of-activity-section .grid-box .grid-box-image-container { height: 145px; }
    #allSectionsWrapper .areas-of-activity-section .grid-box.lastItem { border-bottom: 1px solid var(--grey); }
    .grid-image-section { padding-inline: 6px; }
    .grid-image-section, .image-section-data { height: auto; aspect-ratio: 1; }
    .about-page .grid-box-section.type1 .titles-wrapper { max-width: 100%; padding-inline: 8px; gap: 20px; margin-bottom: 56px; }
    #LobbyModule .grid-box-section.type1 .grid-boxes-wrapper { padding: 0; overflow: auto; }
    #LobbyModule .grid-box-section.type1 .grid-boxes { gap: 0; border-block: 1px solid var(--grey); }
    #LobbyModule .grid-box-section.type1 .grid-boxes .grid-box { width: 60.55vw; height: 405px; padding: 40px 20px; border-left: 1px solid var(--grey); }
    #LobbyModule .grid-box-section.type1 .grid-box .grid-box-image { margin-bottom: 40px; width: 70px; height: 72px; padding: 5px 9px; }
    #LobbyModule .grid-box-section.type1 .grid-box .grid-box-title { width: 100%; min-height: 35px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--grey); }
    .grid-box-section.type2.staff-section { margin-block: -56px; padding-block: 56px 30px; }
    .grid-box-section.type2.staff-section .section-title, .grid-box-section.type2.staff-section .section-topText { width: 100%; text-align: right; margin-bottom: 28px; padding-inline: 20px; }
    .grid-box-section.type2.staff-section .section-topText { margin-bottom: 80px; }
    .type2-grid-boxes-wrapper { padding: 50px 6px; }
    .grid-box-section.type2 .grid-boxes { gap: 6px; }
    .grid-box-section.type2 .grid-boxes .grid-box { width: calc(50% - 3px); height: 275px; position: relative; }
    .grid-boxes .grid-box-image, #LobbyModule .grid-boxes .grid-box-image { padding: 0; }
    .grid-box-section.type2 .grid-boxes .grid-box .grid-box-image-container img { min-height: 185px; }
    .box-type2-content { padding: 16px; bottom: -133px; }
    .macOs .box-type2-content { padding: 16px; bottom: -93px; }
    .open .box-type2-content { bottom: 0px; }
    .staff-section .box-type2-content .grid-box-title { display: block; margin-bottom: 8px; }

    #LobbyModule .box-type2-content .grid-box-title h3 { margin: 0; }
    .box-type2-content .grid-box-subtitle { margin-bottom: 13px; color: var(--dark-blue); min-height: 34px; }
    #SiteContainer .grid-box .box-type2-content .grid-box-fulltext { padding: 0; }
    .box-type2-content .grid-box-subtitle { }

    .row-grid-section.type1 .grid-rows .grid-row { border: 0; flex-direction: column; }
    .row-grid-section.type1 .grid-rows .grid-row .grid-row-cell { height: auto; width: 100vw; padding: 0; }
    .row-grid-section.type1 .grid-rows .grid-row:nth-child(even) .grid-row-cell.flexslider-box { width: 100vw; }
    .row-grid-section.type1 .grid-rows .grid-row .grid-row-cell.flexslider-box { border: 0; padding: 0 6px; height: 100vw; }
    .row-grid-section.type1:not(.blue) .grid-rows .grid-row:last-child { border: 0; }
    .row-grid-section.type1:not(.blue) .grid-rows .grid-row .grid-row-text { padding-block: 56px 0; }
    .row-grid-section.type1 .grid-row-cell .grid-row-text { padding: 80px 24px; width: 100%; margin: 0; }
    .row-grid-section.type1 .grid-rows { width: 100%; }


    .about-page .row-grid-section.type1 { display: flex; }
    .row-grid-section.type1 .grid-rows .grid-row .grid-row-cell blockquote { max-width: 100%; margin-block: 80px 28px; }
    .row-grid-section.type1 .grid-rows .grid-row .grid-row-cell .grid-row-text ul { margin-inline-start: 20px; margin-top: 28px; }
    .row-grid-section.type1 .grid-rows { width: 100%; }
    .about-page .row-grid-section.type1 { display: flex; }
    .row-grid-section.type1 .grid-rows .grid-row .grid-row-cell blockquote { max-width: 100%; margin-block: 80px 28px; }
    .row-grid-section.type1 .grid-rows .grid-row .grid-row-cell .grid-row-text ul { margin-inline-start: 20px; margin-top: 28px; }
    .row-grid-section.type1 .grid-rows .grid-row .grid-row-cell .grid-row-text ul li { margin-bottom: 8px; }
    blockquote { margin-bottom: 28px; }
    blockquote::before { margin-bottom: 20px; }
    .grid-text .grid-text-content .gridText2 { margin-top: 28px; }
    #LobbyModule .grid-box-section.type1 .grid-box .grid-box-title h3 { width: 90%; color: var(--dark-blue, #021E5F); font-size: 1.5rem; font-family: var(--text-800); line-height: 110%; /* 16.5px */ letter-spacing: 0.3px; margin: 0; }
    #LobbyModule .grid-box-section.type1 .grid-box .grid-box-fulltext,
    #LobbyModule .box-type2-content .grid-box-title h3 { line-height: 1.1 }
    .type2-grid-boxes-wrapper > h3 { gap: 6px; right: 24px; }
    .row-grid-section.type1 .grid-rows .grid-row .grid-row-cell h4, .row-grid-section.type1 .grid-rows .grid-row .grid-row-cell h2.title { font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.32px; }

    #LobbyModule .type3-grid-boxes-wrapper .grid-boxes { padding-inline: 6px; flex-direction: column; gap: 0; }
    #LobbyModule .type3-grid-boxes-wrapper .grid-box { border-radius: 0; border: 0; border-top: 1px solid var(--gray, #DAE0E8); padding: 6px; display: flex; }
    #LobbyModule .type3-grid-boxes-wrapper .grid-box > div { width: 50%; }
    #LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-title { padding: 10px 16px 10px 10px; text-align: start; }
    #LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-image img { width: 100%; aspect-ratio: 5.9/5; }
    #LobbyModule .type3-grid-boxes-wrapper .grid-box:last-child { border-bottom: 1px solid var(--gray, #DAE0E8); }
    #LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-title h3 { margin: 0; width: 100%; height: 100%; position: relative; }
    #LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-title h3 a { display: block; width: 100%; height: 100%; }
    #LobbyModule .type3-grid-boxes-wrapper .grid-box .grid-box-title h3::after { content: ''; position: absolute; width: 32px; height: 32px; left: 0; bottom: 0; background-image: url(https://media.getmood.io/warehouse/dynamic/581252.svg); background-position: center; background-size: cover; }

    .grid-text-section:is(.small-title-section,.normal-title-section) .grid-text .grid-text-content a.sec-button, .grid-rows .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button:hover { margin-top: 32px; gap: 10px; font-size: 100%; text-decoration: underline; text-align: start; }

    .large-title-section { gap: 40px; padding-inline: 16px; }
    .large-title-section .grid-text-content { max-width: 100%; }
    .large-title-section .clearfix.visible-xs-block { display: none !important; }

    .list-section { padding: 0; }
    .list-section .grid-text-content { gap: 0; flex-direction: column; }
    .list-section .grid-text-content > ul { width: 100%; font-size: inherit; }
    .list-section .grid-text-content > ul li:first-of-type { border-top: 1px solid var(--gray, #DAE0E8); }
    .list-section .grid-text-content > ul li { padding: 16px; gap: 10px; }
    .list-section .grid-text-content > ul li::after { min-width: 24px; background-size: cover; }

    .grid-row-image-section { padding-inline: 0; }
    .grid-row-image-section .grid-row { display: flex !important; flex-direction: column-reverse; justify-content: flex-end; align-items: flex-start; gap: 56px; }
    .grid-row-image-section .grid-row .grid-row-cell .grid-row-text { width: 100%; padding: 0 18px; margin: 0; }
    .grid-row-image-section .grid-row-text h2.title { margin-bottom: 28px; }
    .grid-row-image-section .grid-row .grid-row-cell { padding-inline: 6px; }
    .grid-row-image-section .grid-row .grid-row-cell.flexslider-box img { width: 100%; aspect-ratio: 1; height: auto; }

    #LobbyModule .grid-box-section.type4 .grid-boxes { padding-inline: 6px; flex-direction: column; }
    #LobbyModule .grid-box-section.type4 .grid-box:first-child { padding: 0; width: 100%; gap: 56px; }
    #LobbyModule .grid-box-section.type4 .grid-box img { max-width: 100%; max-height: max-content; }
    .grid-boxes .grid-box-image, #LobbyModule .grid-boxes .grid-box-fulltext { padding-inline: 14px; }
    #LobbyModule .grid-box-section.type4 .grid-box.lastItem { display: none; }
    .simple-title-section { max-width: 100%; padding-inline: 20px; align-items: flex-start; gap: 28px; }
    .simple-title-section .grid-text { width: 100%; text-align: right; }
    .simple-title-section .clearfix.visible-xs-block { display: none !important; }



    .solutions-section { max-width: 100%; padding-inline: 20px; margin-bottom: -28px; text-align: right; }

    #SiteContainer .grid-box-section.type4 .grid-boxes { padding: 0; }

    #SiteContainer .grid-box-section.type4 .grid-box:first-child { width: 100%; padding-inline: 6px; margin: 0; }

    #SiteContainer .grid-box-section.type4 .grid-box { display: none; }

    #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-image { padding: 0; margin-bottom: 56px; }

    #SiteContainer .grid-box-section.type4 .grid-box img { width: 100%; max-height: max-content; }

    #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-fulltext { padding: 0 14px 28px; }

    #SiteContainer .grid-box-section.type4 .grid-box:first-child .grid-box-subtitle.button { padding-inline: 14px; }

    .running-text-section .grid-text-content { font-size: 80px; line-height: 0.94; letter-spacing: -2.4px; }

    .advantages-section { display: flex; flex-direction: column; }

    .advantages-section .section-title { padding-block: 56px; text-align: center; position: unset; }

    .advantages-section > div:not(.clearfix) { width: 100%; }
    .advantages-section .grid-boxes { border: 0; border-top: 1px solid var(--grey); }
    .advantages-section .grid-boxes .grid-box { margin: 0; padding: 40px 20px; min-height: 340px; gap: 20px; justify-content: flex-start; }



    .advantages-section .grid-boxes .grid-box .grid-box-image-container { height: 72px; }
    .advantages-section .grid-boxes .grid-box .grid-box-image { padding: 0; }
    .advantages-section .grid-boxes .grid-box .grid-box-title { min-height: 63px; display: flex; align-items: flex-end; max-width: 100%; }
    .advantages-section .grid-boxes .grid-box .grid-box-title h3 { margin: 0; padding-bottom: 20px; border-bottom: 1px solid var(--grey); line-height: 1; padding-inline-end: 20px; }

    .advantages-section .grid-boxes .grid-box .grid-box-fulltext { height: max-content; min-height: auto; opacity: 1; letter-spacing: 0.39px; }
    .advantages-section .grid-boxes .grid-box .grid-box-fulltext .text-wrapper { transform: unset; }
    .advantages-section .grid-boxes .grid-box::after { bottom: 40px; right: 20px; }
    #allSectionsWrapper .grid-content-section.areas-of-activity-section .grid-boxes { gap: 0; }
    #allSectionsWrapper .areas-of-activity-section .grid-box { margin: 0; border-radius: 0; border-bottom: 0; border-inline: 0; width: 100%; }
    #allSectionsWrapper .areas-of-activity-section .grid-box .grid-box-title h3 { margin: 0; max-width: 100%; }
    .home-page .grid-row-section.circle-section .grid-row { flex-direction: column-reverse; gap: 56px; }

    .home-page .grid-row-section.circle-section .grid-row .grid-row-cell { width: 100% !important; padding-inline: 20px; }
    .home-page .grid-row-section.circle-section .grid-row .grid-row-cell img { width: 100%; }
}

/*-------------------------------------------/*
 MOUSE HOVER EFFECT
/*------------------------------------------*/
div[data-cursor-img], div[data-cursor-img] * { cursor: pointer; }
body .mf-cursor { z-index: 1000; }
body .mf-cursor:before { left: -3.865vw; top: -3.865vw; width: 5.73vw; height: 5.73vw; opacity: 1 !important; transform: scale(0); background: var(--Yellow); border-radius: 50%; }
body .mf-cursor.-hidden:before { transform: scale(0) !important; }
body .mf-cursor.-media:before { transform: scale(1); }
body .mf-cursor .mf-cursor-media { width: 5.73vw; height: 5.73vw; margin: -3.865vw 0 0 -3.865vw; }
body .mf-cursor .mf-cursor-media .mf-cursor-media-box { display: flex; padding: 0; align-items: center; justify-content: center; }
body .mf-cursor.-media .mf-cursor-media .mf-cursor-media-box { transform: scale(1) !important; }
body .mf-cursor.-hidden .mf-cursor-media .mf-cursor-media-box { transform: scale(0) !important; }
body .mf-cursor .mf-cursor-media .mf-cursor-media-box img { width: auto; height: auto; transform: unset; border-radius: unset; position: relative; top: unset; left: unset; }
body.scrolling-up .mf-cursor.-scroll .mf-cursor-media .mf-cursor-media-box img { transform: scaleX(-1); }


@media(min-width: 1025px) {
    :is(div, #LobbyModule) .button-with-anim .btn-text-wrapper { line-height: 0.9; overflow: hidden; }
    :is(div, #LobbyModule) .button-with-anim .btn-text-wrapper span,
    :is(div, #LobbyModule) .footerFormContainer .dynamicFormObjectSubmit .button-with-anim:hover .btn-text-wrapper span { text-shadow: 0px 1vw 0px var(--dark-blue); transition: transform 0.5s cubic-bezier(.23, 1, .32, 1); display: flex; }
    :is(div, #LobbyModule) .dynamicFormObjectSubmit .button-with-anim .btn-text-wrapper span,
    body:is(.FormResultPage,.page-404) :is(div, #LobbyModule) .button-with-anim .btn-text-wrapper span { text-shadow: 0px 1vw 0px var(--white); }
    #header2.bg ul.menu li:has(a[href='/contact']) .button-with-anim .btn-text-wrapper span,
    #header2:not(.bg) ul.menu li:not(:has(a[href='/contact'])) .button-with-anim .btn-text-wrapper span { text-shadow: 0px 1vw 0px var(--white); }
    :is(div, #LobbyModule) .footerFormContainer .dynamicFormObjectSubmit .button-with-anim:hover .btn-text-wrapper span { text-shadow: 0px 1vw 0px var(--dark-blue); }
    :is(div, #LobbyModule) .button-with-anim:is(:hover, :focus) .btn-text-wrapper span { transition: transform 0.5s cubic-bezier(.23, 1, .32, 1); transform: translateY(-1vw); }
}


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


/*.about-page .projects-section .swiper-buttons {display:none;}*/