/* ===== IMPORTS ===== */

@import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300..700&display=swap');

/* ===== :ROOT ===== */

:root {
    --color-primary-dark: #020024;
    
    --color-primary-light: #F9F9F9;
    --color-primary-light-v2: #F4F4F5;
    --color-surface-primary-light: #35334E;
    
    --color-secondary: #B1B0BA;
    --color-secondary-light: #EBEBED;
    --color-secondary-on-light: #8B8A99;
    --color-secondary-v2: #55546B;
    
    --color-tertiary: #0FF4C6;
    --color-tertiary-v2: #AFD5FE;
    --color-bg-surface-tertiary-v3: #1D53F9;
    
    --color-surface: #FFDF70;
    --color-surface-v5: #D68FD6;
    
    --color-error: #F97066;

    --color-accent-2: #1D53F9;
}

/* ===== ICONS ===== */

@font-face { font-family: 'ocamba'; src: url('/fonts/delsystems.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap }
[class^="ds-"],[class*=" ds-"]{ font-family: 'ocamba' !important; line-height: 1; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

.ico-xxxl { font-size: 192px }
.ico-xxl { font-size: 96px }
.ico-xl { font-size: 48px }
.ico-l { font-size: 32px }
.ico-m { font-size: 24px }
.ico-sm { font-size: 16px }
.ico-s { font-size: 12px }
.ico-old { font-size: 20px }
.ico-none { font-size: 0px }


/* ===== Cookies ===== */
.icon-cookie { font-size: 40px; }

.cookies_banner_mw { max-width: 300px; }

/* #_cookies_root { position: sticky; top: 760px; } */
/* #_cookies_root { position: fixed; bottom: 1rem; left: 0; } */

@media only screen and (min-width: 30rem) {
    .icon-cookie { font-size: 60px; }
    .cookies_banner_mw { max-width: 400px; }
    /* #_cookies_root { position: sticky; top: 700px; } */
}

@media only screen and (min-width: 60rem) {
    .icon-cookie { font-size: 80px; }
    .cookies_banner_mw { max-width: 576px; }
    /* #_cookies_root { position: sticky; top: 800px; } */
}

/* ===== COLORS ===== */

.bg-primary-dark { background-color: var(--color-primary-dark); }
.bg-secondary-light { background-color: var(--color-secondary-light); }
.bg-primary-light { background-color: var(--color-primary-light); }
.bg-primary-light-v2 { background-color: var(--color-primary-light-v2); }
.bg-tertiary { background-color: var(--color-tertiary); }
.bg-surface { background-color: var(--color-surface); }
.bg-secondary-v2 { background-color: var(--color-secondary-v2); }
.bg-surface-primary-light { background-color: var(--color-surface-primary-light); }
.bg-surface-tertiary-v3 { background-color: var(--color-bg-surface-tertiary-v3); }
.bg-error { background-color: var(--color-error); }

.bg-category-company {background-color: var(--color-surface);}
.bg-category-tech {background-color: var(--color-surface-v5);}
.bg-category-team.buildings {background-color: var(--color-tertiary);}

.color-primary-dark { color: var(--color-primary-dark); }
.color-primary-light-v2 { color: var(--color-primary-light-v2); }
.color-secondary { color: var(--color-secondary); }
.color-secondary-light { color: var(--color-secondary-light); }
.color-secondary-v2 { color: var(--color-secondary-v2); }
.color-tertiary { color: var(--color-tertiary); }
.color-tertiary-v2 { color: var(--color-tertiary-v2); }
.color-error { color: var(--color-error); }
.color-surface-tertiary-v3 { color: var(--color-bg-surface-tertiary-v3); }
.color-accent-2 { color: var(--color-accent-2); }

.b-primary-dark { border-color: var(--color-primary-dark); }
.b-secondary { border-color: var(--color-secondary); }
.b-tertiary { border-color: var(--color-tertiary); }
.b-secondary-on-light { border-color: var(--color-secondary-on-light); }

@media only screen and (min-width: 60rem) {
    .bg-secondary-light-l { background-color: var(--color-secondary-light); }
}

/* ===== BODY ===== */

body { background-color: var(--color-primary-dark); color: var(--color-primary-light-v2); font-family: "Spline Sans", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; }

/* ===== CUSTOM ===== */
[hidden] { display: none; }
.ds_container { max-width: 1440px; margin: 0 auto; }
.ds_section { padding: 64px 16px; }
.ds_section-pv-0 { padding: 0px 16px; }
/* .ds_section-ph-0 { padding: 64px 0px; } */
.ds_section-bottom-0 { padding: 64px 16px 0px 16px; }
.ds_section-top-0 { padding: 0px 16px 64px 16px; }
.nav-container { padding: 8px 16px; }
a, .link:active { outline: none !important; }
.transition { -webkit-transition: all .5s ease-in-out; -o-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }
.pointer:hover { cursor: pointer; }
.flex.dnone-mobile,
.dnone-mobile { display: none; }
.flex.dnone-desktop { display: flex; }
.dnone-desktop { display: inherit; }
.user-select-none,
.user-select-none * { user-select: none; }
.overflow-hidden { overflow: hidden; }
.bg-transparent { background-color: transparent; }
.flex.dn { display: none; }

.redirect_link:hover { border-color: var(--color-secondary); transition: all .5s ease; }
.redirect_link:hover i { -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all .5s ease; }

.ds_hide-child .ds_child { display: none; }
.ds_hide-child:hover .ds_child, .ds_hide-child:focus .ds_child, .ds_hide-child:active .ds_child { display: block; }

.f-ds-subheadline { font-size: 2.25rem; line-height: 43px; }
.f-ds-subheadline-2 { font-size: 1.75rem; line-height: 33px; }

.highlighted-card-on-dark { box-shadow: 0px 4px 20px 0px rgba(15, 244, 198, 0.40); }

.reset-footer-bt .ds_footer.bt { border-top: none; }

.overflow-auto { overflow: auto; }

@media only screen and (min-width: 30rem) {
    .f-ds-subheadline { font-size: 3.5rem; line-height: 67px; }
    .f-ds-subheadline-2 { font-size: 2.5rem; line-height: 48px; }
}

@media only screen and (min-width: 60rem) {
    .nav-container { padding: 8px 40px; }
    .flex.dnone-mobile { display: flex; }
    .dnone-mobile { display: inherit; }
    .flex.dnone-desktop,
    .dnone-desktop { display: none; }
}

@media only screen and (min-width: 90rem) {
    .mt6-xl { margin-top: 8rem; }
    .w-50-xl { width: 50%; }
    .nav-container { padding: 8px 80px; }
}

/* ===== BORDERS ===== */

.br-top-right { border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.br-not-top-left { border-top-left-radius: 0; }
.br-not-top-right { border-top-right-radius: 0; }
.br-not-bottom-right { border-bottom-right-radius: 0; }
.br-not-bottom-left { border-bottom-left-radius: 0; }

@media only screen and (min-width: 60rem) {
    .ds_section { padding: 104px 80px; }
    .ds_section-10-l { padding: 104px 10px; }
    .ds_section-bottom-0 { padding: 104px 80px 0px 80px; }
    .ds_section-top-0 { padding: 0px 80px 105px 80px; }
    .ds_section-pv-0 { padding: 0px 80px; }
}

/* ===== NAVIGATION ===== */

#nav-burger { display: flex; width: 20px; height: 14px; }

.nav-menu { background-color: var(--color-primary-dark); }

.burger_line { width: 20px; height: 2px; background-color: var(--color-primary-light-v2); }
.burger_bottom_line { bottom: 0; }
.burger_top_line { top: 0; }

.burger_bottom_line { width: 15px; }

.burger_middle_line.active { opacity: 0; visibility: none; transform: translateX(-30px); }
.burger_top_line.active { transform: rotate(-45deg); transition: .2s ease-in-out; top: 6px; }
.burger_bottom_line.active { transform: rotate(45deg); transition: .2s ease-in-out; bottom: 6px; width: 20px; }

.navigation-item { color: var(--color-primary-light-v2); }

.navigation-group:hover > .navigation-item,
.navigation-group.active > .navigation-item { color: var(--color-tertiary); transition: all .5s ease; }

.order-solutions { order: 0; }

.navigation-link-title { color: var(--color-primary-light-v2); }

@media only screen and (min-width: 60rem) {
    #nav-burger { display: none; }

    .navigation-link:hover { background-color: var(--color-primary-light); transition: all .5s ease; }

    .top-5-l { top: 5rem; }

    .nav-animation-l { transform: translateY(-10px); opacity: 0; visibility: hidden; /* transition: transform .5s ease, opacity .2s ease, visibility .1s; */ }
    .navigation-group:hover > .nav-animation-l { transform: translateY(15px); opacity: 1; visibility: visible; transition: transform .5s ease, opacity .2s ease; }

    .navigation-item::after { opacity: 0; content: ""; display: block; width: 100%; height: 2px; background-color: var(--color-tertiary); position: absolute; bottom: -2px; left: 0; transition: opacity .2s ease-in-out; }
    .navigation-item::before { opacity: 0; content: ""; display: block; width: 8px; height: 8px; border-radius: 100%; background-color: var(--color-tertiary); position: absolute; bottom: -12px; left: 50%; transform: translate(-50%); transition: opacity .2s ease-in-out; }
    
    .navigation-group:hover > .navigation-item::after,
    .navigation-group:hover > .navigation-item::before,
    .navigation-group.active > .navigation-item::before,
    .navigation-group.active > .navigation-item::after { opacity: 1; }

    .ds_nav_subitem { width: 30rem; top: 2rem; }

    .navigation-link-title { color: var(--color-primary-dark); }
}

@media only screen and (max-width: 60rem) {
    .nav-menu { display: none; flex-direction: column; position: absolute; top: 50px; width: 100%; right: -50%; height: 100vh; justify-content: flex-start; }
    .nav-menu.active { right: 0; display: flex; }
}

/* ===== BUTTONS ===== */

/* .ds_arrow_button { width: 40px; height: 40px; } */
.ds_arrow_button { width: 50px; height: 50px; }
.ds_arrow_button:hover { opacity: 0.8; }
.ds_arrow_button:hover > i { transition: all 0.5s ease; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.ds_arrow_button-on-dark { color: var(--color-primary-dark); background-color: var(--color-primary-light-v2); border: 1px solid var(--color-primary-dark); }

.button-link { padding: 8px 12px; line-height: 24px; }
.button-link.button-link-nav { padding: 8px 24px; }

.button-link.transparent-on-dark { background-color: transparent; color: var(--color-primary-light-v2); border: 1px solid var(--color-primary-light-v2); }
.button-link.transparent-on-dark:hover { color: var(--color-primary-dark); }

.button-link.transparent-on-light { background-color: transparent; border: 1px solid var(--color-primary-dark); color: var(--color-primary-dark); }

.button-link.tertiary,
.button-link.tertiary-on-light { background-color: var(--color-tertiary); border-color: var(--color-tertiary); color: var(--color-primary-dark); }

.button-link.tertiary-v2,
.button-link.tertiary-v2-on-dark,
.button-link.tertiary-v2-on-light { background-color: var(--color-tertiary-v2); border-color: var(--color-tertiary-v2); color: var(--color-primary-dark); }

.button-link.light-on-dark { background-color: var(--color-primary-light-v2); border-color: var(--color-primary-light-v2); color: var(--color-primary-dark); }

.language-switcher:hover {
    color: var(--color-tertiary);
    transition: color 0.2s ease;
}

.button-link.transparent-on-dark::before,
.button-link.tertiary::before,
.button-link.tertiary-v2-on-dark::before,
.button-link.light-on-dark::before,
.button-link.tertiary-v2::before { background-color: var(--color-primary-light-v2); }

.button-link.tertiary:hover,
.button-link.tertiary-v2-on-dark:hover,
.button-link.light-on-dark:hover,
.button-link.tertiary-v2:hover { background-color: transparent; color: var(--color-primary-dark); }

.button-link.tertiary-on-light:hover,
.button-link.transparent-on-light:hover,
.button-link.light-on-dark:hover,
.button-link.tertiary-v2-on-light:hover { background-color: transparent; color: var(--color-primary-light-v2); }

.button-link.tertiary-on-light::before,
.button-link.transparent-on-light::before,
.button-link.tertiary-v2-on-light::before { background-color: var(--color-primary-dark); }

.button-link::before { content: ""; position: absolute; bottom: -10px; left: 50%; width: 10px; height: 10px; transform: translate(-50%, 50%); border-radius: 100%; transition: width .25s ease-out, height .25s ease-out; }

.button-link:hover { transition: all 0.5s ease; }
.link.read_more:hover > i,
.button-link:hover > i { transition: all 0.15s ease; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.button-link.hover-150:hover::before { width: 150px; height: 150px; }
.button-link.hover-250:hover::before { width: 250px; height: 250px; }
.button-link.hover-300:hover::before { width: 300px; height: 300px; }

.ds_submit_btn:hover { opacity: .7; }

@media only screen and (min-width: 30rem) { .button-link { padding: 12px 18px; } }
@media only screen and (min-width: 60rem) { .button-link { padding: 16px 24px; } }
@media only screen and (max-width: 30rem) { .button-link.full-on-mobile { width: 100%; } }

/* LINE HEIGHTS */

.line-height18 { line-height: 18px; }
.line-height21 { line-height: 21px; }
.line-height24 { line-height: 24px; }
.line-height25 { line-height: 25px; }
.line-height27 { line-height: 27px; }
.line-height28 { line-height: 28px; }
.line-height30 { line-height: 30px; }
.line-height33 { line-height: 33px; }
.line-height36 { line-height: 36px; }
.line-height38 { line-height: 38px; }
.line-height44 { line-height: 44px; }

@media only screen and (min-width: 60rem) {
    .line-height33-l { line-height: 33px; }
    .line-height36-l { line-height: 36px; }
    .line-height57-l { line-height: 57px; }
    .line-height67-l { line-height: 67px; }
    .line-height88-l { line-height: 88px; }

    /* .ds_arrow_button { width: 50px; height: 50px; } */
}

/* ===== IMAGES ===== */

.hp_rotating_image > img { width: 100px; height: 100px; }

.rotating-image { animation: rotate360 8s linear infinite; }

@keyframes rotate360 {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

.bg_setup { background-repeat: no-repeat; background-size: cover; background-position: center; } 

.bg_setup_careers { background-repeat: no-repeat; background-size: contain; background-position: center; }
.bg_setup_careers_wrapper:nth-of-type(even) > .bg_setup_careers { aspect-ratio: 19/24; }
.bg_setup_careers_wrapper:nth-of-type(odd) > .bg_setup_careers { aspect-ratio: 19/20; }

/* .bg_setup_gallery { background-repeat: no-repeat; background-position: center; background-size: contain; } */
.bg_setup_gallery { background-repeat: no-repeat; background-position: center; background-size: 105%; }
.bg_arrow { background-size: 200%;}

.bg_arrow_dark { background-image: url(/images/arrow_dark.svg); }
.bg_arrow_light { background-image: url(/images/arrow_light.svg); }
.bg_arrow_gray { background-image: url(/images/arrow_gray.png); }
.bg_solutions_hero { background-image: url(/images/solutions/hero_small.webp); }
.bg_parntership_hero { background-image: url(/images/partnership/hero.webp); }
.bg_contact_hero { background-image: url(/images/contact/hero.webp); }
.bg_contact_tertiary { background-image: url(/images/contact/tertiary.svg); }
.bg_apply_now { background-image: url(/images/careers/arrow.png); }
.bg_successfully_submitted { background-image: url(/images/success.svg); }
.bg_subtract { background-image: url(/images/careers/subtract.png); }

.bg_setup.small { height: 2rem; }

.bg-underline { background-image: url(/images/underline.svg); background-size: 100%; }
.bg-underline_blue { background-image: url(/images/underline_blue.svg); background-size: 100%; }
.bg-underline_dark { background-image: url(/images/underline_dark.png); background-size: 100%; }
.bg-underline_light { background-image: url(/images/underline_light.png); background-size: 100%; }

.hp_ingredients { height: 650px; }
.about_ingredients { height: 650px; }

.bg-home-ingredients { background-image: url(/images/homepage/ingredients_mobile.webp); background-size: contain; }
.bg-about-ingredients { background-image: url(/images/about-us/ingredients_mobile.webp); background-size: contain; }

.bg-about-hero { background-image: url(/images/about-us/hero.webp); background-size: contain; }
.bg-about-arrow { background-image: url(/images/about-us/arrow.svg); background-size: contain; }

.bg-language { background-image: url(/images/language.png); background-size: contain; }

/* Gallery About Us */
.images_fade_in { opacity: 0; transition: opacity 3s ease-in-out; z-index: -1 }
.images_fade_in:nth-child(1) { opacity: 1; z-index: 1 }

.journey { opacity: .5; }
.journey.active { opacity: 1; }

.journey:hover,
.journey.active:hover { opacity: 1; }

/* shadow-lg */
.gallery_image_shadow {box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);}

.cta_icon { top: -45px; right: 0px; }

@media only screen and (min-width: 30rem) {
    .hp_rotating_image { max-width: 820px; }
    .hp_rotating_image > img { width: 130px; height: 130px; }

    .bg_arrow { background-size: 130%; }
    .bg_setup.small { height: 2.5rem; }

    .hp_ingredients { height: 750px; }
    .about_ingredients { height: 750px; }

    .cta_icon { top: -60px; right: 0px; }
}

@media only screen and (min-width: 60rem) {
    .hp_rotating_image { max-width: 900px; }
    .hp_rotating_image > img { width: 160px; height: 160px; }

    .bg_arrow { background-size: 100%; }

    .bg-home-ingredients { background-image: url(/images/homepage/ingredients.webp); }
    .bg-about-ingredients { background-image: url(/images/about-us/ingredients.webp); }
    
    .bg_solutions_hero { background-image: url(/images/solutions/hero.webp); }

    .hp_ingredients { height: 900px; }
    .about_ingredients { height: 900px; }

    .cta_icon { top: -60px; right: -60px; }
}

/* CAROUSEL */

/* Testimonials */
/* dark */
.glide_news .ds_carousel-button,
.glide_testimonials .ds_carousel-button { width: 40px; height: 40px; }

.glide_testimonials .ds_carousel-button::before,
.glide_news.light .ds_carousel-button::before { content: ""; position: absolute; bottom: -10px; left: 50%; width: 10px; height: 10px; transform: translate(-50%, 50%); border-radius: 100%; transition: width .25s ease-out, height .25s ease-out; }

.glide_testimonials.dark .ds_carousel-button { color: var(--color-primary-light-v2); background-color: transparent; border: 1px solid var(--color-primary-light-v2); }
.glide_testimonials.dark .ds_carousel-button::before { background-color: var(--color-primary-light-v2); }
.glide_testimonials.dark .ds_carousel-button:hover { color: var(--color-primary-dark); }

.glide_testimonials.light .ds_carousel-button { color: var(--color-primary-dark); background-color: transparent; border: 1px solid var(--color-primary-dark); }
.glide_testimonials.light .ds_carousel-button::before { background-color: var(--color-primary-dark); }
.glide_testimonials.light .ds_carousel-button:hover { color: var(--color-primary-light-v2); }

.glide_news.light .ds_carousel-button { color: var(--color-primary-dark); background-color: var(--color-primary-light-v2); border: 1px solid var(--color-primary-dark); }
.glide_news.light .ds_carousel-button::before { background-color: var(--color-primary-dark); }
.glide_news.light .ds_carousel-button:hover { color: var(--color-primary-light-v2); }

/* before on hover */
.ds_carousel-button.hover-150:hover::before { width: 150px; height: 150px; }
.ds_carousel-button.hover-250:hover::before { width: 250px; height: 250px; }
.ds_carousel-button.hover-300:hover::before { width: 300px; height: 300px; }

.glide_testimonials .glide__slide--active .active { transform: scale(1.1); }

.glide__track.glide-reset-overflow,
.glide__track.glide-reset-overflow .glide__slides { overflow: visible; }

.glide_news_setup { padding-bottom: 5rem; }

@media only screen and (min-width: 60rem) {
    .glide_news .ds_carousel-button,
    .glide_testimonials .ds_carousel-button { width: 60px; height: 60px; }
    .glide_news_setup .news_img { max-height: 40rem; }
    .glide_news_setup { padding-bottom: 10rem; }
}

@media only screen and (min-width: 90rem) {
    .glide_news_setup .news_img { max-height: 50rem; }
}

/* TRIANGLE */

.triangle-left-to-right { position: relative; z-index: 1; top: -2px; width: 100%; height: 150px; background-color: var(--color-primary-light); clip-path: polygon(-5% 0%,100% 0%,100% 30%) }
.triangle-left-to-right-reverse { position: relative; z-index: 1; top: 2px; width: 100%; height: 150px; background-color: var(--color-primary-light); clip-path: polygon(0% 70%,0% 100%,110% 100%) }
.triangle-right-to-left { position: relative; z-index: 1; top: -2px; width: 100%; height: 150px; background-color: var(--color-primary-light); clip-path: polygon(0% -1%,110% 0%,0% 30%) }

@media only screen and (min-width: 60rem) {
    .triangle-left-to-right { clip-path: polygon(-5% 0%,100% 0%,100% 60%) }
    .triangle-right-to-left { clip-path: polygon(0% -1%,110% 0%,0% 60%) }
    .triangle-left-to-right-reverse { clip-path: polygon(0% 40%,0% 100%,110% 100%) }
}

/* FOOTER */

.ds_footer .link:hover { color: var(--color-tertiary); }
.ds_footer .contact_item:hover > i { color: var(--color-tertiary); }
.pe-none { pointer-events: none !important }
.footer_question { top: 100%; left: 50%; transform: translate(-50%); }

/* FORM ELEMENTS */

input[type=checkbox] { appearance: none; -webkit-appearance: none; position: relative; border-radius: 5px; background: none; cursor: pointer; width: 18px; aspect-ratio: 1; flex-shrink: 0; }
input[type=checkbox] { border: 1px solid var(--color-secondary); }
  
input[type=checkbox].on-light:hover,
input[type=checkbox].on-light:checked { box-shadow: 0px 0px 0px 3px rgba(0, 14, 30, 0.10); }

input[type=checkbox].on-dark:hover,
input[type=checkbox].on-dark:checked { box-shadow: 0px 0px 0px 3px rgba(190, 191, 197, 0.40); }

input[type=checkbox]:checked:before { content: ''; position: absolute; right: 50%; top: 50%; width: 4px; height: 9px; margin: -1px -1px 0 -1px; transform: rotate(45deg) translate(-50%, -50%); z-index: 2; }
input[type=checkbox]:checked:before { border: solid var(--color-secondary-on-light); border-width: 0 2px 2px 0; }


.ds_form.on-light { color: var(--color-primary-dark) }
.ds_form.on-dark { color: var(--color-primary-light-v2) }

.ds_form > .ds_form_group > .error-message { visibility: hidden; }

.ds_form.on-light > .ds_form_group > .ds_form_container > input,
.ds_form.on-light > .ds_form_group > .ds_form_container > textarea { background-color: var(--color-primary-light-v2); color: var(--color-primary-dark); border-color: var(--color-secondary) }

.ds_form.on-dark > .ds_form_group > .ds_form_container > input,
.ds_form.on-dark > .ds_form_group > .ds_form_container > textarea { background-color: var(--color-primary-dark); color: var(--color-secondary); border-color: var(--color-secondary-on-light) }

.ds_form > .ds_form_group > .ds_form_container > i { opacity: .6; top: 1rem; right: .2rem; }

.ds_form > .ds_form_group > .ds_form_container > input:hover ~ i,
.ds_form > .ds_form_group > .ds_form_container > textarea:hover ~ i { opacity: 1; }

.ds_form.on-light > .ds_form_group > .ds_form_container > input:hover,
.ds_form.on-light > .ds_form_group > .ds_form_container > textarea:hover { border-color: var(--color-secondary-on-light) }

.ds_form.on-dark > .ds_form_group > .ds_form_container > input:hover,
.ds_form.on-dark > .ds_form_group > .ds_form_container > textarea:hover { background-color: var(--color-primary-dark); color: var(--color-secondary); border-color: var(--color-primary-light-v2) }

.ds_form.on-dark > .ds_form_group.invalid > .ds_form_container > input,
.ds_form.on-dark > .ds_form_group.invalid > .ds_form_container > input:hover,
.ds_form.on-dark > .ds_form_group.invalid > .ds_form_container > textarea,
.ds_form.on-dark > .ds_form_group.invalid > .ds_form_container > textarea:hover { border-color: var(--color-error) }

.ds_form > .ds_form_group.invalid > .error-message { visibility: visible; }

.ds_form.on-light > .ds_form_group > .ds_form_container input:focus,
.ds_form.on-light > .ds_form_group > .ds_form_container textarea:focus { outline: none; box-shadow: 0px 0px 0px 3px rgba(190, 191, 197, 0.40); border-color: var(--color-secondary-on-light) }

.ds_form.on-dark > .ds_form_group > .ds_form_container input:focus,
.ds_form.on-dark > .ds_form_group > .ds_form_container textarea:focus { outline: none; box-shadow: 0px 0px 0px 3px rgba(190, 191, 197, 0.40); border-color: var(--color-primary-light-v2) }

/* ASPECT RATIOS */

.ar-1 { aspect-ratio: 1; }
.ar-3x4 { aspect-ratio: 3/4; }
.ar-97x58 { aspect-ratio: 97/58; }
.ar-195x146 { aspect-ratio: 195/146; }
/* .ar-288x329 { aspect-ratio: 288/329; } */

@media only screen and (min-width: 60rem) {
    .ar-121x52-l { aspect-ratio: 121/51; }
}

/* OUR VALUES */
.our_values { width: 100%; }
.our_values:hover > div { background-color: var(--color-bg-surface-tertiary-v3); color: var(--color-primary-light-v2); }
.our_values:hover .our_values_underline_light { opacity: 1; }
.our_values .our_values_underline_light { opacity: 0; }
.our_values .our_values_underline_dark { opacity: 1; }
.our_values:hover .our_values_underline_dark { opacity: 0; }
.our_values:hover .our_values_description { transition: opacity .5s ease; transition-delay: .5s; opacity: 1 }

@media only screen and (min-width: 30rem) {
    .our_values { width: 50%; }
}

@media only screen and (min-width: 60rem) {
    .our_values { width: calc(25% - 1rem); }
    .our_values:hover { width: calc(25% + 3rem); }
}

/* Select - Choices */
.choices-on-light .choices__inner:hover { border-color: var(--color-secondary-on-light) }

.choices-on-light .choices[data-type*=select-one] .choices__inner { padding-bottom: 16px }

.choices-on-light .choices[data-type*=select-one]::after { border-color: var(--color-secondary) transparent transparent }

.choices-on-light .choices[data-type*=select-one].is-open::after { border-color: transparent transparent var(--color-secondary) }

.choices-on-light .choices,
.choices-on-light .choices__inner { border-top-right-radius: 0.5rem; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.choices-on-light .choices__inner { background-color: var(--color-primary-light-v2); color: var(--color-secondary-v2); border: 1px solid var(--color-secondary); padding: 16px 8px; }

.choices-on-light .choices__list--dropdown,
.choices-on-light .choices__list[aria-expanded] { background-color: var(--color-primary-light-v2); color: var(--color-secondary-v2); border: 1px solid var(--color-secondary); }

.choices-on-light .choices[data-type*=select-one] .choices__input { background-color: var(--color-primary-light-v2); color: var(--color-secondary-v2); border-bottom: 1px solid var(--color-secondary); }

.choices-on-light .choices__list { padding: 0; line-height: 21px; font-size: .875rem; font-weight: 400; color: var(--color-secondary-v2); }

.choices-on-light .choices__placeholder { line-height: 21px; font-size: .875rem; font-weight: 400; color: var(--color-secondary-v2); opacity: 1; }

.choices-on-light .choices__list--dropdown .choices__item,
.choices-on-light .choices__list[aria-expanded] .choices__item { line-height: 21px; font-size: .875rem; font-weight: 400; color: var(--color-secondary-v2); }

.choices-on-light .choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices-on-light .choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
.choices-on-light .choices__list--dropdown .choices__item--selectable.is-selected,
.choices-on-light .choices__list[aria-expanded] .choices__item--selectable.is-selected { background-color: var(--color-secondary-light); }

.choices-on-light .choices__list .choices__item[data-value="not-valid"] { color: var(--color-secondary-v2); }

.choices-on-light .choices__item--disabled { display: none; }

/* .choices.is-focused .choices__inner { outline: none; box-shadow: 0px 0px 0px 3px rgba(190, 191, 197, 0.40); border-color: var(--color-primary-light-v2) } */
.choices.is-focused .choices__inner { outline: none; box-shadow: 0px 0px 0px 3px rgba(190, 191, 197, 0.40); border-top-right-radius: 0.5rem; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

/* PAGE SECTION */

.ds_page_section_feature.dark .f_title { color: var(--color-primary-dark); }
.ds_page_section_feature.dark .f_text { color: var(--color-secondary-v2); }

.ds_page_section_feature.light .f_title { color: var(--color-primary-light-v2); }
.ds_page_section_feature.light .f_text { color: var(--color-secondary); }

/* TABLE */

.table_row:nth-of-type(even) { background-color: rgba(53, 51, 78, 0.50); }

/* LEGAL */

.news_content_setup h1,
.legal_content_setup h1,
.news_content_setup h2,
.legal_content_setup h2,
.news_content_setup h3,
.legal_content_setup h3 { color: var(--color-primary-dark); line-height: 2.5rem;}

.news_content_setup,
.legal_content_setup { color: var(--color-secondary-v2); font-size: 16px; line-height: 28px; font-weight: 400; }

.post_scroll_to_section_link { color: inherit; border-left: 2px solid transparent; }
.post_scroll_to_section_link:hover,
.post_scroll_to_section_link.active { color: var(--color-accent-2); border-left: 2px solid var(--color-accent-2); transition: all .5s ease; }

#tableOfContentLegal a { font-weight: 400; }

/* Legal/Table Shortcode */
#root_legal a { word-break: break-word; }
#root_legal a:visited { color: var(--color-accent-2); }
#root_legal a:hover { opacity: .7; transition: opacity .5s ease; }
#root_legal a:active { color: var(--color-accent-2); }
.legal_table table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #E6E6E8; }
.legal_table th { border: 1px solid #E6E6E8; padding: 10px; text-align: left; font-size: 15px; background-color: #F9FAFB;}
.legal_table td > img,
.legal_table th > img { vertical-align: middle; margin-right: 10px; }
.legal_table td { border: 1px solid #E6E6E8; padding: 10px; vertical-align: baseline; font-size: 15px; }
.first-th-w10 > table > thead th { min-width: 10rem; }

@media only screen and (max-width: 60rem) { .responsive_tbl_md_45 > table { min-width: 45rem; } }

/* xl devices breakpoint */
@media only screen and (min-width: 90rem) {
.ml-50-xl { margin-left: 50px; }
.pv4-xl {padding-top: 2rem; padding-bottom: 2rem;}
.pv5-xl {padding-top: 4rem; padding-bottom: 4rem;}
.pt0-xl {padding-top: 0;}
.w-third-xl { width: 33.33333%; }
.justify-start-xl { justify-content: flex-start; }
.dn-xl { display: none }
.db-xl { display: block }
.w1-xl {width: 1rem } .w2-xl { width: 2rem } .w3-xl { width: 4rem } .w4-xl { width: 8rem } .w5-xl { width: 16rem } .w-10-xl { width: 10% } .w-20-xl { width: 20% } .w-25-xl { width: 25% } .w-30-xl { width: 30% } .w-33-xl { width: 33% } .w-34-xl { width: 34% } .w-40-xl { width: 40% } .w-50-xl { width: 50% } .w-60-xl { width: 60% } .w-70-xl { width: 70% } .w-75-xl { width: 75% } .w-80-xl { width: 80% } .w-90-xl { width: 90% } .w-100-xl { width: 100% } .w-third-xl { width: 33.33333% } .w-two-thirds-xl { width: 66.66667% } .w-auto-xl { width: auto }
}