.how-get-started {
    padding: 8vw 5vw;
    width: auto;
    margin: 0;
    background: #F4F5F8;
}

    .how-get-started .box {
        background: #fff;
        padding: 30px;
        transition: all .6s ease;
    }

        .how-get-started .box p {
            margin-bottom: 4px;
            transition: all .6s ease;
        }

        .how-get-started .box h3 {
            margin-bottom: 20px;
            transition: all .6s ease;
        }

        .how-get-started .box p.nobold {
            font-weight: 400 !important;
            width: 90%;
            transition: all .6s ease;
        }

.getStartedSwiper .swiper-slide.active .box {
    background-color: #4C0099;
    color: #fff;
}

    .getStartedSwiper .swiper-slide.active .box h3 {
        color: #fff !important;
    }

.getStartedSwiper .swiper-slide.active .box {
    background-color: #4C0099;
    color: #fff;
}
/*.how-get-started .box:hover {
    background-color: #4C0099;
    color: #fff;
}

.how-get-started .box:hover h3,
.how-get-started .box:hover p {
    color: #fff;
}*/

.benefits-holder {
    padding: 8vw 5vw;
    display: flex;
    grid-gap: 10vw;
}

.artical_wrap {
    display: flex;
}

    .artical_wrap .top_area .left {
        width: 75%;
        display: flex;
        flex-direction: column;
    }

    .artical_wrap .top_area .left {
        width: 75%;
        display: flex;
        flex-direction: column;
    }

        .artical_wrap .top_area .left h1 {
            width: 100%;
        }

        .artical_wrap .top_area .left p {
            font-size: 36px;
            font-weight: 400;
            color: #000;
            line-height: 1;
        }

    .artical_wrap .top_area div p {
        color: rgba(31, 31, 31, .4);
    }

.artical_img_wrap img {
    transition: inherit !important;
}

.benefits-holder .right .benefitSwiper .box {
    border-top: 0;
}

    .benefits-holder .right .benefitSwiper .box hr {
        margin: 0;
        border: 0;
        background: rgba(0, 0, 0, 1);
        height: 1px;
    }

.project-banner {
    margin-top: 6vw;
    height: auto;
    position: relative;
}

    .project-banner img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .project-banner .infos {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        color: #fff;
        flex-direction: column;
        padding-top: 16vw;
    }

        .project-banner .infos h1 {
            margin: 0 0 34px;
        }

        .project-banner .infos p {
            font-size: 3vw;
            line-height: 1;
        }

.project_sub_info {
    padding-bottom: 8vw;
}

    .project_sub_info .top_area {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .project_sub_info .top_area > h2 {
            text-align: center;
            width: 60%;
            margin-bottom: 4vw;
        }

    .project_sub_info .sub-list {
        width: 50% !important;
        display: flex;
        justify-content: space-between;
    }

        .project_sub_info .sub-list > div {
            flex-grow: 1;
        }

.project_wrap .top_area .sub-list > div h2 {
    font-weight: 400;
}

.project_images {
    display: flex;
    padding: 0 6vw;
    margin-bottom: 10vw;
    grid-gap: 20px;
}

    .project_images img {
        width: 100%;
    }

    .project_images .left {
        width: 61%;
    }

    .project_images .right {
        width: 39%;
    }

.project-third.project-third-new {
    flex-direction: column;
    padding: 0 14vw;
}

    .project-third.project-third-new > h2 {
        width: 100%;
        margin: 0 0 20px;
    }

    .project-third.project-third-new > div {
        width: 100%;
    }

        .project-third.project-third-new > div h3 {
            font-size: 5.5vw;
            width: 90%;
            margin-bottom: 3.5vw;
        }

        .project-third.project-third-new > div p {
            font-weight: 300;
            width: 35%;
            font-size: 20px;
            line-height: 1.3;
            color: #000;
        }

.insight_wrap .tabs {
    width: 62%;
}

.view_slider {
    padding: 0 6vw;
}

    .view_slider .horizontalScroller__scroll {
        overflow: inherit;
    }

.new_btns a:hover span {
    color: var(--purple);
}

.new_btns a span {
    transition: all .7s ease;
}

.not_found_page {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

    .not_found_page img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .not_found_page .infos {
        position: absolute;
        right: 3vw;
        bottom: 3vw;
        color: #fff;
        text-align: end;
    }

        .not_found_page .infos h2 {
            margin: 0 0 10px;
        }

        .not_found_page .infos h3 {
            margin-bottom: 20px;
            /* font-size: 20px; */
        }

.videoScrollSection {
    height: 100vh;
    width: 100%;
    background: url(/images/videoframes/frame_000.webp);
    position: relative;
    z-index: 1;
    background-size: cover;
}

    .videoScrollSection canvas {
        position: sticky;
        top: 0;
        width: 100%;
        height: 100vh;
        display: block;
        z-index: 1;
        filter: brightness(.6);
    }

    .videoScrollSection .infos {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%;
        display: flex;
        transform: translate(-50%, -50%);
        justify-content: center;
        align-items: center;
        z-index: 1;
        color: #fff;
        flex-direction: column;
        margin: 0 auto;
    }

    .videoScrollSection .start {
        margin-bottom: 30px;
    }

        .videoScrollSection .start > div {
            margin-bottom: 30px;
        }

            .videoScrollSection .start > div img {
                width: 55px;
                margin: 0 auto
            }

    .videoScrollSection .infos h3 {
        font-size: 32px;
    }

    .videoScrollSection .infos h2 {
        font-size: 60px;
        line-height: 1.2;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .videoScrollSection .infos > p {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 50px;
        text-align: center;
        max-width: 600px;
    }

.videoBlock_main .start img {
    width: auto !important
}

.videoScrollSection .infos .new_btns {
    justify-items: center;
    justify-content: center;
}

.spark_heading {
    overflow: hidden;
}

    .spark_heading span {
        display: inline-block;
        white-space: nowrap;
        transform: translateY(100%);
        opacity: 0;
    }

/* Main container */
.relative.ht100 {
    position: relative;
    overflow: hidden;
}

.solution_slider .swiper.mySL {
    height: 100vh;
}
/* Pinned section */
.solution_slider.ht100 {
    position: relative;
    z-index: 10;
    background: white; /* Match your background */
    height: 100vh;
}

.ledt_innovation .home-slider-navigation {
    opacity: 1;
    transition: all .4s ease;
}

.ledt_innovation.noIndex .home-slider-navigation {
    opacity: 0;
}

.width-wrap .radio_button {
    width: 85%;
}

.sp-bottom-menu .main_scr_menu ul li h3 {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    transition: all 1s ease;
}

.sp-bottom-menu .main_scr_menu ul li:first-child h3.showSparkSymb {
    padding-left: 26px;
}

.sp-bottom-menu .main_scr_menu ul li h3 svg {
    width: 22px;
    height: 22px;
    scale: 0;
    position: absolute;
    transition: all 1s ease;
    left: 0;
}

.sp-bottom-menu .main_scr_menu ul li h3.showSparkSymb svg {
    scale: 1;
}

#sectionMyIndustries {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

.myIndustries {
    height: 100vh;
    position: relative;
}

    .myIndustries .swiper-slide {
        background-size: cover;
        background-position: center;
        height: 100vh;
        display: flex;
        justify-content: center;
        flex-direction: column;
        color: white;
        text-align: left;
        padding: 0 3.5vw;
        border-radius: 10px;
    }

.industries_wrap .ind_innovation {
    position: absolute;
    left: 5%;
    top: 0;
    bottom: auto;
    padding-top: 10%;
}

.ind_innovation .ind-slider-navigation {
    opacity: 0;
    transition: all .7s ease;
    transform: translateY(100px);
}

    .ind_innovation .ind-slider-navigation.show {
        opacity: 1;
        transform: translateY(0);
    }

#sectionSalSwiper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

.mySL {
    height: 100vh;
    position: relative;
}

    .mySL .swiper-slide {
        height: 100vh;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

.how-get-started,
.discover_sec {
    height: 100vh;
    z-index: 1;
    position: relative;
    overflow: hidden;
    width: 100%;
}
/*#canvasDiscovery {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
*/
.discoverSwiper {
    position: relative;
    z-index: 2;
}

.getStartedSwiperPin {
    position: relative;
    z-index: 2;
}

.power_list .info:last-child {
    margin-bottom: 50px;
}

.ai-in-actionNew.ai-in-action .bottom-action > div {
    width: auto;
}

.sp-bottom-menu .main_scr_menu ul li h3 svg {
    visibility: hidden;
}

.sp-bottom-menu .main_scr_menu ul li:first-child h3 svg {
    visibility: visible;
}