﻿/* Keren Shashua Family */

:root { --black: #000; --orange: #D66040; --green: #006054; --lightGreen: #DAE9E6; --extraLightGreen: #F2F7F6; --yellow: #F9AB00; --white: #fff; --bold: 'Sunday-Medium'; }

/* General */
html { font-size: 62.5%; overflow-x: clip; }
body { overflow: clip; opacity: 0; transition: opacity 0.35s ease; font-size: clamp(1.7rem,0.94vw,100rem); line-height: 1.2; letter-spacing: 0.36px; zoom: 1 !important; background-color: var(--extraLightGreen); color: var(--green); }
body.ready { opacity: 1 }


@media(max-width: 1024px) {
    body { font-size: 1.8rem; }
}
/*reset*/
#GridPage { padding: 0; }
body:not(.home-page) footer { padding: 0; }
.grid-text-section .section-animation-item, .random-gallery .section-item { padding: 0; margin: 0; width: 100%; }
.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 { 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; }
.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; }
.lobby-grid #GridPage .max-width { padding: 0; }
.ClientsLogos { padding: 0 }
.gallery-container { width: 100%; max-width: 100%; }
#DynamicFormObject { max-width: 100% !important }
#header2 .max-width { max-width: 100%; width: 100%; }
#SiteFooter { padding: 0 }
#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; 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%; }
#SiteGrid { margin-top: var(--headerHeight); }
#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; }

@media(max-width: 1024px) {
    body:has(#header2.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: 22px 40px 14px; }
}

/*General*/
#SiteGridContainer { padding-inline: 1.042vw; }
.extra-padding { padding-inline: 4.167vw; }
.enterprise-page #GridTop.noTopImage.longer, .contact-page #GridTop.noTopImage.longer, .blog-page #GridTop.noTopImage.blog,
.form-page #GridTop.noTopImage.longer, .about-page #GridTop.noTopImage.longer { display: none; }
.enterprise-page #GridContent { padding-top: 5.73vw; }

#PageBreadCrumps, .lobby-grid #PageBreadCrumps { position: absolute; top: 2.604vw; right: 0; max-width: 100%; padding: 0; margin-inline: 4.167vw; font-size: 1.2rem; line-height: 1.2; letter-spacing: 0.48px; color: var(--green); }
.contact-page #PageBreadCrumps { z-index: 1; color: var(--white); }
.form-page #PageBreadCrumps { top: 2.083vw; right: 4.167vw; }
.blog-page.contentInnerPage #PageBreadCrumps { position: relative; top: auto; margin-bottom: 5.469vw; margin-top: 0.6vw }
.associations-page #PageBreadCrumps, .form-page #PageBreadCrumps { margin-right: 0; }
#PageBreadCrumps a:hover, .blog-page #PageBreadCrumps span:last-child { font-family: var(--bold); color: var(--green); font-weight: normal; }
#PageBreadCrumps span:after { content: "/"; }

@media(max-width: 1024px) {
    #SiteGridContainer { padding-inline: 10px; }

    #PageBreadCrumps, .lobby-grid #PageBreadCrumps, .blog-page.contentInnerPage #PageBreadCrumps { top: 24px; margin-inline: 22px; }
    .contact-page #PageBreadCrumps, .lobby-grid #PageBreadCrumps { position: relative; color: var(--green); top: auto; height: auto; display: flex; margin-block: 20px 50px; }
    .lobby-grid #PageBreadCrumps { top: 20px; display:block;}
    .contact-page #PageBreadCrumps { top: 0; }

    .associations-page #PageBreadCrumps, .blog-page:not(.contentInnerPage) #PageBreadCrumps, .form-page #PageBreadCrumps { margin-right: 12px; }
    .blog-page:not(.contentInnerPage) #PageBreadCrumps { margin-right: 20px; }

    .form-page #PageBreadCrumps { top: 0; right: 0; margin-right: 0; margin-block: 0px 40px; }
}

/*Strip*/
.categories-strip, #contentModuleNav { background: transparent; color: var(--green); font-size: clamp(1.4rem,0.94vw,100rem); line-height: 1.25; padding-block: 0.781vw; padding-block: 2.444vw 4.444vw; }
#contentModuleNav { padding-block: 2.344vw 4.583vw; margin: 0 }
.categories-strip ul, #contentModuleNav { display: flex; justify-content: center; align-items: center; gap: 0.781vw; }
.categories-strip ul li, .contentModuleNav a { background-color: var(--lightGreen); transition: all 0.5s ease; padding: 0; }
.categories-strip ul li:first-of-type, .contentModuleNav a:first-of-type { display: none; }
.categories-strip ul li.active, .categories-strip ul li:hover,
.contentModuleNav a.selected, .contentModuleNav a:hover { background-color: var(--green); color: var(--white); text-decoration: none; }
.categories-strip ul li a, .contentModuleNav a { padding-block: 0.625vw; margin: 0; width: 9.896vw; display: block; }

@media(min-width: 1025px) {
    .categories-strip ul, #contentModuleNav { flex-wrap: wrap; max-width: 38%; margin: 0 auto; }
    body:not(.emergency) .categories-strip ul li:last-child { width: 22.031vw; text-align: center; }
    body:not(.emergency) .categories-strip ul li:last-child a { width: 100%; }
}

@media(max-width: 1024px) {
    .categories-strip, #contentModuleNav { font-size:1.5rem}
    .associations-page .categories-strip .mobile-strip { background-color: var(--white); border: 1px solid var(--lightGreen); padding: 0; width: 243px; margin: 0 auto; }
    .associations-page .categories-strip .mobile-strip span:first-of-type { display: none; }
    .associations-page .categories-strip .mobile-strip span { margin: 0 auto; float: none; display: block; text-align: center; padding-left: 20px; font-size: 1.7rem; letter-spacing:0.17px}
    .associations-page .categories-strip .mobile-strip ul { flex-direction: column; color: var(--green); gap:0;}
    .associations-page .categories-strip .mobile-strip ul li { display: block; color: var(--green); padding:0 5px;}
    .associations-page .categories-strip .mobile-strip ul li a { width: 100%; text-align: center; padding:16px 0; font-size: 1.7rem; }
    .associations-page .categories-strip .mobile-strip::after { content:none;}
    .associations-page .categories-strip .mobile-strip span:last-of-type {position:relative; padding-inline:0; width:max-content;}
    .associations-page .categories-strip .mobile-strip span:last-of-type::after { display: inline-block; left: calc(100% + 10px); content: ""; width: 14px; height: 10px; background-image: url(/warehouse/dynamic/454523.svg); background-position: center; background-size: contain; background-repeat: no-repeat; top: 23px; transition: all 0.5s ease; transform: rotate(-180deg); margin-right: 10px; }
    .associations-page .categories-strip .mobile-strip.open span:last-of-type::after { transform: rotate(0); }
    .mobile-strip .select-wrapper {padding:0}
}

/*Grid Row*/
.grid-row-section { margin-bottom: 7.3vw; }
.grid-row-section .grid-row { padding-block: 1.667vw; display: flex !important; justify-content: flex-start; align-items: center; gap: 8.854vw; max-width: 80.5vw; margin-inline: 4.167vw auto; }
.grid-row-section .grid-row > .grid-row-cell { width: auto; }

.grid-row-section .grid-row .flexslider-box .slider-item { padding: 0; }
.grid-row-section .grid-row .flexslider-box .grid-row-image-container { position: relative; width: 51.723vw; height: 29.167vw; }
.grid-row-section .grid-row .flexslider-box .grid-row-image-container img { object-fit: cover; }

.grid-row-section .grid-row .grid-row-text { width: 100%; }
.grid-rows .grid-row-text h2 { margin-bottom: 0.625vw; }
.grid-rows .grid-row-text h3 { margin-block: 1.823vw 0.521vw; }
.grid-rows .grid-row-text p { font-size: clamp(1.7rem,0.94vw,100rem); line-height: 1.2; letter-spacing: 0.36px; color: var(--green); }

.grid-rows .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button:hover,
.grid-rows .grid-row-text a.grid-row-button:focus, .form-link-section .grid-text-content a.sec-button,
.form-link-section .grid-text-content a.sec-button:hover, .form-link-section .grid-text-content a.sec-button:focus,
.stratgy-dev-section .stratgy-dev-text a.sec-button, .stratgy-dev-section .stratgy-dev-text a.sec-button:hover,
.stratgy-dev-section .stratgy-dev-text a.sec-button:focus, .stratgy-dev-section .grid-box .grid-box-text .button a,
.stratgy-dev-section .grid-box .grid-box-text .button a:hover, .stratgy-dev-section .grid-box .grid-box-text .button a:focus,
.page-404 #SiteGrid #GridContent .page-not-found a, .page-404 #SiteGrid #GridContent .page-not-found a:hover, .page-404 #SiteGrid #GridContent .page-not-found a:focus,
#header2 .header-top.social-links .header-top-left a, #header2 .header-top.social-links .header-top-left a:hover,
#header2 .header-top.social-links .header-top-left a:focus, .related-blog-header a,
.related-blog-header a:hover, .related-blog-header a:focus,
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a,
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a:hover,
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a:focus,
.simple-content-page #text1 p a:not(.not-button),
.simple-content-page #text1 p a:not(.not-button):hover,
.simple-content-page #text1 p a:not(.not-button):focus,
.latest-updates-section .grid-rows .grid-row-text button.grid-row-button,
.latest-updates-section .grid-rows .grid-row-text button.grid-row-button:hover,
.latest-updates-section .grid-rows .grid-row-text button.grid-row-button:focus{ height: 2.448vw; width: 9.948vw; min-width: 160px; min-height: 45px; padding: 0; display: flex; margin-top: 1.823vw; border: 0; border-radius: 0; background-color: var(--green); color: var(--extraLightGreen); font-size: clamp(1.7rem,0.94vw,100rem); align-items: center; justify-content: center; }

#header2 .header-top.social-links .header-top-left a, #header2 .header-top.social-links .header-top-left a:hover,
#header2 .header-top.social-links .header-top-left a:focus { margin: 0; background-color: var(--extraLightGreen); color: var(--green); white-space: nowrap; font-family: var(--bold); }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after {content:none;}

.grid-rows .grid-row-text a.grid-row-button .link-text-wrapper, .form-link-section .grid-text-content a.sec-button .link-text-wrapper,
.stratgy-dev-section .stratgy-dev-text a.sec-button .link-text-wrapper,
.stratgy-dev-section .grid-box .grid-box-text .button a .link-text-wrapper, .page-404 .page-not-found a .link-text-wrapper,
#header2 .header-top.social-links .header-top-left a .link-text-wrapper,
.related-blog-header a .link-text-wrapper,
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a .link-text-wrapper,
.simple-content-page #text1 p a .link-text-wrapper,
.latest-updates-section .grid-rows .grid-row-text button.grid-row-button .link-text-wrapper { display: flex; width: 100%; /* height: 100%; */ overflow: hidden; position: relative; }

.grid-rows .grid-row-text a.grid-row-button span.link-text,
.grid-rows .grid-row-text a.grid-row-button .hover-element,
.form-link-section .grid-text-content a.sec-button .link-text,
.form-link-section .grid-text-content a.sec-button .hover-element,
.stratgy-dev-section .stratgy-dev-text a.sec-button span.link-text,
.stratgy-dev-section .stratgy-dev-text a.sec-button .hover-element,
.stratgy-dev-section .grid-box .grid-box-text .button a span.link-text,
.stratgy-dev-section .grid-box .grid-box-text .button a .hover-element,
.page-404 .page-not-found a span.link-text,
.page-404 .page-not-found a .hover-element,
#header2 .header-top.social-links .header-top-left a span.link-text,
#header2 .header-top.social-links .header-top-left a .hover-element,
.related-blog-header a span.link-text,
.related-blog-header a .hover-element,
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a span.link-text,
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a .hover-element,
.simple-content-page #text1 p a span.link-text,
.simple-content-page #text1 p a .hover-element,
.latest-updates-section .grid-rows .grid-row-text button.grid-row-button span.link-text,
.latest-updates-section .grid-rows .grid-row-text button.grid-row-button .hover-element { transition: all 0.5s ease; height: 100%; display: block; width: 100%; text-align: center; }

.grid-rows .grid-row-text a.grid-row-button .hover-element,
.form-link-section .grid-text-content a.sec-button .hover-element,
.stratgy-dev-section .stratgy-dev-text a.sec-button .hover-element,
.stratgy-dev-section .grid-box .grid-box-text .button a .hover-element,
.page-404 .page-not-found a .hover-element,
#header2 .header-top.social-links .header-top-left a .hover-element,
.related-blog-header a .hover-element,
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a .hover-element,
.simple-content-page #text1 p a .hover-element,
.latest-updates-section .grid-rows .grid-row-text button.grid-row-button .hover-element { width: 100%; height: 100%; text-align: center; display: block; }

.grid-rows .grid-row-text a.grid-row-button span.link-text,
.form-link-section .grid-text-content a.sec-button span.link-text,
.stratgy-dev-section .stratgy-dev-text a.sec-button span.link-text,
.stratgy-dev-section .grid-box .grid-box-text .button a span.link-text,
.page-404 .page-not-found a span.link-text,
#header2 .header-top.social-links .header-top-left a span.link-text,
.related-blog-header a span.link-text,
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a span.link-text,
.simple-content-page #text1 p a span.link-text,
.latest-updates-section .grid-rows .grid-row-text button.grid-row-button span.link-text { position: absolute; transform: translateY(100%); }

.grid-rows .grid-row-text a.grid-row-button:hover .hover-element,
.form-link-section .grid-text-content a.sec-button:hover .hover-element,
.stratgy-dev-section .stratgy-dev-text a.sec-button:hover .hover-element,
.stratgy-dev-section .grid-box .grid-box-text .button a:hover .hover-element,
.page-404 .page-not-found a:hover .hover-element,
#header2 .header-top.social-links .header-top-left a:hover .hover-element,
.related-blog-header a:hover .hover-element,
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a:hover .hover-element,
.simple-content-page #text1 p a:hover .hover-element,
.latest-updates-section .grid-rows .grid-row-text button.grid-row-button:hover .hover-element { transform: translateY(-100%); }

.grid-rows .grid-row-text a.grid-row-button:hover span.link-text,
.form-link-section .grid-text-content a.sec-button:hover .link-text,
.stratgy-dev-section .stratgy-dev-text a.sec-button:hover span.link-text,
.stratgy-dev-section .grid-box .grid-box-text .button a:hover span.link-text,
.page-404 .page-not-found a:hover span.link-text,
#header2 .header-top.social-links .header-top-left a:hover span.link-text,
.related-blog-header a:hover span.link-text,
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a:hover span.link-text,
.simple-content-page #text1 p a:hover span.link-text,
.latest-updates-section .grid-rows .grid-row-text button.grid-row-button:hover span.link-text { transform: translateY(0); }

@media(max-width: 1024px) {

    .grid-rows .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button:hover,
    .grid-rows .grid-row-text a.grid-row-button:focus, .form-link-section .grid-text-content a.sec-button,
    .form-link-section .grid-text-content a.sec-button:hover, .form-link-section .grid-text-content a.sec-button:focus,
    .stratgy-dev-section .stratgy-dev-text a.sec-button, .stratgy-dev-section .stratgy-dev-text a.sec-button:hover,
    .stratgy-dev-section .stratgy-dev-text a.sec-button:focus, .stratgy-dev-section .grid-box .grid-box-text .button a,
    .stratgy-dev-section .grid-box .grid-box-text .button a:hover, .stratgy-dev-section .grid-box .grid-box-text .button a:focus,
    .page-404 #SiteGrid #GridContent .page-not-found a, .page-404 #SiteGrid #GridContent .page-not-found a:hover, .page-404 #SiteGrid #GridContent .page-not-found a:focus,
    #header2 .header-top.social-links .header-top-left a, #header2 .header-top.social-links .header-top-left a:hover,
    #header2 .header-top.social-links .header-top-left a:focus, .related-blog-header a,
    .related-blog-header a:hover, .related-blog-header a:focus,
    .form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a,
    .form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a:hover,
    .form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p a:focus,
    .latest-updates-section .grid-rows .grid-row-text button.grid-row-button,
    .latest-updates-section .grid-rows .grid-row-text button.grid-row-button:hover,
    .latest-updates-section .grid-rows .grid-row-text button.grid-row-button:focus { padding: 0; }


    #header2 .header-top.social-links .header-top-left a, #header2 .header-top.social-links .header-top-left a:hover,
    #header2 .header-top.social-links .header-top-left a:focus{min-width:102px; min-height:30px; font-size:1.5rem;}

    .grid-row-section .grid-row { flex-direction: column; max-width: 100%; margin: 0 0 120px; gap: 40px; padding: 0; }
    .grid-row-section .grid-row .flexslider-box .grid-row-image-container { width: 100%; height: auto; }
    .enterprise-page .grid-row-section .grid-row > .grid-row-cell:not(.flexslider-box) { padding-inline: 22px; }
    .enterprise-page .grid-row-section .grid-row > .grid-row-cell:not(.flexslider-box) h2 { margin-bottom: 40px; }
    .enterprise-page .grid-row-section .grid-row > .grid-row-cell:not(.flexslider-box) h3 { margin-bottom: 16px; }
    .grid-row-section .grid-row .grid-row-text { margin: 0; padding: 0; }
    .grid-rows .grid-row-text h2 { margin-bottom: 40px; }
    .grid-rows .grid-row-text h3 { margin-bottom: 16px; }
    .grid-rows .grid-row-text p { margin-bottom: 40px; font-size:1.7rem }
    .grid-rows .grid-row-text a.grid-row-button { margin: 0; }
}



/*Custom Boxes*/
.sections .grid-projects-section { padding-top: 2.083vw; margin-bottom: 9.375vw; }
.sections .grid-projects-section::after { content: ''; position: absolute; width: 100%; height: 1.5px; bottom: -2.083vw; left: 50%; background: rgba(0, 96, 84, 0.40); transform: translateX(-50%); }


/*Title-Image-Text-Section*/
.title-image-text-section { display: flex; justify-content: center; align-items: center; padding-bottom: 10.677vw; padding-bottom: 8.077vw }
.title-image-text-section .gridTextWithImg { display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 36.719vw; }
.title-image-text-section .gridTextWithImg .gridTextImgContainer { margin-bottom: 1.667vw; }
.title-image-text-section .gridTextWithImg .grid-text-content { position: relative; left: auto; top: auto; font-size: clamp(1.55rem,1.25vw,100rem); line-height: 1; }

@media(min-width: 1025px) {
    .title-image-text-section .gridTextWithImg .grid-text-content { position: absolute; top: 100%; width:200%;}
}
@media(max-width: 1024px) {
    .title-image-text-section .gridTextWithImg .grid-text-content { line-height: 1.25; font-size:1.7rem }

    .title-image-text-section { padding: 0 22px 120px; }
    .enterprise-page .title-image-text-section { padding-bottom: 0; }
    .title-image-text-section .gridTextWithImg { max-width: 100%; gap: 30px; }
    .enterprise-page .title-image-text-section .gridTextWithImg { gap: 60px; }
    .title-image-text-section .gridTextWithImg .gridTextImgContainer { margin: 0; max-width: 40px; }
}
/*------Title-----*/
/*main title*/
.top-caption, .enterprise-page #headline h1, .contact-page #headline h1, .blog-page #headline h1, .associations-page #GridTop #headline h1,
.form-page #headline h1, .about-page #headline h1, .about-page section .section-title h2, .project-sections h1, .simple-content-page #headline h1,
.page-404 #SiteGrid #GridContent .page-not-found h2, .related-blog-header h2 { font-family: var(--bold); color: var(--green); font-size: clamp(5.8rem,4.167vw,100rem); line-height: 1; letter-spacing: 0; }
/*sub main title*/
.associations-section h2, .explanation-of-activities .section-title h2,
.form-link-section .section-title h2, .blog-page.contentInnerPage #headline h1,
.contentInnerPage #BlogView .blog-related-posts h2, stratgy-dev-section .grid-box-title h3,
.grid-numbers-section .section-title h2 { font-family: var(--bold); color: var(--green); font-size: clamp(4.5rem,3.125vw,100rem); line-height: 0.9; letter-spacing: 0; }
/*medium title*/
.grid-rows .grid-row-text h2, .form-link-section .grid-text-content h2:first-of-type, .about-page #LobbyModule .grid-content-section .grid-box .grid-box-title h3,
.box-organization .box-title h3, .grid-strategy-section .grid-box-title h3, .simple-content-page #GridPage h2, .simple-content-page #GridPage h3 { font-family: var(--bold); color: var(--green); font-size: clamp(2.8rem,2.083vw,100rem); line-height: 1; letter-spacing: 0; }
/*small title*/
.grid-rows .grid-row-text h3, .contact-page .grid-rows .grid-row-text p.hasLink, .blog-posts .blog-post .blog-post-content h2.blog-post-title, #BlogView .blog-posts .blog-post .blog-post-content h2.blog-post-title, 
.box-organization div:is(.box-subtitle,.box-subtitle-second) h4 { font-family: var(--bold); color: var(--green); font-size: clamp(2rem,1.25vw,100rem); line-height: 1; letter-spacing: 0; }

@media(max-width: 1024px) {
    /*main title*/
    .top-caption, .enterprise-page #headline h1, .contact-page #headline h1, .blog-page #headline h1, .associations-page #GridTop #headline h1,
    .form-page #headline h1, .about-page #headline h1, .about-page section .section-title h2, .simple-content-page #headline h1,
    .page-404 #SiteGrid #GridContent .page-not-found h2,  .related-blog-header h2 { line-height: 0.8; letter-spacing: -1.16px; margin: 0 }
    /*sub main title*/
    .associations-section h2, .associations-page #GridTop #headline h1, .explanation-of-activities .section-title h2,
    .form-link-section .section-title h2, .blog-page.contentInnerPage #headline h1,
    .contentInnerPage #BlogView .blog-related-posts h2, stratgy-dev-section .grid-box-title h3 { line-height: 0.8; margin: 0; }
    /*medium title*/
    .grid-rows .grid-row-text h2, .form-link-section .grid-text-content h2:first-of-type, .about-page #LobbyModule .grid-content-section .grid-box .grid-box-title h3,
    .box-organization .box-title h3, .grid-strategy-section .grid-box-title h3, .simple-content-page #GridPage h2, .simple-content-page #GridPage h3 { line-height: 0.9; letter-spacing: -0.28px; margin: 0 }
    /*small title*/
    .grid-rows .grid-row-text h3, .contact-page .grid-rows .grid-row-text p.hasLink, .blog-posts .blog-post .blog-post-content h2.blog-post-title,
    #BlogView .blog-posts .blog-post .blog-post-content h2.blog-post-title, .box-organization .box-subtitle h4 { line-height: 0.9; margin: 0 }
}


/* Header */
#header2 { z-index: 300; position: fixed; background-color: var(--green); padding: 0; }

#header2 #header-container { display: flex; justify-content: center; align-items: center; flex-direction: row-reverse; padding-inline: 5.2vw; }
#header2 #header-container > div { display: flex; justify-content: center; align-items: center; }

#header2 .header-top.social-links { width: auto; padding: 0; }
#header2 .header-top.social-links .header-top-left { display: flex; justify-content: center; align-items: center; gap: 0.52vw; }
#header2 .languages { font-family: var(--bold); border: 0; margin: 0; }
#header2 .header-top-right a.lang { background: transparent; color: var(--extraLightGreen); font-size: 1.7rem; letter-spacing: 0.17px; line-height: 1.2; margin: 0; padding: 0; }
#header2 #header-container > div.social-links { justify-content: flex-end; }

#header2 #header-container .header-right-section { width: 100%; }
#header2 #header-container .header-right-section .menu-nav { margin: 0; }
#header2 #header-container .header-right-section .menu-nav #menu { display: flex; align-items: center; justify-content: center; }
#header2 #header-container .header-right-section .menu-nav #menu > li { padding-inline: 0.78vw }
#header2 #header-container .header-right-section .menu-nav #menu > li > a,
#header2 #header-container .header-right-section .menu-nav #menu > li > .hover-element { padding-block: 1.82vw; display: inline-flex; font-size: clamp(1.7rem, 0.885vw,100rem); line-height: 1.2; letter-spacing: 0.17px; }
#header2 #header-container .header-right-section .menu-nav #menu > li .link-text-wrapper { position: relative; overflow: hidden; }
#header2 #header-container .header-right-section .menu-nav #menu > li .link-text { position: absolute; top: 0; right: 0; width: fit-content; transform: translateY(100%); transition: all 0.5s ease; }
#header2 #header-container .header-right-section .menu-nav #menu > li:hover .link-text { transform: translateY(0%); }
#header2 #header-container .header-right-section .menu-nav #menu > li .hover-element { transform: translateY(0%); transition: all 0.5s ease; }
#header2 #header-container .header-right-section .menu-nav #menu > li:hover .hover-element { transform: translateY(-100%); }
#header2 #header-container .header-right-section .menu-nav #menu > li > i.opensub { font-size: 100%; }

@media(min-width: 1025px) {
    .menu-sub-wrapper { display: flex; align-items: flex-end; justify-content: center; position: absolute; background-color: transparent; right: -50px; padding-top: 0.563vw; transition: all 0.35s ease; }
    #header2 #header-container .header-right-section .menu-sub { background-color: var(--green); right: 0; padding: 1.042vw 2.083vw; position: relative; }
    #header2 #header-container .header-right-section .menu-sub::after { content: none; height: calc(100% - 8px); width: 100%; position: absolute; bottom: 0; left: 0; background-color: var(--green); z-index: -1; }
    #header2 #header-container .header-right-section .menu-sub li { margin-bottom: 1.25vw; text-align: center; line-height: 0.8; transition: all 0.5s ease; }
    #header2 #header-container .header-right-section .menu-sub li:last-child  { margin-bottom: 0px; }
    #header2 #header-container .header-right-section .menu-sub li:hover { color: #F9AB00; }
    #header2 .header-top.social-links { width: 16.6667%; }
    
}

@media(max-width: 1024px) {
    #header2 #header-container { padding: 20px 32px; flex-direction: row; justify-content: unset; }
    #header2 #header-container .header-top.social-links { /* display: none; */ }
    #header2 #header-container .header-right-section { order: -1; max-width: 35px; height: 14px; padding: 0; background-color: transparent; justify-content: flex-start; border-left: 1px solid rgba(242, 247, 246,0.6); margin-left: 16px; }
    #header2 #header-container .header-right-section .menu-nav { max-width: 18px; }
    #header2 #header-container .header-right-section .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 { width: 100%; border-radius: 0; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -6px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -6px; }
    #header2 #header-container .header-right-section .menu-nav #menu { display: none; }
    #header2 #header-container .mobile-middle-kdm { display: none; }
    #header2 #header-container .header-right-section .menu-nav #menu { position: fixed; width: 90%; max-height: 100vh !important; height: 100vh !important; background-color: var(--white); padding: 110px 32px 40px; text-align: right; display: flex !important; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 28px; right: -90%; top: 0 !important; z-index: 0; transition: all 0.5s ease; }
    #header2.open #header-container .header-right-section .menu-nav #menu { right: 0; }
    #header2 #header-container .header-right-section .menu-nav #menu > li { color: var(--green); padding: 0; }
    #header2 #header-container .header-right-section .menu-nav #menu > li > a,
    #header2 #header-container .header-right-section .menu-nav #menu > li > .hover-element { font-size: 2.8rem; padding: 0; line-height: 0.9; letter-spacing: unset; }
    #header2 #header-container .header-right-section .menu-nav #menu > li ul.menu-sub { padding-top: 25px; background: transparent; color: var(--green); text-align: right; font-size: 1.7rem; line-height: 1.2; letter-spacing: 0.17px; }
    #header2 #header-container .header-right-section .menu-nav #menu > li ul.menu-sub li { margin: 0 0 8px; color: var(--green); }
    #header2 #header-container .header-right-section .menu-nav #menu > li ul.menu-sub li:last-child { margin-bottom: 0; }
    #header2 #header-container .header-right-section .menu-nav #menu > li ul.menu-sub li a {white-space:normal;}
    #nav-toggle.active span:before, #nav-toggle.active span:after { background-color: var(--green); }
    #header2 #header-container .header-right-section .menu-nav #menu > li.social-mobile { margin-block: auto 0; }
    #header2 #header-container .header-right-section .menu-nav #menu > li.social-mobile svg { width: 40px; height: 40px; }
    #header2 #header-left { margin-left: 0; margin-right: auto; }
    #header2 #header-left img { height: 40px; width: 70px; }

    #header2 .social-links { display: flex; align-items: center; justify-content: flex-start; }
    #header2 .menu-nav .languages { position: relative; bottom: unset; left: unset; right: unset; display: inline-flex !important; }
    #header2 ul.menu .social-links a.lang { font-size: 2.4rem; line-height: 1; padding: 0; padding-inline: 24px; margin-inline: 24px; position: relative; }
    #header2 ul.menu .social-links a.lang::after { content: ''; position: absolute; display: inline-block; background: var(--green); opacity: 0.6; width: 1px; height: 14px; top: 50%; left: 100%; transform: translateY(-50%); }
    #header2 .social-links { display: flex; align-items: center; }
}


@media(max-width: 1024px) {
}

/* Home Big Image Section */

@media(max-width: 1024px) {
}

/* Home How To Sec */

@media(max-width: 1024px) {
}

/* Home Products Gallery */


@media(max-width: 1024px) {
}


@media(max-width: 1024px) {
}

/* Our Values Section */
@media(max-width: 1024px) {
}

/* Home Bottom Image */

@media(max-width: 1024px) {
}

/* Home Form */

@media(max-width: 1024px) {
}

/* Associations Page */
.associations-page #SiteGrid { padding-inline: 4.167vw }
.associations-page #GridTop.noTopImage.longer { display: flex; justify-content: flex-start; align-items: center; height: auto; flex-direction: column; gap: 2.344vw; gap: 1.944vw; padding-top: 5.729vw; }
.associations-page #GridTop .top-caption { position: relative; top: auto; left: auto; transform: none; }
.associations-page #GridTop #headline { margin: 0; }
.associations-page #lobbyview { width: 100%; max-width: 600px; text-align: center; }

.associations-page #ContentRegularModule #headline { display: none }
.associations-page .grid-row-section .grid-row { max-width: 72.396vw; gap: 4.688vw; margin-inline: auto; }
.associations-page .grid-row-section .grid-row .flexslider-box .grid-row-image-container { width: 46.354vw; height: 25vw; }

.strategy-page #lobbyview { margin-top: 0.5vw; }
.strategy-page #lobbyview img { margin-bottom: 1.667vw; }
.grid-strategy-section { max-width: 100%; margin-block: 6.25vw 10.417vw; }
.grid-strategy-section .grid-boxes { display: flex; justify-content: flex-start; align-items: flex-start; gap: 1.25vw; }
.grid-strategy-section .grid-boxes .grid-box { margin: 0; text-align: right; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 0.8vw; }
.grid-strategy-section .grid-box .grid-box-image { padding: 0; margin-bottom: 1.25vw; width:100%;}
.grid-strategy-section .grid-box .grid-box-fulltext { max-width: 80% }

/*.boxes-organizations .slick-track { width: max-content !important; }
.boxes-organizations .slick-track::after, .boxes-organizations .slick-track::before { content: none }*/
/*.organizations-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 2.604vw; border-bottom: 1px solid rgba(0, 96, 84, 0.40); margin-bottom: 7.292vw; }*/
.boxes-organizations.none-gallery { display: flex;  }
.boxes-organizations .box-organization { width: 29.167vw; text-align: right; display: flex !important; flex-direction: column; justify-content: flex-start; gap: 5px; margin-left: 1.25vw; }
.boxes-organizations .box-organization .box-tags { background-color: var(--white); padding: 1.302vw 4.375vw; display: flex; justify-content: flex-start; align-items: center; gap: 0.833vw; }
.boxes-organizations .box-organization .box-tags span.color-dot { width: 0.833vw; height: 0.833vw; min-width: 16px; min-height: 16px; display: inline-block; border-radius: 50%; }
.boxes-organizations .box-organization .box-content { background-color: var(--white); padding: 3.333vw 4.323vw; padding: 2.333vw 4.323vw; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap: 1.563vw; }
.boxes-organizations .box-organization div:is(.box-subtitle,.box-subtitle-second) h4 { margin: 0; margin-bottom: 0.36vw; }
.boxes-organizations .box-organization .box-subtitle-second h4 { padding-top: 1.5vw; }
.boxes-organizations .box-organization .box-project-link { font-family: var(--bold); text-decoration: underline; text-underline-offset: 6px; }
.boxes-organizations .box-organization .box-footer { display: flex; justify-content: flex-start; align-items: center; gap: 1.042vw; gap: 0; background-color: var(--lightGreen); padding: 0.677vw 4.375vw 0.677vw 2.344vw; }
.boxes-organizations .box-organization .box-footer .box-address { padding-left: 1.042vw; position: relative; order: 2; font-family: var(--bold); text-decoration: underline 1.5px; text-underline-offset: 6px; }
.boxes-organizations .box-organization .box-footer .box-address::after { content: ''; position: absolute; height: 12px; width: 1px; right: 0; top: 50%; transform: translateY(-50%); background-color: var(--green); }
.boxes-organizations .box-organization .box-footer .box-footer-image { height: 2.344vw;/* height: 3.344vw;*/ }
.boxes-organizations .box-organization .box-footer .box-footer-image img { height: 100%; width: auto; }
.boxes-organizations .box-organization .box-footer > div { padding-inline: 1.25vw; }
.boxes-organizations .box-organization .box-footer > div:last-child { margin-right: -1.25vw; }
.boxes-organizations .box-organization .box-footer > div:last-child:after { content: none; }

.boxes-organizations button.slick-arrow { position: absolute; right: 82.6vw; bottom: -4.469vw; color: transparent; background-color: var(--green); background: var(--green); border: none; width: 2.6vw; height: 2.6vw; border-radius: 50%; padding: 0; z-index: 50; overflow: hidden; transition: 0.3s all ease; }
.boxes-organizations.owl-carousel .owl-nav div { position: absolute; right: 82.6vw; bottom: -4.469vw; color: transparent; background-color: var(--green); background: var(--green); border: none; width: 2.6vw; height: 2.6vw; border-radius: 50%; padding: 0; z-index: 50; overflow: hidden; transition: 0.3s all ease; }
.boxes-organizations button.slick-arrow.slick-next { right: 86.2vw; }
.boxes-organizations.owl-carousel .owl-nav div.owl-next { right: 86.2vw; }
.boxes-organizations button.slick-arrow::after { content: ''; position: absolute; right: 0.6vw; top: 50%; transform: translateY(-50%) scale(-1); background-image: url( /warehouse/dynamic/453604.svg); background-repeat: no-repeat; border: none; width: 1.2vw; height: 0.6vw; overflow: hidden; background-position: 0.2vw 50%; transition: 0.3s all ease; pointer-events: none; background-size: cover; }
.boxes-organizations.owl-carousel .owl-nav div::after { content: ''; position: absolute; right: 0.6vw; top: 50%; transform: translateY(-50%) scale(-1); background-image: url( /warehouse/dynamic/453604.svg); background-repeat: no-repeat; border: none; width: 1.2vw; height: 0.6vw; overflow: hidden; background-position: 0.2vw 50%; transition: 0.3s all ease; pointer-events: none; background-size: cover; }
.boxes-organizations button.slick-arrow.slick-next::after { transform: translateY(-50%) scale(1); }
.boxes-organizations.owl-carousel .owl-nav div.owl-next::after { transform: translateY(-50%) scale(1); }
.boxes-organizations button.slick-arrow:hover:after { background-position: -1.6vw 50%; }
.boxes-organizations.owl-carousel .owl-nav div:hover:after { background-position: -1.6vw 50%; }

.map-organizations { margin-bottom: 2.969vw; }
.map-organizations ul { list-style: none; display: flex; align-items: center; justify-content: flex-start; gap: 1.667vw; text-align: right; }
.map-organizations ul li { font-size: clamp(1.5rem,0.781vw,100rem); display: flex; justify-content: flex-start; align-items: center; gap: 0.417vw; }
.map-organizations .dot { width: 0.833vw; height: 0.833vw; min-width: 16px; min-height: 16px; border-radius: 50%; }

.associations-section { max-width: 74.48vw; margin-bottom: 8.854vw; }
.associations-section .section-title,
.associations-section .text1 { margin-bottom: 2.833vw; }
.associations-section .text1 { max-width: 44.271vw; margin-inline: auto; font-size: clamp(1.6rem, 0.94vw,100rem); line-height: 1.2; letter-spacing: 0.36px; }
.associations-section .gallery-cubes { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 1.25vw 0; }
.associations-section .gallery-cubes::before, .associations-section .gallery-cubes::after { content: none; }
.associations-section .gallery-cubes > div { width: 20%; }
.associations-section .gallery-cubes .boxes-images-outer-image { padding: 0; width: 100%; height: 5.213vw; background-size: contain !important; background-repeat: no-repeat; }
.associations-section .boxes-images-outer-image .image-link-container { display: none; }


.associations-page #BlogMain { margin: 9.375vw -4.167vw 1vw; padding: 4.167vw; background-color: var(--lightGreen); display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 4.167vw; }
.related-blog-header { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.associations-page #BlogMain .blog-posts { justify-content: center; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .map-organizations ul { max-width: 80%; align-items: flex-start; flex-wrap:wrap; gap:0.5vw 1.667vw;}
    .map-organizations ul li { align-items: flex-start; }
}

@media(min-width: 1025px) {
    .map-organizations { margin: -0.521vw 0 7.292vw; padding-block: 2.969vw; border-bottom: 2px solid rgba(0, 96, 84, 0.20); }
    .boxes-organizations.owl-carousel.owl-loaded { position: relative; display: flex; flex-direction: column-reverse; }
    .boxes-organizations.owl-carousel .owl-controls { display: flex; position: relative; bottom: -3vw; }
    .boxes-organizations.owl-carousel .owl-stage-outer { overflow: visible; /*margin-bottom: 2.969vw; */}
    .boxes-organizations.owl-carousel .owl-stage-outer .owl-stage{ display: flex}
}
@media(max-width: 1024px) {
    .associations-page #SiteGrid { padding-inline: 22px; }
    .associations-page #GridTop.noTopImage.longer { padding-top: 80px; gap: 55px; }
    .associations-page .categories-strip, .associations-page #contentModuleNav { font-size: 1.7rem; padding-block: 0; margin-block: 56px; }
    .associations-page #GridTop.noTopImage.longer #lobbyview { font-size: 1.7rem; }
    .associations-page #GridTop.noTopImage.longer #lobbyview.empty { display: none; }
    .associations-page .grid-row-section .grid-row { max-width: 100%; gap: 32px; margin-bottom: 80px; }
    .associations-page .grid-row-section .grid-row > .grid-row-cell.flexslider-box { width: 100%; margin-inline: -22px; width: calc(100vw - 22px); }
    .associations-page .grid-row-section .grid-row .flexslider-box .grid-row-image-container { width: 100%; height: 80vw; }
    .associations-page .grid-row-section .grid-row .flexslider-box .grid-row-image-container img { height: 100%; }

    .associations-page.strategy-page #GridTop.noTopImage.longer { gap: 30px }
    .strategy-page #lobbyview { margin-top: 0px; }
    .strategy-page #lobbyview img { margin-bottom: 30px; }
    .grid-strategy-section { margin-block: 80px 120px; }
    .grid-strategy-section .grid-boxes { flex-direction: column; gap: 80px; }
    .grid-strategy-section .grid-boxes .grid-box { gap: 30px; }
    .grid-strategy-section .grid-box .grid-box-image { margin-bottom: 0; width: 100%; }
    .grid-strategy-section .grid-box .grid-box-image img { width: 100%; }
    .grid-strategy-section .grid-box .grid-box-fulltext { max-width: 100%; font-size: 1.7rem; line-height: 1.25; letter-spacing: 0.34px; }

    .associations-page .grid-row-section { margin: 0; }
    .organizations-wrapper { margin-bottom: 120px; gap: 40px; }
    .boxes-organizations-wrapper { overflow: scroll; display: flex; width: 100vw; margin-inline: -25px; }
    .boxes-organizations { display: flex; align-items: flex-start; justify-content: flex-start; width: max-content; padding-inline: 5.5vw 1.956vw; }
    .boxes-organizations .box-organization { width: 80vw; margin-left: 2.386vw; }
    .boxes-organizations .box-organization .box-tags { padding: 17px 30px; gap: 16px; }
    .boxes-organizations .box-organization .box-content { padding: 30px; gap: 40px; }
    .boxes-organizations .box-organization div:is(.box-subtitle,.box-subtitle-second) h4 { margin-bottom: 16px; }
    .boxes-organizations .box-organization .box-content div:is(.box-text/*,.box-text-second*/) { margin-bottom: 30px; }
    /*.boxes-organizations .box-organization .box-footer { padding: 20px 30px; flex-direction: column-reverse; align-items: flex-start; gap: 11px; justify-content: center; }*/
    .boxes-organizations .box-organization .box-footer { padding: 16px 30px;}
    /*.boxes-organizations .box-organization .box-footer .box-address { padding:16px 0 0; border: 0; border-top: 1px solid rgba(131, 178, 172, 0.50); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }*/
    .boxes-organizations .box-organization .box-footer .box-address { padding:0 16px; font-size:1.7rem; white-space:nowrap;}
    /*.boxes-organizations .box-organization .box-footer .box-address::after { content: none;  }*/
    .boxes-organizations .box-organization .box-footer .box-footer-image { height: 45px; padding-inline:16px; }
    .boxes-organizations .box-organization .box-footer > div:last-child { margin-right: -16px; }
    
    .map-organizations { margin: 40px 10px 30px; width: 100%; }
    .map-organizations ul { gap: 16px 20px; flex-wrap: wrap; }
    .map-organizations ul li { width: calc(50% - 20px); gap: 8px; text-align: right; align-items: flex-start; font-size:1.4rem }
    .map-organizations ul li span { letter-spacing: -0.2px; }
    .associations-section { max-width: 100%; margin-bottom: 120px; }
    .associations-section .section-title { margin-bottom: 40px; }
    .associations-section .text1 { margin-bottom: 80px; max-width: 100%; font-size:1.7rem; }
    .associations-section .gallery-cubes { /*flex-direction: column;*/ gap: 24px 0; }
    .associations-section .gallery-cubes > div { width: 50%; }
    .associations-section .gallery-cubes .boxes-images-outer-image { height: 56px; max-width: 215px; background-size: contain !important; margin: 0 auto; }

    .associations-page #BlogMain { margin: 0 -26px; padding: 56px 0 80px; gap: 48px; }
    .related-blog-header { flex-direction: column; align-items: flex-start; padding-inline: 32px; gap: 48px; }
    .strategy-page .related-blog-header { text-align: right; }
    .strategy-page .related-blog-header h2 { font-size:4.5rem; line-height:0.8}
    .related-blog-header a { margin: 0; }
    .associations-page #BlogMain .blog-posts-wrapper { overflow: scroll; width: 100%; margin-left: -32px; justify-content: flex-start; }
    .associations-page #BlogMain .blog-posts { flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; gap: 20px; }
    .associations-page #BlogMain .blog-posts .blog-post { width: 74.667vw; }

    
}

/* Enterprise Page */
.enterprise-page #headline { margin-bottom: 3.125vw; }

.explanation-of-activities { display: flex; justify-content: flex-start; align-items: flex-start; padding: 4.167vw 3.125vw; margin-bottom: 4.688vw; margin-bottom: 7.3vw; background-color: var(--lightGreen); text-align: right; gap: 17.708vw; }
.explanation-of-activities .grid-text { max-width: 44.271vw; }

@media(max-width: 1024px) {

    .enterprise-page #headline { margin: 0; }

    .explanation-of-activities { flex-direction: column; padding: 40px 32px; gap: 48px; width: 100vw; margin: 0 -10px 120px; }
    .explanation-of-activities .grid-text { max-width: 100%; }
    .explanation-of-activities .section-title h2 { font-size: 2.8rem; }
}

/* Contact Page */
.contact-page #headline { margin-bottom: 1.823vw; }
.contact-page .grid-rows .grid-row-text h2:first-of-type { display: none; }

.contact-page .grid-row-section { margin: 0; }
.contact-page .grid-row-section .grid-row { max-width: 100%; margin: 0; padding-block: 1.042vw; }
.contact-page .grid-row-section .grid-row .flexslider-box .grid-row-image-container { width: auto; height: auto; width: 55.885vw; height: 41.146vw; }

.form-link-section { display: flex; justify-content: center; align-items: center; flex-direction: column; padding-block: 6.250vw; margin-bottom: 1.024vw; background-color: var(--lightGreen); }
.form-link-section > div { max-width: max(660px, 34.375vw); }
.form-link-section .grid-text-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 2.344vw; }
.form-link-section .grid-text-content a.sec-button, .form-link-section .grid-text-content a.sec-button:hover, .form-link-section .grid-text-content a.sec-button:focus { margin-top: 0.5vw }

@media(max-width: 1024px) {
    .contact-page .grid-row-section { margin-bottom: 85px; }
    .contact-page .grid-row-section .grid-row { padding-block: 10px 0; align-items: flex-start; gap: 0; }
    .contact-page .grid-row-section .grid-row .grid-row-cell { float: none !important; }
    .contact-page .grid-row-section .grid-row .grid-row-text { margin: 0; padding: 0; padding-right: 22px; }
    .contact-page .grid-row-section .grid-row .grid-row-text p { margin: 0; }
    .contact-page #headline { text-align: right; margin-bottom: 40px; }

    .form-link-section { width: 100vw; margin-inline: -10px; margin-bottom:0; padding: 55px 32px 80px; text-align: right; gap: 24px; }
    .form-link-section .grid-text-content { text-align: center; gap: 55px; }
    .form-link-section .grid-text-content h2:first-of-type { text-align: right; width: 100%; }
    .contact-page .form-link-section .grid-text-content a.sec-button { margin: 0; }
    .contact-page .grid-row-section .grid-row .flexslider-box .grid-row-image-container { width: calc(100vw - 20px); }
    .form-link-section .section-title h2 { text-align: center; }
}

/* Blog Page */
.blog-page #SiteGrid { padding: 6.250vw 3.9vw 9.375vw; }
.blog-page #GridHeader { display: flex; justify-content: space-between; align-items: center; width: 100%; direction: rtl; margin-bottom: 4.479vw; }
.blog-page #GridHeader #headline { margin: 0; }

.blog-page #GridHeader .blog-tags { padding: 0; width: 70%; }
.blog-page #GridHeader .blog-tags .blog-tags-list { }
.blog-page #GridHeader .blog-tags .blog-tags-list ul { text-align: left; color: var(--green); font-size: clamp(1.5rem,0.885vw,100rem); line-height: 1.2; letter-spacing: 0.17px; }
.blog-page #GridHeader .blog-tags .blog-tags-list ul li { margin: 0; margin-right: 1.250vw; }
.blog-page #GridHeader .blog-tags .blog-tags-list ul li a { /* transition: all 0.5s ease; */ padding-right: 1.250vw; border-right: 1px solid var(--green); line-height: 0.7; display: block; position: relative; }
.blog-page #GridHeader .blog-tags .blog-tags-list ul li:first-child a { border: 0 }
.blog-page #GridHeader .blog-tags .blog-tags-list ul li.active a, .blog-page #GridHeader .blog-tags .blog-tags-list ul li a:focus { font-family: var(--bold); color: var(--green); }


#BlogModule { overflow: visible; }
.blog-posts { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 4.167vw 1.250vw; }
.blog-posts .blog-post { width: calc(25% - 0.938vw); max-width: max(410px,21.354vw); }
.blog-posts .blog-post .blog-post-image { overflow: hidden; }
.blog-posts .blog-post .blog-post-image img { transition: all 0.5s ease; }
.blog-posts .blog-post:hover .blog-post-image img { transform: scale(1.1); }
.blog-posts .blog-post .blog-post-content { padding: 0; padding-top: 0.9vw; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.421vw; width: 85%; text-align: right; }
.blog-posts .blog-post .blog-post-content h2.blog-post-title { padding: 0; }
.blog-posts .blog-post .blog-post-content h2.blog-post-title a:focus,
.blog-posts .blog-post .blog-post-content h2.blog-post-title a:hover { text-decoration: none }
.blog-posts .blog-post .blog-post-content .blog-post-text { padding: 0; margin: 0; border: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.blog-posts .blog-post .blog-post-content .blog-post-icons { display: none; }
.blog-posts .blog-post .blog-post-content > a.read-more { font-family: var(--bold); line-height: 1.25; text-decoration: underline 1.5px var(--green); text-underline-offset: 0.421vw; }

@media(min-width: 1025px) {
    .blog-page #GridHeader .blog-tags .blog-tags-list ul li a:hover { color: transparent; }
    .blog-page #GridHeader .blog-tags .blog-tags-list ul li a::after { content: attr(data-text); width: auto; position: absolute; height: 100%; left: 0px; top: 0; color: var( --green); font-family: var( --bold); opacity: 0; }
    .blog-page #GridHeader .blog-tags .blog-tags-list ul li a:hover:after { opacity: 1; }

}
@media(max-width: 1024px) {
    .blog-page #SiteGrid { padding: 24px 22px 120px; }

    .blog-page #GridHeader { flex-direction: column; justify-content: flex-start; margin-block: 56px 87px; gap: 64px; }
    .blog-page #GridHeader .blog-tags { width: 243px; }
    .blog-page #GridHeader .blog-tags .blog-tags-list { color: var(--green); background-color: var(--white); border: 1px solid var(--lightGreen); }
    .blog-page #GridHeader .blog-tags .blog-tags-list ul { display: none; flex-direction: column; align-items: flex-start; justify-content: center; background-color: var(--white); }
    .blog-page #GridHeader .blog-tags .blog-tags-list.active ul { display: flex; }
    .blog-page #GridHeader .blog-tags .blog-tags-list ul li { margin: 0; width: 100%; text-align: center; }
    .blog-page #GridHeader .blog-tags .blog-tags-list ul li.active {display:none;}
    .blog-page #GridHeader .blog-tags .blog-tags-list ul li a { border: 0; padding: 16px 0; background-color: var(--white); }
    .blog-posts .blog-post .blog-post-content h2.blog-post-title a:focus,
    .blog-posts .blog-post .blog-post-content h2.blog-post-title a:hover{ color: var(--green);}
    .blog-page #GridHeader .blog-tags .blog-tags-list span { position: relative; text-align: center; margin: 0 auto; display: block; padding: 17px; line-height: 1; font-size: 1.7rem; }
    .blog-page #GridHeader .blog-tags .blog-tags-list span::after { content: ''; position: absolute; width: 20px; height: 10px; top: 50%; left: 40px; transform: translateY(-50%) rotate(-180deg); background-image: url(/warehouse/dynamic/454523.svg); background-position: center; background-repeat: no-repeat; background-size: contain; transition: all 0.5s ease; }
    .blog-page #GridHeader .blog-tags .blog-tags-list.active span::after { transform: translateY(-50%) rotate(0deg);  }

    .blog-posts { flex-direction: column; gap: 50px; }
    .blog-posts .blog-post { width: 100%; }
    .blog-posts .blog-post .blog-post-image { }
    .blog-posts .blog-post .blog-post-content { gap: 16px; padding-top: 24px; }
    .blog-posts .blog-post .blog-post-content .blog-post-text { font-size: 1.7rem; line-height: 1.25; letter-spacing: 0.34px; }
    .blog-posts .blog-post .blog-post-content > a.read-more { font-size: 1.5rem; }
}

.blog-page.contentInnerPage #SiteGrid { padding: 1.05vw 0; }
.contentInnerPage #GridTop.blog { height: 23.438vw; }
#BlogView .share-strip span { display: none; }
.blog-page.contentInnerPage #GridHeader { max-width: 44.271vw; margin: 0 auto; margin-bottom: 1.5vw; }
.contentInnerPage #GridWrapInner .blog-view { max-width: 44.271vw; margin: 0 auto 5.208vw; }
.contentInnerPage #BlogView .blog-view > h2 { font-size: 100%; margin-bottom: 1.823vw; text-align:right;}
.contentInnerPage #BlogView .blog-view .blog-post-icons.blog-date-time,
.contentInnerPage #BlogView .blog-view .share-strip { margin: 0; margin-bottom: 1.823vw; text-align: right; }
.contentInnerPage #BlogView .blog-view .blog-post-icons.blog-date-time i { display: none; }
.contentInnerPage #BlogView .blog-view .share-strip { display: flex; justify-content: flex-end; align-items: center; }
.contentInnerPage #BlogView .blog-view .share-strip::before { content: none; }
.contentInnerPage #BlogView .blog-view .share-strip::after { width: 88%; top: 50%; border-top: 1px solid var(--green); }
.contentInnerPage #BlogView .blog-view .share-strip a { margin-left:0.73vw; }
.contentInnerPage #BlogView .blog-view .share-strip a.share-icon { display: inline-flex; align-items: center; border: 0; margin-left:0.73vw; }
.contentInnerPage #BlogView .blog-view .share-strip .share-icon i::before { content: ''; display: block; width: 1.042vw; height: 1.042vw; background-repeat: no-repeat; background-position: center; }
.contentInnerPage #BlogView .blog-view .share-strip a.fbShare i::before { background-image: url(/warehouse/dynamic/451633.svg); }
.contentInnerPage #BlogView .blog-view .share-strip a.whatsappShare i::before { background-image: url(/warehouse/dynamic/451632.svg); }
.contentInnerPage #BlogView .blog-view .share-strip a.twitterShare i::before { background-image: url(/warehouse/dynamic/451634.svg); }
.contentInnerPage #BlogView #text1, .contentInnerPage #BlogView #text1 p:last-child { margin: 0; }
.contentInnerPage #BlogView #text1 { line-height: 1.2; }
.contentInnerPage #BlogView #text1 h3 { font-family: var(--bold); margin-block: 1.667vw 0.2vw; }
.contentInnerPage #BlogView #text1 ul { margin-right: 1vw; }
.contentInnerPage #BlogView #text1 ul li { margin-bottom: 0.7vw; line-height: 1.2; }


.contentInnerPage #BlogView .blog-related-posts h2 { margin: 0; line-height: 0.7; }
.related-blog-header a, .related-blog-header a:hover, .related-blog-header a:focus { margin: 0; }
.contentInnerPage #BlogView .blog-related-posts { padding-block: 85px; background-color: var(--lightGreen); }
.contentInnerPage #BlogView .blog-related-posts .share-strip { display: none; }
.contentInnerPage #BlogView .blog-related-posts > div { max-width: 66.927vw; margin: 0 auto; float: none; }
.contentInnerPage #BlogView .blog-related-posts > .related-blog-header { margin-bottom: 3.333vw; }
.contentInnerPage #BlogView .blog-related-posts::before, .contentInnerPage #BlogView .blog-related-posts::after { content: none; }
#BlogView .blog-posts .blog-post .blog-post-content h2.blog-post-title { margin: 0 }
.blog-related-posts .blog-posts .blog-post { width: calc(33.33% - 0.938vw); }

@media(max-width: 1024px) {
    .blog-page.contentInnerPage #SiteGrid { padding: 0; }
    .contentInnerPage #BlogModule { overflow: visible; }
    .contentInnerPage #GridTop.blog { height: 94.667vw; height: 375px; margin-inline: -10px; }
    .blog-page.contentInnerPage #GridHeader { max-width: 100%; text-align: right; align-items: flex-start; padding-inline: 22px; margin-block: 60px 35px; }
    .blog-page.contentInnerPage #GridHeader #headline { text-align: right; }
    .contentInnerPage #GridWrapInner .blog-view { max-width: 100%; padding-inline: 22px; }
    .contentInnerPage #BlogView .blog-view > h2 { margin-bottom: 40px; font-size: 1.7rem; line-height: 1.25; letter-spacing: 0.34px; }
    .contentInnerPage #BlogView .blog-view .blog-post-icons.blog-date-time, .contentInnerPage #BlogView .blog-view .share-strip { margin-bottom: 35px; gap: 14px; }
    .contentInnerPage #BlogView .blog-view .share-strip .share-icon i::before { width: 20px; height: 20px; }
    .contentInnerPage #BlogView .blog-view .share-strip::after { width: 66%; }
    .contentInnerPage #BlogView #text1, .contentInnerPage #BlogView #text1 p:last-child { font-size: 1.7rem; }
    .contentInnerPage #BlogView .blog-related-posts { margin-inline: -10px; width: 100vw; padding-block: 56px 80px; }
    .contentInnerPage #BlogView .blog-related-posts > div.blog-posts { flex-direction: row; max-width: max-content; overflow: scroll; }
    .blog-related-posts .blog-posts .blog-post { width: 74.667vw; }
    .blog-posts-wrapper { padding-inline: 32px; display: flex; width: max-content; align-items: center; justify-content: flex-end; gap: 20px; }
    .contentInnerPage .blog-posts-wrapper { align-items: flex-start; }
    .contentInnerPage #BlogView .blog-related-posts > .related-blog-header { margin-bottom: 45px; margin-right:0; }

    .contentInnerPage #BlogView #text1 h3 { margin-block:32px 4px; }
    .contentInnerPage #BlogView #text1 ul { margin-right: 15px; }
    .contentInnerPage #BlogView #text1 ul li { margin-bottom: 13px; }
}


/* Form Page */
.form-page #GridContent { /* padding-inline: 4.167vw; */ }
.form-page .grid-row-section { background-color: var(--lightGreen); padding: 3.9vw 4.167vw 0; margin-top: 1.563vw; }
.form-page .grid-row-section #headline { text-align: right; margin-bottom: 5.990vw; }
.form-page .grid-row-section .grid-row { max-width: 100%; margin: 0; padding-block: 0 3.333vw; margin-bottom: 3.333vw; border-bottom: 1px solid rgba(0, 96, 84, 0.40); }
.form-page .grid-row-section .grid-row:last-child { border: 0; margin: 0; }
.form-page .grid-row-section .grid-row .grid-row-cell.flexslider-box { display: none !important; }
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text { display: flex; justify-content: space-between; align-items: flex-start; }
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text h2 { max-width: 460px; width: 50%; }
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text .inner-text { max-width: 560px; width: 50%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0.521vw; }
.form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p { }
.form-page .grid-row-section .grid-row .grid-row-cell { width: 100%; }

.ft--s120--stripContainerRoot.ft--vis--s120.ft--s120--spreadContent { max-width: 100%; }

@media(max-width: 1024px) {
    .form-page .grid-row-section { margin-top: 10px; padding: 10px 22px; }
    .form-page .grid-row-section #headline { margin-bottom: 55px; }
    .form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text { flex-direction: column; gap: 24px; }
    .form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text h2 { width: 100%; }
    .form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text .inner-text { width: 100%; gap: 0; }
    .form-page .grid-row-section .grid-row .grid-row-cell .grid-row-text p { margin-bottom: 24px; }
}

/* About Page */
.about-page .sections section:not(:is(#GridBottom,.about-section,.grid-image-section)) { padding-block: 5.990vw 6.771vw; }
.about-page section .section-title { margin-bottom: 2.344vw; }

.about-page .about-section { margin-block: 6.771vw 11.979vw; padding-inline: 4.167vw; }
.about-page .about-section .grid-text { display: flex; align-items: flex-start; justify-content: space-between; text-align: right; }
.about-page .about-section .grid-text > div { width: 50%; max-width: max(580px,30.208vw); }
.about-page .about-section .grid-text #lobbyview { max-width: max(340px,24.271vw); }
.about-page .about-section .grid-text #lobbyview #headline { text-align: right; margin: -1vw 0 0; }

.about-page .grid-image-section, .about-page .grid-image-section .image-section-data { height: 35.417vw; }

.about-page #LobbyModule .grid-content-section .grid-boxes { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 3.333vw; }
.about-page #LobbyModule .grid-content-section .grid-boxes::after,
.about-page #LobbyModule .grid-content-section .grid-boxes::before { content: none; }
.about-page #LobbyModule .grid-content-section .grid-boxes .grid-box { display: flex; align-items: center; justify-content: center; width: auto; gap: 2.083vw; }
.about-page #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-image { margin: 0; padding: 0; }
.about-page .grid-content-section .grid-box .grid-box-image-container { position: relative; }
.about-page .grid-content-section:not(.leading-team-section) .grid-box .grid-box-image-container { pointer-events: none; }
.about-page .grid-content-section .grid-box .contant-wrapper { text-align: right; max-width: max(450px,15.625vw); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 2px; pointer-events:none;}
.about-page .grid-content-section .grid-box .contant-wrapper .grid-box-subtitle { color: var(--green); font-size: clamp(1.6rem,1.042vw,100rem); line-height: 1.2; /*letter-spacing: 0.2px;*/ margin-bottom: 1.302vw; }
.about-page .grid-content-section .grid-box .contant-wrapper .grid-box-fulltext { font-size: clamp(1.6rem,0.938vw,100rem); }
.about-page .directorate-section,
.about-page .leading-team-section { background-color: var(--lightGreen); padding-inline: 4.167vw; }
.about-page #LobbyModule .grid-content-section.directorate-section .grid-boxes { column-gap: 5.208vw; }
.about-page #LobbyModule .grid-content-section.directorate-section .grid-boxes .grid-box { flex-direction: column; gap: 0; }
.about-page #LobbyModule .grid-content-section.directorate-section .grid-boxes .grid-box:first-child { width: 100%; margin-inline: auto; }
.about-page #LobbyModule .grid-content-section.directorate-section .grid-boxes .grid-box .grid-box-subtitle { color: var(--green); font-size: clamp(1.6rem,0.885vw,100rem); }
.about-page .sections section:not(:is(#GridBottom,.about-section,.grid-image-section)).leading-team-section { margin-bottom: 1.563vw; padding-bottom: 3.438vw }
.about-page #LobbyModule .grid-content-section.leadership-section .grid-boxes { flex-direction: column; align-items: center; }
.about-page #LobbyModule .grid-content-section.leading-team-section .grid-boxes { margin-bottom: 3.333vw; gap: 1.25vw; }
.about-page #LobbyModule .grid-content-section.leading-team-section .grid-boxes .grid-box { flex-direction: column; gap: 1.667vw; align-items: flex-start; width: calc(20% - 1vw); }
.about-page #LobbyModule .grid-content-section.leading-team-section .grid-boxes .grid-box:is(:nth-child(1),:nth-child(2),:nth-child(3)) { /* width: auto; */ }
.about-page .grid-content-section.leading-team-section .grid-box .contant-wrapper { }
.about-page .grid-content-section.leading-team-section .grid-box .contant-wrapper .grid-box-subtitle { margin: 0; }
.about-page .grid-content-section .grid-boxes .box-image-animation .hideUntilHover { opacity: 1; top: 100%; transform: none; left: 0; background-color: var(--green); display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 1.563vw; text-align: right; font-size: clamp(1.5rem,0.94vw,100rem); }
.about-page .grid-content-section .grid-boxes .box-image-animation:hover .hideUntilHover { top: 0; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .about-page .grid-content-section .grid-box .contant-wrapper { max-width: max(345px,15.625vw) }
}

@media(min-width: 1025px) {
    .about-page #LobbyModule .grid-content-section.founders-section .grid-boxes .grid-box { align-items: flex-start; }

}
@media(max-width: 1024px) {
    .about-page .about-section .grid-text { flex-direction: column; }
    .about-page .about-section .grid-text #lobbyview, .about-page .about-section .grid-text > div { width: 100%; }
    .about-page .about-section .grid-text #lobbyview { margin-bottom: 160px; margin-top: 0; }
    .about-page #headline h1 { letter-spacing: -2px; }
    .about-page .about-section .grid-text #lobbyview #headline { margin: 0; }

    .about-page .about-section .grid-text > div { margin-bottom: 110px; }

    .about-page .grid-image-section { display: none; }

    .about-page .about-section { margin-block: 0; }
    .about-page .about-section .grid-text .image-section-data { margin-inline: -22px; width: calc(100% + 44px); }
    .sections .grid-content-section.founders-section { padding-top: 0 !important; }
    .about-page .sections section { padding-inline: 22px !important; text-align: right; }
    .about-page section .section-title { margin-bottom: 64px; }
    .about-page #LobbyModule .grid-content-section .grid-boxes { flex-direction: column; gap: 56px; }
    .about-page #LobbyModule .grid-content-section .grid-boxes .grid-box { flex-direction: column; align-items: flex-start; gap: 30px; }
    .about-page .grid-content-section .grid-box .grid-box-image-container { max-width: 80%; }
    .about-page .grid-content-section .grid-box .contant-wrapper { gap: 15px; }
    .about-page .grid-content-section .grid-box .contant-wrapper .grid-box-subtitle { margin-bottom: 15px; font-size:1.7rem }
    .about-page .grid-content-section .grid-box .contant-wrapper .grid-box-fulltext { font-size: 1.7rem }
    .about-page .sections section:not(:is(#GridBottom,.about-section,.grid-image-section)) { padding-block: 120px; }
    .about-page .sections section:not(:is(#GridBottom,.about-section,.grid-image-section)).directorate-section,
    .about-page .sections section:not(:is(#GridBottom,.about-section,.grid-image-section)).leading-team-section { padding: 80px 32px !important; margin-inline: -10px;margin-bottom:0; width: 100vw; max-width: 100vw; }
    .about-page .sections section:not(:is(#GridBottom,.about-section,.grid-image-section)).directorate-section { text-align: center; }
    .about-page .sections section:not(:is(#GridBottom,.about-section,.grid-image-section)).directorate-section .grid-boxes,
    .about-page .sections section:not(:is(#GridBottom,.about-section,.grid-image-section)).directorate-section.leading-team-section .grid-boxes { align-items: center; }
    .about-page #LobbyModule .grid-content-section.directorate-section .grid-boxes .grid-box { align-items: center; }
    .about-page #LobbyModule .grid-content-section.directorate-section .grid-boxes .grid-box:first-child { width: auto; }
    .about-page #LobbyModule .grid-content-section.directorate-section .grid-boxes .grid-box .grid-box-title { margin-bottom: 10px; }
    .about-page #LobbyModule .grid-content-section.directorate-section .grid-boxes .grid-box .grid-box-subtitle { font-family: var(--bold); }
    .about-page #LobbyModule .grid-content-section.leading-team-section .grid-boxes .grid-box { width: 100%; text-align: right; gap: 40px; }
    .about-page .grid-content-section.leading-team-section .grid-box .contant-wrapper .grid-box-title { display: block; }
    .about-page .grid-content-section.leading-team-section .grid-box .contant-wrapper .grid-box-subtitle { margin-bottom: 10px; font-family: var(--bold); font-size: 1.7rem }
    .about-page .grid-content-section.leading-team-section .grid-box .contant-wrapper .grid-box-image-text.hideUntilHover { position: relative; top: auto; left: auto; transform: none; color: var(--green); font-size: 1.7rem; line-height: 1.25; letter-spacing: 0.34px; }
    .about-page .grid-content-section.leading-team-section .grid-box .contant-wrapper .grid-box-opacity-layer.hideUntilHover { display: none; }
    .about-page #LobbyModule .grid-content-section.leading-team-section .grid-boxes { margin-bottom: 56px; gap:56px; }
}

/* -----------------------------*/ /*
    Project Inner Page 
--------------------------------*/
.project-page-inner #GridTop { display: none; }
.project-sections .grid-row-section { margin: 7.3vw 0; }
.project-sections .grid-row-section .grid-row .grid-row-text h1 { margin-bottom: 2vw; }
.grid-goals-section { background-color: var(--lightGreen); padding: 5.208vw 4.167vw; }
.grid-goals-section .goals { list-style: none; display: flex; flex-direction: column; border-top: 2px solid rgba(0, 96, 84, 0.40); }
.grid-goals-section .goals .goal { display: flex; justify-content: space-between; border-bottom: 2px solid rgba(0, 96, 84, 0.40); padding: 2.5vw 2vw 2.5vw 0; align-items: center; position: relative; }
.grid-goals-section .goals .goal::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0.3vw; background: var(--green); height: calc(100% - 2.083vw); }
.grid-goals-section .goals .goal .goal-title h3 { font-size: clamp(2.8rem, 2.083vw, 100rem); font-family: var(--bold); }
.grid-goals-section .goals .goal .goal-content { text-align: right; width: 28.5vw; }
.grid-numbers-section { padding: 8.333vw 4.167vw 9.375vw; }
.grid-numbers-section .numbers-content { margin-top: 0.7vw; }
.grid-numbers-section .numbers { display: flex; list-style: none; flex-wrap: wrap; justify-content: center; margin-top: 4.167vw; gap: 4vw 8.854vw; }
.grid-numbers-section .numbers .number { width: 25%; position: relative; width: auto; min-width: 15.3vw; }
.grid-numbers-section .numbers .number:not(:last-child):after { content: ""; position: absolute; height: 4.167vw; width: 2px; background: rgb(0, 96, 84 );opacity:0.4; left: -4.427vw; top: 50%; transform: translateY(-50%); }
.grid-numbers-section .numbers .number .number-number { font-family: var(--bold); color: var(--green); font-size: clamp(11rem,10.4vw,20rem); line-height: 0.9; }
.grid-numbers-section .numbers .number .number-content { font-size: clamp(1.6rem,1.25vw,100rem); max-width: 15.6vw; margin: 2vw auto 0; }

@media(min-width:1025px) {
    .project-sections .grid-row-section .grid-row { gap: 5.254vw; max-width: 85vw; padding: 0; }
}

@media(max-width:1024px) {
    .project-sections .grid-row-section { margin-block: 80px 0; }
    .project-sections .grid-row-section .grid-row .grid-row-text { padding-inline: 22px; }
    .project-sections .grid-row-section .grid-row .grid-row-text h1 { margin-block: 24px 30px; font-size: 4.5rem; }

    .grid-goals-section { padding: 0 32px; width: 100vw; margin-inline: -10px; }
    .grid-goals-section .goals { border-top: 0; }
    .grid-goals-section .goals .goal { flex-direction: column; align-items: flex-start; padding: 56px 0; gap: 30px }
    .grid-goals-section .goals .goal::before { content: none; }
    .grid-goals-section .goals .goal:last-child { border: 0; }
    .grid-goals-section .goals .goal .goal-content { width: 100%; }
    .grid-numbers-section .numbers { flex-direction: column; margin-top: 70px; gap: 25px; }
    .grid-numbers-section .numbers .number { width: 100%; padding-bottom: 45px; }
    .grid-numbers-section .numbers .number:after { height: 2px; width: 80px; top: auto; bottom: 0; left: 50%; border: none; border-bottom: 1px solid rgba(0, 96, 84, 0.40); transform: translateX(-50%); }
    .grid-numbers-section { padding: 120px 22px; }
    .grid-numbers-section .section-title h2 { max-width: 80%; }
    .grid-numbers-section .numbers-content { margin-top: 30px; }
    .grid-numbers-section .numbers .number .number-content { max-width: 60%; font-family: var(--bold); margin-top: 25px; font-size:1.7rem }
    .grid-numbers-section .numbers .number:not(:last-child):after { height: 2px; width: 80px; top: calc(100% - 1px); left: 50%; transform: translateX(-50%); }
}

/* FAQ Page */

@media(max-width: 1024px) {
}

/* How To Page */

@media(max-width: 1024px) {
}

/* Form */
.form-container-wide #DynamicFormObject { padding: 4.688vw 8.073vw; max-width: 100% !important; border: none; background: var(--bg); }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: none !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; width: 100%; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: center; gap: 2.1vw 1.042vw; }
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: calc(50% - 0.521vw); padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { margin: 0; padding: 0 0 0.521vw; font-size: clamp(1.7rem, 0.8vw, 1000rem) !important; text-transform: none; box-shadow: none; border: none !important; border-bottom: 1px solid rgba(110, 108, 105, 0.25) !important; border-radius: 0; width: 100%; max-width: 100%; height: 2.083vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input:is(:hover,:focus),
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select:is(:hover,:focus),
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea:is(:hover,:focus) { border-bottom: 1px solid var(--black) !important; }
/*.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input::placeholder, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select::placeholder, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea::placeholder { font-family: var(--bold); }*/
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 4.688vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must input,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must select,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must textarea { padding-inline: 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must:before { right: unset; left: 0px; top: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { padding: 0; width: 100%; background: var(--black); display: flex; justify-content: center; align-items: center; height: 3.125vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { padding: 5px 0 0; font-size: clamp(1.3rem, 0.781vw, 1000rem); text-transform: uppercase; transition: 0.4s all ease; border-radius: 0; border: none; width: 100%; height: 100%; background: transparent; font-family: 'NeueHelveticaPro75Bold'; color: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button:is(:hover, :focus) { color: #fff; border: none !important; background: var(--orange); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button::after { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url(/warehouse/dynamic/447852.svg); background-repeat: no-repeat; background-size: contain; margin: 0 0 0 10px; transition: 0.4s all ease; pointer-events: none; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none !important; }
label.error, span.error { font-size: 1.3rem; right: unset; left: 0; bottom: -20px; top: unset; }

@media(max-width: 1024px) {
    .form-container-wide #DynamicFormObject { padding: 40px 20px; }
    .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: 26px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { padding: 0 0 10px; height: auto; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 120px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { height: 52px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { font-size: 1.2rem !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button::after { left: calc(50% + 30px); }
}

/* 404 Page */
.page-404 #PageBreadCrumps { display: none }
.page-404 #GridTop,
.page-404 #GridBottom { display: none; }
.page-404 #SiteContainer { min-height: 100vh; display: flex; flex-direction: column; }
.page-404 #SiteGridContainer { flex-grow: 1; margin: 0; }
.page-404 #SiteGrid #GridContent { padding: 0 20px; min-height: 80vh; display: flex; align-items: center; justify-content: center; color: #003466; }
.page-404 #SiteGrid #GridContent .page-not-found h2 { margin-bottom: 0 }
.page-404 #SiteGrid #GridContent .page-not-found p { margin-bottom: 1.3vw; }
.page-404 .page-not-found a span.link-text { width: 100%; }
.page-404 #SiteGrid #GridContent .page-not-found a, .page-404 #SiteGrid #GridContent .page-not-found a:hover, 
.page-404 #SiteGrid #GridContent .page-not-found a:focus { display: inline-flex; position: relative; }
.page-404 footer { display: flex; }

@media(max-width: 1024px) {
    .page-404 #SiteGrid #GridContent .page-not-found a, .page-404 #SiteGrid #GridContent .page-not-found a:hover, 
    .page-404 #SiteGrid #GridContent .page-not-found a:focus { height: 45px; font-size: 1.4rem; width: 160px; }
    .page-404 #SiteGrid #GridContent .page-not-found h2 { margin-bottom: 34px; }
    .page-404 #SiteGrid #GridContent .page-not-found p { margin-bottom: 25px; font-size: 1.4rem; }
}

/* Footer */
footer { padding: 0; display: flex; }
.footer-text-divided { padding: 0; background-color: var(--green); display: flex; justify-content: space-between; align-items: center; }
.footer-text-divided > div { padding: 0; width: auto; }
.footer-text-divided > div.footer-text-left { display: flex; padding: 4.104vw 5.208vw; height: 100%; border-right: 1px solid var(--extraLightGreen); }
.footer-text-divided > div.footer-text-right { display: flex; justify-content: flex-start; align-items: flex-start; gap: 4.167vw; color: var(--white); font-size: clamp(1.5rem,0.94vw,100rem); line-height: 1; padding: 2.604vw 5.208vw; }
.footer-text-divided > div.footer-text-right ul { list-style: none; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1vw; }
.footerSocialIcons a { display: inline-flex; }
.footerSocialIcons svg { width: 30px; height: 30px; margin-left: 14px; }

@media(max-width: 1024px) {
    #SiteFooter { padding: 0; }
    .footer-text-divided { flex-direction: column-reverse; }
    .footer-text-divided > div.footer-text-left { padding: 32px; width: 100%; border: 0; border-bottom: 1px solid rgba(242, 247, 246, 0.7); }
    #SiteFooter .footer-text-divided > div.footer-text-left img { max-width: 230px; }
    .footer-text-divided > div.footer-text-right { padding: 45px 32px; gap: 50px; width: 100%; }
    .footer-text-divided > div.footer-text-right ul { gap: 16px; }
    .footer-text-divided > div.footer-text-right ul:last-child { display: none; }
    #SiteFooter .site-credit.alternative svg { fill: #fff; }
}


.simple-content-page .categories-strip { display: none; }
.simple-content-page #GridPage { max-width: 700px; margin: 0 auto; }
.simple-content-page #GridContent { margin-bottom: 9.375vw; }
.simple-content-page .container-fluid { padding: 0; }
.simple-content-page #headline { margin-bottom: 0; text-align:right; }
.simple-content-page #text1 { text-align: right; padding-top: 1vw; }
.simple-content-page #GridPage h2, .simple-content-page #GridPage h3 { margin-block: 1.55vw 1vw; }
.simple-content-page #GridPage ul { margin-right: 1vw; margin-bottom: 1.7vw; }

@media (max-width: 1024px) {
    .simple-content-page #GridTop.noTopImage.longer { display: none; }
    .simple-content-page #GridPage { max-width: 100%; padding-inline: 22px; padding-top:70px; }    
    .simple-content-page #GridPage h2, .simple-content-page #GridPage h3 { margin-block: 30px 15px; }
    .simple-content-page #GridPage h2:first-of-type { margin-block: 44px 15px; }
    .simple-content-page #GridContent { margin-bottom: 120px; }
    .simple-content-page #GridPage ul { margin-right: 17px; margin-bottom: 32px; }
    .simple-content-page #GridPage ul li { margin-bottom: 10px; }
}



@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .macOs .explanation-of-activities .grid-text { max-width: 100vw; }
    .grid-row-section .grid-row {max-width:89vw}
    .categories-strip ul, #contentModuleNav{max-width:45%}
    .categories-strip ul li a, .contentModuleNav a { width: 12.1vw }
    .associations-page .grid-row-section .grid-row  {max-width:82vw}
    .project-sections .grid-row-section .grid-row {max-width:90vw}
    .grid-goals-section .goals .goal .goal-content {  width: 35vw; }
    .contact-page .grid-row-section .grid-row .flexslider-box .grid-row-image-container { width: 48.5vw; height: 36vw; }

}


@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    body { font-size: 1.5rem }
    .grid-rows .grid-row-text p { font-size: 1.5rem }
    .about-page .grid-content-section .grid-boxes .box-image-animation .hideUntilHover  {font-size:1.3rem; padding-inline:0.8vw; }
    #header2 #header-container .header-right-section .menu-nav #menu > li > a,
    #header2 #header-container .header-right-section .menu-nav #menu > li > .hover-element  {font-size:1.5rem}
}




/* Keren Shashua Family b*/

/* Home Gallery */
.home-page .home-loader { background: var(--green); display: flex; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; width: 100%; height: 47.917vw; z-index: 3000; }
.home-page .home-loader img { width: 21.979vw; }
#home-gallery { height: max-content !important; /* display: flex; */ flex-direction: column-reverse; }
.home-gallery-wrapper { display: flex; flex-direction: column-reverse; }
#home-gallery .opacity-layer,
#home-gallery .scroll-down { display: none; }
#home-gallery #TopVideo { height: 41.7vw !important; overflow: clip; margin-top: 19.2vw; /* transition: 1s all ease;*/ }
#home-gallery #TopVideo { height: calc(96vh - var(--headerHeight)) !important; margin-bottom: 2vh; overflow: clip; margin-top: 19.2vw; /*transition: 1s all ease;*/ }
#home-gallery.shown #TopVideo { margin-top: 1vw; }
#home-gallery #TopVideo iframe { height: 100%; top: unset; position: relative; width: 100vw; left: unset; transform: scale(1.25); background: transparent; }
#home-gallery .gallery-caption { top: 0; width: 100%; left: unset; right: 0; transform: unset; padding: 4.89vw 5.208vw 5.3vw; text-align: right; }
#home-gallery .gallery-caption .gallery-text { color: var(--green); font-size: 100%; display: flex; flex-direction: column; gap: 2vw; }
#home-gallery .gallery-caption .gallery-text div { font-size: 5.729vw; font-family: var(--bold); line-height: 0.9; transition: 0.4s 0.15s all ease; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-position: 100% 0%; background-size: 100% 200%; background-image: linear-gradient(0deg,#fff 50%,var(--green) 0); }
#home-gallery .gallery-caption .gallery-text > span { font-size: 2.083vw; font-family: var(--bold); line-height: 0.9; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-position: 100% 0%; background-size: 100% 200%; background-image: linear-gradient(0deg,#fff 50%,var(--green) 0); transition: 0.4s all ease; }
#home-gallery .gallery-caption .gallery-text.active div { background-position: 0 100%; }
#home-gallery .gallery-caption .gallery-text.active > span { background-position: 0 100%; }



@media(max-width: 1024px) {
    .home-page #SiteGridContainer { padding: 0; }
    #home-gallery .scr-reader-only {display:none;}
    #home-gallery { display: flex; flex-direction: column-reverse; height: calc(100vh - var(--headerHeight)) !important; justify-content: space-between; padding-top: 65px; padding-bottom: 2.12vw; }
    .TopVideo { height: 95.35vw !important; width: 95.35vw; overflow: hidden; margin: 0 auto; position: relative; }
    #home-gallery video { width: auto !important; height: 100% !important; position: relative; top: 0; background: transparent; transform: translateX(-50%) scale(1.05); }
    #home-gallery .gallery-caption { position: relative; padding: 0 32px; margin-bottom: 26px; /*margin-bottom: 33px;*/ }
    #home-gallery .gallery-caption .gallery-text { gap: 20px; /*gap: 30px;*/ white-space: normal; }
    #home-gallery .gallery-caption .gallery-text div { font-size: 58px; letter-spacing: -1.16px; line-height: 0.8; }
    #home-gallery .gallery-caption .gallery-text > span { font-size: 2rem; }
}

/* Home Collection Section */


@media(max-width: 1024px) {
}

/* -----------------------------*/ /*
    Home Pac-Man Section 
--------------------------------*/
.pacman-section { padding: 7.292vw 0; width: 63.05vw; text-align: right; }
.pacman-section .grid-text { padding: 6.25vw 0; }
.pacman-section .grid-text p { font-size: clamp(2rem, 2.083vw, 100rem); line-height: 120%; letter-spacing: clamp(0.04rem, 0.1042vw, 100rem); transition: all 0.45s cubic-bezier(0, 0, 0.15, 1); transform: unset !important }
.pacman-section .grid-text .grid-text-content { position: relative; padding: 2.604vw; }
.pacman-section .grid-text .grid-text-content .pacman-left { position: absolute; width: 5.2vw; height: 5.2vw; pointer-events: none; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/454076.svg); background-size: 100%; left: 50%; top: 50%; transition: all 0.45s 0.35s cubic-bezier(0, 0, 0.15, 1); transform: translate(-50%,-50%); }
.pacman-section .grid-text .grid-text-content .pacman-right { position: absolute; width: 5.2vw; height: 5.2vw; pointer-events: none; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/454077.svg); background-size: 100%; right: unset; left: 50%; top: 50%; transition: all 0.45s 0.35s cubic-bezier(0, 0, 0.15, 1); transform: translate(-50%,-50%); }
.pacman-section .grid-text .grid-text-content.active .pacman-right { top: -2.604vw; left: calc(100% - 2.604vw); transform: translate(0,0); transition: all 0.45s 0.35s cubic-bezier(0, 0, 0.15, 1) }
.pacman-section .grid-text .grid-text-content.active .pacman-left { top: calc(100% - 2.604vw); left: -2.604vw; transform: translate(0,0); transition: all 0.45s 0.35s cubic-bezier(0, 0, 0.15, 1) }

@media(max-width: 1024px) {
    .pacman-section { width: 100%; padding: 90px 0 70px; text-align: center; }
    .pacman-section .grid-text { padding: 40px 32px; }
    .pacman-section .grid-text .grid-text-content { padding: 10px 0; }
    .pacman-section .grid-text .grid-text-content .pacman-left { left: 50%; top: auto; bottom: 30%; width: 40px; height: 40px; }
    .pacman-section .grid-text .grid-text-content .pacman-right { right: 37%; top: 56%; width: 40px; height: 40px; }

    .pacman-section .grid-text .grid-text-content.active .pacman-left { left: 0px; top: auto; bottom: -35px; transform: translate(-50%,-50%); }
    .pacman-section .grid-text .grid-text-content.active .pacman-right { right: -40px; top: 0px; transform: translate(-50%,-50%); }
    .pacman-section .grid-text p { padding-inline: 20px; }
}

/* -----------------------------*/ /*
    Home Leaders Say Section 
--------------------------------*/
.leaders-say-section { margin-bottom: 10.417vw; }
.leaders-say-section .grid-row { gap: 7.3vw; align-items: flex-start; max-width: 81.5vw; padding: 0; display: flex !important; }
.leaders-say-section .grid-row .flexslider-box { display: flex !important; gap: 0.833vw; align-items: flex-start; }
.leaders-say-section .grid-row .flexslider-box .grid-row-image-container { width: 21.667vw; height: 26.042vw; }
.leaders-say-section .grid-row .flexslider-box .grid-row-image-container:last-child { margin-top: 3.042vw; }
.leaders-say-section .grid-row .grid-row-cell-text { align-self: flex-start; }
.leaders-say-section .grid-row .grid-row-text { min-height: 28.642vw; display: flex; flex-direction: column; justify-content: flex-end; padding: 0; margin: 0; }
.leaders-say-section .grid-row h2 { font-size: clamp(5.8rem, 4.167vw,100rem); margin-top: 2.546vw; margin-bottom: auto; }
.leaders-say-section .grid-row .grid-row-text h3 { margin-bottom: 1.2vw; }

@media(min-width: 1025px) {
    .leaders-say-section .grid-row .grid-row-text { justify-content: flex-start; }
    .leaders-say-section .grid-row h2 { font-size: clamp(2rem,1.25vw,100rem); line-height: 1; letter-spacing: 0; margin: 0; }
    .leaders-say-section .grid-row .grid-row-text h3 { margin-bottom: 4.167vw; margin-top: 0.625vw; font-size: clamp(5.8rem, 4.167vw,100rem); line-height: 0.8; }
}

@media(max-width: 1024px) {
    .leaders-say-section { margin: 30px 0 80px; padding: 0 32px; }
    .leaders-say-section .grid-row { flex-direction: column; max-width: unset; gap: 48px; width: 100%; margin: 0 auto; }
    .leaders-say-section .grid-row .flexslider-box { width: 100%; gap: 11px; }
    .leaders-say-section .grid-row .flexslider-box .grid-row-image-container { width: calc(50% - 6px); height: auto; }
    .leaders-say-section .grid-row .flexslider-box .grid-row-image-container:last-child { margin-top: 42px; }
    .leaders-say-section .grid-row h2 { margin: 0; line-height: 0.9; font-family: var(--bold); color: var(--green); }
    .leaders-say-section .grid-row .grid-row-text h3 { margin: 0 0 15px; }
}

/* -----------------------------*/ /*
    Home Core Activities Section 
--------------------------------*/
.core-activity-section { background: var(--lightGreen); padding: 4.8vw 5.208vw 5.469vw; text-align: right; margin-bottom: 10.417vw; }
.core-activity-section .section-title h2 { font-size: clamp(5.8rem, 4.167vw,100rem); font-family: var(--bold); line-height: 100%; margin-bottom: 2.3vw; }
.core-activity-section .grid-rows::before, .core-activity-section .grid-rows::after { display: none; }
.core-activity-section .grid-rows .grid-row { max-width: unset; margin: 0; padding: 1.042vw 0; border-bottom: 2px solid #00605466; gap: 0; direction: rtl !important; display: flex !important; }
.core-activity-section .grid-rows .grid-row:first-child { border-top: 2px solid #00605466; }
.core-activity-section .grid-rows .grid-row .flexslider-box .grid-row-image-container { height: 13.021vw; margin-left: 1.25vw; display: flex; width: auto; }
.core-activity-section .grid-rows .grid-row .flexslider-box .grid-row-image-container img { height: 100%; }
.core-activity-section .grid-rows .grid-row .grid-row-cell-text { flex-grow: 1; }
.core-activity-section .grid-rows .grid-row .grid-row-text { display: flex; justify-content: space-between; padding: 2.604vw 0 0; margin: 0; }
.core-activity-section .grid-rows .grid-row .grid-row-text h2 { height: fit-content; display: flex; align-items: center; margin: 0; }
.core-activity-section .grid-rows .grid-row .grid-row-text h2::before { content: ''; display: inline-block; min-width: 2.6vw; min-height: 2.6vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/453607.svg); }
.core-activity-section .grid-rows .grid-row.yellow-activity-row .grid-row-text h2::before { background-image: url(/warehouse/dynamic/453608.svg); }
.core-activity-section .grid-rows .grid-row.green-activity-row .grid-row-text h2::before { background-image: url(/warehouse/dynamic/453606.svg); }
.core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left a.grid-row-button { background: transparent; color: var(--green); margin: 2vw 0 0; position: relative; display: inline-flex; align-items: center; justify-content: flex-start; padding: 0; gap: 0.35vw; }
.core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left a.grid-row-button::before { content: ''; display: inline-block; background: var(--orange); width: 2.6vw; height: 2.6vw; border-radius: 50%; transition: 0.3s all ease; }
.core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left a.grid-row-button::after { content: ''; position: absolute; right: 0.6vw; top: 50%; transform: translateY(-50%); background-image: url(/warehouse/dynamic/453604.svg); background-repeat: no-repeat; border: none; width: 1.2vw; height: 0.6vw; overflow: hidden; background-position: 0.2vw 50%; transition: 0.3s all ease; pointer-events: none; background-size: cover; }
.core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left a.grid-row-button:hover::after { background-position: -1.6vw 50%; }
.core-activity-section .grid-rows .grid-row.yellow-activity-row .grid-row-text .grid-row-text-left a.grid-row-button::before { background: var(--yellow); }
.core-activity-section .grid-rows .grid-row.green-activity-row .grid-row-text .grid-row-text-left a.grid-row-button::before { background: var(--green); }

@media(min-width: 1025px) {
    .core-activity-section .grid-rows .grid-row .flexslider-box .grid-row-image-container::before { content: ''; width: 0.313vw; height: 100%; background: var(--orange); display: inline-block; z-index: 3; position: relative; }
    .core-activity-section .grid-rows .grid-row.yellow-activity-row .flexslider-box .grid-row-image-container::before { background: var(--yellow); }
    .core-activity-section .grid-rows .grid-row.green-activity-row .flexslider-box .grid-row-image-container::before { background: var(--green); }
    .core-activity-section .grid-rows .grid-row .flexslider-box .grid-row-image-container img { width: 0; transition: 0.6s all ease; }
    .core-activity-section .grid-rows .grid-row:hover .flexslider-box .grid-row-image-container img { width: 24.636vw; }
    .core-activity-section .grid-rows .grid-row .grid-row-text h2 { margin: 0 0 0 1.25vw; max-width: 24vw; gap: 1.4vw; }
    .core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left { max-width: 27.344vw; }
}


@media(max-width: 1024px) {
    .core-activity-section { padding: 56px 32px; margin: 0; }
    .core-activity-section .section-title h2 { margin-bottom: 56px; line-height: 0.8; }
    .core-activity-section .grid-rows .grid-row { padding: 56px 0 46px; flex-direction: column; }
    .core-activity-section .grid-rows .grid-row .grid-row-cell { width: 100%; }
    .core-activity-section .grid-rows .grid-row .flexslider-box .grid-row-image-container { height: auto; margin: 0; }
    .core-activity-section .grid-rows .grid-row .flexslider-box .grid-row-image-container img { width: 100%; }
    .core-activity-section .grid-rows .grid-row .grid-row-text { display: flex; flex-direction: column; padding: 32px 0 0; }
    .core-activity-section .grid-rows .grid-row .grid-row-text h2 { margin-bottom: 27px; gap: 16px; }
    .core-activity-section .grid-rows .grid-row .grid-row-text h2::before { min-width: 32px; min-height: 32px; }
    .core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left p { margin-bottom: 20px; }
    .core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left a.grid-row-button { gap: 15px; margin: 0; font-family: var(--bold); }
    .core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left a.grid-row-button::before { width: 32px; height: 32px; }
    .core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left a.grid-row-button::after { right: 8px; width: 16px; height: 10px; background-position: -10% 50%; }
    .core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left a.grid-row-button:hover::after { background-position: 110% 50%; }
    .core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left a.grid-row-button > span { display: none; }
}

/* -----------------------------*/ /*
    Home Stratgy Dev Section 
--------------------------------*/
.stratgy-dev-section .stratgy-dev-text { display: flex; text-align: right; padding: 0 4.063vw 1.5vw; justify-content: space-between; }
.stratgy-dev-section .stratgy-dev-text .section-title h2 { font-size: clamp(5.8rem, 4.167vw,100rem); font-family: var(--bold); line-height: 100%; margin-bottom: 1vw; }
.stratgy-dev-section .stratgy-dev-text a.sec-button { display: inline-flex; margin-top: 0 !important; }
.stratgy-dev-section .grid-boxes::before, .stratgy-dev-section .grid-boxes::after { content: none; }
.stratgy-dev-section .grid-boxes .grid-box .grid-box-image { padding: 0; height: 100%; overflow: visible; }
.stratgy-dev-section .grid-boxes .grid-box .grid-box-image-container { position: relative; height: 100%; }
.stratgy-dev-section .grid-boxes .grid-box .grid-box-image img { height: 100%; object-fit: cover; }
.stratgy-dev-section .grid-boxes .grid-box .grid-box-text .grid-box-title { width: 100%; }
.stratgy-dev-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 3.125vw; font-family: var(--bold); line-height: 90%; margin-bottom: 1vw; width: 50% }
.stratgy-dev-section .grid-boxes .grid-box .grid-box-text .button { width: 9.896vw; display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; left: 3.385vw; bottom: 2.083vw; bottom: 1.883vw; }
.stratgy-dev-section .grid-boxes .grid-box .grid-box-text .button a { display: inline-flex; justify-content: center; align-items: center; color: var(--green) !important; font-size: 1.8rem; background-color: var(--white) !important; padding-block: 12px; margin-top: 0 !important; }


@media(min-width: 1025px) {
    .stratgy-dev-section .stratgy-dev-text .section-topText { max-width: 29.01vw; padding-top: 0.7vw; }
    .stratgy-dev-section .grid-boxes { display: flex; gap: 0.15vw; }
    .stratgy-dev-section .grid-boxes .grid-box { padding: 0; margin: 0; height: 25vw; transition: 0.5s 0.5s all cubic-bezier(0, 0, 0.15, 1) !important; overflow: hidden; position: relative; width: 25vw; }
    .stratgy-dev-section .grid-boxes .grid-box::before { background: linear-gradient(180deg, rgba(0, 44, 38, 0.00) 0%, rgba(0, 44, 38, 0.70) 100%); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: 70%; z-index: 1; pointer-events: none; }
    .stratgy-dev-section .grid-boxes .grid-box:is(:hover,.active) { width: 50vw; /*transition: 0.5s 0.5s all cubic-bezier(0, 0, 0.15, 1) !important; */ /*transition-delay:0;*/ }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-text { position: absolute; bottom: 0; right: 0; width: 100%; min-width: 49vw; padding: 2.083vw; padding-left: 3.385vw; color: #fff; z-index: 5; text-align: right; display: flex; flex-wrap: wrap; justify-content: space-between; transition: 0.5s 0.5s cubic-bezier(0, 0, 0.15, 1) all; }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-text { transition-delay: 0.5s; }
    .stratgy-dev-section .grid-boxes .grid-box:is(:hover,.active) .grid-box-text { bottom: 0 !important; /*transition: 0.5s 1s cubic-bezier(0, 0, 0.15, 1) all;*/ transition-delay: 1s; }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-text > div { width: 23.438vw; }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-text .grid-box-fulltext p { opacity: 1 !important; transform: none !important; }
}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-text .button { bottom: 20px !important; }
}

@media(max-width: 1024px) {
    .sections .stratgy-dev-section { padding: 120px 32px; }
    .stratgy-dev-section .stratgy-dev-text { display: flex; flex-direction: column; padding: 0; margin-bottom: 80px; }
    .stratgy-dev-section .stratgy-dev-text .section-title h2 { margin-bottom: 30px; line-height: 0.8; }
    .stratgy-dev-section .stratgy-dev-text .section-topText .content-section-Btn { margin-top: 30px; }
    .stratgy-dev-section .stratgy-dev-text a.sec-button { font-size: 1.7rem; padding: 12px 30px !important; }
    .stratgy-dev-section .grid-boxes { display: flex; flex-direction: column; gap: 80px; }
    .stratgy-dev-section .grid-boxes .grid-box { margin: 0; }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-image::before { background: linear-gradient(180deg, rgba(0, 44, 38, 0.00) 0%, rgba(0, 44, 38, 0.70) 100%); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: 50%; z-index: 1; pointer-events: none; }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-image .grid-box-title { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; padding: 0 20px; z-index: 1; }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-image .grid-box-title h3 { font-size: 4rem; margin: 0; line-height: 80%; font-family: var(--bold); text-align: right; }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-text { text-align: right; }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-text .grid-box-fulltext { margin: 25px 0; }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-text .button { position: relative; left: unset; bottom: unset; width: fit-content; }
    .stratgy-dev-section .grid-boxes .grid-box .grid-box-text .button a { color: var(--white) !important; background-color: var(--green) !important; font-size: 1.7rem; padding: 12px 30px; }
}

/* -----------------------------*/ /*
    Home Latest Updates Section 
--------------------------------*/
.latest-updates-section { margin: 1.042vw 0 0; padding: 8.675vw 4.167vw 9.375vw; text-align: right; }
.latest-updates-section::Before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 26vw; background: var(--lightGreen); pointer-events: none; }
.latest-updates-section .section-title h2 { font-size: clamp(4.5rem, 4.167vw,100rem); font-family: var(--bold); line-height: 100%; margin-bottom: 3vw; }
.latest-updates-section .grid-rows { direction: ltr; }
.latest-updates-section .grid-rows::before, .latest-updates-section .grid-rows::after { display: none; }
.latest-updates-section .grid-rows .grid-row { gap: 6.51vw; max-width: unset; margin: 0; padding: 0; direction: rtl !important; background: #fff; display: flex !important; }
.latest-updates-section .grid-rows .grid-row .slides { transform: unset !important }
.latest-updates-section .grid-rows .grid-row .grid-row-image-container { width: 28.958vw; height: 20.833vw; }
.grid-row-section.latest-updates-section .grid-row .flexslider-box .grid-row-image-container img { object-fit: cover; object-position: center; height: 100%; width: auto; }
.latest-updates-section .grid-rows .grid-row .grid-row-text { width: 38.802vw; margin: 0; padding: 0; }
.latest-updates-section .grid-rows .grid-row .grid-row-text h2 { margin-bottom: 1.4vw; }
.latest-updates-section .grid-rows .grid-row .grid-row-text .text-wrapper { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.latest-updates-section .grid-rows .owl-nav { display: flex; position: absolute; left: 0; top: -6.5vw; gap: 1.2vw; }
.latest-updates-section .grid-rows .owl-nav div { position: relative; top: unset; left: unset; transform: unset; right: unset; background: var(--green); border: none; width: 2.6vw; height: 2.6vw; border-radius: 50%; padding: 0; z-index: 50; overflow: hidden; transition: 0.3s all ease; }
.latest-updates-section .grid-rows .owl-nav div::after { position: absolute; right: 0.6vw; top: 50%; transform: translateY(-50%); background-image: url(/warehouse/dynamic/453604.svg); background-repeat: no-repeat; border: none; width: 1.2vw; height: 0.6vw; overflow: hidden; background-position: 0.2vw 50%; transition: 0.3s all ease; pointer-events: none; background-size: cover; }
.latest-updates-section .grid-rows .owl-nav .owl-next::after { transform: translateY(-50%) scale(-1); right: unset; left: 0.6vw; }
.latest-updates-section .grid-rows .owl-nav div:hover::after { background-position: -1.6vw 50%; }


@media(max-width: 1024px) {
    .latest-updates-section { margin: 0; padding: 70px 0 120px; text-align: center; }
    .latest-updates-section::Before { height: 270px; }
    .latest-updates-section .section-title h2 { margin-bottom: 40px; }
    .latest-updates-section .grid-rows { display: flex; overflow-x: scroll; direction: rtl; padding: 0 32px; gap: 18px; }
    .latest-updates-section .grid-rows .grid-row { flex-direction: column; min-width: 80vw; gap: 0; margin: 0 auto; }
    .latest-updates-section .grid-rows .grid-row .grid-row-cell { width: 100%; height: auto; }
    .latest-updates-section .grid-rows .grid-row .grid-row-image-container { width: 100%; height: 215px; }
    .latest-updates-section .grid-rows .grid-row .grid-row-text { width: 100%; padding: 25px 25px 32px; }
    .latest-updates-section .grid-rows .grid-row .grid-row-text h2 { font-size: 2rem; margin-bottom: 15px; min-height: 40px; }
    .latest-updates-section .grid-rows .grid-row .grid-row-text .text-wrapper {max-height:100px;}
    .latest-updates-section .grid-rows .grid-row .grid-row-text * { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .latest-updates-section .grid-rows .grid-row .grid-row-text a.grid-row-button { margin: 20px 0 0; min-width: 160px; padding: 12px 30px; }
    .grid-row-section.latest-updates-section .grid-row .flexslider-box .grid-row-image-container img { width: 100%; }
}


@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .core-activity-section .grid-rows .grid-row .grid-row-text .grid-row-text-left { max-width: 33vw; }
}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    /*    #home-gallery #TopVideo {height: 84vh !important;}
*/ .macOs .home-page .home-loader { height: 100vh; }
    /*.macOs #home-gallery #TopVideo { height: 88vh !important; }*/
    .macOs #home-gallery #TopVideo iframe { transform: scale(1.35); }
}
/*
@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .macOs #home-gallery #TopVideo { height: 84vh !important; }

}*/