/*
*   CSS FILE IMPORTS
*/
@import url('navbar.css');
@import url('fancybox.css');
@import url('int-phone-input.css');
@import url('form-validation.css');
@import url('diagram.css');
@import url('about-team-grid.css');
@import url('faq.css');


/*
*   SVG PATH DEFAULTS
*/
.uniform-path-width path,
.path-width {
    stroke-width: var(--_theme---diagram-label--stroke-width);
}


/*
*   NAV LINKS
*/
.navlink::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 0%;
    background-color: currentColor;
    bottom: -2px;
    transition: width .25s ease-in-out;
}

.navlink:hover::before {
    width: 100%;
}

.side_lines_bg_inner {
    max-width: calc(74rem + 2px);
}

.side_lines_bg[lightmode="true"] .dotted-line,
.side_lines_bg[lightmode="true"] .side_lines_bg_inner {
    border-color: white;
    opacity: .5;
}


#menu-trigger,
#menu-trigger > div {
      transition: background-color 0.25s ease 0.25s !important;
} 

.navbar-menu-open #menu-trigger {
    background-color: #465055;
    border-color: #465055;
    transition: background-color 0.25s ease 0s !important;
}

/* .navbar-menu-open #menu-trigger > div:nth-child(1) {
    opacity: 0;
}

.navbar-menu-open #menu-trigger > div:nth-child(2) {
    opacity: 1;
} */

/* MOBILE MENU */
.menu-navbar  .menu-navbar-inner::before {
    content: '';
    position: absolute;
    left: 0%;
    bottom: 0%;
    height: 1px;
    background-color: #ffffff96;
    width: 0%;
    z-index: 5;
    pointer-events: none;
    transition: width .8s ease;
    transition-delay: 200ms;
}

.menu-navbar.w--open  .menu-navbar-inner::before {
    width: 100%;
}

.nav-menu-btn-container .btn {
    justify-content: center;
    min-height: 3rem;
}

@media screen and (min-width: 992px) {
    .mobile-dropdown-menu {
        display: none !important;
    }
}


.menu-icon2_line-top,
.menu-icon2_line-bottom {
    transition: all 0.25s ease 0.25s !important;
}

.menu-navbar.w--open {

    .menu-icon2_line-top {
        transform: rotate(-45deg);
        background-color: #fdfbf5;
    }

    .menu-icon2_line-bottom {
        transform: rotate(45deg);
        background-color: #fdfbf5;
    }

    @media screen and (max-width: 991px) {
        .menu-icon2_line-top {
            top: 4px;
        }

        .menu-icon2_line-bottom {
            bottom: 4px;
        }
    }
}

/*
*   HOMEPAGE HERO
*/
.homepage_video video {
    position: relative;
    inset: unset;
}

@media screen and (min-width: 992px) {
    /* .hero_graphics_container {
        position: absolute;
        width: 50vw;
        height: calc(100% - 3.95rem);
        top: 3.95rem;
        right: 0;
    } */

    .hero_graphics_container .swiper {
        height: 100%;
        /* transform: scale(1.1) translate(0, 5%); */
        width: 100%;
    }

    /* .homepage_video {
        margin: auto;
        height: 100%;
        padding: 10rem 0;
    } */

    .hero_graphics_container .homepage_video video {
        /* width: auto;
        height: 100%; */
        width: 100%;
        height: auto;
    }

    .hero_graphics_container .homepage_video
    /*.platform_hero_img*/ 
    {
        height: 75vh;
    }
}

@media screen and (max-width: 991px) {
    .homepage_video,
    .platform_hero_img {
        overflow: visible;
        aspect-ratio: 820 / 720;
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 992px) and (max-height:720px) {
    .hero_graphics_container {
        width: 100%;
        max-width: 85svh;
        padding-top: 0;
    }
}

/*
*   HOMEPAGE LOTTIE
*/
.lottie-overlay svg {
    width: auto !important;
}


@media screen and (min-width: 992px) {
    .lottie_svg_line_hider {
        position: static !important;
    }

    .lottie_svg_line_hider::before {
        content: '';
        position: absolute;
        width: 20%;
        height: 75vh;
        background: white;
        left: 75%;
    }
}


/*
*   Info Card 2 - seen in PLATFORM PAGE
*/
div:nth-child(5n + 1) > .info_card_swiper_slide_inner {
    background-color: #6C3CFA;
}
div:nth-child(5n + 2) > .info_card_swiper_slide_inner {
    background-color: #8F47C5;
}
div:nth-child(5n + 3) > .info_card_swiper_slide_inner {
    background-color: #B5528B;
}
div:nth-child(5n + 4) > .info_card_swiper_slide_inner {
    background-color: #DB5D53;
}
div:nth-child(5n + 5) > .info_card_swiper_slide_inner {
    background-color: #FF681D;
}

/*
*   HOMEPAGE LINE SVG
*/
.homepage_svg_line svg {
    width: unset;
}

/*
*   HOMEPAGE IMAGES
*/
.cta_inner_content img {
    clip-path: url(#left-curve-clip);
}

@media screen and (max-width: 991px) {
    .cta_inner_content img {
        clip-path: url(#top-curve-clip);
    }
}

.border_el_container svg {
    width: 100%;
    height: 100%;
}


/*
*   HOMEPAGE BRAND CAROUSEL
*/
.stripe_row.inverted {
    overflow: visible;
    width: max-content;
    max-width: unset;
}

.stripe_row_inner {
    max-width: unset;
    width: auto;
}



/*
*   SVG Vertical Line - INDUSTRY PAGE
*/
.sticky_stroke_path_long_container svg,
.sticky_stroke_path_container svg {
    height: 100%;
}


/*
*   Sticky ScrollTrigger Text Content - PLATFORM PAGE
*/
.sticky_row_text_content.active {
    pointer-events: all;
}

/*
*   Hex Icons Mobile
*/

/* This is a temporary fix - hex containers now animating reveal in mobile */
@media screen and (max-width: 991px) {
    .hex_text_container {
        opacity: 1 !important;
    }
}

.hex_icon_mobile svg {
    width: 6.5rem !important;
    height: 6.5rem !important;
}





/*
*   Hero Lotties Mobile
*/

.video_item {
    position: relative;
    width: 100%;
    height: 100%;
}


.hero_graphics_container .lottie svg {
  opacity: 0 !important;
  display: block;
  width: 100%;
  height: 100%;
}

.hero_graphics_container .lottie.active svg {
  opacity: 1 !important;
}