/* NATOON EN */

/* ROOT */
:root { --fs-36: 1.875vw; }

/*------------------------------------------/*
 TEXT ?SELECTORS
/*------------------------------------------*/
@media(min-width: 1025px){
    /* 48 */
    #allSectionsWrapper .section.grid-blog.jobs .section-title h2, body.career .section.grid-content-section.circles .section-title h2, body.home-page .grid-row-cell.grid-row-cell-text .grid-row-text h2, .section-title h2, #pageview :is(#text1, #text2) > h2, #headline h1, .grid-content-section.management .section-title h3, #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title h3, .project-inner-page .headline-wrapper .headline h1, .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 a, .sliding-cards .section-title h2, .project-content .section-title h1, #BlogView .blog-related-posts h2, body.knowledge.contentInnerPage #BlogModule #BlogView .blog-related-posts h2 {  font-size: clamp(34px, var(--fs-48), 300px);  line-height: 100%; letter-spacing: -0.96px; }


    #allSectionsWrapper section.future .section-title.up h2, #allSectionsWrapper .section.grid-content-section.tabs-services .tabs-services-wrapper .section-title h2, body.about #allSectionsWrapper .section.grid-content-section.circles .section-title h2, .job-desc #headline h1, #BlogModule .blog-view #headline h1, #BlogView .blog-related-posts > h2, .grid-blog .section-title h2, .grid-faq-section .section-title h2, .blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .grid-contents .section-title h2, .check .section-title h2, .posts .section-title h2, .sliding-gallery .section-title h2, .reviews .section-title h2, .grid-rows .grid-row-text h2, .team .section-title h2, .circles .section-title h2, .quote .grid-text .grid-text-content h2, .us .grid-boxes .grid-box .grid-box-subtitle span, .us .section-title h2, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-title h3 a, :is(div, #allSectionsWrapper) > .section.boxes .grid-boxes .grid-box .grid-box-title h3, #SiteFooter .footer-text-divided .footer-text-left h2, body.knowledge.contentInnerPage #BlogModule .blog-view #headline h1 { font-size: clamp(34px, var(--fs-48), 300px); font-style: normal;  line-height: 100%; letter-spacing: -0.96px; }

    /* 20 */
    .activities .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(16px, var(--fs-20), 300px); line-height: 120%; }
}


:is(.custom-nav-wrapper button.custom-next, .custom-nav-wrapper button.custom-prev, .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, .jobs .grid-boxes .blog-post .blog-post-content .blog-post-button a, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .activities .grid-boxes .grid-box .grid-box-content .grid-box-subtitle.button a, .grid-text a.sec-button, .sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle a, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit, #allSectionsWrapper .section.grid-content-section.leading-togather .grid-boxes .grid-box .grid-box-content-wrapper .grid-box-subtitle.button a) .arrow { rotate: 90deg; }
:is(.grid-box, .project-box, .blog-post):hover .read-more-cube .read-more-title .arrow { rotate: 90deg; }
:is(div,#LobbyModule) .blog-post, .blog-posts { direction: ltr; }

#allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle { flex-direction: row-reverse; }
@media(max-width: 1024px){
    #allSectionsWrapper .section.grid-text-section.two-columns .grid-text a.sec-button { flex-direction: row-reverse;}
    #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-content .grid-box-subtitle { flex-direction: row; }
}
/*#allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title { flex-grow: 1; }*/



#multi-content-modal.textInPop #PopUpData { flex-direction: row; direction: ltr; }
#multi-content-modal.textInPop #PopUpData .popup-other-content { text-align: start; direction: ltr; }
#multi-content-modal.textInPop #PopUpData .popup-other-content h3 { direction: ltr !important; }
#multi-content-modal.textInPop #PopUpData .popup-other-content h4 { direction: ltr !important; }
#multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-fulltext { direction: ltr !important; }
#multi-content-modal.textInPop #PopUpData .popup-other-content p { direction: ltr !important; }


body.career #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box:not(:last-child):after { content: ""; display: inline-block; position: absolute; height: var(--gap-12); width: var(--gap-52); background-image: url(https://media.getmood.io/warehouse/dynamic/711556.svg); background-position: center; background-repeat: no-repeat; background-size: cover; top: var(--gap-80); right: calc(0px - var(--gap-52)); left: unset; rotate: 180deg; }


@media (min-width: 1025px) {
    :is(.grid-box, .project-box, .blog-post) .read-more-cube .read-more-title { flex-direction: row-reverse;  }
    #home-gallery .gallery-caption { width: max-content; }
    #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title h2 { font-size: clamp(28px, var(--fs-36), 300px); }
    #allSectionsWrapper .section.grid-content-section.activities .section-title h2 { font-size: clamp(48px, var(--fs-72), 300px); }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-content .grid-box-fulltext { margin-block-end: 24px; }
    #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title h3 { max-width: 12.344vw; }
    #allSectionsWrapper .section.grid-text-section.two-columns .grid-text a.sec-button { justify-content: end; flex-direction: row-reverse; }
    #allSectionsWrapper .section.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-next, #allSectionsWrapper .section.carousel-gallery .section-title .swiper-buttons .swiper-button.swiper-button-prev { rotate: 180deg; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { left: 0.5%; right: unset; }
    .FileUploaderField:after, .FilesUploaderField:after { left: unset; right: 30px; }
}

@media(max-width: 1024px){
    #main-header .languages { margin-inline: 24px; }
    #main-header .languages a.lang { color: var(--dark-blue); font-size: 17px; }
    #home-gallery .gallery-caption .gallery-text h1 { font-size: 48px; }
}

/*------------------------------------------/*
 PROJECT  
/*------------------------------------------*/
body.contentInnerPage:has(.grid-rows) #ContentRegularModule #pageview .top-right #PageBreadCrumps { right: unset; left: 0;}
body:has(.normal-grid) .normal-grid .project-box { max-width: 24.43vw !important; }
:is(div, #LobbyModule) .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-label { white-space: unset; overflow: unset; text-overflow: unset; }

@media (min-width: 1025px) {
    :is(.grid-box, .project-box, .blog-post) .read-more-cube .read-more-title { flex-direction: row; }
}


/*------------------------------------------/*
 MEGA MENU
/*------------------------------------------*/
@media (min-width: 1025px) { #main-header .header-container .header-right .menu-nav ul#menu li.has-sub.has-megamenu ul.megaMenu { right: unset; left: 50%; transform: translateX(-50%); }
    #main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup ul.megaMenuSub:after { content: ""; width: 1px; height: calc(100% - var(--gap-24)); position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: var(--stroke); }
    #main-header .header-container .header-right .menu-nav ul#menu > li .megaMenu .megaMenuGroup ul.megaMenuSub a:after { transform: translateX(103%); background-image: url(https://media.getmood.io/warehouse/dynamic/757895.svg) }
}

@media(max-width: 1024px){
    #main-header .header-container .header-right .menu-nav ul#menu li.item-total-link.has-sub.has-megamenu > button { left: unset; right: var(--gap-24); }
    #main-header .header-container .header-right .menu-nav ul#menu li.has-sub.has-megamenu button .menuSvgArrowIcon { rotate: 180deg; }
    #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu span.arrowIconWrapper { rotate: 180deg; }
}



/*------------------------------------------/*
 FORMS
/*------------------------------------------*/

@media (min-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { left: 0.5%; right: unset; }
    .FileUploaderField:after, .FilesUploaderField:after { left: unset; right: 30px; }
}


/*------------------------------------------/*
 CONTACT
/*------------------------------------------*/
body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper)::before { left: 0; right: unset; }
#DynamicFormObject .checkboxField label { text-align: start; margin-inline-start: 5px; }
#allSectionsWrapper .grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i  { left: unset; right: 0; }

/*------------------------------------------/*
 US
/*------------------------------------------*/
@media (max-width: 1024px) {
    #allSectionsWrapper .section.grid-content-section.us .grid-boxes .grid-box .grid-box-subtitle { text-align: start; }
}

/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .dynamicFormObjectSubmit :is(input,button) { rotate: 180deg; }
#SiteFooter .footer-text-divided .footer-text-right .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { text-align: start; }
#SiteFooter .footer-text-divided .footer-text-right h3 { text-align: start; display: flex; gap: var(--gap-8); }
#SiteFooter .footer-text-divided .footer-text-right h3 a img { width: var(--gap-24); }

@media(max-width: 1024px){
    #SiteFooter .footer-text-divided .footer-text-right > h3 { /* text-align: right !important; */ justify-content: end; }
}

/*------------------------------------------/*
 ANIMATIONS
/*------------------------------------------*/
@keyframes scrollText { 0% { transform: translateX(0); }

    100% { transform: translateX(-100%); }
}