﻿/*SPHERA*/
@import url('https://fonts.googleapis.com/css2?family=Heebo&display=swap');


:root { --black: #181B1D; --lightGrey: #ECECEC; --gray-running-text: #494D51; --blue: #00305B; --blue2: #006FC0; --blueHover: #218FE0; --bg: #F4F6F7; --bgGrey: #E7EBEE; --bgGra: var(--new-GR, linear-gradient(270deg, rgba(255, 132, 243, 0.68) 0%, rgba(38, 172, 252, 0.90) 50%, rgba(118, 255, 247, 0.90) 100%)); --running-text: 'Rubik-Regular'; --hebTitles: 'Heebo-Medium'; --hebRegTitles: "Heebo", sans-serif; --enTitles: 'made_mirage'; }

/* General */
html { font-size: 62.5%; overflow-x: clip; }
body { overflow: clip; opacity: 0; transition: opacity 0.35s ease; font-size: clamp(1.6rem,0.938vw,100rem); line-height: 1.4; zoom: 1 !important; color: var(--black); background-color: var(--bg); }
body.ready { opacity: 1 }

div#INDWrap { z-index: 2 !important; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    body { font-size: clamp(1.45rem,0.755vw,100rem); }
}

@media(max-width: 1024px) {
    body { font-size: 1.5rem; letter-spacing: 0.6px; }
}

/*reset*/
#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; }
.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; }
.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%; }
#header.detailsInRow .menu-nav { margin: 0; padding: 0 }
#header ul.menu { margin: 0; padding: 0; }
#header ul.menu li { margin: 0; padding: 0; }
#header ul.menu li:hover, #header ul.menu li:focus, #header ul.menu li.active { color: inherit; }
#header .header-top-left { margin: 0; padding: 0; }
#header .header-top-left a { margin: 0; padding: 0; }
#header 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; line-height: 1.35; }
.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; }
#header .max-width { max-width: 100%; width: 100%; height: 100%; }
#SiteFooter { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
#GridPage .max-width { width: 100%; }
#header ul.menu li a:focus { border: 0; }
#header #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; width: 140px; }
#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%; }
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-thumb { border-radius: 10px; }
.gallery-cubes > div, div.flex-row > div, section .grid-box { opacity: 1; }


@media(min-width: 1024px) {
    ::-webkit-scrollbar { width: 7px; background: var(--bgGrey); }
    ::-webkit-scrollbar-thumb { background: var(--blueHover); }
}

@media(max-width: 1024px) {
    body:has(#header.open) { /*overflow: hidden !important;*/ }
    a.AccessabilityLink { font-size: 1.4rem; }
    .FormResultPage #SiteGridContainer { min-height: 90vh; }
    .FormResultPage #pageview #headline h1 { margin-bottom: 34px; }
    .FormResultPage #pageview #text1 p { margin-bottom: 25px; font-size: 1.4rem; }
    .FormResultPage #pageview #text1 .FormResultPageButton { height: 50px; padding: 0px 40px; }
    .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; }
}

/*----------------------------/*

        FONTS - SIZE

/*---------------------------*/

/*EN Titles - 150px*/
#SiteContainer .our-services-section .grid-text-content h2 { font-family: var(--enTitles); font-size: clamp(12rem,7.813vw,100rem); line-height: 0.9; letter-spacing: -1.5px; text-transform: capitalize; color: var(--black); }

/*First Titles - 64px*/
.section-title h1, .section-title h2, #headline h1, .grid-rows .grid-row-text h2:first-of-type,
.FooterForm #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: var(--hebRegTitles); font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: clamp(5rem,3.333vw,100rem); line-height: 1.1; letter-spacing: -1.28px; color: var(--black); }

/*Sec Titles - 30px*/
#home-gallery .gallery-caption .gallery-text, #SiteContainer .grid-boxes .grid-box-title h3 { font-family: var(--hebTitles); font-size: clamp(2.4rem,1.563vw,100rem); line-height: 1.1; letter-spacing: -0.3px; color: var(--black); }

/*Third Titles - 24px*/
.grid-boxes .owl-item .grid-box-title h3, .grid-rows .grid-row-text h3, #SiteContainer .services-includes-sec .grid-box-title h3,
#contactDetails .contactDetailsText1 h2, #header .menu-nav #menu li a, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
.about-page .grid-row-section .grid-rows .grid-row-text h3:last-of-type, #accessability h2, .terms-page #text1 h2 { font-family: var(--hebTitles); font-size: clamp(1.8rem,1.25vw,100rem); line-height: 1.2; letter-spacing: -0.24px; color: var(--black); }

/*Fourth Titles - 22px*/
.section-topText, .lobbyTextContainer, #contactDetails .contactDetailsText1 p, .about-sec .grid-text-content { font-size: clamp(1.8rem,1.146vw,100rem); line-height: 1.4; color: var(--gray-running-text); }

@media (max-width:1024px) {
    /*EN Titles - 42px*/
    #SiteContainer .our-services-section .grid-text-content h2 { font-family: var(--enTitles); font-size: clamp(4.2rem,11.2vw,100rem); line-height: 0.9; letter-spacing: -1.42px; text-transform: capitalize; color: var(--black); }

    /*First Titles - 32px*/
    .section-title h1, .section-title h2, #headline h1, .grid-rows .grid-row-text h2:first-of-type,
    .FooterForm #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
    #SiteContainer .grid-boxes .grid-box-title h3 { font-family: var(--hebRegTitles); font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: clamp(3.2rem,8.533vw,100rem); line-height: 1.1; letter-spacing: -1.64px; }

    #SiteContainer .grid-boxes .grid-box-title h3 { font-family: var(--hebTitles); }
    /*Sec Titles - 26px*/

    #LobbyModule .service-boxes-sec .grid-box-wrapper .grid-box .grid-box-title h3 { font-size: clamp(2.6rem,6.933vw,100rem); letter-spacing: -0.52px; line-height: 110%; font-family: var(--hebRegTitles) }

    /*Hero Titles - 20px*/
    #home-gallery .gallery-caption .gallery-text { font-size: clamp(2rem,5.333vw,100rem); line-height: 1.2; letter-spacing: -0.2px; }

    /*Third Titles - 19px*/
    .grid-boxes .owl-item .grid-box-title h3, .grid-rows .grid-row-text h3, #SiteContainer .services-includes-sec .grid-box-title h3,
    #contactDetails .contactDetailsText1 h2, #header .menu-nav #menu li a, .FooterForm.form-cotainer-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
    #header .menu-nav #menu li a, #SiteContainer .our-customers-sec .grid-boxes .grid-box-wrapper .grid-box-title h3,
    #accessability h2, .terms-page #text1 h2 { font-family: var(--hebTitles); font-size: clamp(1.9rem,5.067vw,100rem); line-height: 1.3; letter-spacing: 0; }

    /*Fourth Titles - 16px*/
    .section-topText, .lobbyTextContainer, #contactDetails .contactDetailsText1 p, .about-sec .grid-text-content { /* font-family: var(--hebTitles); */ font-size: clamp(1.6rem,4.267vw,100rem); line-height: 1.4; color: var(--gray-running-text); }
}

/*----------------------------/*

           BUTTON

/*---------------------------*/
.grid-rows .grid-row-text .button-wrapper a.main-button, .button-wrapper .main-button, #header #header-center-kdm .button-wrapper .main-button { display: flex; min-height: 46px; height: 2.604vw; min-width: 9.375vw; width: max-content; padding: 0 1.563vw; justify-content: center; align-items: center; gap: 0.833vw; border-radius: 58px; background: var(--blue2); color: #fff; transition: all 0.35s ease; font-size: clamp(1.6rem,0.938vw,100rem); line-height: 1.4; font-family: var(--running-text); border: 0; }
.button-wrapper .main-button .scr-reader-only { display: none; }

@media(min-width:1025px) {
    .grid-rows .grid-row-text .button-wrapper a.main-button:hover, .button-wrapper .main-button:hover, #header #header-center-kdm .button-wrapper .main-button:hover { background: var(--blueHover); }
}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .grid-rows .grid-row-text .button-wrapper a.main-button, .button-wrapper .main-button, #header #header-center-kdm .button-wrapper .main-button { min-width: 100px; }
}

@media(max-width:1024px) {
    .grid-rows .grid-row-text .button-wrapper a.main-button, .button-wrapper .main-button, #header #header-center-kdm .button-wrapper .main-button { min-width: 43.733vw; padding-inline: 4vw; }
}

/*----------------------------/*

          SECTIONS

/*---------------------------*/
.section:not(:last-of-type) { margin-bottom: 5.208vw }

.grid-gallery-section { padding-inline: 1.667vw }
.owl-carousel.owl-text-select-on { display: flex; align-items: center; justify-content: center; padding-inline: 3.333vw; position: relative; }
.owl-carousel .owl-controls { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; left: 0; top: 0; }
.owl-carousel .owl-controls .owl-nav { display: block; width: 100%; height: 100%; }
.owl-carousel .owl-controls .owl-nav > div { display: flex; }
.owl-carousel .owl-controls .owl-nav .owl-prev { right: 0 }
.owl-carousel .owl-controls .owl-nav .owl-next { left: 0 }
.owl-carousel .owl-controls .owl-nav > div::after { background-position: center; background-repeat: no-repeat; background-size: cover; width: 22px; height: 40px; position: absolute; }
.owl-carousel .owl-prev:after { background-image: url(https://cdn3.getmood.io/warehouse/dynamic/490514.svg); }
.owl-carousel .owl-next:after { background-image: url(https://cdn3.getmood.io/warehouse/dynamic/490513.svg); }

.grid-gallery-section .owl-carousel img { max-height: 800px; object-fit: cover; }
.grid-gallery-section :has(.owl-carousel .owl-item:only-child) .owl-controls { display: none; }
.grid-gallery-section :has(.owl-carousel .owl-item:only-child) .owl-stage { transform: unset !important; cursor: initial !important; pointer-events: none; }

#SiteContainer .section-title,
#SiteContainer .grid-text-content,
.section-topText { max-width: 33.854vw; margin-inline: auto; }
#SiteContainer .section-title { margin-bottom: 0.9vw; }
#SiteContainer .grid-text-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 1.5vw; }


.grid-rows .grid-row { padding-block: 5.208vw; }
.grid-rows .grid-row:nth-child(odd) { background-color: var(--bgGrey); }
.grid-rows .grid-row:nth-child(even) { }
.grid-rows .grid-row-cell { display: inline-flex !important; justify-content: center; align-items: center; }
.grid-row .grid-row-cell.grid-row-cell-text { padding-inline: 9.375vw; }
.grid-rows .grid-row-text { width: 100%; }
.grid-rows .grid-row-text h2:first-of-type { margin-bottom: 0.55vw; }
.grid-rows .grid-row-cell.flexslider-box { padding-inline-start: 5.208vw; }
.grid-row .grid-row-image-container { position: unset; width: 100%; height: 100%; }
.grid-row .grid-row-image-container img { object-fit: cover; min-height: 100%; }
.grid-row li.slider-item { padding: 0; margin: 0; width: 44.792vw; height: 41.667vw; }
.grid-row .grid-row-cell.grid-row-cell-text ul { margin-top: 1.2vw; }
.grid-rows .grid-row-text h3 { margin-bottom: 1.2vw; }


.images-gallery-sec .gallery-cubes { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 1.042vw; }
.images-gallery-sec .gallery-cubes > div { width: calc(25% - 0.842vw) !important; !i; !; }



body:not(.top-margin-page) #GridContent { margin-top: 9.596vw; }

#headline { margin-bottom: 4.5vw; }

#GridTop { height: 28.646vw; margin-bottom: 5.2vw; }

.lobbyTextContainer { margin-bottom: 5.2vw; max-width: 44vw; margin-inline: auto; }

ul { list-style: none; list-style-position: inside; }
li { margin-bottom: 0.18vw; display: flex; align-items: flex-start; justify-content: flex-start; }
li::before { content: ''; display: block; width: 0.313vw; height: 0.313vw; min-width: 5px; min-height: 5px; background: #000; border-radius: 50%; margin-left: 0.413vw; margin-top: 0.5vw; }
ul > li *:is(ol,ul), ol > li *:is(ol,ul) { width: 100%; }
ul > li:has(:is(ol,ul)), ol > li:has(:is(ol,ul)) { flex-wrap: wrap; }

.grid-row li.slider-item::before, .flex-control-nav li::before,
#home-gallery .slides .slider-item::before { content: none; }

@media(max-width:1024px) {
    .section:not(:last-of-type) {.section: not(: last-of-type); margin-bottom: 19.2vw; }
    #SiteContainer .section-title, #SiteContainer .grid-text-content, .section-topText { max-width: 100%; padding-inline: 20px; }
    #SiteContainer .grid-text-content { gap: 8vw; }
    #SiteContainer .section-title { margin-bottom: 3.067vw; }

    .sections section.grid-gallery-section { padding: 0; display: flex; }
    .sections section.grid-gallery-section:has(.gallery-container) { margin: 0; }
    .owl-carousel .owl-item { /* height: 93.333vw; */ }
    .owl-carousel .owl-item .item { padding: 0; /* height: 100%; */ }
    .owl-carousel .owl-item .item .topImg { /* height: 100%; */ }
    .owl-carousel .owl-item .item img { /* height: 100%; */ }
    .owl-carousel .owl-dot.active { background: #ffffff; }
    .owl-carousel .owl-dot { background: transparent; border: 1px solid #fff; width: 2.133vw; height: 2.133vw; margin: 0; }
    .owl-carousel .owl-dots { display: flex; align-items: center; justify-content: center; gap: 2.133vw; bottom: 4.267vw; }

    .grid-row .grid-row-cell.grid-row-cell-text ul { margin-top: 6vw; }

    li { margin-bottom: 1vw; }
    li::before { width: 7px; height: 6px; margin-left: 8px; margin-top: 6px; }
}


/*-------------------/*

       HEADER

/*------------------*/
#header, #header.bg { background: rgba(255, 255, 255, 0.80) !important; -webkit-backdrop-filter: blur(37.79999923706055px); backdrop-filter: blur(37.79999923706055px); margin: 1.042vw; padding: 0.729vw 1.406vw; width: calc(100% - 2.083vw); display: flex; justify-content: space-between; align-items: center; }
.macOs #header, #header.bg { background: rgba(255, 255, 255, 0.50) !important; }
#header #header-right { display: flex; justify-content: flex-start; align-items: center; gap: 0.521vw; width: 9.375vw; position: unset; }
#header .menu-nav { background: transparent; padding: 0; display: flex; }
#header .menu-nav > span, #header .menu-nav .open { display: none !important; }
#header .menu-nav .nav-menu-anim { margin: 0; width: 2.344vw; height: 1.444vw; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span,
#nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background: var(--blue); width: 100%; }
#header .menu-nav #menu { margin: 0; top: calc(100% + 1.042vw); border: 1px solid rgba(232, 232, 232, 0.60); background: var(--blue); box-shadow: 0px 4px 18.6px 0px rgba(0, 0, 0, 0.25); height: calc(100vh - (3.684vw + var(--headerHeight))); width: 19.792vw; padding: 2.083vw 1.563vw; }
#header .menu-nav #menu li { text-align: right; margin: 0; padding: 0; background: transparent; }
#header .menu-nav #menu li.social-mobile { display: none !important; }
#header .menu-nav #menu li::before { content: none; }
#header .menu-nav #menu li a { color: #fff; padding-block: 1.042vw; border-bottom: 2px dashed rgba(255, 255, 255, 0.60); }
#header .menu-nav #menu li a:hover { text-decoration: underline; text-underline-offset: 3px; }
#header #header-right > .social-links { margin: 0; padding: 0; display: none; }
#header #header-center-kdm { position: unset; transform: none; order: 3; display: inline-flex; padding: 0 !important; }
#header #header-center-kdm span.address { display: none; }
#header #header-center-kdm .button-wrapper .main-button { margin: 0; }
#header #header-left { width: 8.86vw; height: 100%; }
#header #header-left a { width: 100%; }
#header #header-left img { width: 100%; max-width: 100% !important; }

@media (max-width:1024px) {
    #header, #header.bg { margin: 10px; width: calc(100% - 20px); padding: 12px 20px 12px 14px; }
    #header #header-right { width: 45px; }
    #header.subopen #header-right { width: 30px; }
    #header .menu-nav, #header .menu-nav .nav-menu-anim { width: 100%; }
    #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 { transition: none; }
    #header .menu-nav #menu { width: 100%; top: calc(100% + 10px); padding: 20px 15px 72px; height: auto; }
    #header .menu-nav #menu li a { padding-block: 18px; }
    #header #header-center-kdm { display: none; }
    #header #header-left { width: 35.2vw; }
}

/*-------------------/*

    HOME PAGE

/*------------------*/
#home-gallery .opacity-layer { opacity: 0.3 !important; z-index: 1 !important; display: block; }
.hero-content { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); z-index: 2; text-align: center; max-width: 26.042vw; gap: 1.302vw; }
#home-gallery .gallery-caption { position: unset; transform: none; }
#home-gallery .gallery-logo { width: 100%; padding-inline: 1.875vw; margin: 0; }
#home-gallery .gallery-caption .gallery-text { color: #fff; white-space: normal; }
#home-gallery .scroll-down { bottom: 11.458vw; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 1.354vw; }
#home-gallery .flex-control-paging li a { border: 1px solid #fff; background-color: transparent; width: 9px; height: 9px; }
#home-gallery .flex-control-paging li a.flex-active { background-color: #fff; }

.newsflash ul.item { display: flex; align-items: center; justify-content: center; }
.newsflash .item li { width: 11.72vw; height: 5.208vw; padding-inline: 2.188vw; display: inline-flex; justify-content: center; align-items: center; border-bottom: 1px solid var(--lightGrey); border-right: 1px solid var(--lightGrey); }
.newsflash .item li::before { display: none; }
.newsflash .item li img { width: 100%; }
.sections .logos-grallery-sec { margin-bottom: 4.2vw; }

.sections .grid-content-section.our-services-section { background-color: var(--blue); margin: 0; padding: 5.208vw; padding-bottom: 7.62vw; }
.home-page .sections .grid-content-section.our-services-section { background-image: url(https://cdn3.getmood.io/warehouse/dynamic/490525.svg); background-position: bottom; background-repeat: no-repeat; }
.our-services-section .section-title h2 { color: #fff; }
.our-services-section .section-topText { color: #fff; margin-bottom: 5.208vw; }
.our-services-section .section-topText > p { opacity: 0.85 !important; }
.our-services-section .section-topText .button-wrapper { margin: 1.902vw auto 0; max-width: 9.375vw; }
.our-services-section .grid-boxes { display: grid; justify-content: center; align-items: start; gap: 1.563vw; margin-bottom: 6.6vw; justify-items: center; grid-auto-rows: 1fr; grid-auto-flow: column; }
.our-services-section .grid-boxes .grid-box-wrapper { height: 100%; }
.our-services-section .grid-boxes .grid-box-wrapper .grid-box-image { width: 100%; }
#SiteContainer .our-services-section .grid-text-content { float: none; width: 100%; max-width: 100%; }
#SiteContainer .our-services-section .grid-text-content h2 { color: #fff; }


.grid-box-wrapper { background-color: #fff; padding-bottom: 2.344vw; position: relative; }
.grid-boxes .grid-box-wrapper .grid-box { margin: 0; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.grid-boxes .grid-box-wrapper .grid-box .grid-box-image { padding: 0; height: 26.042vw; min-height: 430px; margin-bottom: 1.667vw; }
.grid-box-wrapper .grid-box .grid-box-image-container { position: unset; height: 100%; }
.grid-box-wrapper .grid-box .grid-box-image-container a { height: 100%; }
.grid-box-wrapper .grid-box .grid-box-image-container img { object-fit: cover; height: 100%; }
.grid-boxes .grid-box-wrapper .grid-box .grid-box-title, .grid-boxes .grid-box-wrapper .grid-box .grid-box-fulltext { padding-inline: 2.083vw; width: 100%; text-align: right; }
.grid-boxes .grid-box-wrapper .grid-box .grid-box-title { margin-bottom: 0.521vw; }
.grid-boxes .grid-box-wrapper .grid-box .grid-box-fulltext { /* display: -webkit-box; */ /* -webkit-line-clamp: 3; */ /* -webkit-box-orient: vertical; */ /* overflow: hidden; */ font-size: clamp(1.6rem,0.938vw,100rem); color: var(--gray-running-text); }

.our-customers-sec { }
.our-customers-sec .section-topText { margin-bottom: 4.688vw; }
.grid-boxes.owl-carousel { max-width: 89.583vw; margin-inline: auto; transform: scaleX(-1); }
.grid-boxes.owl-carousel .owl-stage-outer { direction: ltr; padding-top: 4px; }
.owl-item .grid-box-wrapper { padding: 2.917vw 1.667vw; }
.our-customers-sec .owl-stage { display: grid; justify-items: center; align-items: start; grid-auto-rows: 1fr; /* Ensures all rows have the same height */ grid-auto-flow: column; }
.our-customers-sec .owl-stage .owl-item { height: 100%; transform: scaleX(-1); }
.our-customers-sec .owl-stage .owl-item .grid-box-wrapper { height: 100%; }
.our-customers-sec .grid-box-wrapper::after { content: ""; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); width: 85%; height: 4px; background: var(--bgGra); }
.grid-boxes .owl-item .grid-box-wrapper .grid-box { }
.grid-boxes .owl-item .grid-box-wrapper .grid-box .grid-box-image { min-height: 130px; height: auto; /* min-width: 130px; */ width: 100%; margin-inline: auto; margin-bottom: 2.188vw; /* border-radius: 50%; */ /* border: 1px solid var(--lightGrey); */ padding: 0.938vw; }
.grid-box-wrapper .grid-box .grid-box-image-container a { display: flex; align-items: center; justify-content: center; }
.grid-box-wrapper .grid-box .grid-box-image-container img { height: auto; width: auto; max-width: 100%; margin: auto; vertical-align: middle; }
.our-services-section .grid-box-wrapper .grid-box .grid-box-image-container img { height: 100%; object-fit: cover; transform: scale(1.05); }
.owl-controls .owl-nav > div { color: transparent; width: 22px; height: 40px; background-position: center; background-size: cover; }
.our-customers-sec .owl-carousel .owl-controls .owl-nav .owl-prev { right: unset; left: -2.708vw; }
.our-customers-sec .owl-carousel .owl-controls .owl-nav .owl-next { left: unset; right: -2.708vw; }
.grid-boxes .owl-item .grid-box-wrapper .grid-box .grid-box-title, .grid-boxes .owl-item .grid-box-wrapper .grid-box .grid-box-fulltext { text-align: center; padding: 0; }
.grid-boxes .owl-item .grid-box-wrapper .grid-box .grid-box-title { margin-bottom: 0.521vw; }
.grid-boxes .owl-item .grid-box-wrapper .grid-box .grid-box-fulltext { -webkit-line-clamp: 4; }

.sections section.grid-gallery-section:has(.gallery-container) .gallery-cubes > div { width: 100%; }

@media (min-width:1025px) {
    .home-page .grid-image-section, .home-page .image-section-data { height: 35.417vw; }
}

@media (max-width:1024px) {
    .hero-content { max-width: 100%; width: 100%; padding-inline: 37px; gap: 6.667vw; }
    #home-gallery .gallery-caption .gallery-text { }
    #home-gallery .scroll-down { bottom: 50vw; display: inline-flex; justify-content: center; }
    #home-gallery .scroll-down button { display: inline-flex; }
    #home-gallery .scroll-down img { width: 13.867vw; min-width: 13.867vw; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 4dvw; }

    .sections .logos-grallery-sec { margin-bottom: 17.5vw; }
    .sections .grid-content-section.our-services-section { padding: 19.2vw 5.333vw 42.667vw; }
    .home-page .sections .grid-content-section.our-services-section { background-size: contain; }
    #SiteContainer .our-services-section .section-title, .our-services-section .section-topText { padding: 0; }
    .our-services-section .section-topText { margin-bottom: 19.2vw; }
    #SiteContainer .our-services-section .section-title { margin-bottom: 2.7vw; }
    .our-services-section .section-topText .button-wrapper { max-width: 44vw; margin: 8.533vw auto 0; }
    .our-services-section .grid-boxes { grid-auto-flow: row; grid-auto-rows: auto; gap: 6.4vw; margin-bottom: 42.667vw; }
    .grid-box-wrapper { padding-bottom: 9.2vw; }
    .grid-boxes .grid-box-wrapper .grid-box .grid-box-image { height: auto; min-height: 0; margin-bottom: 4vw; }
    .grid-boxes .grid-box-wrapper .grid-box .grid-box-title, .grid-boxes .grid-box-wrapper .grid-box .grid-box-fulltext { padding-inline: 5.333vw; }
    .grid-boxes .grid-box-wrapper .grid-box .grid-box-title { margin-bottom: 1vw; }
    #SiteContainer .our-services-section .grid-text-content { padding: 0; gap: 4vw; }

    .our-customers-sec .section-topText { margin-bottom: 19vw; }
    .our-customers-sec .grid-boxes-wrapper { width: 100%; padding-top: 4px; overflow-x: auto; }
    .our-customers-sec .grid-box-wrapper::after { width: 75%; }
    .our-customers-sec .grid-boxes { display: grid; justify-items: start; align-items: start; grid-auto-rows: 1fr; grid-auto-flow: column; gap: 5.333vw; padding-inline: 5.333vw; width: max-content; }
    .our-customers-sec .grid-boxes .grid-box-wrapper { padding: 11.2vw 4.267vw 9.2vw; width: 77.333vw; height: 100%; }
    .grid-boxes .grid-box-wrapper .grid-box { padding: 0; height: 100%; }
    .our-customers-sec .grid-boxes .grid-box-wrapper .grid-box { align-items: center; }
    .our-customers-sec .grid-boxes .grid-box-wrapper .grid-box-image { /* border: 1px solid var(--lightGrey); */ /* border-radius: 50%; */ width: 100%; height: auto; padding: 17px; }
    .our-customers-sec .grid-boxes .grid-box-wrapper .grid-box-title, .our-customers-sec .grid-boxes .grid-box-wrapper .grid-box-fulltext { padding: 0; text-align: center; }
    .grid-boxes .grid-box .grid-box-title h3 { margin: 0; }
    .our-customers-sec .grid-boxes .grid-box-wrapper .grid-box-title { }
    .our-customers-sec .grid-boxes .grid-box-wrapper .grid-box .grid-box-fulltext { font-size: 1.4rem; line-height: 1.3; }
}
/*-------------------/*

      ABOUT PAGE

/*------------------*/

.about-page .grid-row-section { margin-bottom: 0; }
.about-page .grid-rows .grid-row:nth-child(odd) { direction: ltr !important; }
.about-page .grid-rows .grid-row:nth-child(even) { direction: rtl !important; }

.about-page #SiteContainer .section-title { margin-bottom: 4.5vw; }
.about-page .sections .grid-content-section.our-services-section { padding-bottom: 0; }
.about-page .grid-row-section .grid-rows .grid-row-text h3:last-of-type { margin-top: 1.5vw }

.about-page footer { margin: 0; }

@media (max-width:1024px) {
    body:not(.top-margin-page) #GridContent { margin-top: 30.667vw; }
    #headline { width: 100%; padding-inline: 5.333vw; margin-bottom: 13.5vw; }
    #GridTop { height: 93.333vw; margin-bottom: 13.5vw; }
    .lobbyTextContainer { max-width: 100%; padding-inline: 5.333vw; margin-bottom: 18.6vw; }
    .grid-rows .grid-row { display: flex !important; flex-direction: column-reverse; padding: 18vw 5.333vw 19.2vw; gap: 18.6vw; }
    .grid-row .grid-row-cell.grid-row-cell-text { padding: 0; float: none !important; }
    .grid-rows .grid-row-text { padding: 0; margin: 0; }
    .grid-rows .grid-row-text h2:first-of-type { margin-bottom: 2.3vw; }
    .grid-rows .grid-row-text h3 { margin-block: 2.3vw; }
    .grid-rows .grid-row-text > *:last-child { margin-bottom: 0; }
    .grid-rows .grid-row-cell.flexslider-box { padding: 0 }
    .grid-row li.slider-item { width: 100%; height: auto; }

    .about-page #SiteContainer .section-title { margin-bottom: 11vw; }
    .about-page .grid-row-section .grid-rows .grid-row-text h3:last-of-type { margin-top: 6vw; letter-spacing: 0; }
}

/*-------------------/*

     SERVICE PAGE

/*------------------*/

.service-boxes-sec .grid-boxes { display: flex; justify-content: center; align-items: flex-start; gap: 1.563vw; }
.service-boxes-sec .grid-box-wrapper { background: var(--blue); padding: 2.5vw; width: calc(33.33% - 1.563vw); min-height: 17.708vw; /* min-height: 280px; */ position: relative; }
.service-boxes-sec .grid-box-wrapper::before { content: ''; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); width: 18.385vw; min-width: 300px; min-height: 4px; height: 0.208vw; background: var(--bgGra); border: 4px; }
#LobbyModule .service-boxes-sec .grid-boxes { padding-inline: 5.208vw; }
#LobbyModule .service-boxes-sec .grid-box { display: flex; /* justify-content: space-between; */ align-items: flex-start; height: 100%; color: #fff; gap: 2vw; }
#LobbyModule .service-boxes-sec .grid-box-image { position: absolute; top: 0; left: 0; height: auto; min-height: 0; margin: 0; }
.service-boxes-sec .grid-box-image img { width: 4.167vw; height: 4.167vw; min-width: 60px; min-height: 60px; }
.service-boxes-sec .grid-box-wrapper .grid-box .grid-box-title { margin: 0; padding: 0; width: 16.146vw; min-width: 180px; min-height: 3.4vw; }
#LobbyModule .service-boxes-sec .grid-box-wrapper .grid-box .grid-box-title h3 { color: #fff; }
.service-boxes-sec .grid-box-wrapper .grid-box .grid-box-fulltext { padding: 0; color: #fff; }

.sections .services-includes-sec { background-color: #fff; margin-top: -5.208vw; padding: 5vw 5.208vw; }
#SiteContainer .services-includes-sec .section-title { margin: 0; margin-bottom: 4.3vw; text-align: right; }
.services-includes-sec .grid-boxes { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 2.5vw 6.771vw; }
.services-includes-sec .grid-box-wrapper { width: calc(33.33% - 4.531vw); padding: 0; }
#LobbyModule .services-includes-sec .grid-box-wrapper .grid-box { display: flex; flex-direction: row-reverse; font-size: clamp(1.3rem,0.781vw,100rem); justify-content: flex-end; align-items: flex-start; gap: 0.625vw; }
.services-includes-sec .grid-boxes .grid-box-wrapper .grid-box-title,
.services-includes-sec .grid-boxes .grid-box-wrapper .grid-box-fulltext { padding: 0; }
.grid-boxes .grid-box-wrapper .grid-box .grid-box-subtitle { font-size: 100%; line-height: 1.34; margin-top: 0.15vw; color: var(--blue2); }

.services-page footer { margin: 0; }


@media(max-width:1024px) {
    .service-boxes-sec .grid-boxes { flex-direction: column; gap: 5.7vw; }
    .service-boxes-sec .grid-box-wrapper { width: 100%; padding: 8.2vw 5.333vw; /* height: 96vw; */ }
    .service-boxes-sec .grid-box-wrapper::before { min-width: 75%; }
    #LobbyModule .service-boxes-sec .grid-box { gap: 11vw; }
    .service-boxes-sec .grid-box-wrapper .grid-box .grid-box-title { min-height: 40px; }
    #LobbyModule .service-boxes-sec .grid-box .grid-box-image-container { width: 16vw; }
    .section:has(+ .services-includes-sec), .services-page footer { margin: 0; }
    .sections .services-includes-sec { margin: 0; padding: 17.3vw 5.333vw 19.2vw; }
    #SiteContainer .services-includes-sec .section-title { padding: 0; }
    .services-includes-sec .grid-boxes { gap: 12vw; }
    .services-includes-sec .grid-box-wrapper { width: 100%; }
    #LobbyModule .services-includes-sec .grid-box-wrapper .grid-box { gap: 2.6vw; font-size: clamp(1.5rem,4vw,100rem); }
    .grid-boxes .grid-box-wrapper .grid-box .grid-box-subtitle { margin-top: 0.9vw; }
    .services-includes-sec .grid-boxes .grid-box-wrapper .grid-box-title { margin-bottom: 2.3vw; }
}

/*-------------------/*

    EVENTS PAGE

/*------------------*/


@media(min-width:1025px) {
    .gallery-cubes .boxes-images-outer-image { transition: all 0.35s ease; background-size: 100% !important; }
    .gallery-cubes .boxes-images-outer-image:hover { background-size: 103% !important; }
    .gallery-cubes .boxes-images-outer-image:hover .image-link-container, .gallery-cubes .boxes-images-outer-image:focus .image-link-container { opacity: 0; }

    .flexslider.modal-slider .img-background-flex.slider > div { height: 85vh; width: 50%; margin-inline: auto; float: none; overflow: hidden; }
    .flexslider.modal-slider .img-background-flex.slider > div img { width: 100%; height: auto; object-fit: contain; transform: scale(1.1); }
}

@media(max-width:1024px) {
    .events-page .grid-row-section { margin-bottom: 5.333vw; }
    .images-gallery-sec .gallery-container { width: 100%; overflow: auto; }
    .images-gallery-sec .gallery-container::-webkit-scrollbar { padding: 0; height: 0 }
    .images-gallery-sec .gallery-cubes { flex-wrap: nowrap; width: max-content; padding-inline: 5.333vw; gap: 5.333vw; }
    .images-gallery-sec .gallery-cubes > div { width: 58.667vw !important; !i; !; }
    .events-page footer { margin-top: 5.333vw; }
}


/*-------------------/*

    CONTACT PAGE

/*------------------*/
.contact-page #SiteGrid { display: flex; justify-content: center; align-items: flex-start; }

.contact-page #GridTop, .contact-page #GridPage { width: 50%; height: 100vh; margin: 0; }
.contact-page #GridTop { }
.contact-page #GridPage { padding-inline: 8.073vw 5.208vw; display: flex; justify-content: flex-start; align-items: center; }

.contact-page #GridPage #GridWrapInner { direction: rtl; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.contact-page #ContactModule { text-align: right; }
.contact-page #headline { text-align: right; margin-bottom: 1.8vw; }
#contactDetails .contactDetailsText1 p { color: var(--black); margin: 0; }
#contactDetails .contactDetailsText1 h2 { margin-block: 2.344vw 1.042vw; }

.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.form-container-wide #DynamicFormObject fieldset { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 1.667vw 1.042vw; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: calc(33.33% - 0.742vw); }
#DynamicFormObject .dynamicFormObjectField.textareaField, .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
#DynamicFormObject .dynamicFormObjectField > div:is(.input-wrapper,.select-wrapper,.textarea-wrapper) { border-bottom: 1px solid var(--black); }
#DynamicFormObject .dynamicFormObjectField > div:is(.input-wrapper,.select-wrapper,.textarea-wrapper).must { padding-right: 14px; }
#DynamicFormObject .dynamicFormObjectField > div:is(.input-wrapper,.select-wrapper,.textarea-wrapper)::before { top: 10px; right: 0; }
#DynamicFormObject .dynamicFormObjectField > div:is(.input-wrapper,.select-wrapper,.textarea-wrapper) > *:is(select,textarea,input) { border: 0; }
#DynamicFormObject .dynamicFormObjectField > div:is(.input-wrapper,.select-wrapper,.textarea-wrapper) > *:is(select,input) { height: 43px; }
#DynamicFormObject .dynamicFormObjectField .select-wrapper::after { content: ""; left: 0; top: 50%; width: 12px; height: 7px; background-image: url(/warehouse/dynamic/494589.svg); background-position: center; background-size: cover; }
option { color: var(--black); }

.contact-page footer { margin: 0; }
.contact-page .FooterForm { display: none; }

@media(max-width:1024px) {
    .contact-page #SiteGrid { flex-direction: column; gap: 11.2vw; }
    .contact-page #GridTop, .contact-page #GridPage { width: 100%; }
    .contact-page #GridTop { height: 93.333vw; }
    .contact-page #GridPage { padding-inline: 5.333vw; height: auto; }
    .contact-page #headline { padding-inline: 0; margin-bottom: 10.667vw; }
    #contactDetails .contactDetailsText1 p { color: var(--gray-running-text); }
    #contactDetails .contactDetailsText1 h2 { margin-block: 10.667vw 5vw; }
    .contact-page #GridBottom { display: none; }

    .contact-page footer { margin-top: 15.7vw; }
}


/*-----------------------/*

    SIMPLE CONTACT PAGE

/*----------------------*/
#GridTop.noTopImage { display: none; }
.simple-content-page #text1, .simple-content-page #text2 { width: 59.115vw; text-align: right; margin-bottom: 5vw; }
.simple-content-page #text1 > *:not(:has(img)), .simple-content-page #text2 > *:not(:has(img)) { width: 44.01vw; margin-inline: auto; }
.simple-content-page #text1 > ol:not(:has(img)), .simple-content-page #text2 > ol:not(:has(img)) { padding: 0; }

@media(max-width:1024px) {
    .simple-content-page #text1, .simple-content-page #text2 { width: 100%; padding-inline: 5.333vw; }
    .simple-content-page #text1 > *:not(:has(img)), .simple-content-page #text2 > *:not(:has(img)) { width: 100%; }
}

/*----------------------------------------/*

    accessabilityMainPage / terms-page

/*--------------------------------------*/
.accessabilityMainPage .container-fluid, .terms-page .MainContent { padding: 0; max-width: 44.01vw; margin-inline: auto; }
.accessabilityMainPage .container-fluid #headline, .terms-page .MainContent #headline { margin-bottom: 0.6vw; text-align: right; }
#accessability, .terms-page #text1 { text-align: right; }
#accessability h2, .terms-page #text1 h2 { margin-bottom: 1vw; }
#accessability h2:first-of-type, .terms-page #text1 h2:first-of-type { margin-top: 0; }
#accessability ul, #accessability ol, .terms-page #text1 ul, .terms-page #text1 ol { margin-bottom: 1.2vw; }
#accessability > ol, .terms-page #text1 > ol { padding: 0; }
#accessability *:last-child, .terms-page #text1 *:last-child { margin-bottom: 0; }

@media(max-width:1024px) {
    .accessabilityMainPage .container-fluid, .terms-page .MainContent { max-width: 100%; padding-inline: 20px; }
    .accessabilityMainPage .container-fluid #headline, .terms-page .MainContent #headline { padding: 0; margin-bottom: 4.7vw; }
    #accessability h2, .terms-page #text1 h2 { margin-bottom: 3vw; }
    #accessability ul, #accessability ol, .terms-page #text1 ul, .terms-page #text1 ol { margin-bottom: 5vw; }
}

/*-----------------------/*

     RESULT PAGES

/*----------------------*/
.FormResultPage #GridTop, .page-404 #GridTop { display: none; }
.FormResultPage #headline, .page-404 #headline { margin-bottom: 0.5vw; }
.FormResultPage .container-fluid, .page-not-found { width: max-content; margin-inline: auto; }
.FormResultPage #text1, .page-not-found #text1 { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1.3vw; }
.FormResultPage #text1 p:last-child, .page-not-found #text1 p:last-child { margin: 0; }
a.FormResultPageButton.main-button { display: flex !important; margin: 0 !important; }

@media(max-width:1024px) {
    .FormResultPage #headline, .page-404 #headline { margin-bottom: 3vw; }
    .FormResultPage #text1, .page-not-found #text1 { gap: 8vw; }
    .button-wrapper .main-button, #header #header-center-kdm .button-wrapper .main-button { min-width: 42.7vw; width: max-content; margin-inline: auto; }
}


/*-------------------/*

      FOOTER

/*------------------*/
footer { display: flex; background-color: var(--blue); margin-top: 5.2vw; }
#SiteFooter .FooterForm { width: 100%; float: none; flex-direction: row-reverse; justify-content: flex-end; gap: 9.375vw; padding: 5.208vw; flex-wrap: nowrap; }

.FooterForm.formHasSideImg .footerFormImage { aspect-ratio: unset; width: 27.604vw; min-width: 400px; height: 27.604vw; min-height: 400px; display: flex; }
.FooterForm.formHasSideImg .footer-form-image-wrap { display: flex; }

.FooterForm.formHasSideImg .footerFormContainer { background: transparent; width: calc(100% - 36.979vw); }
.FooterForm.formHasSideImg #DynamicFormObject { padding: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; overflow: visible; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText::after { content: none; }
.FooterForm #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: right; color: #fff; margin-bottom: 0.9vw; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; color: #fff; text-align: right; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 2.2vw; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: #fff; }
.FooterForm #DynamicFormObject .dynamicFormObjectField > div:is(.input-wrapper,.select-wrapper,.textarea-wrapper) { border-color: #fff; }
.FooterForm #DynamicFormObject .dynamicFormObjectField > div:is(.input-wrapper,.select-wrapper,.textarea-wrapper) > *:is(select,input,textarea),
.FooterForm #DynamicFormObject .dynamicFormObjectField > div:is(.input-wrapper,.select-wrapper,.textarea-wrapper) > *:is(select,input,textarea)::placeholder { color: #fff; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin-top: 0.9vw; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .spinner { color: #fff; top: calc(100% + 0.8vw); right: 3.8vw; width: 100%; transform: none; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .spinner i.fa.fa-spinner { font-size: clamp(2rem, 1.5vw,100rem); }

.footer-text-divided { padding: 2.708vw 2.813vw; color: #fff; display: flex; align-items: center; justify-content: flex-end; }
.footer-text-divided > div { width: max-content; padding: 0; }
.footer-text-divided > div.footer-text-right { margin-inline: 0 auto; display: flex; align-items: center; justify-content: flex-start; }
.footer-text-divided > div.footer-text-right ul { display: flex; align-items: center; justify-content: flex-start; gap: 2.917vw; }
.footer-text-divided > div.footer-text-right ul li { margin: 0; }
.footer-text-divided > div.footer-text-right ul li::before { content: none; }
.footer-text-divided > div.footer-text-right ul li a::after { content: ''; position: absolute; right: 0; bottom: 0; height: 1px; width: 0; transition: all 0.35s ease; background: #fff; }
.footer-text-divided > div.footer-text-right ul li a:hover:after { width: 100%; }
.footer-text-divided > div.footer-text-right ul li a { position: relative; }

.footer-text-divided > div.footer-text-middle { flex-direction: column; text-align: left; border-left: 1px solid #fff; padding-left: 0.938vw; margin-left: 0.938vw; }
.footer-text-divided > div.footer-text-middle p:has(a):last-of-type { display: flex; justify-content: flex-end; align-items: center; gap: 0.1vw; line-height: 1; margin-top: 0.2vw; }


#SiteFooter .site-credit.alternative { width: 100%; }

@media (min-width:1025px) {
    .footer-text-divided > div.footer-text-left img { width: 11.979vw; height: 5vw; }
}

@media (max-width:1024px) {
    footer { margin-top: 15.7vw; }
    footer { margin-top: 15.7vw; }
    #SiteFooter { padding: 0; }
    #SiteFooter .FooterForm { flex-direction: column-reverse; justify-content: flex-end; align-items: center; padding: 10.667vw 5.333vw; gap: 8.2vw; border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
    .FooterForm.formHasSideImg .footerFormImage { width: 42.667vw; min-width: 0; height: 42.667vw; min-height: 0; }
    .FooterForm.formHasSideImg .footerFormContainer { width: 100%; }
    .FooterForm #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: center; margin-bottom: 2.5vw; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { gap: 7vw; align-items: center; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; text-align: center; width: 100%; }
    .form-container-wide #DynamicFormObject fieldset { gap: 5.333vw; }
    #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField,
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    #DynamicFormObject .dynamicFormObjectField > div:is(.input-wrapper,.select-wrapper,.textarea-wrapper) > *:is(select,textarea,input) { margin: 0; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 3.5vw; display: flex; align-items: center; justify-content: center; }
    .footer-text-divided { padding: 10.667vw 5.333vw; flex-direction: column; justify-content: flex-start; align-items: center; }
    .footer-text-divided > div.footer-text-right { flex-wrap: wrap; width: 100%; margin-bottom: 9.5vw; }
    .footer-text-divided > div.footer-text-right ul { flex-wrap: wrap; justify-content: center; gap: 5.8vw 6.4vw; }
    .footer-text-divided > div.footer-text-right ul li { width: auto; white-space: nowrap; }
    .footer-text-divided > div.footer-text-middle { order: 1; display: flex; border: 0; align-items: center; justify-content: flex-start; margin: 0; }
    .footer-text-divided > div.footer-text-left { display: flex; align-items: center; justify-content: center; margin-bottom: 5vw; }
    .footer-text-divided > div.footer-text-left .img-wrapper { width: 42.667vw; height: 18.667vw; }
}
