﻿/*Runi-ventures FoundersClub*/
:root { font-size: 20px; --vh: 100vh; --vw: 100vw; --blue: #0f2d96; --black: #030824; --light-blue: #07cce6; --light-blue-new: #b7dff8; --bold: 'ploni-bold-aaa'; --regular: 'ploni-regular-aaa'; --medium: 'ploni-medium-aaa-new'; }
body { line-height: 1; font-size: 20px; font-family: var(--regular); background: #05112e; 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: clamp(1.9rem, 3.646vw, 3.5rem); position: relative; display: inline-block; max-width: 100%; color: var(--light-blue-new); }
h3, .grid-rows .grid-row-text h3 { position: relative; }
p { font-size: clamp(0.95rem, 0.99vw, 0.95rem); color: #ffffff; }
.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: clamp(1.25rem, 1.563vw, 1.5rem); }
.section-title { position: relative; margin-bottom: 0; }
#GridPage .max-width { width: 100%; max-width: unset; }
.lobbyview .grid-box, .LobbyModule .grid-box { font-size: 1rem; }
.grid-text p { margin: 0; }

:is(.macOs) { zoom: 1 !important; }
/*Header*/
#header2 { padding: 20px 20px; background: #04112a; }
#header2 #header-container { direction: rtl; display: flex; align-items: center; justify-content: space-between; }
#header2 #header-left { text-align: left; }
#header2 #header-left img { max-width: 130px; }
#header2 .mobile-middle-kdm { display: inline-flex; }
#header2 .mobile-middle-kdm a { display: inline-flex; text-transform: uppercase; font-family: var(--bold); font-size: clamp(0.75rem, 0.885vw, 0.85rem); color: var(--blue); background: var(--light-blue); border-radius: 17.5px; width: 105px; height: 35px; display: inline-flex; justify-content: center; transition: 0.5s all; border: none; padding: 3px 0 0 0; align-items: center; }
#header2 .mobile-middle-kdm a:hover { background: #ffffff; }
#header2.detailsInRow .header-right-section { display: none; }

@media(max-width: 767px) {
    #header2 { padding-block: 10px; }
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 .mobile-middle-kdm { margin-top: 0; width: auto; }
    #header2 #header-container { height: 80px; }
    #header2 #header-left { margin: 0; width: auto; max-width: 180px; }
    #header2 #header-left a { width: 100%; height: 100%; display: flex; }
    #header2 #header-left img { /* object-fit: contain; */ width: 100%; height: auto; }
}
/*sections*/
#allSectionsWrapper > section { padding: 0; margin: 0; width: 100%; max-width: 100%; }
#allSectionsWrapper { margin-top: 115px; }

#allSectionsWrapper::before { content: ''; position: absolute; top: 50%; right: 0; left: unset; transform: translateY(-50%); background-size: cover; background-repeat: no-repeat; background-image: url('/warehouse/dynamic/406205.png'); width: 600px; height: 660px; opacity: 1; }

@media(max-width: 767px) {
    #allSectionsWrapper::before { width: 150px; height: 300px; top: 25%; }
}

.section-wrapper { max-width: 1170px; margin: 0 auto; text-align: left; padding-bottom: 50px; }
.grid-text-section .section-animation-item { padding: 0; width: 100%; max-width: 100%; }
.section-wrapper .grid-boxes .box-image-animation { display: flex; }
.section-wrapper .section-title { margin-bottom: 12px; }
.grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { padding: 0; display: block; margin: 0; text-align: left; float: none; width: 100%; }

.club .section-wrapper { display: flex; flex-direction: column; }
.club .section-wrapper a.sec-button.hvr-float { order: 1; color: #fff; font-size: 0.7rem; width: fit-content; position: relative; margin-bottom: 36px; padding-left: 25px; display: flex; align-items: center; flex-direction: row-reverse; }
.club .section-wrapper a.sec-button.hvr-float::before { content: ''; position: absolute; bottom: -6px; height: 1px; width: calc(100% - 25px); background: #ffffff; right: 0; }
.club .section-wrapper a.sec-button.hvr-float::after { content: ''; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g id="Group_6606" data-name="Group 6606" transform="translate(1345.5 812.5) rotate(180)"><circle id="Ellipse_21" data-name="Ellipse 21" cx="10" cy="10" r="10" transform="translate(1325 792)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="1"/><path id="arrow-right" d="M9.377,6.75l-.56.56,3,3.041H3.375v.8h8.444l-3,3.041.56.56,4-4Z" transform="translate(1326.407 791.252)" fill="%23fff" stroke="%23fff" stroke-width="0.5"/></g></svg>'); width: 21px; height: 21px; position: absolute; left: 0; }

.club .section-wrapper .gridText2 { order: 2; margin-bottom: 20px; }
.club .section-wrapper .gridText2 p > img { height: auto; width: 100%; max-width: 300px; }
.club .section-wrapper .section-title { order: 3; margin-bottom: 12px; }
.club .section-wrapper .section-title h1 { text-transform: uppercase; position: relative; }
.club .section-wrapper .section-title h1::after { content: ''; position: absolute; bottom: 0; left: 0; height: 3px; width: 65%; background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(183,223,248,1) 5%, rgba(13,31,91,1) 75%); }
.club .section-wrapper .grid-text { order: 4; }
.club .section-wrapper .grid-text .gridText1 p { margin-top: 0; font-size: clamp(1rem, 2.083vw,2rem); font-kerning: none; }

.mission .section-wrapper .section-title h2, .activites .section-wrapper .section-title h2, #SiteFooter .partners-Wrapper h2 { font-size: clamp(1rem, 2.083vw,2rem); }

.activites .grid-boxes { padding-top: 0; display: flex; margin: 0 auto; gap: 15px; }
.activites .grid-boxes .grid-box { width: 33.33%; margin: 0; min-height: 169px; text-align: left; background: #121e39; padding: 25px 20px 25px 10px; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); font-size: 1rem; display: grid; align-items: center; grid-template-rows: auto; grid-template-columns: repeat(2, auto); align-content: center; }
.activites .grid-boxes::before, .activites .grid-boxes::after { content: none; display: none; }
.activites .grid-boxes .grid-box .grid-box-image { pointer-events: none; height: 100%; width: 78px; grid-row: 1 / 3; grid-column: 1 / 2; padding-bottom: 0; margin: 0 10px 0 0; display: inline-flex; }
.activites .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--bold); font-size: clamp(1rem, 1.354vw, 1.3rem); text-transform: uppercase; margin-bottom: 0; }
.activites .grid-boxes .grid-box .grid-box-fulltext, .activites .grid-boxes .grid-box .grid-box-title { width: 100%; grid-row: 1 / 2; grid-column: 2 / 3; }
.activites .grid-boxes .grid-box .grid-box-title h3 a { color: #ffffff; font-size: clamp(0.9rem, 1.146vw, 1.1rem); }
/*.activites .grid-boxes .grid-box .grid-box-title { margin-bottom: -15px; }*/
.activites .grid-boxes .grid-box .grid-box-fulltext { position: relative; line-height: 1; letter-spacing: 0.34px; grid-row: 2 / 3; font-size: clamp(0.95rem, 0.885vw, 1rem); margin-top: 0px; }
.activites .grid-boxes .grid-box .grid-box-fulltext p { font-size: inherit; }

.section.btn-sec .grid-text .sec-button { height: 50px; width: max-content; padding: 0 20px; border: unset; display: inline-flex; background: #07cce6; color: #0f2d96; font-family: 'ploni-bold-aaa'; font-size: 85%; border-radius: 50px; transition: 0.4s all ease; align-items: center; justify-content: center; }
.section.btn-sec .grid-text .sec-button:hover,
.section.btn-sec .grid-text .sec-button:focus { background: #fff; }

.grid-form-section { padding: 45px 0 10px; overflow: visible; }
#DynamicFormObject:after, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after, .grid-form-section #DynamicFormObject .dynamicFormObjectFields::before, .grid-form-section #DynamicFormObject .dynamicFormObjectFields::after { content: none; }
.bootstrap-datetimepicker-widget { direction: rtl; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin: 0; display: none; }
.grid-form-section #DynamicFormObject { background: #121e39; display: flex; max-width: 100%; flex-direction: column; border: none; border-radius: 0px; padding: 50px 50px 70px; }
.grid-form-section #DynamicFormObject > div { width: 100%; padding: 0; margin: 0; font-size: 100%; text-align: left; }
.grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; }
.grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormObjectTitle { color: #ffffff; font-size: clamp(1.6rem, 2.083vw,2rem); font-family: 'ploni-regular-aaa'; margin-bottom: 27px; }
.grid-form-section #DynamicFormObject .top-form { display: none; }
.grid-form-section #DynamicFormObject form { display: flex; max-width: 100%; flex-wrap: wrap; }
fieldset { display: flex; flex-wrap: wrap; gap: 15px; }
.grid-form-section #DynamicFormObject form .dynamicFormObjectField { width: calc(33.33% - 15px); padding: 0; }
.grid-form-section #DynamicFormObject form .dynamicFormObjectField input, .grid-form-section #DynamicFormObject form .dynamicFormObjectField select, .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: 0px; width: 100%; max-width: 100%; padding-left: 15px; font-kerning: none; }
.grid-form-section #DynamicFormObject form .dynamicFormObjectField input::placeholder, section#club .grid-form-section #DynamicFormObject form .dynamicFormObjectField select::placeholder { color: inherit; }
.grid-form-section #DynamicFormObject .dynamicFormObjectFields { margin: 0; width: 100%; padding: 0; }
.grid-form-section #DynamicFormObject .dynamicFormObjectFields #form-thanks #headline h3 { color: #000; }
.grid-form-section #DynamicFormObject form .dynamicFormObjectSubmit { width: 100%; padding: 0; margin-top: 15px; text-align: left; }
.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; }
.grid-form-section #DynamicFormObject form .dynamicFormObjectSubmit input:hover,
.grid-form-section #DynamicFormObject form .dynamicFormObjectSubmit input:focus { background: #fff; }
.normal-form .must::before { left: 5px; }
.grid-gallery-section { text-align: left; display: flex; align-items: center; gap: 30px; display: none; }
.grid-gallery-section .section-title { margin-bottom: 0; }
.grid-gallery-section .gallery-cubes { width: 100%; }
.grid-gallery-section .section-title h2 { /* font-size: 140%; */ /* color: #121212; */ }
.grid-gallery-section .gallery-cubes > div { max-width: 120px; pointer-events: none; }
.grid-gallery-section .gallery-cubes > div .boxes-images-outer-image { padding-bottom: 53%; }
.grid-form-section #DynamicFormObject form .dynamicFormObjectField .select-wrapper:after { left: unset; right: 25px; color: var(--blue); top: 50%; }
.grid-form-section #DynamicFormObject form .dynamicFormObjectField .dropdown-menu { }
.grid-form-section #DynamicFormObject form .dynamicFormObjectField:nth-child(6) { z-index: 50; }


.partners-new-logos-section { display: flex; }
.partners-new-logos-section .section-wrapper { max-width: 100%; width: 100%; margin: 0 auto; padding-top: 1%; }

.partners-new-logos-section .section-title { max-width: 1170px; margin: 0 auto; }
.partners-new-logos-section .section-title h2 { font-size: clamp(1rem, 2.083vw, 2rem); color: var(--light-blue-new); text-transform: uppercase; }

.partners-new-logos-section .gallery-cubes { display: flex; align-items: center; /* justify-content: center; */ gap: 45px; direction: ltr; flex-direction: row-reverse; }
.partners-new-logos-section .gallery-cubes::before, .partners-new-logos-section .gallery-cubes::after { content: none; }
/*.partners-new-logos-section .gallery-cubes > div { width: 140px; height: 140px; max-width: 200px; }*/
.partners-new-logos-section .gallery-cubes > .gallery-cubes-inner { display: flex; animation: scrollText 40s linear infinite; width: max-content; max-width: unset; gap: 11px; }
.partners-new-logos-section .gallery-cubes .gallery-cubes-inner > div { display: flex; height: 140px; max-width: 100%; width: 100%; }
.partners-new-logos-section .gallery-cubes > div .boxes-images-outer-image { padding: 0; height: 120px; width: 180px; background-size: contain !important; background-repeat: no-repeat; }
.js-marquee { display: flex; }

.moments-gallery-sec { display: block; }
.moments-gallery-sec .section-wrapper { max-width: 100%; width: 100%; margin: 0 auto; padding: 120px 0; }
.moments-gallery-sec .section-wrapper .section-title { max-width: 1170px; margin: 0 auto 20px; display: flex; justify-content: space-between; }
.moments-gallery-sec .section-wrapper .section-title h2 { color: var(--light-blue-new); font-size: clamp(1rem, 2.083vw, 2rem); }
.moments-gallery-sec .gallery-container { padding: 0 15px; width: 100%; }
.moments-gallery-sec .gallery-container div:has(> .boxes-images-outer-image) { max-width: unset; pointer-events: all; width: auto; }
.moments-gallery-sec .gallery-container div:has(> .boxes-images-outer-image) .boxes-images-outer-image { padding: 0; width: 25vw; height: auto; aspect-ratio: 1; }
.moments-gallery-sec .gallery-container .gallery-cubes::before,
.moments-gallery-sec .gallery-container .gallery-cubes::after { display: none; }
.moments-gallery-sec .section-wrapper .swiper-buttons { display: flex; gap: 16px; }
.moments-gallery-sec .section-wrapper .swiper-buttons .swiper-button { position: relative; margin: 0; right: unset; left: unset; top: unset; bottom: unset; transform: unset; background-color: transparent; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-image: url(/warehouse/dynamic/538763.svg); width: 2.1vw; min-width: 2.1vw; height: 2.1vw; border: 1px solid #fff; overflow: hidden; transition: 0.3s all ease; }
.moments-gallery-sec .section-wrapper .swiper-buttons .swiper-button-next { transform: scaleX(-1); }
.moments-gallery-sec .section-wrapper .swiper-buttons .swiper-button::after { display: none; }

@media(max-width: 767px) {
    #allSectionsWrapper { margin-top: 125px; overflow: clip; }
    #allSectionsWrapper > section { padding-inline: 20px; }

    .club .section-wrapper .gridText2 p > img { width: 60%; height: auto; }

    .activites .grid-boxes { flex-direction: column; }
    .activites .grid-boxes .grid-box { width: 100%; min-height: 140px; position: relative; }
    .activites .grid-boxes .grid-box .grid-box-image { height: 78px; }
    /*.activites .grid-boxes .grid-box .grid-box-fulltext { margin-top: -10px; }*/
    .activites .grid-boxes .grid-box .grid-box-title { margin-bottom: 0; }

    .section.btn-sec .grid-text .grid-text-content { display: flex; justify-content: center; }

    .grid-form-section #DynamicFormObject { max-width: 100% !important; padding: 40px 25px; }
    .grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormObjectTitle, .grid-form-section #DynamicFormObject form .dynamicFormObjectSubmit { text-align: center; }
    .grid-form-section #DynamicFormObject form .dynamicFormObjectField { width: 100%; }
    #DynamicFormObject .dynamicFormObjectField .must:before { left: 5px; }

    #allSectionsWrapper > section.partners-new-logos-section { overflow: visible; }
    .partners-new-logos-section .section-wrapper { width: 100%; }
    .partners-new-logos-section .gallery-cubes { gap: 20px; /*flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; flex-direction: row; */ }
    .partners-new-logos-section .gallery-cubes > div { height: 80px; width: 47%; max-width: 100%; }

    .moments-gallery-sec { padding: 0 !important; }
    .moments-gallery-sec .section-wrapper { padding: 60px 0; }
    .moments-gallery-sec .section-wrapper .section-title { display: block; padding: 0 20px; }
    .moments-gallery-sec .gallery-container { padding: 0; }
    .moments-gallery-sec .gallery-container .gallery-cubes { display: flex; gap: 15px; scroll-snap-type: x mandatory; overflow-x: auto; padding: 0 15px; }
    .moments-gallery-sec .gallery-container div:has(> .boxes-images-outer-image) .boxes-images-outer-image { min-width: 35.3vw; max-width: 35.3vw; scroll-snap-align: center; }
}

/*thanks page*/
a.FormResultPageButton { color: #fff; }

/* Footer */
#SiteFooter #partners-section { padding-top: 0; padding-bottom: 30px; }
#SiteFooter .partners-Wrapper { max-width: 1170px; margin: auto; text-align: left; }
#SiteFooter .partners-Wrapper h2 { margin-bottom: 20px; }
#SiteFooter .partners-Wrapper p { display: flex; justify-content: space-between; }
#SiteFooter .partners-Wrapper p > img { width: 160px; height: 80px; }
footer .footer-text-divided { padding: 70px 135px 55px; background: #030824; display: flex; align-items: center; }
footer .footer-text-divided > div { flex-grow: 1; color: #fff; display: flex; justify-content: center; }
footer .footer-text-divided > div p { color: inherit; }
footer .footer-text-divided > div.footer-text-right { flex-direction: column; justify-content: flex-end; align-items: flex-start; }
footer .footer-text-divided > div.footer-text-left { text-align: left; justify-content: flex-end; }
footer .footer-text-divided > div.footer-text-left p, footer .footer-text-divided > div.footer-text-right p { padding-bottom: 10px; }
footer .footer-text-divided > div.footer-text-right ul, footer .footer-text-divided > div.footer-text-left ul { padding: 0; text-align: left; list-style: none; margin: 0; }
footer .footer-text-divided > div.footer-text-right ul:last-child, footer .footer-text-divided > div.footer-text-left ul:last-child { padding-left: 40px; }
footer .footer-text-divided > div.footer-text-right ul li, footer .footer-text-divided > div.footer-text-left ul li { font-size: clamp(0.7rem, 0.781vw, 0.75rem); padding-bottom: 15px; }
footer .footer-text-divided > div.footer-text-right ul li:hover a, footer .footer-text-divided > div.footer-text-left ul li:hover a { color: var(--light-blue-new); }
footer .footer-text-divided > div.footer-text-left p, footer .footer-text-divided > div.footer-text-right p { font-size: clamp(0.7rem, 0.781vw, 0.75rem); }

@media(max-width: 1024px) {
    #SiteFooter { padding-bottom: 0; }
    #SiteFooter .partners-Wrapper { padding: 0 20px; }
    #SiteFooter .partners-Wrapper p { flex-wrap: wrap; justify-content: flex-start; column-gap: 10px; row-gap: 10px; }
    #SiteFooter .partners-Wrapper p > img { width: 110px; height: 60px; }
    footer .footer-text-divided { padding: 15px 60px; flex-direction: column-reverse; }
    footer .footer-text-divided > div { display: flex; flex-direction: column-reverse; align-items: center; }
    footer .footer-text-divided > div.footer-text-left { display: none !important; }
    footer .footer-text-divided > div.footer-text-middle img { width: 200px; }
    footer .footer-text-divided > div.footer-text-right { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 15px; flex-direction: row; }
    footer .footer-text-divided > div.footer-text-right p:nth-child(1), footer .footer-text-divided > div.footer-text-right p:nth-child(2) { width: 50%; }
    footer .footer-text-divided > div.footer-text-right p:nth-child(3) { width: 100%; }
    footer .footer-text-divided > div.footer-text-right p { text-align: center; padding-bottom: 0; margin-bottom: 8px; position: relative; }
    footer .footer-text-divided > div.footer-text-right p:nth-child(2)::after { content: ''; position: absolute; left: 7px; top: 0; height: 100%; width: 2px; background: rgb(255 255 255 / 40%); }
}


@keyframes scrollText {
    0% { transform: translateX(0); }

    100% { transform: translateX(100%); }
}
