/* reichman */
:root { --vh: 100vh; --vw: 100vw; --blue: #0f2d96; --black: #030824; --light-blue: #07cce6; --bold: 'ploni-bold-aaa'; --regular: 'ploni-regular-aaa'; --medium: 'ploni-medium-aaa-new'; }


/* General */
body { line-height: 1; font-size: 20px; background: #fff; font-family: var(--regular); font-kerning: none; }
section h2, section #headline h1, section .headline h1, h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText { font-family: var(--bold); font-size: 350%; position: relative; display: inline-block; max-width: 100%; }
h3, .grid-rows .grid-row-text h3 { position: relative; }
p { font-size: 95%; color: #121212; }
.site-credit.alternative.row { padding: 10px 0; }
.grid-rows .grid-row { background: inherit; }
.sections .section { margin-bottom: 0; overflow-x: clip; }
.grid-row li.slider-item { padding-bottom: 0; }
.grid-row .grid-row-image-container { position: relative; }
.FormResultPage #pageview { padding: 60px 0; }
a.FormResultPageButton { text-decoration: underline; }
.accessabilityMainPage #pageview { margin: 50px auto; }
.accessabilityMainPage #pageview h2 { font-size: 150%; }
.section-title { position: relative; }
#GridPage .max-width { width: 100%; max-width: unset; }
.lobbyview .grid-box, .LobbyModule .grid-box { font-size: 100%; }

@media(max-width: 1024px) {
    section h2, section #headline h1, section .headline h1, h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 190%; }
    p { font-size: 80%; }
}

/* Header */
header#header, header#header.bg { background: var(--blue); box-shadow: none; top: 0; padding: 27px 20px; z-index: 200; }
header#header #header-right { padding: 0; display: flex; justify-content: space-between; align-items: center; }
header#header #header-right .closed { display: none; }
header#header .social-links, #header #header-right .social-links { display: none; }
header#header #header-left img, #header.bg #header-left img { max-width: unset; z-index: 15; position: relative; }
header#header.bg #header-center-kdm { padding: 0; }
header#header .phone-icon { display: none; }
header#header ul.menu { font-size: 100%; }
header#header ul.menu li { margin: 0 10px; text-transform: uppercase; font-family: var(--bold); font-size: 90%; }
#header ul.menu > li > a::after, #header ul.menu > li.active > a::after { width: 0%; content: ''; transform: none; left: 0; border: none; position: absolute; padding: 0; height: 4px; bottom: -10px; background: var(--light-blue); transition: 0.5s all; }
#header ul.menu > li:hover > a::after, #header ul.menu > li.active > a::after { width: 100%; }
header#header ul.menu li:hover { color: #fff; }
.desktopMenu .headerInner > a.ExternalLink { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-transform: uppercase; font-family: var(--bold); font-size: 85%; color: var(--blue); background: var(--light-blue); border-radius: 17.5px; width: 105px; height: 35px; display: inline-flex; align-items: center; justify-content: center; transition: 0.5s all; }
.desktopMenu .headerInner > a.ExternalLink.Newsletter { right: 280px; width: 200px; }
.headerInner > a.ExternalLink:hover { background: #fff; }
#header-logo { left: 0; }
#header ul.menu > li.active:after { display: none; }
.desktopMenu li.founders-link { position: absolute; right: 120px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-transform: uppercase; font-family: var(--bold); font-size: 85%; color: #fff; background: #121E39; border-radius: 17.5px; width: 150px; height: 35px; display: inline-flex; align-items: center; justify-content: center; transition: 0.5s all; }
.mobile-menu .headerInner > a.ExternalLink { display: none !important; }

.mobile-menu .headerInner ul.menu li:has(.ExternalLink) { display: none; }

/* new leadership sec with team and board split */
header#header, header#header.bg { padding: 0 20px; }
header#header ul.menu li.has-sub:has(a[data-url="leadership-new"]) { /*display: none; */ }
header#header ul.menu li.has-sub ul.menu-sub { background: var(--light-blue); text-align: center; padding: 14px 20px; }
header#header ul.menu li.has-sub ul.menu-sub li { margin: 0; line-height: normal; letter-spacing: 0.36px; color: var(--blue); font-size: 100%; display: flex; justify-content: center; padding: 0; background: transparent; }
header#header ul.menu li.has-sub ul.menu-sub li:not(:last-child) { margin-bottom: 10px; }
header#header ul.menu li.has-sub ul.menu-sub li a { width: max-content; padding: 0; position: relative; }
header#header ul.menu li.has-sub ul.menu-sub li a::after { background: var(--blue); width: 0%; content: ''; transform: none; left: 0; border: none; position: absolute; padding: 0; height: 2px; bottom: 0px; transition: 0.5s all; }
header#header ul.menu li.has-sub ul.menu-sub li:is(.active, :hover) a::after { width: 100%; }

@media(min-width: 1025px) {
    header#header ul.menu li.has-sub { height: 74px; display: inline-flex; align-items: center; gap: 8px; }
    header#header ul.menu li.has-sub > a::after { bottom: 18px; }
}

@media(max-width: 1024px) {
    header#header ul.menu li.has-sub ul.menu-sub li { font-size: 90%; }
}
/**/

@media(max-width: 1024px) {
    header#header #header-left img, header#header.bg #header-left img { max-width: 75px; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { width: 28px; background: #fff; height: 2px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -9px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -9px; }
    header#header .menu, header#header:not(.menu-open):not(.open) .menu { background: #f2f4fa; position: fixed; width: 100vw; top: 65px; height: 100% !important; display: block !important; transform: translateX(100%); transition: 0.8s !important; clip: auto !important; margin: 0 !important; padding: 50px 0 0; z-index: 300; }
    header#header.menu-open .menu, header#header.open .menu { transform: translateX(0); transition: 0.8s !important; }
    header#header ul.menu li { padding: 15px 0; color: var(--blue) !important; transition: 0.3s all; margin: 0; text-align: center; font-size: 100%; }
    header#header .menu li:hover { background: transparent; }
    header#header .menu > li.active, header#header .menu > li:focus, header#header .menu > li:hover { background: transparent; }
    header#header .menu li:not(.social-mobile) a { font-size: 150%; }
    header#header.menu-open .menu li a, header#header.open .menu li a { transform: translateX(0); transition: 0.8s transform 0.1s ease; }
    header#header .menu li a { transform: translateX(10%); transition: 0.8s transform 0.1s ease; }
    header#header .menu > li:first-child { margin-top: 0; }
    header#header .menu, header#header:not(.menu-open):not(.subopen) .submenu { max-height: 100%; }
    header#header, header#header.bg { padding: 21px 15px; z-index: 200; }
    .mobile-menu #header-logo { max-width: 117px; display: flex; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
    .mobile-menu .right-header { width: 100%; display: flex; justify-content: flex-end; }
    .mobile-menu .right-header .menu-nav { padding: 0; }
    .mobile-menu .right-header .menu-nav .nav-menu-anim { margin-left: -15px !important; width: 28px !important; }
    .mobile-menu .right-header .menu-nav { width: 28px !important; }
    .desktopMenu .headerInner a.ExternalLink { right: unset; left: 15px; width: 80px; height: 28px; font-size: 60%; }
    .desktopMenu li.founders-link { width: 130px; height: 27px; font-size: 60%; position: fixed; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; top: unset; transform: none; bottom: 60px; }
    .mobile-menu .headerInner ul.menu li.last-item.newsletters { display: block; }
}

/* Home Gallery */
#home-gallery .opacity-layer.animateme { z-index: 4 !important; background: rgb(3 8 36 / 50%); pointer-events: none; display: block; }
#home-gallery .scroll-down { display: none; }
#home-gallery .gallery-caption { text-align: center; z-index: 6; width: inherit; top: 55%; max-width: 1000px; }
#home-gallery .gallery-caption .gallery-text { font-size: 375%; margin: 0 auto; font-family: var(--bold); text-transform: uppercase; }
#home-gallery .gallery-caption .gallery-text-subtitle { font-size: 165%; color: #fff; font-family: var(--bold); text-transform: uppercase; padding: 20px 0; }
#home-gallery .gallery-caption .gallery-text-fulltext p { font-size: 150%; color: #fff; font-family: var(--regular); max-width: 840px; margin: 0 auto; line-height: 1.23; }

@media(max-width: 1024px) {
    #home-gallery .gallery-caption { width: 100%; left: 0; padding: 0 25px; }
    #home-gallery .gallery-caption .gallery-text { font-size: 175%; max-width: 82%; }
    #home-gallery .gallery-caption .gallery-text-subtitle { font-size: 100%; padding: 10px 0; }
    #home-gallery .gallery-caption .gallery-text-fulltext p { font-size: 90%; }
}

/* Numbers */
section#numbers { /* box-shadow: -5px 5px 40px 0 rgba(0, 0, 0, 0.12); */ margin: -65px auto 0; z-index: 1; background: transparent; /* padding: 20px 0; */ padding: 0; }
section#numbers #headline { margin: 0; }
section#numbers #headline h2 { font-size: 150%; text-transform: uppercase; color: var(--black); }
section#numbers .grid-content-section { padding: 0; }
section#numbers .grid-content-section .running-numbers.grid-boxes { padding: 5px 0 0; display: flex; justify-content: center; }
section#numbers .grid-content-section .running-numbers.grid-boxes .grid-box { margin: 0; background: transparent; width: 33.33%; animation: none !important; opacity: 1 !important; }
section#numbers .grid-content-section .running-numbers.grid-boxes .grid-box .grid-box-title { font-size: 360%; font-family: var(--bold); color: var(--blue); line-height: 0.9; }
body.iphoneBrowser section#numbers .grid-content-section .running-numbers.grid-boxes .grid-box .grid-box-title { font-size: 320%; }
section#numbers .grid-content-section .running-numbers.grid-boxes .grid-box .grid-box-subtitle { font-size: 100%; color: #030824; font-family: var(--regular); }
section#numbers:before { content: ""; position: absolute; left: 0; right: 0; top: 65px; bottom: -170px; background: #f2f4fa; }
section#numbers .section-content.shown { max-width: 833px; background: #fff; box-shadow: -5px 5px 40px 0 rgb(0 0 0 / 12%); position: relative; padding: 20px 0; }


@media(min-width: 1024px) {
    section#numbers .grid-content-section .running-numbers.grid-boxes .grid-box:nth-child(2) { border-left: 2px solid var(--light-blue); border-right: 2px solid var(--light-blue); }
}

@media(max-width: 1024px) {
    section#numbers #headline h2 { font-size: 100%; max-width: 65%; }
    section#numbers { margin: -35px auto 0; max-width: 92%; /* padding: 15px 0; */ }
    section#numbers:before { top: 35px; bottom: -220px; left: -15px; width: 100vw; }
    section#numbers .grid-content-section .running-numbers.grid-boxes .grid-box .grid-box-subtitle { font-size: 65%; }
    section#numbers .grid-content-section .running-numbers.grid-boxes .grid-box .grid-box-title, body.iphoneBrowser section#numbers .grid-content-section .running-numbers.grid-boxes .grid-box .grid-box-title { font-size: 200%; }
    .section-content, #contactview, #gridshort-view-media { max-width: 100% !important; }
}

/* Logos */
section#logos { margin: -10px auto 0; padding: 0px 0 0px; z-index: 12; }
section#logos .headline { display: flex; margin: 30px auto -20px; max-width: 1150px; }
section#logos .headline h2 { font-size: 100%; color: var(--blue); }
section#logos .owl-carousel { opacity: 1 !important; margin-top: 0 !important; }
section#logos .galleryview .gallery-container { max-width: 1180px; margin: 0 auto; z-index: 1; position: relative; padding: 0px 10px; }
section#logos .owl-carousel .owl-item .item .topImg .imgWrapper { box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 12%); }
section#logos .owl-carousel .owl-item .item .topImg .photo-text.plus-sign { display: none; }
section#logos .owl-carousel .owl-item { pointer-events: none; }
section#logos .owl-carousel .owl-stage-outer { padding: 30px 0 20px; }
section#logos .owl-prev { right: -50px; font-size: 0; }
section#logos .owl-prev::after { background-image: url(/warehouse/dynamic/336960.svg); width: 40px; height: 40px; }
section#logos .owl-next { left: -50px; font-size: 0; }
section#logos .owl-next::after { background-image: url(/warehouse/dynamic/336959.svg); width: 40px; height: 40px; }
section#logos .owl-prev, section#logos .owl-next { top: 55%; }

@media(min-width: 1024px) {
    section#logos .owl-carousel .owl-item .item .topImg .imgWrapper img { height: 83px; }
}

@media(max-width: 1024px) {
    section#logos { margin: -95px auto 0; padding: 65px 0 0; }
    section#logos .owl-carousel .owl-stage-outer { padding: 40px 0px 70px; }
    .owl-carousel .owl-item .item { display: flex; padding: 0 10px; pointer-events: none; flex-direction: column; padding: 0; flex-wrap: wrap; }
    .owl-carousel .owl-item .item .topImg { width: 33.33%; padding: 0 5px; margin: 5px 0; width: 100%; }
    section#logos .owl-prev { top: unset; bottom: 25px; right: 37vw; z-index: 5; transform: none; }
    section#logos .owl-next { top: unset; bottom: 25px; left: 37vw; z-index: 5; transform: none; }
    section#logos .owl-next::after { width: 30px; height: 30px; }
    section#logos .owl-prev::after { width: 30px; height: 30px; }
    section#logos .headline { margin: 50px auto -30px; padding: 0 15px; }
    section#logos .headline h2 { font-size: 90%; }
}

/* Our Story */
section#our-story { padding: 30px 0 110px; }
section#our-story .lobbyview #headline { text-align: left; color: var(--blue); margin-bottom: 70px; width: fit-content; position: relative; }
section#our-story .section { padding: 0; }
section#our-story .section .grid-boxes { padding-top: 0; display: flex; margin: 0 -60px; }
section#our-story .LobbyModule .section .grid-boxes .grid-box { width: 50%; margin: 0; font-size: 100%; text-align: left; background: transparent; padding: 0 60px; }
section#our-story .LobbyModule .section .grid-boxes .grid-box .grid-box-title h3 { font-size: 200%; color: var(--blue); padding-bottom: 30px; }
section#our-story .LobbyModule .section .grid-boxes .grid-box .grid-box-fulltext { position: relative; padding-left: 10px; }
section#our-story .LobbyModule .section .grid-boxes .grid-box .grid-box-fulltext::after { content: ''; position: absolute; left: 0; width: 1px; height: 0; top: 0; background: var(--light-blue); transition: 2s all 0.3s; }
section#our-story .LobbyModule .section.shown .grid-boxes .grid-box .grid-box-fulltext::after { height: 100%; }
section#our-story .lobbyview #headline::before { background: linear-gradient(90deg, rgba(15,45,150,1) 6%, rgba(7,204,230,1) 85%, rgba(16,226,231,1) 95%); content: ''; position: absolute; right: 0; bottom: -5px; width: 0; height: 4px; transition: 1.5s all 1s; }
section#our-story .section .grid-text-content { background: #daecf7; padding: 20px 0px; }
section#our-story .section .grid-text-content::after { content: ''; position: absolute; left: 0; height: 100%; width: 100%; background: var(--blue); top: 0; transition: 1s all ease-in-out 0.3s; }
section#our-story .grid-content-section { padding-bottom: 60px; }
section#our-story .section .grid-text-content ul { padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; margin: 0; }
section#our-story .section .grid-text-content ul li { padding: 0 5px; flex-grow: 1; font-size: 95%; color: #030824; }
section#our-story .section .grid-text-content ul li strong { color: var(--blue); font-family: var(--bold); font-weight: normal; }

@media(max-width: 1024px) {
    section#our-story .section .grid-boxes { display: flex; flex-direction: column; align-items: center; margin: 0 auto; }
    section#our-story .LobbyModule .section .grid-boxes .grid-box { width: 100%; padding: 15px 0; }
    section#our-story .LobbyModule .section .grid-boxes .grid-box .grid-box-title h3 { font-size: 140%; padding-bottom: 5px; margin: 0; }
    section#our-story .lobbyview #headline { margin-bottom: 20px; }
    section#our-story { padding: 30px 15px 40px; }
    section#our-story .section .grid-text-content ul { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
    section#our-story .section .grid-text-content ul li { padding: 5px 0; font-size: 80%; }
    section#our-story .section .grid-text-content { padding: 15px 10px; }
    section#our-story .grid-content-section { padding-bottom: 10px; }
}

@media(max-width: 1024px) and (min-width: 768px) {
    section#our-story { padding: 30px 15px 220px; }
}

/* Our Mission */
section#mission { background-image: linear-gradient(231deg, #0f2d96, #07cce6 100%) !important; padding: 140px 0; clip-path: polygon(0 6%, 100% 0, 100% 94%, 0% 100%); }
section#mission::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url(/warehouse/dynamic/336905.svg); background-repeat: no-repeat; background-size: 65%; background-position: center 10%; opacity: 0.5; mix-blend-mode: soft-light; }
section#mission #gridshort-view { max-width: 1170px; margin: 0 auto; display: flex; flex-wrap: wrap; }
section#mission #gridshort-view .gridshort-view-item { width: 50%; background: transparent; padding: 25px 20px; margin: 0; }
section#mission #gridshort-view .gridshort-view-item:nth-child(1), section#mission #gridshort-view .gridshort-view-item:nth-child(2) { opacity: 0; transition: all 1s; }
section#mission #gridshort-view .gridshort-view-item:nth-child(3), section#mission #gridshort-view .gridshort-view-item:nth-child(4) { opacity: 0; transition: all 1s; }
section#mission #gridshort-view .gridshort-view-item:nth-child(5), section#mission #gridshort-view .gridshort-view-item:nth-child(6) { opacity: 0; transition: all 1s; }
section#mission #gridshort-view .gridshort-view-item .grid-short-box-image { padding-bottom: 0; width: 40%; max-width: 80px; }
section#mission #gridshort-view .gridshort-view-item .grid-short-box-image .image-container { position: relative; }
section#mission #gridshort-view .gridshort-view-item .grid-short-box-wrapper .grid-short-box-label { padding: 0; font-size: 110%; font-family: var(--bold); color: var(--blue); }
section#mission #gridshort-view .gridshort-view-item .grid-short-box-wrapper .grid-short-box-text p { color: #5e5e5e; font-size: 85%; }
section#mission #pageview .headline { margin: 0; }
section#mission #pageview .headline h1 { color: #fff; letter-spacing: 1.4px; margin-bottom: 10px; }
section#mission #pageview #subheadline { display: none; }
section#mission #pageview #text1 { max-width: 1000px; }
section#mission #pageview #text1 p { color: #fff; margin-bottom: 25px; font-size: 105%; letter-spacing: 0.42px; line-height: 1.33; opacity: 0 !important; transition: 1s all 0.6s; }
section#mission #gridshort-view .gridshort-view-item .grid-short-box { margin: 0; background: #fff; display: inline-flex; width: 100%; padding: 10px; min-height: 100px; border-radius: 20px; }
section#mission #gridshort-view .gridshort-view-item .grid-short-box-wrapper { text-align: left; flex-grow: 1; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding: 0 12px; }
section#mission #gridshort-view .gridshort-view-item .grid-short-box-image .image-container img { width: 80px; }

@media(max-width: 1024px) {
    section#mission { clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%); padding: 50px 15px; }
    section#mission::after { background-image: url(/warehouse/dynamic/336978.svg); background-size: cover; }
    section#mission #pageview .headline { text-align: left; }
    section#mission #pageview #text1 p { text-align: left; font-size: 80%; margin-bottom: 20px; line-height: 1.56; letter-spacing: 0.16px; }
    section#mission #gridshort-view { display: flex; flex-direction: column; }
    section#mission #gridshort-view .gridshort-view-item { width: 100%; padding: 0 0 8px; }
    section#mission #gridshort-view .gridshort-view-item .grid-short-box-image { max-width: 57px; }
    section#mission #gridshort-view .gridshort-view-item .grid-short-box-wrapper .grid-short-box-label { font-size: 89%; padding-bottom: 5px; }
    section#mission #gridshort-view .gridshort-view-item .grid-short-box-wrapper .grid-short-box-text p { font-size: 70%; }
    section#mission #gridshort-view .gridshort-view-item .grid-short-box { min-height: 82px; }
}

/* Leadership */
section.leadership-section { padding: 100px 0 60px; }
section.leadership-section :is(#pageview, .pageview) #headline { margin: 0 auto; text-align: left; position: relative; width: fit-content; }
section.leadership-section :is(#pageview, .pageview) #headline h1 { color: var(--blue); letter-spacing: 1.4px; }
section.leadership-section :is(#pageview, .pageview) #headline::before { background: linear-gradient(90deg, rgba(15,45,150,1) 6%, rgba(7,204,230,1) 85%, rgba(16,226,231,1) 95%); content: ''; position: absolute; right: 0; bottom: -5px; width: 0; height: 4px; transition: 1.5s all 1s; }
section.leadership-section :is(#pageview, .pageview) #text1 h3 { color: #0f2d96; font-size: 195%; line-height: 1; margin: 0 auto 30px; }
section.leadership-section #ContentGridShortModule { max-width: 1170px; margin: 0 auto; }
section.leadership-section #gridshort-view .flex-row { margin: 0; display: flex; flex-wrap: wrap; margin-right: -35px; margin-left: -35px; justify-content: center; }
section.leadership-section #gridshort-view .flex-row > div { width: 25%; padding: 20px 35px; }
section.leadership-section #gridshort-view .flex-row > div .grid-short-box-image { padding-bottom: 0; border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); }
section.leadership-section #gridshort-view .flex-row > div .grid-short-box-image a { position: relative; }
section.leadership-section #gridshort-view .flex-row > div .grid-short-box:hover .grid-short-box-image a img { transform: scale(1.1) }
section.leadership-section #gridshort-view .flex-row > div .grid-short-box-image a img { border-radius: 50%; transition: 0.7s all; -webkit-mask-image: -webkit-radial-gradient(white, black); }
section.leadership-section #gridshort-view .flex-row > div .grid-short-box-label { font-size: 110%; padding-top: 20px; color: #030824; text-transform: uppercase; font-family: var(--bold); }
section.leadership-section #gridshort-view .flex-row > div .grid-short-box-subtitle { color: #030824; font-size: 95%; padding: 10px 0 12px; }
section.leadership-section #gridshort-view .flex-row > div .grid-short-box-link a { position: relative; color: #fff; background: #fff; padding-bottom: 15px; }
section.leadership-section #gridshort-view .flex-row > div .grid-short-box:hover .grid-short-box-link a::after { background-image: url(/warehouse/dynamic/336961.svg); }
section.leadership-section #gridshort-view .flex-row > div .grid-short-box-link a::after { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 34px; height: 34px; background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/336906.svg); pointer-events: none; transition: 0.4s all; }
section.leadership-section #gridshort-view .flex-row > .first-row-wrapper { width: 100%; display: flex; padding: 0; justify-content: center; }
section.leadership-section #gridshort-view .flex-row > .first-row-wrapper > div { padding: 20px 35px; max-width: 310px; flex-grow: 1; }

/* new leadership sec with team and board split */
section#leadership-new,
section#team,
section#board { /*display: none;*/ }
section#leadership-new { padding-bottom: 0; }
section#leadership-new .subCategories { display: none; }
section#team { padding: 50px 0 120px; }
section#board { padding: 0 0 100px; }
:is(section#team, section#board) :is(#pageview, .pageview) { display: grid; }
:is(section#team, section#board) :is(#pageview, .pageview) #headline::before { display: none; }
:is(section#team, section#board) :is(#pageview, .pageview) #headline h1 { font-size: 280%; letter-spacing: unset; }

@media(min-width: 1025px) {
    section#Champions #gridshort-view .flex-row > div { width: 20%; }
}

@media(max-width: 1024px) {
    section#team { padding: 40px 0 60px; }
    section#board { padding: 0 0 60px; }
    :is(section#team, section#board) :is(#pageview, .pageview) #headline h1 { font-size: 150%; }
}
/**/

@media(max-width: 1024px) {
    section.leadership-section { padding: 40px 0 60px; }
    section.leadership-section :is(#pageview, .pageview) #headline { text-align: center; }
    section.leadership-section :is(#pageview, .pageview) #text1 h3 { font-size: 110%; }
    section.leadership-section #gridshort-view .flex-row > div .grid-short-box-label { font-size: 80%; }
    section.leadership-section #gridshort-view .flex-row > div .grid-short-box-subtitle { font-size: 65%; padding: 5px 0 10px; }
    section.leadership-section #gridshort-view .flex-row > div { width: 50%; padding: 0 22px 20px; }
    section.leadership-section #gridshort-view .flex-row { margin-right: -7px; margin-left: -7px; }
    section.leadership-section #gridshort-view .flex-row > .first-row-wrapper > div { width: 50%; padding: 0 22px 20px; }
    section.leadership-section #gridshort-view .flex-row > .first-row-wrapper > div:first-child { width: 100%; padding: 0 22px 10px; }
    section.leadership-section #gridshort-view .flex-row > .first-row-wrapper { display: flex; flex-wrap: wrap; }
    section.leadership-section #gridshort-view .flex-row > div .grid-short-box-image { max-width: 150px; display: inline-flex; }
    section.leadership-section #gridshort-view .flex-row > div .grid-short-box { margin: 0; }
    section.leadership-section #gridshort-view .flex-row > div .grid-short-box-link a::after { width: 22px; height: 22px; }
    section.leadership-section #gridshort-view .flex-row > div .grid-short-box-link a { padding-bottom: 5px; }
}

/* Pop Up */
.GridReadMorePopUp .modal-text.displayTable .TopHeadlinePopUp { display: flex; background-image: linear-gradient(90deg, #0f2d96, #07cce6 120%) !important; padding: 20px; z-index: 0; position: relative; width: 100%; }
.GridReadMorePopUp .modal-text.displayTable .TopHeadlinePopUp .modal-image { width: 80px; height: 80px; border-radius: 50%; padding-bottom: 0; margin-bottom: 0; }
#multi-content-modal.GridReadMorePopUp .modal-content { padding: 0; max-width: 800px; }
.GridReadMorePopUp .modal-text.displayTable .TopHeadlinePopUp .headlineWrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 20px; color: #fff; }
.GridReadMorePopUp #PopUpData .modal-text.displayTable .TopHeadlinePopUp .headlineWrapper #headline h1 { font-size: 140%; }
.GridReadMorePopUp #PopUpData .modal-text.displayTable .TopHeadlinePopUp .headlineWrapper #headline { margin: 0; }
section#portfolio #gridshort-view .flex-row > div .grid-short-box-subtitle { opacity: 0; height: 0; pointer-events: none; overflow: hidden; margin: 0; width: 0; }

.GridReadMorePopUp #PopUpData .modal-text.displayTable .TopHeadlinePopUp .headlineWrapper #subheadline { text-align: left; }
.GridReadMorePopUp #PopUpData .modal-text.displayTable .TopHeadlinePopUp .headlineWrapper #subheadline h2,
.GridReadMorePopUp #PopUpData .modal-text.displayTable .TopHeadlinePopUp .headlineWrapper #subheadline > a { font-size: 85%; font-family: var(--regular); letter-spacing: 0.34px; margin: 0; text-decoration: underline; }
.GridReadMorePopUp #PopUpData .modal-text.displayTable .TopHeadlinePopUp .headlineWrapper #subheadline h2::after { content: ''; position: absolute; left: 0; bottom: 2px; width: 100%; height: 1px; pointer-events: none; background: #fff; }
.GridReadMorePopUp .modal-text.displayTable #text1 { max-height: 510px; padding: 30px 110px 20px 25px; max-width: 100%; }
.GridReadMorePopUp .modal-text.displayTable #text1 p { font-size: 85%; text-align: left; direction: ltr; opacity: 0 !important; transition: 1s all 0.3s; color: #030824; }
.GridReadMorePopUp .modal-text.displayTable #text1 p a { font-size: 80%; position: relative; color: #fff; }
.GridReadMorePopUp .modal-text.displayTable #text1 p a::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/336942.svg); pointer-events: none; }
.GridReadMorePopUp .modal-text.displayTable #text1 p:last-child { margin-bottom: 0; }
#multi-content-modal.GridReadMorePopUp a.close { top: 10px; left: unset; right: 10px; background: #fff; font-size: 0; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
#multi-content-modal.GridReadMorePopUp a.close svg { width: 18px; height: 18px; fill: #030824; opacity: 0; }
#multi-content-modal.GridReadMorePopUp a.close::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; pointer-events: none; background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/336907.svg); }
.GridReadMorePopUp .modal-text.displayTable .TopHeadlinePopUp::after { content: ''; position: absolute; left: 0; height: 100%; width: 100%; background: var(--blue); top: 0; z-index: 5; transition: 1.2s all ease-in-out 0.3s; }
#multi-content-modal.GridReadMorePopUp .modal-content::-webkit-scrollbar { width: 5px; }
#multi-content-modal.GridReadMorePopUp .modal-content::-webkit-scrollbar-track { background: #d5d5d5; box-shadow: none; }
#multi-content-modal.GridReadMorePopUp .modal-content::-webkit-scrollbar-thumb { background-color: var(--light-blue); box-shadow: none; outline: none; }
.GridReadMorePopUp.in .modal-text.displayTable #text1 p { opacity: 1 !important; }
.GridReadMorePopUp.in .modal-text.displayTable .TopHeadlinePopUp::after { width: 0; }

@media(max-width: 1024px) {
    .GridReadMorePopUp .modal-text.displayTable .TopHeadlinePopUp .modal-image { width: 64px; height: 64px; }
    .GridReadMorePopUp #PopUpData .modal-text.displayTable .TopHeadlinePopUp .headlineWrapper #headline h1 { font-size: 110%; }
    .GridReadMorePopUp #PopUpData .modal-text.displayTable .TopHeadlinePopUp .headlineWrapper #subheadline h2 { font-size: 65%; }
    .GridReadMorePopUp .modal-text.displayTable .TopHeadlinePopUp .headlineWrapper { padding-left: 12px; }
    .GridReadMorePopUp .modal-text.displayTable .TopHeadlinePopUp { padding: 12px 12px; background-image: linear-gradient(90deg, #0f2d96 -30%, #07cce6 120%) !important; }
    #multi-content-modal.GridReadMorePopUp a.close { top: 20px; right: 17px; }
    #multi-content-modal.GridReadMorePopUp .modal-content { width: 90%; max-height: 580px !important; margin-top: 0; margin-bottom: 0; overflow-y: visible; }
    #multi-content-modal { padding: 0 !important; }
    .GridReadMorePopUp .modal-text.displayTable #text1 { padding: 30px 30px; max-height: 490px; }
    .GridReadMorePopUp .modal-text.displayTable #text1 p { font-size: 75%; line-height: 1.67; letter-spacing: 0.3px; }
    #multi-content-modal.GridReadMorePopUp .modal-content #PopUpData { height: 100%; }
    #multi-content-modal.GridReadMorePopUp .modal-content #PopUpData #pageview { height: 100%; }
    #multi-content-modal.GridReadMorePopUp .modal-content #PopUpData #pageview .MainContent { height: 100%; }
}

/* Partners */
section#partners { background: #f2f4fa; padding: 110px 0 110px; clip-path: polygon(0 50px, 100% 0, 100% 91%, 0% 100%); margin: 0 0 -50px; padding: 0; margin: 0; height: 0; overflow: hidden; opacity: 0; pointer-events: none; }
section#partners .headline { display: block; color: var(--blue); margin-bottom: 5px; }
section#partners #text1 p { font-size: 105%; }
section#partners .owl-carousel { opacity: 1 !important; margin-top: 0 !important; }
section#partners .galleryview .gallery-container { max-width: 1180px; margin: 0 auto; z-index: 1; position: relative; padding: 0px 10px; }
section#partners .owl-carousel .owl-item .item .topImg .imgWrapper { box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 12%); }
section#partners .owl-carousel .owl-item { pointer-events: none; }
section#partners .owl-carousel .owl-stage-outer { padding: 10px 0 20px; }
section#partners .owl-prev { right: -50px; font-size: 0; }
section#partners .owl-prev::after { background-image: url(/warehouse/dynamic/336960.svg); width: 40px; height: 40px; }
section#partners .owl-next { left: -50px; font-size: 0; }
section#partners .owl-next::after { background-image: url(/warehouse/dynamic/336959.svg); width: 40px; height: 40px; }
section#partners .owl-prev, section#partners .owl-next { top: 50%; }

@media(min-width: 1024px) {
    section#partners .owl-carousel .owl-item .item .topImg .imgWrapper img { height: 83px; }
}

@media(max-width: 1024px) {
    section#partners { clip-path: polygon(0 30px, 100% 0, 100% 95%, 0% 100%); padding: 65px 0 55px; }
    section#partners .owl-carousel .owl-stage-outer { padding: 40px 0px 70px; }
    section#partners .owl-prev { top: unset; bottom: 25px; right: 37vw; z-index: 5; transform: none; }
    section#partners .owl-next { top: unset; bottom: 25px; left: 37vw; z-index: 5; transform: none; }
    section#partners .owl-next::after { width: 30px; height: 30px; }
    section#partners .owl-prev::after { width: 30px; height: 30px; }
    section#partners #text1 p { font-size: 80%; margin-bottom: 0; }
    section#partners #text1 { max-width: 85%; }
}

/* press */
section#press { clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%); padding: 80px 0 20px; background: #f2f4fa; margin: -55px 0 0; /* padding: 0; */ /* margin: 0; */ /* height: 0; */ /* overflow: hidden; */ /* opacity: 0; */ /* pointer-events: none; */ }
section#press .headline { display: block; color: var(--blue); position: relative; width: fit-content; margin: 0 auto 5px; }
section#press #gridshort-view { padding: 0; direction: ltr; display: block; max-height: 630px; overflow: hidden; }
section#press #gridshort-view .owl-item { padding-bottom: 100px; }
section#press #ContentGridShortModule .gridshort-view-item { width: 20vw; margin: 0 15px 80px; padding: 0; height: 470px; }
section#press #ContentGridShortModule .gridshort-view-item .grid-short-box-image { padding-bottom: 0; }
section#press #ContentGridShortModule .gridshort-view-item .grid-short-box-image .image-container { position: relative; }
section#press #ContentGridShortModule .gridshort-view-item .grid-short-box-label { padding-top: 15px; text-align: left; font-size: 100%; color: var(--blue); font-family: var(--bold); min-height: 70px; }
section#press #ContentGridShortModule .gridshort-view-item .grid-short-box-text p { text-align: left; padding-top: 40px; font-size: 85%; display: flex; align-items: center; }
section#press #ContentGridShortModule .gridshort-view-item .grid-short-box-text p img { width: auto; display: inline-flex; }
section#press #gridshort-view .owl-nav > div { font-size: 0; }
section#press #gridshort-view .owl-prev { top: unset; bottom: 0px; right: 46.5vw; right: calc(50% - 65px); z-index: 5; transform: none; }
section#press #gridshort-view .owl-next { top: unset; bottom: 0px; left: 46.5vw; left: calc(50% - 65px); z-index: 5; transform: none; }
section#press #gridshort-view .owl-prev::after { background-image: url(/warehouse/dynamic/336960.svg); width: 50px; height: 50px; }
section#press #gridshort-view .owl-next::after { background-image: url(/warehouse/dynamic/336959.svg); width: 50px; height: 50px; }
section#press #ContentGridShortModule .gridshort-view-item:hover .image-container img { transform: scale(1.08); }

section#press #ContentGridShortModule .gridshort-view-item .image-container img { transition: 0.7s all; transform: scale(1.02); }

@media(max-width: 1024px) {
    section#press #gridshort-view.not-carousel { display: flex; flex-direction: column; align-items: center; max-height: unset; padding: 0; }
    section#press { padding: 95px 0 30px; /* padding: 0; */ }
    section#press #gridshort-view .owl-stage-outer { max-height: 400px; }
    section#press #gridshort-view .gridshort-view-item { margin-bottom: 0; width: 75vw; margin: 0 10px; padding: 20px 0px 0px; height: 400px; }
    section#press #ContentGridShortModule .gridshort-view-item .grid-short-box-label { font-size: 90%; }
    section#press #ContentGridShortModule .gridshort-view-item .grid-short-box-text p { font-size: 75%; padding-top: 30px; }
    section#press #gridshort-view .owl-prev, section#press #gridshort-view .owl-next { display: none !important; }
}


@media(min-width:768px) {
    section#press #gridshort-view.not-carousel { display: flex; justify-content: center; }
}

/* Careers */
section#career { margin: -55px 0 0px; padding: 140px 0 170px; /* height: 0; */ /* padding: 0; */ /* margin: 0; */ /* overflow: hidden; */ /* opacity: 0; */ /* pointer-events: none; */ background-image: linear-gradient(330deg, #46a1d8 10%, #0f2d96 80%) !important; clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%); z-index: 1; }
section#career:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url(/warehouse/dynamic/380028.png); background-repeat: no-repeat; background-size: 100%; background-position: center 50%; mix-blend-mode: screen; pointer-events: none; }
section#career #allSectionsWrapper { position: relative; transition: 0.5s all; }
section#career #allSectionsWrapper.extandHeight { height: 100vh !important; }
section#career .section-content { display: flex; flex-direction: column; }
section#career .lobbyview #headline { position: relative; width: fit-content; margin: 0 auto 20px; }
section#career .lobbyview #headline::before { background: linear-gradient(90deg, rgba(15,45,150,1) 6%, rgba(7,204,230,1) 85%, rgba(16,226,231,1) 95%); content: ''; position: absolute; right: 0; bottom: -5px; width: 0; height: 4px; transition: 1.5s all 1s; }
section#career .lobbyview #headline h2 { color: #fff; letter-spacing: 1.4px; }
section#career .lobbyview h3 { margin: 0; font-size: 195%; line-height: 1; }

section#career .section-content .tabs-wrapper { display: inline-flex; position: relative; }
section#career .section-content .career-tabs { padding-bottom: 40px; position: relative; }
section#career .section-content .career-tabs .career-tablinks { margin-right: 25px; border: none; background: transparent; padding: 0; color: #fff; position: relative; }
section#career .section-content .career-tabs .career-tablinks::after { content: ''; position: absolute; left: 0; bottom: -3px; height: 2px; width: 0; background: var(--light-blue); transition: 0.4s all; }
section#career .section-content .career-tabs .career-tablinks:hover::after, section#career .section-content .career-tabs .career-tablinks.active::after { width: 100%; }
section#career .grid-row-section { width: 100%; max-width: 1170px; margin: 0 auto; overflow: visible; padding: 0; position: absolute; transition: 0.5s transform, 0.3s opacity; opacity: 0; transform: translateY(20px); pointer-events: none; }
section#career .grid-row-section.visible-sec { opacity: 1; pointer-events: all; transform: translateY(0px); z-index: 1; }
section#career .grid-row-section li.slider-item { padding-bottom: 0; }
section#career .grid-row-section li.slider-item .grid-row-image-container { position: relative; }
section#career .grid-row-section li.slider-item img { width: 100%; }
section#career .grid-row-section .grid-row { display: flex !important; direction: ltr !important; padding: 18px 15px; margin-bottom: 20px; box-shadow: 5px 10px 15px 0 rgba(0, 0, 0, 0.12); min-height: 80px; overflow-y: clip; transition: 0.5s all; cursor: pointer; }
section#career .grid-row-section .grid-row .grid-row-text p { font-size: 75%; line-height: 1.4; }
section#career .grid-row-section .grid-row .grid-row-cell:not(.grid-row-cell-text) { max-width: 45px; margin-right: 15px; }
section#career .grid-row-section .grid-row .grid-row-cell-text { flex-grow: 1; }
section#career .grid-row-section .grid-row .grid-row-text { width: 100%; text-align: left; display: inline-flex; flex-direction: column; align-items: flex-end; padding: 0; margin: 0; }
section#career .grid-row-section .grid-row .grid-row-text h2 { font-size: 110%; margin: 0; }
section#career .grid-row-section .grid-row .grid-row-text h3 { margin: 0; font-size: 85%; color: #707070; transition: 0.3s all 0.15s; }
section#career .grid-row-section .grid-row .grid-row-text ul { padding: 0 0 0 20px; }
section#career .grid-row-section .grid-row .grid-row-text li { font-size: 70%; line-height: 1.57; direction: ltr; }
section#career .grid-row-section .grid-row .grid-row-text .accordion { transition: 0.5s all; overflow: hidden; display: flex; flex-direction: column; align-items: flex-end; margin: 10px 0 0; max-width: 95%; }
section#career .grid-row-section .grid-row .grid-row-text .accordion.hideAccord { height: 0px; }
section#career .grid-row-section .grid-row .grid-row-text .accordion a { color: var(--blue); font-family: var(--bold); font-size: 90%; text-decoration: underline; }
section#career .grid-row-section .grid-row::after { content: ''; position: absolute; right: 15px; top: 40px; transform: translateY(-50%); background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/341102.svg); width: 20px; height: 20px; transition: 0.3s all; }
section#career .grid-row-section .grid-row .grid-row-text p.open { max-height: unset; margin: 10px 0; transition: 0.6s all; }
section#career .grid-row-section .grid-row.opened::after { transform: translateY(-10px) rotate(180deg); }

#career div#allSectionsWrapper { display: flex; flex-direction: column; height: max-content !important; }
#career div#allSectionsWrapper section { position: relative; transform: none; opacity: 1; pointer-events: all; }

@media(max-width: 1024px) {
    section#career { padding: 70px 0 80px; /*padding: 0; */ clip-path: polygon(0 30px, 100% 0, 100% calc(100% - 30px), 0% 100%); }
    section#career .section-content .career-tabs { overflow-x: scroll; padding: 0 0px 25px 15px; display: flex; justify-content: normal; width: 100%; }
    section#career .section-content .tabs-wrapper::after { pointer-events: none; content: ""; position: absolute; top: 0px; z-index: 20; width: 70px; height: 20px; background-image: linear-gradient(90deg,rgba(242,244,250,0.1) 0,#f2f4fa 100%); right: 0; opacity: 0; }
    section#career .section-content .career-tabs .career-tablinks { font-size: 90%; margin-right: 30px; white-space: nowrap; }
    section#career .section-content .career-tabs::-webkit-scrollbar { display: none; }
    section#career .lobbyview #headline { padding: 0 15px; }
    section#career .lobbyview h3 { font-size: 110%; }
    section#career .grid-row-section { padding: 0 15px; }
    section#career .grid-row-section .grid-row { padding: 18px 15px 18px; }
    section#career .grid-row-section .grid-row .grid-row-cell:not(.grid-row-cell-text) { position: absolute; height: auto; }
    section#career .grid-row-section .grid-row.opened .grid-row-text { padding-bottom: 30px; }
    section#career .grid-row-section .grid-row .grid-row-text h2 { font-size: 90%; padding-bottom: 5px; padding: 0 0 5px 60px; }
    section#career .grid-row-section .grid-row .grid-row-text h3 { font-size: 80%; padding: 0 0 0 60px; }
    section#career .grid-row-section .grid-row.opened .grid-row-text h3 { padding-bottom: 30px; transition: 0.3s all; }
    section#career .grid-row-section .grid-row .grid-row-text p { font-size: 70%; line-height: 1.57; }
    section#career .grid-row-section .grid-row .grid-row-text .accordion { margin: 0; }
}

/* Portfolio */
section#portfolio { background-image: linear-gradient(49deg, #0f2d96, #07cce6 100%) !important; padding: 160px 0 130px; clip-path: polygon(0 50px, 100% 0, 100% 97%, 0% 100%); z-index: 1; margin: -55px 0 0; }
/*section#portfolio { height: 0; padding: 0; margin: 0; overflow: hidden; opacity: 0; pointer-events: none; }*/
section#portfolio::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url(/warehouse/dynamic/336909.svg); background-repeat: no-repeat; background-size: 100%; background-position: top; mix-blend-mode: lighten; }
section#portfolio #ContentGridShortModule { max-width: 1170px; margin: 0 auto; }
section#portfolio #headline { position: relative; width: fit-content; margin: 0 auto 0 0; }
section#portfolio #text1 { max-width: 100%; text-align: left; }
section#portfolio #text1 p { color: #fff; font-size: 150%; }
section#portfolio #pageview #headline::before { background: var(--light-blue); content: ''; position: absolute; right: 0; bottom: -5px; width: 0; height: 4px; transition: 1.5s all 1s; }
section#portfolio #pageview #headline h1 { color: #fff; }
section#portfolio #gridshort-view .flex-row { margin: 0; display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; }
section#portfolio #gridshort-view .flex-row > div { width: 20%; padding: 20px 20px; }
section#portfolio #gridshort-view .flex-row > div .grid-short-box-image { padding-bottom: 0; border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); }
section#portfolio #gridshort-view .flex-row > div .grid-short-box-image a { position: relative; }
section#portfolio #gridshort-view .flex-row > div .grid-short-box-image a img { border-radius: 50%; transition: 0.7s all; -webkit-mask-image: -webkit-radial-gradient(white, black); }
section#portfolio #gridshort-view .flex-row > div .grid-short-box-image::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); z-index: -1; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(70,161,216,1) 200%); }
section#portfolio #gridshort-view .flex-row > div .grid-short-box:hover .grid-short-box-image a img { transform: scale(1) }
section#portfolio #gridshort-view .flex-row > div .grid-short-box-label { padding: 15px 0 10px; font-size: 110%; font-family: var(--bold); color: #fff; }
section#portfolio #gridshort-view .flex-row > div .grid-short-box-link a { color: #fff; font-size: 85%; display: inline-block; position: relative; overflow: hidden; padding: 0 0px 10px; }
section#portfolio #gridshort-view .flex-row > div .grid-short-box-link a::after { bottom: 5px; left: 0; width: 100%; height: 0; border-bottom: 2px solid var(--light-blue); content: ""; display: block; position: absolute; transition: all 1s cubic-bezier(0.58, 0.3, 0.005, 1); }
section#portfolio #gridshort-view .flex-row > div .grid-short-box:hover .grid-short-box-link a::after { animation: slide-out-slide-in 1s cubic-bezier(.18,.43,.01,.96) 0s 1; }

@keyframes slide-out-slide-in {
    0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
    50% { -webkit-transform: translateX(100%); transform: translateX(100%); }
    50.02% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
    100% { -webkit-transform: translateX(0%); transform: translateX(0%); }
}


@media(max-width: 1024px) {
    section#portfolio #gridshort-view .flex-row > div { width: 50%; padding: 10px 20px; }
    section#portfolio #gridshort-view .flex-row { margin-right: 10px; margin-left: 10px; }
    section#portfolio::after { /* background-size: cover; */ background-size: 300%; }
    section#portfolio { padding: 65px 0 80px; clip-path: polygon(0 30px, 100% 0, 100% 98%, 0% 100%); /*padding: 0;*/ }
    section#portfolio #gridshort-view .flex-row > div .grid-short-box-label { padding: 10px 0 5px; font-size: 80%; }
    section#portfolio #gridshort-view .flex-row > div .grid-short-box-link a { font-size: 65%; }
    section#portfolio #headline { margin: 0 auto 0px 30px; }
    section#portfolio #text1 p { font-size: 80%; }
    section#portfolio #text1 { margin: 0 auto 10px 30px; }
}

.portfolioPopUp .MainContent { display: flex; flex-wrap: wrap; flex-direction: row-reverse; }
.portfolioPopUp .modal-text.displayTable #text1 { text-align: left; padding: 10px 110px 30px 30px; width: 65%; }
.portfolioPopUp .modal-text.displayTable #text1 p { color: #5e5e5e; font-size: 75%; }
.portfolioPopUp .modal-text.displayTable #text1 h3 { font-size: 140%; font-family: var(--bold); color: #030824; position: relative; }
.portfolioPopUp .modal-text.displayTable #text1 h3::after { content: ''; position: absolute; left: -10px; top: 4px; height: 18px; width: 2px; background: #46a1d8; }
.portfolioPopUp .modal-text.displayTable #text2 { width: 35%; display: inline-flex; margin: 0; }
.portfolioPopUp .modal-text.displayTable #text2 p { display: inline-flex; align-items: flex-start; }
.portfolioPopUp .modal-text.displayTable #text2 img { width: 100%; max-width: 295px; max-height: 315px; margin: 30px 0 30px 30px; }
.portfolioPopUp .modal-text.displayTable .TopHeadlinePopUp { padding: 10px 20px; }
.portfolioPopUp .modal-text.displayTable .TopHeadlinePopUp .modal-image { position: relative; width: 100px; height: 100px; }
.portfolioPopUp .modal-text.displayTable .TopHeadlinePopUp .modal-image::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); z-index: -1; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(70,161,216,1) 200%); }
#multi-content-modal.portfolioPopUp.GridReadMorePopUp .modal-content { max-width: 1000px; }


.portfolioPopUp .modal-text.displayTable #text1 h3:first-child { margin-top: 0; }


@media(max-width: 1024px) {
    .portfolioPopUp .modal-text.displayTable .TopHeadlinePopUp { padding: 10px 15px; order: 1; }
    .portfolioPopUp .modal-text.displayTable .TopHeadlinePopUp .modal-image { width: 66px; height: 66px; }
    .portfolioPopUp .modal-text.displayTable #text1 { padding: 0 30px 30px; width: 100%; order: 3; }
    .portfolioPopUp .modal-text.displayTable #text2 { width: 100%; max-width: 100%; padding: 30px 0 0; order: 2; }
    .portfolioPopUp .modal-text.displayTable #text2 img { margin: 0 auto; }
    .portfolioPopUp .modal-text.displayTable #text1 h3:first-child { margin-top: 20px; }
}

/* Portfolio Coming Soon */
section#portfolio-coming-soon { background-image: linear-gradient(49deg, #0f2d96, #07cce6 100%) !important; padding: 260px 0 270px; clip-path: polygon(0 6%, 100% 0, 100% 94%, 0% 100%); z-index: 1; }
section#portfolio-coming-soon { height: 0; padding: 0; margin: 0; overflow: hidden; opacity: 0; pointer-events: none; }
section#portfolio-coming-soon::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url(/warehouse/dynamic/336909.svg); background-repeat: no-repeat; background-size: 90%; background-position: center 50%; mix-blend-mode: lighten; }
section#portfolio-coming-soon #pageview .headline { margin: 0; }
section#portfolio-coming-soon #pageview .headline h1 { text-transform: uppercase; color: #fff; opacity: 0; transition: 1s all 0.3s; }
section#portfolio-coming-soon #pageview .popup-text { background: transparent; color: #fff; padding: 0; }
section#portfolio-coming-soon #pageview .popup-text #subheadline h2 { font-size: 600%; margin: 0; opacity: 0; transition: 1s all 0.5s; }
section#portfolio-coming-soon #pageview .popup-text #text1 { max-width: 100%; line-height: 1; opacity: 0; transition: 1s all 0.7s; }
section#portfolio-coming-soon #pageview .popup-text #text1 p { margin: 0; font-size: 150%; color: #fff; }

@media(max-width: 1024px) {
    section#portfolio-coming-soon { /*padding: 140px 0;*/ clip-path: polygon(0 30px, 100% 0, 100% 94%, 0% 100%); z-index: 1; padding: 0; }
    section#portfolio-coming-soon #pageview .popup-text #subheadline h2 { font-size: 350%; line-height: 0.8; text-shadow: 0 0 50px rgba(0, 0, 0, 0.3); margin-bottom: 10px; }
    section#portfolio-coming-soon #pageview .popup-text #text1 p { font-size: 80%; }
    section#portfolio-coming-soon #pageview .popup-text #text1 { max-width: 270px; }
    section#portfolio-coming-soon::after { background-size: cover; background-image: url(/warehouse/dynamic/336977.svg); }
}

/* Pitch Us */
section#pitch-us { z-index: 1; clip-path: polygon(0 8%, 100% 0, 100% 92%, 0% 100%); height: 630px; display: flex; justify-content: center; align-items: center; padding: 0; margin: -55px 0; }
section#pitch-us::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; opacity: 0.4; background-color: #030824; }
section#pitch-us::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; background-image: url(/warehouse/dynamic/374691.jpg); background-repeat: no-repeat; background-size: cover; background-position: center 50%; }
section#pitch-us #ContentRegularModule { width: 100%; }
section#pitch-us #ContentRegularModule .headline { margin: 0; display: block; }
section#pitch-us #ContentRegularModule .headline h2 { text-transform: uppercase; color: #fff; line-height: 0.9; }
section#pitch-us #text1 { padding: 0; color: #fff; background: transparent; }
section#pitch-us #text1 p { color: #fff; font-size: 140%; font-family: var(--bold); text-transform: uppercase; margin: 0; }
section#pitch-us #text1 p a, section#club a { font-family: var(--bold); font-size: 17px; color: var(--blue); background: var(--light-blue); border-radius: 50px; width: 150px; height: 50px; display: inline-flex; align-items: center; justify-content: center; transition: 0.5s all; padding-top: 2px; margin-top: 15px; }
section#pitch-us #text1 p a:hover, section#club a:hover { background: #fff; }

@media(max-width: 1024px) {
    section#pitch-us { height: 365px; margin: -30px 0 -35px; clip-path: polygon(0 8%, 100% 0, 100% 91%, 0% 100%); }
    section#pitch-us::after { background-image: url(/warehouse/dynamic/374692.jpg); }
    section#pitch-us #ContentRegularModule .headline h2 { font-size: 175%; line-height: 1.7; }
    section#pitch-us #text1 p { font-size: 100%; line-height: 1.1; }
    section#pitch-us #text1 p a { width: 118px; height: 40px; }
}

/* Contact */
section#newsletter { background-image: linear-gradient(130deg, #0f2d96, #07cce6 170%) !important; padding: 140px 0 105px; clip-path: polygon(0 6%, 100% 0, 100% 100%, 0% 100%); margin: -55px 0 0; height: 0; padding: 0; margin: 0; overflow: hidden; opacity: 0; pointer-events: none; }
section#newsletter::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url(/warehouse/dynamic/336912.svg); background-repeat: no-repeat; background-size: 100%; background-position: center 50%; mix-blend-mode: screen; pointer-events: none; }
section#newsletter #ContentRegularModule { display: none; }
section#newsletter #DynamicFormObject { max-width: 1070px; padding: 0; display: flex; flex-direction: column; }
section#newsletter #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 10px; }
section#newsletter #DynamicFormObject .top-form { font-size: 120%; font-family: var(--bold); text-transform: uppercase; margin-bottom: 40px; opacity: 0; transition: 1s all 0.8s; }
section#newsletter #DynamicFormObject form { max-width: unset; display: flex; flex-wrap: wrap; justify-content: center; }
section#newsletter #DynamicFormObject form .dynamicFormObjectField { width: 20%; padding: 0 5px; }
section#newsletter #DynamicFormObject form .dynamicFormObjectField input { font-size: 70% !important; border-radius: 0; border: none; box-shadow: none; background: rgb(255 255 255 / 20%); width: 100%; height: 45px; letter-spacing: 0.5px; }
section#newsletter #DynamicFormObject form .dynamicFormObjectField.textarea-field { width: 100%; }
section#newsletter #DynamicFormObject form .dynamicFormObjectField.textarea-field textarea { font-size: 70% !important; border-radius: 0; border: none; box-shadow: none; background: rgb(255 255 255 / 20%); color: #fff; width: 100%; padding: 20px 0 0 15px; min-height: 120px; margin-bottom: 15px; }
section#newsletter #DynamicFormObject form .dynamicFormObjectField.textarea-field textarea::placeholder { color: #fff; }
section#newsletter #DynamicFormObject form .dynamicFormObjectField.textarea-field textarea:focus { border: none; outline: none; }
section#newsletter #DynamicFormObject form .dynamicFormObjectField.checkboxField { width: 100%; display: flex; justify-content: flex-start; align-items: center; z-index: 1; margin-bottom: 30px; }
section#newsletter #DynamicFormObject form .dynamicFormObjectField.checkboxField input { width: auto; height: auto; margin: 0; margin-right: 10px; }
section#newsletter #DynamicFormObject form .dynamicFormObjectField.checkboxField label { margin: 0; font-size: 80%; text-align: left; }
section#newsletter #DynamicFormObject form .dynamicFormObjectSubmit { border: none; background: var(--light-blue); font-family: var(--bold); font-size: 85%; border-radius: 50px; padding: 0; width: 150px; height: 50px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; z-index: 1; transition: 0.5s all; }
section#newsletter #DynamicFormObject form .dynamicFormObjectSubmit:hover { background: #fff; border: none; }
section#newsletter #DynamicFormObject form .dynamicFormObjectSubmit input { background: transparent; height: 100%; width: 100%; border: none; font-size: 100%; color: var(--blue); }
section#newsletter #DynamicFormObject #form-thanks p { color: #fff; text-align: center !important; line-height: 1.1; }
.must:before { left: 15px; top: 15px; font-size: 55%; color: initial; }
label.error, span.error { top: 15px; left: unset; font-size: 80%; color: var(--light-blue); right: 20px; }

@media(max-width: 1024px) {
    section#newsletter { padding: 120px 40px 30px; clip-path: polygon(0 30px, 100% 0, 100% 100%, 0% 100%); margin: -35px 0 0; padding: 0; margin: 0; }
    section#newsletter #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 175%; margin-bottom: 5px; }
    section#newsletter #DynamicFormObject .top-form { font-size: 100%; margin-bottom: 25px; line-height: 1.1; }
    section#newsletter #DynamicFormObject form .dynamicFormObjectField { width: 100%; padding: 0; }
    section#newsletter #DynamicFormObject form .dynamicFormObjectField input { margin-bottom: 10px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { left: 8px; top: 14px; }
    section#newsletter #DynamicFormObject form .dynamicFormObjectField.textarea-field textarea { padding: 15px 0 0 13px; margin-bottom: 30px; }
    section#newsletter #DynamicFormObject #form-thanks h3 { font-size: 110%; }
    section#newsletter #DynamicFormObject #form-thanks p { font-size: 80%; }
}

/*Founder Section  */
section#club { padding: 60px 0px 80px; text-align: center; }
section#club .lobbyview #headline { text-align: center; color: var(--blue); margin-bottom: 10px; width: fit-content; position: relative; margin: 0 auto 10px; }
section#club .lobbyview #headline::before { background: linear-gradient(90deg, rgba(15,45,150,1) 6%, rgba(7,204,230,1) 85%, rgba(16,226,231,1) 95%); content: ''; position: absolute; right: 0; left: 0; bottom: -5px; width: 0; height: 4px; transition: 1.5s all 1s; }
section#club .grid-content-section .grid-boxes { padding-top: 0; display: flex; margin: 0 auto; gap: 15px; }
section#club .LobbyModule .grid-content-section .grid-boxes .grid-box { width: 33.33%; margin: 0; text-align: left; background: #fff; padding: 25px 20px 25px 10px; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); font-size: 100%; display: inline-flex; }
section#club .LobbyModule .section .grid-boxes .grid-box .grid-box-fulltext { position: relative; line-height: 1; letter-spacing: 0.34px; }
section#club .grid-content-section { padding: 0; text-align: left; overflow: visible; }
section#club .lobbyview #lobbyText h3 { color: #0f2d96; font-size: 195%; line-height: 1; text-align: center; }
section#club a { border: 2px solid #07cce6; }
section#club .grid-text-section { text-align: left; }
section#club .grid-text-section .section-title h2 { font-size: 200%; color: #0f2d96; }
section#club .grid-text-section .grid-text-content { padding: 0; }
section#club .grid-text-section .grid-text-content p { text-transform: capitalize; }
section#club .grid-content-section .section-title h2 { font-size: 200%; color: #0f2d96; padding-bottom: 20px; }
section#club .grid-text-section .grid-text { display: flex; }
section#club .section .grid-boxes::before, section#club .section .grid-boxes::after { display: none; }
section#club .LobbyModule .section .grid-boxes .grid-box .grid-box-image { padding: 0; margin: 0; display: inline-flex; min-width: 90px; pointer-events: none; }
section#club .LobbyModule .section .grid-boxes .grid-box .grid-box-subtitle { display: none; }
section#club .LobbyModule .section .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; }
section#club .LobbyModule .section .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--bold); color: #0f2d96; font-size: 110%; text-transform: uppercase; }
section#club .LobbyModule .section .grid-boxes .grid-box .grid-box-fulltext p { font-size: 85%; color: #5e5e5e; }
section#club .grid-form-section { padding: 45px 0 10px; overflow: visible; }
.bootstrap-datetimepicker-widget { direction: rtl; }
section#club .grid-form-section #DynamicFormObject { background: #daecf7; padding: 30px 28px 40px 50px; display: flex; max-width: 100%; flex-direction: column; }
section#club .grid-form-section #DynamicFormObject > div { width: 100%; padding: 0; margin: 0; font-size: 100%; text-align: left; }
section#club .grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormObjectTitle { color: #0f2d96; font-size: 200%; font-family: 'ploni-regular-aaa'; margin-bottom: 30px; }
section#club .grid-form-section #DynamicFormObject .top-form { display: none; }
section#club .grid-form-section #DynamicFormObject form { display: flex; max-width: 100%; flex-wrap: wrap; }
section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField { width: 33.33%; padding: 0 11px; }
section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField input, section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField select, section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField select { background: #fff; color: #000; font-size: 80% !important; height: 46px; border: none; box-shadow: none; border-radius: 0; margin-bottom: 14px; width: 100%; max-width: 100%; padding-left: 15px; }
section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField input::placeholder, section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField select::placeholder { color: inherit; }
section#club .grid-form-section #DynamicFormObject .dynamicFormObjectFields { margin: 0 -11px; }
section#club .grid-form-section #DynamicFormObject .dynamicFormObjectFields #form-thanks #headline h3 { color: #000; }
section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectSubmit { width: 100%; padding: 0 11px; margin-top: 15px; }
section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectSubmit input { width: 100%; height: 50px; max-width: 200px; border: unset; background: #07cce6; color: #0f2d96; font-family: 'ploni-bold-aaa'; font-size: 85%; border-radius: 50px; transition: 0.4s all ease; }
section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectSubmit input:hover,
section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectSubmit input:focus { background: #fff; }
section#club .grid-gallery-section { text-align: left; display: flex; align-items: center; gap: 30px; display: none; }
section#club .grid-gallery-section .section-title { margin-bottom: 0; }
section#club .grid-gallery-section .gallery-cubes { width: 100%; }
section#club .grid-gallery-section .section-title h2 { font-size: 140%; color: #121212; }
section#club .grid-gallery-section .gallery-cubes > div { max-width: 120px; pointer-events: none; }
section#club .grid-gallery-section .gallery-cubes > div .boxes-images-outer-image { padding-bottom: 53%; }
section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField .select-wrapper:after { left: unset; right: 25px; color: var(--blue); }
section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField .dropdown-menu { }
section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField:nth-child(6) { z-index: 50; }

@media(min-width: 1025px) {
    section#club.shown .lobbyview #headline::before { width: 60%; }
}

@media(max-width: 1024px) {
    section#club { padding: 40px 15px 20px; }
    section#club .section .grid-boxes { display: flex; flex-direction: column; align-items: center; margin: 0 auto; }
    section#club .LobbyModule .section .grid-boxes .grid-box { width: 100%; padding: 15px 25px 15px 10px; }
    section#club .lobbyview #lobbyText h3 { font-size: 110%; }
    section#club .grid-text-section { padding: 30px 0; }
    section#club .grid-text-section .section-title h2 { font-size: 150%; padding-bottom: 5px; }
    section#club .grid-content-section .section-title h2 { font-size: 150%; padding-bottom: 10px; }
    section#club .LobbyModule .section .grid-boxes .grid-box .grid-box-image { min-width: 60px; margin-right: 10px; }
    section#club .LobbyModule .section .grid-boxes .grid-box .grid-box-title h3 { font-size: 95%; }
    section#club .LobbyModule .section .grid-boxes .grid-box .grid-box-fulltext p { font-size: 80%; }
    section#club .grid-form-section { padding: 20px 0 40px; }
    section#club .grid-form-section #DynamicFormObject { padding: 40px 25px; }
    section#club .grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormObjectTitle { font-size: 160%; text-align: center; margin-bottom: 20px; }
    section#club .grid-form-section #DynamicFormObject .dynamicFormObjectFields { margin: 0 auto; }
    section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField { width: 100%; padding: 0; }
    section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField input, section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField select { margin-bottom: 10px; }
    section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectSubmit { padding: 0; text-align: center; }
    section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectSubmit input { max-width: 150px; }
    section#club .grid-gallery-section .section-title { text-align: center; }
    section#club .grid-gallery-section { flex-direction: column; }
    section#club .grid-gallery-section .gallery-cubes { display: flex; flex-wrap: wrap; justify-content: center; }
    section#club .grid-gallery-section .gallery-cubes > div { margin: 0 10px; }
    section#club a { margin-bottom: 40px; }
}

/* Gallery Section */
section#gallery { background: #f2f4fa; margin: -55px 0 0px; padding: 20px 0 110px; height: 0; padding: 0; margin: 0; overflow: hidden; opacity: 0; pointer-events: none; }
section#gallery .headline { display: block; color: var(--blue); letter-spacing: 1.4px; margin-bottom: 40px; }
section#gallery .gallery-container { max-width: 1280px; margin: 0 auto; }
section#gallery .owl-stage-outer { margin: 0 auto; max-width: 1170px; }
section#gallery .gallery-container .owl-stage { display: flex; }
section#gallery .owl-stage-outer .owl-item { max-width: 215px; padding: 0; }
section#gallery .owl-stage-outer .owl-item .item { padding: 0; height: 100%; }
section#gallery .owl-stage-outer .owl-item .item .topImg,
section#gallery .owl-stage-outer .owl-item .item .topImg .imgWrapper { height: 100%; }
section#gallery .owl-stage-outer .owl-item .item .topImg .imgWrapper img { height: 100%; object-fit: cover; }
section#gallery .owl-prev { right: 0; font-size: 0; z-index: 10; }
section#gallery .owl-prev::after { background-image: url(/warehouse/dynamic/336960.svg); width: 40px; height: 40px; }
section#gallery .owl-next { left: 0; font-size: 0; z-index: 10; }
section#gallery .owl-next::after { background-image: url(/warehouse/dynamic/336959.svg); width: 40px; height: 40px; }

@media(max-width: 1024px) {
    section#gallery { padding: 0px 0 140px; /* padding: 0; */ margin: 0; }
    section#gallery .owl-carousel .owl-nav div { top: unset; transform: translateX(-50%) !important; bottom: -70px; }
    section#gallery .owl-prev { right: unset; left: 56%; }
    section#gallery .owl-next { left: 44%; }
    section#gallery .owl-prev::after, section#gallery .owl-next::after { width: 30px; height: 30px; }
}

/* Footer */
footer .footer-text { padding: 70px 135px 55px; background: #030824; }
footer .footer-text > span { display: flex; }
footer .footer-text > span > div { flex-grow: 1; color: #fff; }
footer .footer-text > span > div p { color: inherit; }
footer .footer-text > span .footer-right { display: flex; justify-content: flex-end; align-items: flex-start; }
footer .footer-text > span .footer-left { text-align: left; }
footer .footer-text > span .footer-right ul { padding: 0; text-align: left; list-style: none; margin: 0; }
footer .footer-text > span .footer-right ul:last-child { padding-left: 40px; }
footer .footer-text > span .footer-right ul li { font-size: 75%; padding-bottom: 15px; }
footer .footer-text > span .footer-left p { font-size: 75%; padding-bottom: 10px; }

@media(max-width: 1024px) {
    footer .footer-text { padding: 15px 60px; }
    footer .footer-text > span .footer-right { display: none !important; }
    footer .footer-text > span { display: flex; flex-direction: column-reverse; align-items: center; }
    footer .footer-text > span .footer-middle img { width: 200px; }
    footer .footer-text > span .footer-left { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 15px; }
    footer .footer-text > span .footer-left p:nth-child(1), footer .footer-text > span .footer-left p:nth-child(2) { width: 50%; }
    footer .footer-text > span .footer-left p:nth-child(3) { width: 100%; }
    footer .footer-text > span .footer-left p { text-align: center; padding-bottom: 0; margin-bottom: 8px; position: relative; }
    footer .footer-text > span .footer-left p:nth-child(2)::after { content: ''; position: absolute; left: 7px; top: 0; height: 100%; width: 2px; background: rgb(255 255 255 / 40%); }
}

/* Animations */

@keyframes textAnim {
    0%, 5% { transform: translateY(180%); opacity: 0; }
    20% { opacity: 0; }
    80%, 100% { transform: translateY(0); opacity: 1; }
}

section .lobbyview #headline h2, section #pageview #headline h1, section:not(#portfolio-coming-soon) #pageview .headline h1, section#newsletter #DynamicFormObject .dynamicFormObjectTitleAndText { opacity: 0; }
section.shown .lobbyview #headline h2, section.shown #pageview #headline h1, section:not(#portfolio-coming-soon).shown #pageview .headline h1, section#newsletter.shown #DynamicFormObject .dynamicFormObjectTitleAndText { animation: textAnim 2s; opacity: 1; transition: opacity 2s; }

.text-wrapper { overflow: hidden; width: 100%; }
#home-gallery .gallery-caption .gallery-text .text-wrapper > div { transition: 1.5s all; transform: translateY(150%); }
#home-gallery .gallery-caption .gallery-text-subtitle .text-wrapper > div { transition: 1.5s all 0.3s; transform: translateY(150%); }
#home-gallery .gallery-caption .gallery-text-fulltext .text-wrapper > div { transition: 1.5s all 0.6s; transform: translateY(150%); }
.animation { transform: translateY(0) !important; opacity: 1 !important; }

.section-animation-item,
.grid-boxes .section-animation-item,
.section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0; animation: initial !important; transform: unset !important; }

/* sections */

section#our-story .LobbyModule .section .grid-boxes .grid-box .grid-box-fulltext p { line-height: 1.47; opacity: 0 !important; transition: 1s all 0.3s; }
section#our-story .LobbyModule .section.shown .grid-boxes .grid-box .grid-box-fulltext p { opacity: 1 !important; }
section#our-story .section .grid-text-content.shown::after { width: 0; }

section#mission.shown #pageview #text1 p { opacity: 1 !important; }

section#mission #gridshort-view.shown .gridshort-view-item:nth-child(1), section#mission #gridshort-view.shown .gridshort-view-item:nth-child(2) { opacity: 1; transition-delay: 0.5s; }
section#mission #gridshort-view.shown .gridshort-view-item:nth-child(3), section#mission #gridshort-view.shown .gridshort-view-item:nth-child(4) { opacity: 1; transition-delay: 0.7s; }
section#mission #gridshort-view.shown .gridshort-view-item:nth-child(5), section#mission #gridshort-view.shown .gridshort-view-item:nth-child(6) { opacity: 1; transition-delay: 0.9s; }

section.leadership-section.shown :is(#pageview, .pageview) #headline::before, section#our-story.shown .lobbyview #headline::before, section#career.shown .lobbyview #headline::before, section#portfolio.shown #pageview #headline::before, section#club.shown .lobbyview #headline::before { width: 100%; }

section#portfolio-coming-soon.shown #pageview .headline h1 { opacity: 1; }
section#portfolio-coming-soon.shown #pageview .popup-text #subheadline h2 { opacity: 1; }
section#portfolio-coming-soon.shown #pageview .popup-text #text1 { opacity: 1; }

section#newsletter.shown #DynamicFormObject .top-form { opacity: 1; }

/*-----------------------------------*/

section#gallery-not-active { height: 0; padding: 0; margin: 0; overflow: hidden; opacity: 0; pointer-events: none; }

/* UnZoom */
@media (min-width: 768px) {
    #home-gallery { max-height: 545px !important; background-attachment: unset; }
    #home-gallery .slider-bg.stellar-bg { background-position: center top; background-size: 100%; }
}

@media(max-width: 1600px) and (min-width: 1025px) {
    #home-gallery { height: calc(var(--vh) - 215px) !important; }
    #home-gallery .slider-bg.stellar-bg { background-size: 130%; }
    .GridReadMorePopUp .modal-text.displayTable #text1 { max-height: 450px; }
    #multi-content-modal.GridReadMorePopUp .modal-content { margin-top: 5vh; }
    section#mission #gridshort-view .gridshort-view-item { padding: 20px; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    #home-gallery { height: calc(var(--vh) - 90px) !important; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.4) {
    body { font-size: 18px; zoom: 0.8; }
    section#press #ContentGridShortModule .gridshort-view-item { height: 350px; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.8) {
    body { font-size: 20px; zoom: 0.8; }
    section#press #ContentGridShortModule .gridshort-view-item { height: 470px; }
}

@media (max-width: 767px) {
    #home-gallery,
    #home-gallery .slides,
    #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; background-attachment: unset; min-height: unset !important; max-height: 435px !important; }
}


/*17/3/24*/
.hide { display: none; }
.headline.section-animation-item.TopHeadlinePopUp { display: flex; background-image: linear-gradient(90deg, #0f2d96, #07cce6 120%) !important; padding: 10px 20px; z-index: 0; position: relative; width: 100%; margin: 0; }
.headlineWrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 20px; color: #fff; }
#PopUpData .headlineWrapper h1 { font-size: 140%; }
#PopUpData .headlineWrapper #subheadline a { font-size: 180%; font-size: 85%; font-family: var(--regular); letter-spacing: 0.34px; margin: 0; text-decoration: underline; }
#multi-content-modal.modal .close { top: 10px; left: unset; right: 10px; background: #fff; font-size: 0; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
.modal .close svg { width: 18px; height: 18px; fill: #030824; opacity: 0; }
#multi-content-modal.modal .close::After { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; pointer-events: none; background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/336907.svg); }
.modal .popup-text.section-animation-item { display: flex; flex-direction: row-reverse; padding: 0; }
.modal .popup-text.section-animation-item div#text1 { width: 65%; text-align: left; padding: 10px 110px 30px 30px; }
.modal .popup-text.section-animation-item div#text2 { width: 35%; display: inline-flex; margin: 0; }
.modal .popup-text.section-animation-item div#text2 p { display: inline-flex; align-items: flex-start; }
.modal .popup-text.section-animation-item div#text2 p img { width: 100%; max-width: 295px; max-height: 315px; margin: 30px 0 30px 30px; }
.modal .popup-text.section-animation-item div#text1 h3 { font-size: 140%; font-family: var(--bold); color: #030824; position: relative; }
.modal .popup-text.section-animation-item div#text1 h3:first-of-type { margin-top: 0; }
.modal .popup-text.section-animation-item div#text1 h3::After { content: ''; position: absolute; left: -10px; top: 4px; height: 18px; width: 2px; background: #46a1d8; }
.modal .popup-text.section-animation-item div#text1 p { font-size: 85%; text-align: left; direction: ltr; /* opacity: 0 !important; */ transition: 1s all 0.3s; color: #030824; color: #5e5e5e; font-size: 75%; }

.headline.section-animation-item.TopHeadlinePopUp img { position: relative; width: 100px; height: 100px; }
.headline.section-animation-item.TopHeadlinePopUp p::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); z-index: -1; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(70, 161, 216, 1) 200%); }
.headline.section-animation-item.TopHeadlinePopUp p { position: relative; }


#portfolio .grid-boxes { display: flex; justify-content: flex-start; align-items: flex-start; gap: 30px; }
#portfolio .grid-boxes .column { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; /* width: calc(33.33% - 20px); */ gap: 30px; }
#portfolio .grid-boxes .column .read-more-wrapper:last-child { display: none; }
#portfolio .grid-boxes::After, #portfolio .grid-boxes::before { content: none; }
#portfolio .grid-boxes .grid-box { margin: 0; width: 100%; padding: 12px; background: #fff; box-shadow: 0px 6px 20px #00000038; overflow: hidden; }
#portfolio .grid-boxes .box-image-animation { overflow: hidden; pointer-events: none; }
#portfolio .grid-box-image-text { position: absolute; top: 0; width: 84px; height: 24px; background: #fff; }
#portfolio .grid-box-image-text img { width: 100%; height: 100%; }
#portfolio .LobbyModule .grid-boxes .grid-box-image { padding-bottom: 64%; }
#portfolio .grid-box-title { text-align: left; width: 100%; }
#portfolio .grid-box-title h3 { margin-bottom: 4px; font-family: 'ploni-bold-aaa'; font-size: 20px; color: #0F2D96; }
#portfolio .grid-box-title h3 a { color: inherit; }
#portfolio h2::after { content: ''; height: 4px; width: 1000px; position: absolute; right: 0; bottom: -20px; background: #07CCE6; }
#portfolio h2 { color: #fff; }
#portfolio .text-wrapper { overflow: visible; }
#portfolio .grid-boxes .grid-box ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0 10px; }
#portfolio .grid-boxes .grid-box ul > li { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; font-size: 17px; text-align: left; letter-spacing: 0px; color: #707070; width: calc(50% - 5px); line-height: 20px; }
#portfolio .grid-boxes .grid-box ul > li:last-child { width: 100%; }
#portfolio .grid-boxes .grid-box ul > li h3 { font-size: 19px; font-family: 'ploni-bold-aaa'; color: #121212; margin-block: 16px 8px; }
#portfolio .grid-box-subtitle.button { text-align: left; letter-spacing: 0px; color: #0F2D96; opacity: 1; font-family: 'ploni-bold-aaa'; font-size: 17px; padding-block: 24px; margin-bottom: 14px; position: relative; }
#portfolio .grid-box-subtitle.button a { position: relative; }
#portfolio .grid-box-subtitle.button a::after { content: ''; position: absolute; left: calc(100% + 8px); top: 0; width: 16px; height: 16px; background-image: url(/warehouse/dynamic/464226.svg); background-repeat: no-repeat; background-size: contain; }
#portfolio .read-more-wrapper { padding-block: 0 2px; }
#portfolio .read-more-wrapper button { appearance: none; border: 0; background: transparent; font-family: 'ploni-bold-aaa'; text-decoration: underline; text-underline-offset: 2px; font-size: 17px; }
#portfolio .grid-box-subtitle.button::after { content: ''; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); height: 1px; width: calc(100% + 20px); background: #D3D3D3; }
.box-text-wrapper { max-height: 0; overflow: hidden; transition: all 0.8s ease; }
#portfolio .grid-box.open .box-text-wrapper { max-height: 500px; }


@media (max-width: 767px) {
    #portfolio .grid-boxes .grid-box { width: 100%; }
    #portfolio .grid-boxes { padding: 0 20px; flex-direction: column; }
    #portfolio .grid-boxes .column { width: 100%; }
    .modal .popup-text.section-animation-item { flex-direction: column-reverse; overflow: scroll; }
    .modal .popup-text.section-animation-item div#text2 { width: 100%; max-width: 100%; }
    .modal .popup-text.section-animation-item div#text2 p { justify-content: center; }
    .modal .popup-text.section-animation-item div#text2 p img { margin: 15px; max-width: 90%; }
    #multi-content-modal .modal-content { overflow: scroll; }
    .modal .popup-text.section-animation-item div#text1 { width: 100%; max-width: 100%; padding-inline: 30px; }
}