@import "reset.css";
@import "helpers.css";
@import "fonts.css";
@import "header.css";
@import "footer.css";

:root {
    --bodyText: #1f1f1f;
    --white: #fff;
    --grey: #696969;
    --lgrey: #F4F5F8;
    --blackl: #1F1F1F;
    --black: #000000;
    --purple: #4C0099;
    --green: #2AD5FF;
    --redl: #fff;
}

.web_page {
    overflow: hidden !important;
}

.bg-grey {
    background: var(--lgrey);
}

html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

body {
    font-family: 'Proxima Nova Rg';
    color: var(--bodyText);
    overflow-x: hidden;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #2d2d34;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    outline: none !important;
}

::selection {
    background: #1d265c;
    color: #fff;
}

a:hover,
a:focus {
    text-decoration: none !important;
    outline: none !important;
}

/* ::-webkit-scrollbar {
  display: none;
} */

input {
    border-radius: 0;
    outline: none;
}

    input:focus {
        outline: none;
        box-shadow: none !important;
    }

.d-none {
    display: none;
}

.d-block {
    display: block;
}

html.has-scroll-init {
    overflow-x: hidden;
}

.sp_banner {
    width: 100%;
    height: 100vh;
    position: relative;
}

    .sp_banner img,
    .sp_banner video {
        width: 100%;
        object-fit: cover;
        height: -webkit-fill-available;
        filter: brightness(.4);
        cursor: none;
    }

    .sp_banner .marquee.banner {
        position: absolute;
        bottom: 0;
    }

        .sp_banner .marquee.banner .marquee-item a:hover div {
        }

        .sp_banner .marquee.banner .marquee-item a:hover div,
        .chat-marquee .marquee.banner .marquee-item a:hover div {
            background: #ffffff90;
        }

        .sp_banner .marquee.banner .marquee-item a:hover,
        .chat-marquee .marquee.banner .marquee-item a:hover {
            background: #ffffff30;
        }

            .sp_banner .marquee.banner .marquee-item a:hover div svg path,
            .chat-marquee .marquee.banner .marquee-item a:hover div svg path {
                fill: var(--purple);
            }

        .sp_banner .marquee.banner .marquee-item a div svg path,
        .chat-marquee .marquee.banner .marquee-item a div svg path {
            transition: all .5s ease;
        }

.Innovation_wrap {
    padding-top: 10vw;
}

.Innovation-swiper {
    position: relative;
    padding: 0 25% 7vw 30%;
    /*overflow: hidden;*/
}

.sp-second {
    padding: 0 5vw 6vw;
}

    .sp-second .slider-container {
        position: relative;
    }

        .sp-second .slider-container .left-menu {
            position: absolute;
            left: 0;
            top: 0;
            padding-top: 7vw;
        }

.slider-container .left-menu ul li {
    font-size: 23px;
    margin-bottom: 1.5vw;
    color: #000000;
    font-weight: 400;
}

.sp-second .slider-container .slider-inovation {
    padding-left: 25%;
    padding-top: 7vw;
}

.video-inovation {
    display: flex;
    grid-gap: 3vw;
    width: 100% !important;
    margin-bottom: 3vw;
}

    .video-inovation img {
        width: 100%;
    }

.myInnovation section h4 {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 1vw;
    font-weight: 600;
}

.myInnovation section h2 {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 3vw;
    font-weight: 700;
    color: var(--purple);
}

.myInnovation section h3 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    color: rgba(31, 31, 31, 1);
    margin-bottom: 1vw;
}

.slider-inovation section > div {
    width: 65%;
}

.slider-container .slider-inovation section {
    margin-bottom: 8vw;
}

.sp-button {
    display: flex;
    align-items: center;
    grid-gap: 1vw;
}

    .sp-button a {
        border: 1px solid;
        font-size: 17px;
        font-weight: 600;
        padding: 10px 30px 10px 30px;
        border-radius: 50px;
        color: #000 !important;
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
    }

        .sp-button a:hover:after {
            bottom: 0;
            scale: 1;
        }

        .sp-button a:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(52, 215, 255, 0.957);
            z-index: -1;
            left: 0;
            bottom: -100%;
            border-radius: 50px;
            transition: all .5s ease;
            scale: .5;
        }

        .sp-button a p {
            margin-right: 1.5vw;
            transition: all .6s ease-in-out;
        }

        .sp-button a svg {
            stroke: #4C0099;
            transition: all .6s ease-in-out;
        }

        .sp-button a:last-child {
            color: #4C0099;
        }

.slider-container .left-menu ul li.active {
    color: #9747FF;
}

.weareteam {
    width: 100%;
    height: 100vh;
    background: #4C0099;
    position: relative;
    display: flex;
    padding-left: 5vw;
    margin-top: 140vh;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

    .weareteam img,
    .weareteam video {
        position: absolute;
        right: 25%;
        top: 12%;
        height: 75%;
        scale: .5;
    }

    .weareteam h2 {
        font-size: 60px;
        line-height: 1;
        width: 55%;
        font-weight: 700;
        color: #fff;
        z-index: 1;
    }

/*marquee*/

.marquee {
    /*   overflow: hidden; */
    overflow: hidden;
    width: 100%;
    margin-bottom: 6vw !important;
}

    .marquee.marqueetwo {
        margin-bottom: 0 !important;
    }

.marqueetwo .marquee-content {
    /* animation-direction: reverse; */
    animation: scrollingtwo 60s linear infinite;
}
/* .marqueetwo .marquee-content:hover{
     animation-play-state: paused;
} */

.marquee-content {
    display: flex;
    width: max-content;
    animation: scroll-left 60s linear infinite;
    will-change: transform;
}

.marquee-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .marquee-item a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* .marquee-content:hover {
     animation-play-state: paused;
} */

.marquee-item {
    flex: 0 0 16vw;
    margin: 0 1vw;
    /*   flex: 0 0 20vw; */
    /*   margin: 0 2vw; */
}

    .marquee-item img {
        display: block;
        width: 180px;
        height: revert-layer;
        height: 70px;
        /* padding: 0 20px; */
        object-fit: contain;
    }

/* @keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-144vw); }
}

@keyframes scrollingtwo {
  100% { transform: translateX(0); }
  0% { transform: translatex(-144vw); }
} */

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes scrollingtwo {
    100% {
        transform: translateX(0);
    }

    0% {
        transform: translateX(-50%);
    }
}

/*marquee*/

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

.home_whatwedo {
    margin-top: 5vw;
    position: relative;
    height: 100vh;
}

    .home_whatwedo > img {
        width: 100%;
        object-fit: cover;
        height: -webkit-fill-available;
    }

    .home_whatwedo .whatwedo-text {
        position: absolute;
        left: 5vw;
        width: 55%;
        top: 50%;
        transform: translate(0, -50%);
    }

        .home_whatwedo .whatwedo-text > p {
            width: 42%;
            margin: auto;
        }

        .home_whatwedo .whatwedo-text .btns {
            margin-left: 29%;
            padding: 0;
        }

            .home_whatwedo .whatwedo-text .btns a {
                font-size: 30px;
                font-weight: 400;
                color: #fff;
                display: flex;
                align-items: center;
                background: #9747FF;
                display: inline-flex;
                border-radius: 50px;
                padding: 15px 30px;
            }

                .home_whatwedo .whatwedo-text .btns a img {
                    margin-right: 15px;
                }


.whatwethink {
    padding: 5vw 5vw;
}

    .whatwethink .home-bolgs {
        display: flex;
        grid-gap: 5vw;
    }

        .whatwethink .home-bolgs .left {
            width: 65%;
        }

            .whatwethink .home-bolgs .left a {
            }

                .whatwethink .home-bolgs .left a .img-wrap {
                    display: flex;
                    grid-gap: 10px;
                }

                    .whatwethink .home-bolgs .left a .img-wrap img {
                        display: block;
                        width: 100%;
                    }

        .whatwethink .home-bolgs .righ {
            display: flex;
            grid-gap: 10px;
            width: 35%;
        }

            .whatwethink .home-bolgs .righ a img {
                width: 100%;
            }

            .whatwethink .home-bolgs .righ a {
            }

                .whatwethink .home-bolgs .righ a .blog-top {
                }

        .whatwethink .home-bolgs .left .bolgs-title {
            width: 50%;
            padding-top: 1vw;
        }

            .whatwethink .home-bolgs .left .bolgs-title h2 {
                font-size: 35px;
                line-height: 1;
                margin: 6px 0;
                font-weight: 700;
                color: #1f1f1f;
            }

            .whatwethink .home-bolgs .left .bolgs-title p {
                padding-right: 5vw;
            }

    .whatwethink .top_sec {
        width: 60%;
        position: relative;
    }

    .whatwethink .home-bolgs .righ .blog-bottom h2 {
        font-size: 22px;
    }

.sp-award {
    width: 70%;
    margin: auto;
}

.award_logos {
    margin-top: 5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    justify-content: space-between;
    grid-gap: 2.5vw;
}

.get-it-home {
    height: 100vh;
    overflow: hidden;
}

    .get-it-home > img {
        width: 100%;
    }

    .get-it-home > .whatwedo-text {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 50%;
    }

.footer_wrap {
    display: flex;
    /* grid-gap: 2vw; */
    margin-bottom: 8vw;
    justify-content: space-between;
}

footer {
    padding: 6vw 5vw 2vw 9vw;
}

.footer_wrap .f-row {
    width: 25%;
}

    .footer_wrap .f-row .f-menu > .ft_img {
        position: absolute;
        left: -4vw;
        z-index: -1;
        top: 50%;
        transform: translate(0, -50%);
    }

    .footer_wrap .f-row .f-menu {
        position: relative;
    }

        .footer_wrap .f-row .f-menu a {
            color: #1f1f1f;
            display: block;
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 1.5vw;
            transition: all .5s ease;
        }

            .footer_wrap .f-row .f-menu a:hover {
                color: var(--purple);
            }

    .footer_wrap .f-row h2 {
        font-size: 22px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 1.5vw;
        line-height: 1;
    }

    .footer_wrap .f-row > div {
        margin-bottom: 1.5vw;
    }

    .footer_wrap .f-row div p {
        font-size: 22px;
    }

    .footer_wrap .f-row h3 {
        font-size: 30px;
        line-height: 1;
        font-weight: 700;
        margin-bottom: 1vw;
    }

    .footer_wrap .f-row .f-social {
        display: flex;
        justify-content: space-between;
    }

        .footer_wrap .f-row .f-social a {
        }

            .footer_wrap .f-row .f-social a img {
                width: 80%;
            }

    .footer_wrap .f-row:first-child {
        width: 20%;
    }

    .footer_wrap .f-row:last-child {
        width: 16%;
    }

    .footer_wrap .f-row:nth-child(3) {
        padding-right: 6vw;
    }

    .footer_wrap .f-row h4 {
        font-size: 19px;
        color: #1f1f1f;
    }

.f-button {
    margin-top: 2vw;
}

    .f-button a {
        display: inline-flex;
        color: #fff;
        background: #9747FF;
        padding: 14px 40px;
        border-radius: 50px;
    }

        .f-button a:hover {
            background: #4C0099;
        }

        .f-button a > p {
            font-size: 25px !important;
        }

.footer_wrap .f-row:nth-child(3) h3 {
    padding-right: 2vw;
}

footer .rights {
    display: flex;
}

    footer .rights p {
        font-size: 20px;
        margin-right: 3vw;
        position: relative;
        right: 4vw;
    }



.chat-marquee .marquee.banner .marquee-item {
    background: #ffffff1c;
    position: relative;
}

.sp_banner .marquee.banner .marquee-item {
    background: #ffffff50;
    position: relative;
}

    .sp_banner .marquee.banner .marquee-item:nth-child(odd),
    .chat-marquee .marquee.banner .marquee-item:nth-child(odd) {
        flex: 0 0 16vw;
        height: 10vw;
        position: relative;
        top: 3vw;
    }

    .sp_banner .marquee.banner .marquee-item:nth-child(even),
    .chat-marquee .marquee.banner .marquee-item:nth-child(even) {
        flex: 1 0 12vw;
        height: 13vw;
    }

    .sp_banner .marquee.banner .marquee-item p,
    .chat-marquee .marquee.banner .marquee-item p {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        position: absolute;
        bottom: 15px;
        padding: 0 40px 0px 30px;
    }

    .sp_banner .marquee.banner .marquee-item a,
    .chat-marquee .marquee.banner .marquee-item a {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        transition: all .5s ease;
    }

        .sp_banner .marquee.banner .marquee-item a div,
        .chat-marquee .marquee.banner .marquee-item a div {
            position: absolute;
            right: 10px;
            top: 10px;
            background: #ffffff20;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .5s ease;
        }

.Innovation-swiper .home-slider-navigation {
    display: flex;
    flex-direction: column;
    padding-left: 3vw;
    padding-top: .5vw;
}

    .Innovation-swiper .home-slider-navigation span {
        font-size: 23px;
        margin-bottom: 1.5vw;
        color: var(--black);
        font-weight: 400;
        cursor: pointer;
    }

        .Innovation-swiper .home-slider-navigation span.nav-point.active {
            color: var(--purple);
        }

.Innovation-swiper .swiper-pagination {
    transform: rotate(90deg);
    height: 4px !important;
    width: 180px !important;
    right: 0% !important;
    left: -87px !important;
    top: 90px !important;
    bottom: 0 !important;
    background: #4c009914;
}

.ledt_innovation {
    position: absolute;
    top: 0;
    left: 5%;
    z-index: 2;
}

.Innovation-swiper span.swiper-pagination-progressbar-fill {
    background: var(--purple);
}


.inn-vid-wrap {
    position: absolute;
    width: 16%;
    height: 100%;
    overflow: hidden;
    /*    transition: all .5s ease;*/
    z-index: 1;
    right: 0;
    top: 0;
}

    .inn-vid-wrap img,
    .inn-vid-wrap video {
        width: 100%;
        object-fit: cover;
        /*height: -webkit-fill-available;*/
    }

.home-vid-pin {
    position: absolute;
    width: 90%;
    height: 100vh;
    right: 0;
    top: 23%;
    margin: 0 5%;
    z-index: 1;
}

/*case-study*/
.sp_case_slider {
    width: 65%;
    margin-left: auto;
    overflow: hidden;
    margin-top: 12vw;
    padding-bottom: 5vw;
}

.case_wrap {
    position: relative;
    transition: all .5s ease;
}

    .case_wrap > .case-top > a {
        position: absolute;
        top: 1vw;
        right: 1vw;
        background: var(--purple);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .case_wrap h2 {
        font-weight: 700;
        font-size: 22px;
        margin-bottom: 14vw;
        transition: all .5s ease;
    }

    .case_wrap:hover h2 {
        color: #fff;
    }

    .case_wrap ul {
    }

        .case_wrap ul li {
            transition: all .5s ease;
        }

.card.case_wrap:hover .case_hover {
    scale: 1;
}

.case_wrap ul li a {
    font-size: 17px;
    color: var(--blackl);
    transition: all .5s ease;
}

.case_wrap:hover ul li {
    color: #fff;
}

.case_wrap .case-top {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3vw 4vw 3vw 2vw;
    background: #f4f5f8;
    z-index: 1;
    transition: all .5s ease;
}

.case_wrap > .case-top > a img {
    width: 65%;
}

.case_wrap .pin-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

    .case_wrap .pin-img img {
        width: 100%;
        scale: 1.1;
    }

.sp_case_slider .caseSwiper {
    overflow: visible;
    /*transition: all .5s ease;*/
}

    .sp_case_slider .caseSwiper .swiper-slide-active .case_wrap {
        scale: 1 !important;
        height: 500px !important;
    }

    .sp_case_slider .caseSwiper .swiper-slide .case_wrap {
        scale: .7;
        /* height: 300px; */
    }

    .sp_case_slider .caseSwiper .swiper-slide {
        width: 40%;
        /*transition: all .5s ease;*/
        height: 500px;
        display: flex;
        align-items: center;
    }

    .sp_case_slider .caseSwiper .swiper-slide-active {
        width: 40%;
        opacity: 1 !important;
    }

.case_text {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 0 5vw;
    flex-direction: column;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    width: 35%;
    padding-top: 6vw;
}

    .case_text > div {
        width: 100%;
    }

        .case_text > div h2 {
            color: var(--purple);
            font-size: 48px;
            line-height: 1;
            font-weight: 700;
        }

        .case_text > div:first-child {
            width: 100%;
            position: relative;
            top: 80px;
            margin-bottom: 4vw;
        }

        .case_text > div > p {
            position: relative;
            top: 10px;
        }

.sp_case_study {
    position: relative;
}

/*case-study*/

/*.quote {
  margin-top: 0px;
  overflow: hidden;
}

.split-line {
  overflow: hidden;
}*/


.reveal {
    visibility: hidden;
    position: relative;
}

.case_navigatin_menu {
    position: absolute;
    bottom: 0;
    left: 5%;
}

.case-slider-navigation {
    display: flex;
    flex-direction: column;
    padding-left: 3vw;
    padding-top: .5vw;
}

    .case-slider-navigation span {
        font-size: 23px;
        margin-bottom: 1.5vw;
        color: var(--black);
        font-weight: 400;
        cursor: pointer;
    }

.case_pagin .swiper-pagination {
    transform: rotate(90deg);
    height: 4px !important;
    width: 180px !important;
    right: 0% !important;
    left: -87px !important;
    top: 90px !important;
    bottom: 0 !important;
    background: #4c009914;
}

.case_pagin span.swiper-pagination-progressbar-fill {
    background: var(--purple);
}

.weareteam h2 p:nth-child(3) {
    color: #ffffff16;
}

.weareteam h2 p:nth-child(2) {
    color: #ffffff49;
}

.weareteam h2 p:first-child {
    color: #2AD5FF;
}

.paragraph span {
    display: inline-flex;
    color: #333;
    transition: 0.5s;
}

    .paragraph span.reveal {
        color: #fff;
    }

.swiper.myInnovation {
    z-index: 2;
}



/*loader*/
.loading-container .dot {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    border: 2px solid #4a4a4a;
}
/*loader*/



/*Ai*/
.sp-ai-wrap {
    display: flex;
    align-items: flex-start;
}

    .sp-ai-wrap .ai-right {
        width: 50%;
        position: relative;
        top: 0vw;
        overflow: hidden;
    }

        .sp-ai-wrap .ai-right img {
            width: 100%;
            display: block;
        }

    .sp-ai-wrap .ai-left {
        width: 50%;
    }

        .sp-ai-wrap .ai-left h2,
        .sp-ai-wrap .ai-left h1 {
            font-size: 90px;
            line-height: 1.1;
            font-weight: 700;
            color: var(--blackl);
        }

        .sp-ai-wrap .ai-left > p {
            font-size: 34px;
            line-height: 1;
            padding-right: 13vw;
            margin: 2vw 0;
        }

        .sp-ai-wrap .ai-left .ai-head {
            display: flex;
            align-items: center;
            margin-bottom: 2vw;
        }

            .sp-ai-wrap .ai-left .ai-head img {
            }

            .sp-ai-wrap .ai-left .ai-head h4 {
                margin-left: 2vw;
                font-size: 30px;
                color: var(--purple);
            }

.spark-btn button,
.spark-btn a {
    display: inline-flex;
    align-items: center;
    background: #9747ff;
    padding: 17px 25px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .spark-btn button svg path,
    .spark-btn a svg path {
        transition: all .5s ease;
    }

    .spark-btn button:hover:after,
    .spark-btn a:hover:after {
        bottom: 0;
        scale: 1;
    }

    .spark-btn a:hover > p {
    }

    .spark-btn a:hover svg path {
    }

    .spark-btn button svg,
    .spark-btn a svg {
        transition: all .5s ease;
    }

    .spark-btn button > p,
    .spark-btn a > p {
        font-size: 24px;
        color: var(--white);
        padding-left: 1vw;
    }


.ai-do-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1vw 0;
}

    .ai-do-wrap .box {
        position: relative;
        margin-right: 1vw;
    }

        .ai-do-wrap .box.bg-img {
            background: url(/images/ai-2.jpg) no-repeat;
            padding: 2vw;
            text-align: center;
            background-size: contain;
            margin: 0;
        }

        .ai-do-wrap .box h2 {
            font-size: 40px;
            line-height: 1;
            margin-bottom: 2vw;
        }

        .ai-do-wrap .box p {
            font-size: 18px;
            padding-right: 4vw;
        }

        .ai-do-wrap .box > img {
            width: 100%;
            display: block;
        }

        .ai-do-wrap .box.box-2, .ai-do-wrap .box.box-7 {
            padding: 2vw 3vw 2vw 3vw;
            margin: 0;
        }

.box.box-6.bg-img p {
    padding: 0;
}

.ai-do-wrap .box.box-2 {
    display: flex;
    justify-content: center;
}

.ai-do-wrap .box.box-4 > div, .ai-do-wrap .box.box-5 > div {
    background: var(--purple);
    padding: 3vw 3vw 3vw 3vw;
    height: 14vw;
    margin-bottom: 1vw;
}

    .ai-do-wrap .box.box-4 > div > h2, .ai-do-wrap .box.box-5 > div > h2 {
        margin-bottom: 0;
    }

.ai-do-wrap .box.box-3 {
    margin: 0;
}

.ai-do-wrap .box.box-7 {
}

.ai-do-wrap .box.box-1 div {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 30px 0;
    width: 75%;
}

.ai-do-wrap .box div img {
    width: 80%;
}

.ai-do-wrap .box.box-1 div::after {
    content: "";
    background: #000000;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 62%;
    height: 100%;
    z-index: -1;
}

.ai-do-wrap .title {
    /* position: relative; */
}

    .ai-do-wrap .title div {
        position: absolute;
    }

.sp-ai-achive {
    background: var(--black);
    ;
}

.schive_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 5vw;
    grid-gap: 3vw;
}

    .schive_grid .grig-wrap {
        border-top: 2px solid;
        padding-top: 12vw;
    }

        .schive_grid .grig-wrap h3 {
            font-size: 36px;
            line-height: 1;
            margin-bottom: 1vw;
        }

        .schive_grid .grig-wrap p {
            font-size: 21px;
            line-height: 1.4;
            font-weight: 500;
        }

.connect-with-us {
    padding: 8vw 0;
    display: flex;
    align-items: baseline;
    place-content: space-between;
    width: 90%;
    margin: auto;
}

.ai-in-action {
    background: #f4f5f8;
    padding: 6vw 5vw;
    display: none;
}

    .ai-in-action .top-action {
        display: flex;
        place-content: space-between;
        margin-bottom: 5vw;
    }

    .ai-in-action .bottom-action {
        display: flex;
        grid-gap: 1.5vw;
    }

        .ai-in-action .bottom-action p {
            font-size: 20px;
            color: var(--purple);
            margin-bottom: .5vw;
            font-weight: 500;
            margin-top: 1.5vw;
        }

        .ai-in-action .bottom-action h2 {
            font-size: 30px;
            color: var(--blackl);
            line-height: 1;
            padding-right: 2vw;
            margin-bottom: 2vw;
        }

        .ai-in-action .bottom-action > div {
            width: 50%;
            display: flex;
            grid-gap: 1.5vw;
        }

            .ai-in-action .bottom-action > div img {
                width: 100%;
            }
/*Ai*/


/*Who we are*/
.who-we-wrap {
}

    .who-we-wrap h2,
    .who-we-wrap h1 {
        font-size: 90px;
        line-height: 1.1;
        font-weight: 700;
        color: var(--blackl);
        width: 55%;
    }

    .who-we-wrap .connect-with-us {
        padding: 1vw 0 7vw;
        border-top: 1px solid var(--blackl);
        margin-top: 10vw;
    }

.who-we-img {
    position: relative;
}

    .who-we-img img {
        width: 100%;
    }

    .who-we-img .who-we-img-text {
        position: absolute;
        left: 5vw;
        top: 50%;
        width: 50%;
        transform: translate(0, -50%);
    }

        .who-we-img .who-we-img-text p {
            padding-right: 25vw;
        }
/*Who we are*/

.icon-text {
}

    .icon-text h3 {
        font-size: 48px;
        line-height: 1;
    }


    .icon-text img {
        position: relative;
        top: 5px;
    }

    .icon-text h3 {
        display: contents;
    }

.our-history {
    width: 90%;
    margin: auto;
    /* display: flex; */
    position: relative;
}

    .our-history .history-left {
        width: 50%;
        position: absolute;
        padding-bottom: 10vw;
        top: 10%;
        padding-right: 5vw;
    }

    .our-history .history-right {
        width: 100%;
        padding-top: 17vw;
        padding-left: 56%;
    }

.our-guiding-values {
    background: var(--black);
    padding-left: 5vw;
}

.our_guiding_slide swiper-slide {
}

.our_guiding_slide .swiper-slide > div {
}

    .our_guiding_slide .swiper-slide > div h2 {
        font-size: 60px;
        line-height: 1;
        color: var(--green);
        font-weight: 700;
        margin-bottom: 2vw;
    }

    .our_guiding_slide .swiper-slide > div > div {
        display: flex;
        align-items: flex-start;
        padding-right: 6vw;
        padding-bottom: 12vw;
    }

        .our_guiding_slide .swiper-slide > div > div p {
            line-height: 1;
            font-size: 30px;
            color: var(--white);
            margin-left: 1.5vw;
        }

.guiding_pag {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 95%;
    display: block;
    height: 2px;
}

.our_guiding_slide {
    position: relative;
    margin-top: 8vw;
}

.guiding_pag .swiper-pagination {
    background: #ffffff50;
}

    .guiding_pag .swiper-pagination span {
        background: #fff;
    }

.our_guiding_slide .swiper-wrapper {
    padding-left: 5vw;
}

.our-culture {
    display: flex;
    place-content: space-between;
}

    .our-culture .culture-left {
        width: 60%;
    }

    .our-culture .culture-right {
        width: 30%;
        position: relative;
        top: 5vw;
    }

.our-culture {
    padding: 7vw 5vw 12vw 5vw;
}

.industries_wrap {
    background: var(--black);
    padding: 6vw 5vw 6vw 5vw;
    position: relative;
}

    .industries_wrap.white {
        background: var(--white);
    }

    .industries_wrap .ind_flex {
        display: flex;
        align-items: center;
        /*width: 100% !important;
    margin-left: auto !important;*/
        width: 70%;
        margin-left: auto;
    }

        .industries_wrap .ind_flex .swiper-slide {
            width: 100%;
        }

.swiper.myIndustries {
    width: 55%;
}

.ind_slider_text {
    width: 45%;
    position: relative;
    height: 30vw;
}

    .ind_slider_text > div {
        padding-left: 3vw;
        position: absolute;
        display: none;
    }

    .ind_slider_text div h3 {
        font-size: 48px;
        color: var(--redl);
        margin-bottom: 2vw;
    }

    .ind_slider_text div h2 {
        font-size: 64px;
        line-height: 1;
        color: var(--white);
        font-weight: 700;
        margin-bottom: 3vw;
    }

    .ind_slider_text div > p {
        font-size: 24px;
        line-height: 1;
        color: var(--redl);
        margin-bottom: 2vw;
        padding-right: 2vw;
    }

    .ind_slider_text div .slider_btn {
    }

        .ind_slider_text div .slider_btn p {
            font-size: 24px;
            color: var(--white);
            margin-right: 1.2vw;
        }

        .ind_slider_text div .slider_btn a {
            /* display: flex; */
            align-items: center;
            display: inline-flex;
            overflow: hidden;
            position: relative;
            padding-bottom: 5px;
        }

.ind_innovation {
    position: absolute;
    left: 5%;
    bottom: 8%;
}

    .ind_innovation .ind-slider-navigation {
        display: flex;
        flex-direction: column;
        padding-left: 3vw;
        padding-top: .5vw;
    }

        .ind_innovation .ind-slider-navigation span.nav-point.active {
            color: var(--purple);
        }

        .ind_innovation .ind-slider-navigation span.nav-point {
            font-size: 22px;
            margin-bottom: 1.5vw;
            color: var(--white);
            font-weight: 400;
            cursor: default;
            transition: all .5s ease;
        }

.indpagin .swiper-pagination {
    transform: rotate(90deg);
    height: 4px !important;
    width: 370px !important;
    right: 0% !important;
    left: -175px !important;
    top: 185px !important;
    bottom: 0 !important;
    background: #4c009914;
}

.indpagin span.swiper-pagination-progressbar-fill {
    background: var(--purple);
}

.ind_slider_text > div.active {
    display: block;
}

.customer_experince {
    background: #000000;
    margin-top: 9vw;
    padding: 5vw 5vw 8vw;
}

    .customer_experince h2,
    .customer_experince h1 {
        font-size: 90px;
        line-height: 1;
        font-weight: 700;
        color: var(--white);
        margin-top: 2vw;
        margin-bottom: 2vw;
    }

    .customer_experince .ai-head {
        display: flex;
        align-items: center;
    }

        .customer_experince .ai-head h4 {
            margin-left: 2vw;
            font-size: 30px;
            color: var(--green);
        }

    .customer_experince div > p {
        font-size: 22px;
        color: var(--white);
        margin-bottom: 1vw;
    }

.customer_list {
    display: flex;
    place-content: space-between;
    align-items: self-start;
    margin-top: 3vw;
}

    .customer_list .cus_left {
        width: 50%;
        display: flex;
        place-content: space-between;
    }

    .customer_list .cus_right {
        width: 50%;
        display: flex;
        justify-content: end;
    }

        .customer_list .cus_right div {
        }

            .customer_list .cus_right div p {
            }

.service_grid_wrap {
    margin-top: 8vw;
    padding-left: 8vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4vw;
}

    .service_grid_wrap .service_drid {
    }

        .service_grid_wrap .service_drid h4 {
            font-size: 40px;
            color: var(--purple);
            font-weight: 600;
            margin-bottom: 3vw;
            line-height: 1.1;
        }

        .service_grid_wrap .service_drid div {
            display: flex;
            align-items: flex-start;
        }

            .service_grid_wrap .service_drid div img {
                width: 8%;
                position: relative;
                top: 5px;
            }

            .service_grid_wrap .service_drid div p {
                padding-right: 8vw;
                padding-left: 1vw;
            }

.essential-services {
    padding: 8vw 5vw 8vw 5vw;
}

.sp-button.white a {
    color: var(--white);
}

    .sp-button.white a svg path {
        stroke: var(--white);
    }

.ai-in-action.black {
    background: var(--black);
}

    .ai-in-action.black .bottom-action p {
        color: var(--white);
    }

    .ai-in-action.black .bottom-action h2 {
        color: var(--white);
    }

    .ai-in-action.black .bottom-action > div {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

.award_logo_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    grid-gap: 6vw;
    padding-left: 6vw;
}

    .award_logo_wrap img {
        width: 100%;
    }

.connect-with-us.solution {
    align-items: flex-start;
    padding-top: 3vw;
}

.case-slider-navigation span.active {
    color: var(--purple);
}

.solution_journey {
    display: flex;
    align-items: center;
    padding: 5vw 5vw 5vw;
    position: relative;
}

    .solution_journey .sl_left {
        width: 45%;
    }

        .solution_journey .sl_left .sl_right {
            width: 55%;
        }

        .solution_journey .sl_left img {
            width: 100%;
        }

    .solution_journey .sl_right {
        width: 55%;
    }

        .solution_journey .sl_right p {
            padding-right: 15vw;
        }

    .solution_journey::after {
        position: absolute;
        background: var(--black);
        bottom: 0;
        left: 0;
        width: 100%;
        height: 45%;
        content: "";
        z-index: -1;
    }

.solution_slider {
    height: 100vh;
    position: relative;
    padding: 0 5vw;
    margin-bottom: 5vw;
}

    .solution_slider .sl_slider_wrap .sl_swiper_text {
        position: absolute;
        top: 50%;
        left: 70%;
        transform: translate(-50%, -50%);
        display: none;
    }

        .solution_slider .sl_slider_wrap .sl_swiper_text.active {
            display: block;
        }

.sl_swiper_text > div {
    position: relative;
}

.sl_swiper_text div h3 {
    font-size: 47px;
    color: var(--blackl);
    position: absolute;
    left: -90px;
    top: 22%;
    transform: translate(0, -50%);
}

.sl_swiper_text div h2 {
    font-size: 60px;
    line-height: 1;
    color: var(--purple);
    font-weight: 700;
    margin-bottom: 2vw;
}

.sl_swiper_text img {
    margin-bottom: 2vw;
    width: auto;
}

.sl_swiper_text ul li {
    font-size: 18px;
    color: var(--blackl);
    margin-bottom: 5px;
    white-space: nowrap;
}

.slider_btn {
}

    .slider_btn a {
        display: inline-flex;
        /*display: flex;*/
        align-items: center;
        position: relative;
        overflow: hidden;
        padding-bottom: 3px;
    }

        .slider_btn a:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 3px;
            bottom: 0;
            left: -100%;
            background: var(--blackl);
            transition: all .5s ease;
        }

        .slider_btn a:hover:after {
            left: 0;
        }

        .slider_btn a > p {
            font-size: 24px;
            color: var(--blackl);
            margin-right: 1.2vw;
        }

        .slider_btn a svg path {
            stroke: var(--black);
        }

.sl_swiper_text > p {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 3vw;
    color: var(--blackl);
    font-weight: 500;
}

.sl_swiper_text ul {
    margin-bottom: 3vw;
}

.solution_slider {
    background: #f4f5f8;
}

    .solution_slider .swiper.mySL {
        position: absolute;
        right: 5%;
        top: 52%;
        width: 20%;
        transform: translate(0, -50%);
    }

        .solution_slider .swiper.mySL .swiper-slide {
            color: var(--blackl);
        }

            .solution_slider .swiper.mySL .swiper-slide .sl-slide-mg-wrap {
                display: flex;
                flex-direction: column;
            }

                .solution_slider .swiper.mySL .swiper-slide .sl-slide-mg-wrap div {
                    overflow: hidden;
                    margin-bottom: 1vw;
                }

                    .solution_slider .swiper.mySL .swiper-slide .sl-slide-mg-wrap div img {
                        width: 100%;
                        display: block;
                        transition: all .5s;
                    }

    .solution_slider .sl_slider_wrap {
        width: 28%;
        position: absolute;
        top: 50%;
        left: 47%;
        transform: translate(-50%, -50%);
        height: 100vh;
    }

.sl-sl-list {
    position: absolute;
    top: 14%;
    left: 5%;
}

    .sl-sl-list .sl-slider-navigation {
        display: flex;
        flex-direction: column;
        padding-left: 3vw;
        /* padding-top: .5vw; */
    }

.Innovation-swiper .home-slider-navigation span {
}

.sl-sl-list .sl-slider-navigation span {
    font-size: 21px;
    margin-bottom: 1.2vw;
    color: var(--black);
    font-weight: 400;
    cursor: default;
    transition: all .5s ease;
}

    .sl-sl-list .sl-slider-navigation span.active {
        color: var(--purple);
    }

.mySLpag .swiper-pagination {
    transform: rotate(90deg);
    height: 4px !important;
    width: 290px !important;
    right: 0% !important;
    left: -143px !important;
    top: 142px !important;
    bottom: 0 !important;
    background: #4c009914;
}

    .mySLpag .swiper-pagination span {
        background: var(--purple);
    }

.sl-after-pag .sl-after-wrap {
    position: absolute;
    bottom: 10px;
    display: none;
    color: var(--blackl);
}

    .sl-after-pag .sl-after-wrap.active {
        display: block;
    }

.sl-after-pag {
    position: absolute;
    bottom: 0;
    width: 16%;
}

    .sl-after-pag .sl-after-wrap img {
        width: 100%;
        display: block;
        transition: all .5s ease;
    }

.services_slider {
    background: var(--black);
    height: 125vh;
    display: flex;
    place-content: space-between;
    padding-top: 10vw;
}

    .services_slider .serve_sl_left {
        width: 35%;
        position: relative;
        top: -4vw;
    }

    .services_slider .serve_sl_right {
        width: 55%;
        position: relative;
    }

.serve_sl_img {
    display: flex;
    align-items: center;
    grid-gap: 1vw;
}

    .serve_sl_img .seve_left {
        width: 70%;
        height: 45vh;
    }

    .serve_sl_img .seve_right {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #9747FF;
        height: 45vh;
        padding: 0 3vw;
    }

    .serve_sl_img .seve_left img {
        width: 100%;
        display: block;
        object-fit: cover;
        height: -webkit-fill-available;
    }

.services_slider .serve_sl_right .swiper {
    height: 45vh;
}

.serve_sl_img .seve_right img {
    width: 100%;
    display: block;
}

.ser_slide_wrap {
    position: absolute;
    top: 50vh;
    width: 100%;
}

    .ser_slide_wrap .main_ser_text .slider_btn a svg path {
        stroke: var(--white);
    }

    .ser_slide_wrap .main_ser_text h3 {
        font-size: 32px;
        color: var(--green);
        line-height: 1;
        margin-bottom: 4vw;
    }

    .ser_slide_wrap .main_ser_text > div {
        display: flex;
        justify-content: space-between;
        margin-bottom: 4vw;
    }

        .ser_slide_wrap .main_ser_text > div > div {
        }

            .ser_slide_wrap .main_ser_text > div > div p {
                font-size: 18px;
                color: #fff;
                margin-bottom: 9px;
                text-decoration: underline;
            }

    .ser_slide_wrap .main_ser_text > .slider_btn {
    }

        .ser_slide_wrap .main_ser_text > .slider_btn a > p {
            color: var(--white);
        }

.ser_slide-list {
    position: absolute;
    bottom: -12%;
    left: 1%;
}

    .ser_slide-list .serr-slider-navigation {
        display: flex;
        flex-direction: column;
        padding-left: 3vw;
    }

        .ser_slide-list .serr-slider-navigation span {
            font-size: 21px;
            margin-bottom: 1vw;
            color: var(--white);
            font-weight: 400;
            cursor: pointer;
            transition: all .5s ease;
        }

            .ser_slide-list .serr-slider-navigation span.active {
                color: var(--purple);
            }

.serVpag {
    position: relative;
}

    .serVpag .swiper-pagination {
        transform: rotate(90deg);
        height: 4px !important;
        width: 175px !important;
        right: 0% !important;
        left: -85px !important;
        top: -113px !important;
        bottom: 0 !important;
        background: #4c009914;
    }

        .serVpag .swiper-pagination span {
            background: var(--purple);
        }

.main_ser_text {
}

.ser_slide_wrap .main_ser_text {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
}

    .ser_slide_wrap .main_ser_text.active {
        display: block;
    }


.industries_wrap.white .ind_innovation .ind-slider-navigation span {
    color: var(--black);
}

    .industries_wrap.white .ind_innovation .ind-slider-navigation span.active {
        color: var(--purple);
    }

.industries_wrap.white {
}

    .industries_wrap.white .ind_slider_text div h2 {
        color: var(--purple);
    }

    .industries_wrap.white .ind_slider_text div h3,
    .industries_wrap.white .ind_slider_text div p {
        color: var(--blackl);
    }

.contact_img img {
    width: 100%;
}

input[type="checkbox"] + label:hover {
    color: var(--purple);
}

input[type="checkbox"] + label:before {
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /* content: '\f00c'; */
    /* line-height: 20px; */
    border-radius: 0;
    background-color: #fff;
    color: #fff;
    box-shadow: inset 0 0 0 1px #666565, inset 0 0 0 16px #fff, inset 0 0 0 16px #44bb6e;
}

input[type="checkbox"] + label:hover:before {
    color: #fff;
    animation-duration: 0.5s;
    animation-name: change-size;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    box-shadow: inset 0 0 0 1px #44bb6e, inset 0 0 0 16px #fff, inset 0 0 0 16px #44bb6e;
}

input[type="checkbox"]:checked + label:before {
    background-color: #c3c3c3;
    color: #fff;
    animation-duration: 0.2s;
    animation-name: select-checkbox;
    animation-iteration-count: 1;
    animation-direction: Normal;
    box-shadow: inset 0 0 0 1px #44bb6e, inset 0 0 0 0 #fff, inset 0 0 0 16px #44bb6e;
}

.form_wrap {
}

    .form_wrap .form_left {
        width: 63%;
    }

        .form_wrap .form_left h3 {
            font-size: 38px;
            line-height: 1.4;
        }

        .form_wrap .form_left input {
            border: none;
            border-bottom: 1px solid;
            text-align: center;
            font-size: 22px;
        }

        .form_wrap .form_left .radio_sec {
            position: relative;
            display: flex;
            align-items: center;
        }

    .form_wrap .form_right {
        width: 22%;
    }

.form-flex {
    display: flex;
    justify-content: space-between;
}

.form_wrap .form_left .radio_sec label {
    cursor: pointer;
    /* position: absolute; */
    /* left: 0; */
    transition: all .5s;
    /* padding-left: 30px; */
    width: 60%;
    line-height: 1;
    margin: 0 1vw;
}

input#featured-6 {
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.form_wrap .form_right > div {
    display: flex;
    align-items: center;
    margin-bottom: .8vw;
}

    .form_wrap .form_right > div h2 {
        margin-left: 12px;
        font-size: 20px;
        color: var(--blackl);
        opacity: .6;
    }

.form_wrap .form_right h3 {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 3vw;
}

.form_wrap .form_right > .contact_social {
}

    .form_wrap .form_right > .contact_social a {
        margin-right: 1.5vw;
    }

        .form_wrap .form_right > .contact_social a img {
            width: 80%;
        }


.subscribe_wrap {
    background: #4C0099;
    padding: 8vw 5vw;
    display: flex;
    justify-content: space-between;
}

    .subscribe_wrap .sub_left {
        width: 48%;
    }

    .subscribe_wrap .sub_right {
        width: 46%;
        position: relative;
        padding-left: 5vw;
    }

        .subscribe_wrap .sub_right h4 {
            font-size: 32px;
            color: var(--white);
            line-height: 1;
            margin-bottom: 1vw;
        }

        .subscribe_wrap .sub_right > p {
            font-size: 22px;
            color: var(--white);
            margin-bottom: 3vw;
        }

        .subscribe_wrap .sub_right .sub_btn {
            position: relative;
            width: 85%;
        }

            .subscribe_wrap .sub_right .sub_btn input {
                background: transparent;
                border: none;
                border-bottom: 1px solid #ffffff4a;
                font-size: 20px;
                width: 100%;
                padding: 15px 0 16px 0;
                color: #fff;
            }

            .subscribe_wrap .sub_right .sub_btn .spark-btn {
                position: absolute;
                bottom: 5px;
                right: 0;
            }

            .subscribe_wrap .sub_right .sub_btn > .spark-btn button > p,
            .subscribe_wrap .sub_right .sub_btn > .spark-btn a > p {
                font-size: 22px;
            }

            .subscribe_wrap .sub_right .sub_btn > .spark-btn button,
            .subscribe_wrap .sub_right .sub_btn > .spark-btn a {
                padding: 11px 15px;
            }

                .subscribe_wrap .sub_right .sub_btn > .spark-btn button > svg,
                .subscribe_wrap .sub_right .sub_btn > .spark-btn a > svg {
                    width: 14%;
                }

            .subscribe_wrap .sub_right .sub_btn input::placeholder {
                color: #ffffffb5;
            }

        .subscribe_wrap .sub_right::after {
            content: "";
            position: absolute;
            height: 80%;
            width: 1px;
            background: #ffffff85;
            left: 0;
            bottom: 13%;
        }

.insight_wrap {
    margin-top: 9vw;
    padding: 5vw 5vw 5vw 5vw;
}

    .insight_wrap .tabs {
        margin-bottom: 6vw;
        width: 60%;
    }

        .insight_wrap .tabs li {
            display: inline-block;
            cursor: pointer;
            font-size: 46px;
            line-height: 1.1;
            color: #1f1f1f87;
            transition: all .5s;
        }

            .insight_wrap .tabs li:hover {
                color: #000000;
                -webkit-text-stroke-width: thin;
            }

            .insight_wrap .tabs li.current {
                color: #000000;
                -webkit-text-stroke-width: thin;
            }

    .insight_wrap .tab-content {
        display: none;
    }

        .insight_wrap .tab-content.current {
            display: inherit;
        }

        .insight_wrap .tab-content .ai-in-action {
            padding: 0;
            background: #fff;
            margin-bottom: 5vw;
        }

            .insight_wrap .tab-content .ai-in-action p {
                color: var(--purple);
            }

            .insight_wrap .tab-content .ai-in-action h2 {
                color: var(--black);
            }

.work_wrap {
    margin-top: 9vw;
}

    .work_wrap h1 span {
        opacity: .5;
    }

.img_wrap img {
    width: 100%;
    display: block;
    transition: all .6s ease-in-out;
    height: auto !important;
}

.project-wrap .img_wrap img:hover {
    transform: scale(1.1);
}

.first-work {
}

    .first-work .text {
        padding: 3vw 5vw 8vw 5vw;
        width: 55%;
    }

        .first-work .text h2 {
            font-size: 48px;
            font-weight: 600;
            line-height: 1;
            margin-bottom: 1.5vw;
            color: var(--blackl);
        }

        .first-work .text h5 {
            display: inline-block;
            font-size: 14px;
            color: var(--black);
            background: #E8E8E8;
            padding: 5px 14px;
            border-radius: 8px;
            transition: all .6s ease-in-out;
        }

.project-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

    .project-wrap .first-work .text {
        width: 100%;
        padding: 3vw 7vw 8vw 5vw;
    }


.project_wrap {
    margin-top: 9vw;
    padding: 5vw 5vw;
}

    .project_wrap .top_area {
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

        .project_wrap .top_area h1 {
            width: 60%;
        }

        .project_wrap .top_area div {
            width: 25%;
        }

            .project_wrap .top_area div p {
                font-size: 22px;
                color: var(--blackl);
                opacity: .7;
                margin-bottom: 12px;
                margin-top: 3vw;
                text-transform: capitalize;
            }

            .project_wrap .top_area div h2 {
                font-size: 22px;
                color: var(--blackl);
                font-weight: 600;
                margin-bottom: 10px;
            }

            .project_wrap .top_area div p:first-child {
                margin-top: 10px;
            }

.project-third {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 4vw 5vw;
}

    .project-third h2 {
        width: 30%;
    }

    .project-third div {
        width: 50%;
    }

        .project-third div h3 {
            font-size: 46px;
            line-height: 1;
            font-weight: bold;
            margin-bottom: 2vw;
            /*color:#1f1f1f;*/
        }

        .project-third div h4 {
            font-size: 46px;
            line-height: 1;
            margin-bottom: 2vw;
        }

        .project-third div p {
            font-size: 30px;
            line-height: 1;
        }

.project_anim .reveal-type {
    display: inline;
}

.project_anim {
    padding-bottom: 30vw;
    padding-top: 5vw;
    position: relative;
}

    .project_anim h3 {
        font-size: 30px;
        font-weight: 600;
        color: var(--black);
        line-height: 1;
        position: absolute;
        bottom: 5vw;
    }

.next_pr_sec {
    background: #000000;
    padding: 5vw 5vw;
}

    .next_pr_sec h3 {
        font-size: 30px;
        line-height: 1;
        color: var(--green);
        margin-bottom: 6vw;
        width: 18%;
    }

.next_pages a {
    display: block;
    font-size: 90px;
    line-height: 1;
    font-weight: bold;
    color: #F4F5F840;
    transition: all .5s ease;
}

    .next_pages a:hover {
        color: var(--white);
    }


.what-we-do-menu {
    position: absolute;
    top: -100%;
    left: 0;
    background: #4C0099;
    transition: all 1s cubic-bezier(0.9, 0.01, 0, 1) 0s;
    width: 100%;
    height: 100vh;
    z-index: -1;
    display: flex;
    align-items: center;
}

    .what-we-do-menu.active {
        top: 0;
        z-index: 11;
    }

    .what-we-do-menu .menu_left_what {
        width: 70%;
        height: 100vh;
        padding: 3vw 10vw 0 5vw;
    }

    .what-we-do-menu .right-article {
        width: 30%;
        background: #000;
        height: 100vh;
        overflow: hidden;
        padding: 0 4.5vw;
    }

        .what-we-do-menu .right-article .swiper-slide {
            text-align: center;
            font-size: 18px;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: .2;
            transition: all .5s ease;
        }

        .what-we-do-menu .right-article .menuSwiper {
            height: 100vh;
        }

.slide-menu-wrap {
    text-align: left;
}

.what-we-do-menu .right-article .menu-text p {
    font-size: 20px;
    line-height: 1;
    margin-top: 1.5vw;
    color: var(--green);
    margin-bottom: 1vw;
}

.what-we-do-menu .right-article .menu-text h2 {
    font-size: 30px;
    line-height: 1;
    color: var(--white);
}

.what-we-do-menu .right-article .swiper-slide-active {
    opacity: 1;
}

.what-we-do-menu .menu_left_what .tit {
    display: flex;
    align-items: center;
    margin-bottom: 8vw;
}

    .what-we-do-menu .menu_left_what .tit h2 {
        font-size: 36px;
        margin-right: 2vw;
        color: var(--white);
    }

.what-we-do-menu .menu_left_what .what_men_list {
    display: flex;
    place-content: space-between;
    width: 70%;
}

    .what-we-do-menu .menu_left_what .what_men_list h3 {
        font-size: 30px;
        color: var(--green);
        font-weight: 600;
        margin-bottom: 2vw;
    }

    .what-we-do-menu .menu_left_what .what_men_list li a {
        font-size: 19px;
        color: var(--white);
    }

    .what-we-do-menu .menu_left_what .what_men_list li {
        margin-bottom: 15px;
    }

.menu_close {
    position: absolute;
    right: 4.5vw;
    top: 3vw;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 1;
}

    .menu_close p {
        font-size: 20px;
        color: var(--white);
        font-weight: 600;
        margin-right: 1vw;
        line-height: 1;
    }




/*chat-gpt*/
.chat-wrap {
    /*height: 100vh;*/
    background: #1e1e1e;
}

.chat_header {
    display: flex;
    align-items: center;
    padding: 3vw 3vw;
    justify-content: space-between;
}

    .chat_header div a {
        display: flex;
        align-items: center;
    }

        .chat_header div a svg {
            background: #2AD5FF;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            padding: 10px;
            transition: all .5s ease;
        }

        .chat_header div a p {
            font-size: 23px;
            line-height: 1;
            color: #fff;
            margin-left: 25px;
            transition: all .5s ease;
        }

        .chat_header div a:hover svg {
            background: #fff;
        }

        .chat_header div a:hover p {
            color: #2AD5FF;
        }

.spark_gpt_wrap {
    position: relative;
    width: 94%;
    margin: auto;
}

.get_started {
    width: 60%;
    margin: auto;
    padding-top: 6vw;
}

    .get_started h1 {
        font-size: 60px;
        line-height: 1;
        font-weight: bold;
        color: #9747FF;
        /* border-bottom: 1px solid #ffffff94; */
        padding-bottom: 0;
        margin-bottom: 2vw;
    }

        .get_started h1 span {
            color: #fff;
        }

    .get_started p {
        font-size: 20px;
        line-height: 1.5;
        padding-right: 4vw;
        color: #fff;
    }

.chat-marquee {
    margin-top: 8vw;
}

.chat-list-wrap {
    width: 70%;
    margin-left: auto;
    padding-right: 15vw;
}

    .chat-list-wrap .chat-list {
        padding: 0px 22px;
    }

        .chat-list-wrap .chat-list.shadow {
            box-shadow: -4px 4px 30px 5px rgba(151, 71, 255, 0.35);
            padding: 22px 22px;
            border-radius: 10px;
        }

        .chat-list-wrap .chat-list .text {
        }

            .chat-list-wrap .chat-list .text h2 {
                font-size: 22px;
                font-weight: bold;
                color: #fff;
                line-height: 1;
                padding-left: 18px;
            }

        .chat-list-wrap .chat-list .icon {
            width: 42px;
            height: 42px;
        }

            .chat-list-wrap .chat-list .icon img {
            }

.width-wrap {
    padding-left: 60px;
}

    .width-wrap p {
        font-size: 22px;
        color: #ffffff;
    }

    .width-wrap .radio_button {
        width: 70%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1vw .6vw;
    }

        .width-wrap .radio_button a {
            border: 1px solid #ffffff8c;
            padding: 1vw;
            padding-right: 2vw;
            position: relative;
            border-radius: 8px;
            font-size: 20px;
            color: #fff;
        }

            .width-wrap .radio_button a.active,
            .width-wrap .radio_button a:hover {
                background: #9747FF;
                border-color: #9747FF;
            }

                .width-wrap .radio_button a.active::after,
                .width-wrap .radio_button a:hover::after {
                    opacity: 0;
                }

            .width-wrap .radio_button a::after {
                content: "";
                position: absolute;
                width: 30px;
                height: 30px;
                border: 1px solid;
                border-radius: 8px;
                top: 50%;
                opacity: 1;
                transition: all .5s ease;
                right: 5%;
                transform: translate(0, -50%);
            }

.message_spark {
    position: relative;
    bottom: 0;
}

    .message_spark input[type="text"] {
        background: none;
        width: 100%;
        border: 1px solid #ffffff29;
        background: #1F1F1F;
        font-size: 18px;
        padding: 25px 60px 25px 15px;
        color: #fff;
        border-radius: 8px;
    }

    /* .message_spark > a {
    position: absolute;
    top: 50%;
    right: 2%;
    background: rebeccapurple;
    padding: 8px;
    transform: translate(0, -50%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0 0 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
} */

    .message_spark > .msg_spark_icons {
        position: absolute;
        top: 50%;
        right: 2%;
        transform: translate(0, -50%);
        border-radius: 50%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.chat-form {
    margin-top: 4vw;
}

    .chat-form form input {
        background: none;
        border: none;
        width: 100%;
        border-bottom: 1px solid #ffffff20;
        padding-bottom: 18px;
        font-size: 18px;
        margin-bottom: 3vw;
        color: #fff;
        padding-left: 1vw;
    }

        .chat-form form input::placeholder {
            color: #ffffff50;
        }

.chat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2vw;
}

    .chat-grid .grid-wr {
    }

        .chat-grid .grid-wr img {
            width: 100%;
            display: block;
        }

        .chat-grid .grid-wr .gri_text {
        }

            .chat-grid .grid-wr .gri_text span {
                color: #ffffff80;
                font-size: 17px;
                margin-bottom: 8px;
                display: block;
                line-height: 1;
                margin-top: .8vw;
            }

            .chat-grid .grid-wr .gri_text h2 {
                font-size: 25px;
                color: #ffffff;
                line-height: 1;
            }

.radio_button.two {
    display: block;
}

    .radio_button.two > a {
        padding: 1vw 6vw 1vw 1vw;
        display: inline-block;
        margin-right: .8vw;
        margin-bottom: 1vw;
    }

.chat_header.pt0 {
    padding-top: 0;
}

.message_spark > a:hover {
    background: #fff;
}

.message_spark > a path {
    transition: all .5s ease;
}

.message_spark > a:hover path {
    stroke: #1f1f1f;
}

.home_whatwedo .whatwedo-text .btns a:hover {
    background: rgba(52, 215, 255, 0.957);
}

.sp-button a:hover {
    /* background: rgba(52, 215, 255, 0.957); */
    border-color: rgba(52, 215, 255, 0.957);
}

    .sp-button a:hover p {
        color: var(--purple);
    }

    .sp-button a:hover svg {
        stroke: #fff;
    }

.spark-btn button:after,
.spark-btn a:after {
    background: var(--purple);
}

.subscribe_wrap .sub_right .sub_btn .spark-btn a:hover {
    background: #b266ff;
}

.first-work .text h5:hover {
    background: #9747ff;
    color: #fff;
}

input[type=checkbox] {
    accent-color: #4C0099;
}

.category_new {
    width: 100% !important;
}

    .category_new h3 {
        width: 75%;
        font-size: 55px !important;
    }

.right-category {
    width: 10%;
    height: auto;
    position: absolute;
    right: 0;
    top: 12vw;
    z-index: 3;
}

.select-menu svg {
    transition: all .4s ease-in-out;
}

.select-menu.active svg {
    transform: rotate(-180deg);
}

.right-category .select-menu .select-btn {
    display: flex;
    background: #fff;
    padding: 0;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    margin-bottom: 1vw;
}

.right-category .select-menu .options {
    max-height: 295px;
    background: #fff;
    border: solid 1px rgba(0,0, 0, .1);
    -webkit-animation-name: fadeInDown;
    animation-duration: 0.35s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.35s;
    -webkit-animation-fill-mode: both;
}

    .right-category .select-menu .options li {
        display: flex;
        cursor: pointer;
        margin: 0 1vw;
        align-items: center;
        background: #fff;
        border-bottom: solid 1px rgba(0,0, 0, .1);
        padding: 1vw 0;
    }

        .right-category .select-menu .options li:hover {
            color: var(--purple);
        }

        .right-category .select-menu .options li .option-text {
            font-size: 16px;
            color: #1F1F1F;
            font-weight: 300;
        }

        .right-category .select-menu .options li:last-child {
            border: 0;
        }

.right-category .select-menu.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 30px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
}

.select-menu.active svg {
    transform: rotate(-180deg);
}

.category_sec {
    position: relative;
    z-index: 5;
    display: flex;
    grid-gap: 10px;
}

    .category_sec p {
        background: #E8E8E8;
        padding: 5px 16px;
        border-radius: 5px;
        font-size: 14px !important;
        font-weight: 700 !important;
        cursor: default;
        margin: 0 !important;
    }

.pick_sec {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 4vw;
}

    .pick_sec .left {
        display: flex;
        align-items: center;
        grid-gap: 1vw;
    }

        .pick_sec .left a {
        }

            .pick_sec .left a svg {
            }

    .pick_sec .right {
    }

        .pick_sec .right .right-category {
            top: 0;
            width: 15%;
            right: 1vw;
        }

            .pick_sec .right .right-category .select-btn {
            }
/*chat-gpt*/


/* new css */
.bacm_sec {
    background: #F4F5F8;
}

    .bacm_sec .our_guiding_slide {
    }

        .bacm_sec .our_guiding_slide .bacmSwiper {
        }

    .bacm_sec .swiper-wrapper {
        padding: 0;
    }

    .bacm_sec .our_guiding_slide .bacmSwiper .swiper-slide {
    }

        .bacm_sec .our_guiding_slide .bacmSwiper .swiper-slide .mang_sec {
            display: flex;
            grid-gap: 2vw;
        }

            .bacm_sec .our_guiding_slide .bacmSwiper .swiper-slide .mang_sec .left {
                padding: 0;
            }

                .bacm_sec .our_guiding_slide .bacmSwiper .swiper-slide .mang_sec .left .img {
                }

                    .bacm_sec .our_guiding_slide .bacmSwiper .swiper-slide .mang_sec .left .img img {
                    }

            .bacm_sec .our_guiding_slide .bacmSwiper .swiper-slide .mang_sec .right {
                display: initial;
                padding: 0;
            }

                .bacm_sec .our_guiding_slide .bacmSwiper .swiper-slide .mang_sec .right h2 {
                    font-size: 38px;
                    color: var(--black);
                    line-height: 1.1;
                }

                .bacm_sec .our_guiding_slide .bacmSwiper .swiper-slide .mang_sec .right p {
                    margin: 0;
                    color: var(--black);
                    font-size: 22px;
                    line-height: 32px;
                }

.otp_sec {
    width: 85%;
}

    .otp_sec h2 {
        font-size: 88px;
        line-height: 1;
        font-weight: 700;
        margin-bottom: 2vw;
    }

        .otp_sec h2 span {
            color: #4C0099;
        }

    .otp_sec h3 {
        font-size: 28px;
        line-height: 1;
    }

.tjs_sec {
    width: 100%;
    background-color: #4C0099;
    padding: 6vw;
}

    .tjs_sec .spark-btn a:hover {
        background: #2AD5FF;
    }

.benefits-holder .left {
    width: 35%;
}

.benefits-holder .right {
    width: 65%;
}

    .benefits-holder .right .benefitSwiper .box {
        display: flex;
        flex-direction: column;
        grid-gap: 2vw;
        align-items: center;
        height: 100%;
        border-top: solid #000 1px;
        justify-content: space-between;
    }

        .benefits-holder .right .benefitSwiper .box .img {
            width: 55%;
        }

            .benefits-holder .right .benefitSwiper .box .img img {
                width: 100%;
            }

        .benefits-holder .right .benefitSwiper .box h3 {
            font-size: 32px;
            line-height: 1;
            font-weight: 700;
            text-align: center;
        }

    .benefits-holder .right .swiper-wrapper {
    }

        .benefits-holder .right .swiper-wrapper .swiper-slide {
            height: auto;
        }

.bacm_sec .serviceSwiper .swiper-wrapper .swiper-slide h3 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 2vw;
    color: #4C0099;
    font-weight: 600;
    min-height: 100px;
}

.bacm_sec .our_guiding_slide .serviceSwiper {
    width: 80%;
}

    .bacm_sec .our_guiding_slide .serviceSwiper .swiper-slide .mang_sec .right > h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .bacm_sec .our_guiding_slide .serviceSwiper .swiper-slide .mang_sec .left .img {
        width: 35px;
    }

        .bacm_sec .our_guiding_slide .serviceSwiper .swiper-slide .mang_sec .left .img img {
            width: 100%;
        }

    .bacm_sec .our_guiding_slide .serviceSwiper .swiper-slide .mang_sec {
        grid-gap: 1vw;
    }

        .bacm_sec .our_guiding_slide .serviceSwiper .swiper-slide .mang_sec .right > p {
            margin-bottom: 3vw;
            font-weight: 400;
        }

.serviceSwiper .slider_btn {
}

    .serviceSwiper .slider_btn a {
        grid-gap: 10px;
    }

        .serviceSwiper .slider_btn a p {
            color: #4C0099 !important;
        }

        .serviceSwiper .slider_btn a svg path {
            stroke: var(--purple);
        }

.discover_mian {
}

.discover_sec {
    align-items: center;
    height: 100vh;
    /* padding-top: 10vw; */
    /* padding: 8% 0; */
    /*background: red;*/
}

    .discover_sec .img {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: auto;
        position: absolute;
        top: 20%;
    }

        .discover_sec .img img,
        .discover_sec .img canvas {
            width: 100%;
        }

    .discover_sec .discoverSwiper {
        width: 35%;
        margin: auto;
        height: 100%;
    }

        .discover_sec .discoverSwiper .swiper-wrapper {
            padding: 0;
            padding-top: 28%;
        }

            .discover_sec .discoverSwiper .swiper-wrapper .swiper-slide {
                display: flex;
                align-items: center;
            }

                .discover_sec .discoverSwiper .swiper-wrapper .swiper-slide .dis {
                    display: flex;
                    grid-gap: 1vw;
                }

                    .discover_sec .discoverSwiper .swiper-wrapper .swiper-slide .dis h3 {
                        font-size: 36px;
                        line-height: 1;
                    }

                    .discover_sec .discoverSwiper .swiper-wrapper .swiper-slide .dis .info {
                    }

                        .discover_sec .discoverSwiper .swiper-wrapper .swiper-slide .dis .info h2 {
                            font-size: 40px;
                            line-height: 1;
                            color: #4C0099;
                            font-weight: 700;
                            margin-bottom: 1vw;
                        }

                        .discover_sec .discoverSwiper .swiper-wrapper .swiper-slide .dis .info p {
                            font-size: 20px;
                            line-height: 24px;
                            color: #000000;
                        }

.artical_wrap .top_area div {
    width: auto;
}

.articcal_paras {
    padding: 3vw 5.5vw 7vw;
}

    .articcal_paras .per_info {
        display: flex;
        align-items: flex-start;
        width: 57%;
        grid-gap: 10px;
        margin-bottom: 7vw;
    }

        .articcal_paras .per_info img {
        }

        .articcal_paras .per_info div {
        }

            .articcal_paras .per_info div p {
                font-size: 22px;
                line-height: 32px;
            }

    .articcal_paras h2 {
        font-size: 44px;
        line-height: 50px;
        font-weight: 700;
        width: 56%;
        margin: 0 0 0 auto;
        color: #000;
    }

.key_sec {
    background: #000000;
    color: #ffff;
    padding: 6vw;
    margin-bottom: 5vw;
}

    .key_sec > h3 {
        font-size: 30px;
        color: var(--purple);
        font-weight: 600;
        margin-bottom: 1vw;
    }

    .key_sec > h2 {
        font-size: 80px;
        color: var(--white);
        font-weight: 600;
        margin-bottom: 2vw;
        line-height: 1;
    }

    .key_sec > p {
        line-height: 32px;
        font-size: 22px;
        color: var(--white);
        font-weight: 400;
        width: 65%;
        margin-bottom: 4vw;
    }

.key_swiper {
}

    .key_swiper .keySwiper {
    }

        .key_swiper .keySwiper .box {
            height: 100%;
            display: flex;
            flex-direction: column;
            grid-gap: 1.5vw;
            justify-content: space-between;
        }

        .key_swiper .keySwiper .swiper-slide {
            height: auto !important;
        }

        .key_swiper .keySwiper .box .img {
            display: flex;
            align-items: end;
        }

        .key_swiper .keySwiper .box img {
        }

        .key_swiper .keySwiper .box h3 {
            font-size: 34px;
            color: var(--white);
            font-weight: 700;
            line-height: 40px;
            margin-bottom: 1vw;
        }

        .key_swiper .keySwiper .box p {
            font-size: 21px;
            line-height: 28px;
        }

        .key_swiper .keySwiper .box div {
            height: 30vh;
        }

.visusl_sec {
    padding: 0 5vw 0 0;
    width: 55%;
    margin: 0 0 10vw auto;
}

    .visusl_sec > h2 {
        font-size: 44px;
        color: var(--black);
        font-weight: 700;
        margin-bottom: 2vw;
        line-height: 1;
    }

    .visusl_sec > p {
        font-size: 22px;
        color: var(--black);
        font-weight: 400;
        margin-bottom: 7vw;
        line-height: 32px;
        padding-right: 4vw;
    }

    .visusl_sec .list_sec {
        width: 65%;
        padding: 0 0 0 2vw;
    }

        .visusl_sec .list_sec .list {
            margin-bottom: 2.5vw;
        }

            .visusl_sec .list_sec .list h2 {
                font-size: 36px;
                line-height: 1;
                font-weight: 600;
                margin-bottom: 1vw;
                color: var(--blackl);
                position: relative;
            }

                .visusl_sec .list_sec .list h2:before {
                    content: "";
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    background: var(--bs-cyan);
                    left: -2vw;
                    border-radius: 4px;
                    top: 10px;
                }

            .visusl_sec .list_sec .list p {
                font-size: 22px;
                color: var(--black);
                font-weight: 400;
                line-height: 32px;
            }



.view_slider {
    position: relative;
    z-index: 1;
    padding: 0 0 0 6vw;
    margin-bottom: 0;
}
    /* .pin-spacer {
    margin: 0 !important;
} */
    .view_slider .text {
    }

        .view_slider .text h2 {
            font-size: 80px;
            color: var(--blackl);
            font-weight: 600;
            margin-bottom: 2vw;
            line-height: 1;
        }

        .view_slider .text h3 {
            font-size: 30px;
            font-weight: 600;
            margin-bottom: 1vw;
        }

        .view_slider .text p {
            font-size: 22px;
            line-height: 1;
            line-height: 32px;
        }

    .view_slider .text {
        padding: 0;
        margin-bottom: 5vw;
        width: 55%;
    }

    .view_slider img {
        width: 100%;
        display: block;
        margin-bottom: 1.5vw;
    }

    .view_slider .view_slider {
    }

.main_achieving .achieving_sec .text > div {
    padding-right: 0;
}

.main_achieving {
    position: relative;
    background: transparent;
    padding-bottom: 5vw;
    margin-bottom: 10vw;
    object-fit: cover;
    background-repeat: no-repeat;
    display: inline-table;
}

.swiper-infos .swiper-slide {
}

.swiper-infos .box {
    width: 100%;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.1);
    padding: 3vw 2vw;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 300px;
    justify-content: space-between;
}

    .swiper-infos .box h2 {
        color: #BA8A3B;
        line-height: 40px;
        font-size: 86px;
        font-weight: 700;
        font-family: 'Figtree';
    }

        .swiper-infos .box h2 .number {
            display: flex;
            align-items: baseline;
        }

        .swiper-infos .box h2 span {
        }

        .swiper-infos .box h2 p {
            font-size: 20px;
            color: #fff;
            font-weight: 400;
            margin: 0;
            /* text-transform: uppercase; */
        }

    .swiper-infos .box p {
        font-size: 20px;
        color: #fff;
        width: 60%;
        margin: 0;
        font-family: 'Fedra Sans Pro';
        font-weight: 400;
    }

.horizontalScroller {
    height: 100vh;
    position: relative;
    z-index: 2;
}

.horizontalScroller__intro {
    margin-bottom: 1.5rem;
    color: #FFFFFF;
}

.horizontalScroller__header {
    margin-bottom: 1rem;
}

.horizontalScroller__scroll {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.horizontalScroller__images {
    display: flex;
    align-items: center;
    grid-gap: 2vw;
}

.horizontalScroller__item {
    width: 450px;
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
}

.horizontalScroller__image {
    width: 70%;
    object-fit: fill;
    margin: 0 auto;
}

.plan {
}

    .plan h2 {
        font-size: 32px;
        line-height: 36px;
        color: var(--blackl);
        font-weight: 700;
    }

    .plan p {
        font-size: 28px;
        color: var(--blackl);
        line-height: 1;
        font-weight: 400;
        margin-bottom: 1vw;
    }

.paper_sec {
}

    .paper_sec h2 {
        font-size: 44px;
        line-height: 1;
        font-weight: 700;
        margin-bottom: 1vw;
        color: var(--black);
    }

    .paper_sec p {
        font-size: 22px;
        line-height: 32px;
    }

    .paper_sec .video_sec {
        padding: 0;
        width: 100%;
        position: relative;
    }

    .paper_sec > div {
        padding: 0 0 0 5vw;
        width: 54%;
        margin-bottom: 5vw;
    }

    .paper_sec .video_sec a {
    }

        .paper_sec .video_sec a img {
            width: 100%;
            display: block;
        }

        .paper_sec .video_sec a .play_btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(151, 71, 255, .7);
            width: 200px;
            height: 200px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all .6s ease-in-out;
        }

            .paper_sec .video_sec a .play_btn svg {
                width: 80px;
                height: 80px;
                display: flex;
                align-items: center;
                transform: translate(-50%, -50%);
                justify-content: center;
                position: absolute;
                top: 50%;
                left: 55%;
            }

            .paper_sec .video_sec a .play_btn:hover {
                background: var(--purple);
            }

.for-mobile-tablet {
    display: none;
}

.sub_menu {
    position: relative;
    width: 100%;
    display: none;
    padding-top: 24px;
}

    .sub_menu.new_show {
        display: block;
    }

.what-we-do-menu .menu_left_what .what_men_list li svg {
    transition: all .7s ease;
}

.what-we-do-menu .menu_left_what .what_men_list li.active svg {
    transform: rotate(180deg);
}

.menu_click.new_show .sub_menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.what-we-do-menu .menu_left_what .what_men_list li .item {
    display: flex;
    grid-gap: 1vw;
}

.menu_click {
    cursor: pointer;
}

.sub_menu ul li a {
    color: rgba(255, 255, 255, .5) !important;
}

.ind_black_banner {
    background: rgba(0, 0, 0, 1) !important;
}

    .ind_black_banner h2,
    .ind_black_banner h1 {
        color: rgba(255, 255, 255, 1) !important;
        font-size: 60px;
    }

    .ind_black_banner p {
        color: rgba(255, 255, 255, 1) !important;
        font-size: 60px;
    }

    .ind_black_banner .ai-head h4 {
        color: rgba(42, 213, 255, 1) !important;
    }

.adress_main {
    margin-top: 4.5vw;
    border-top: 1px solid var(--blackl);
    margin-bottom: 4.5vw;
    margin-left: 7vw;
}

.our-culture.Challenges_opportunitites {
    padding-left: 7vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
}

.Challenges_opportunitites .culture-left h3 {
    font-weight: 500;
}

.Challenges_opportunitites .culture-left h2 {
    font-size: 5vw;
}

.Challenges_opportunitites .culture-left p {
    font-size: 1.9vw;
    width: 70%;
    line-height: 1.2;
}

.sp_case_study .sp-head3 {
    width: 80%;
    margin: auto;
}

.partners .sp-head {
    width: 75%;
    margin: auto;
    margin-bottom: 8vw;
}

.who-we-img .who-we-img-text h2.sp-head {
    width: 75%;
    margin-bottom: 5vw !important;
}

.industries_wrap h2.sp-head {
    width: 65%;
    margin-bottom: 4vw;
}

/* contact us */

.new_form.flex {
    padding: 0 5vw;
    grid-gap: 7vw;
}

.form_left p {
    font-size: 20px;
    padding-right: 10vw;
    padding-bottom: 1vw;
    line-height: 1.4;
    font-family: 'Proxima Nova lt';
    font-weight: 600;
}

.form_left {
    width: 50%;
    flex: 1;
}

.form_right {
    width: 50%;
    font-family: 'Proxima Nova lt';
}

.form_left h2 {
    font-size: 5vw;
    line-height: 1;
    color: rgba(76, 0, 153, 1);
}

.main_info h2 {
    font-size: 21px;
    font-weight: 700;
    padding-bottom: 2vw;
    color: #1f1f1f;
}

.info_box input {
    border-bottom: 1px solid rgba(152, 152, 152, 0.45);
    width: 100%;
    padding-bottom: 20px;
    font-size: 18px;
    transition: .5s all ease-in-out;
}

.info_box textarea {
    border-bottom: 1px solid rgba(152, 152, 152, 0.45);
    width: 100%;
    padding-bottom: 20px;
    font-size: 19px;
    height: 150px;
    transition: .5s all ease-in-out;
    resize: none;
}

.info_box input::placeholder {
    color: rgba(31, 31, 31, 1);
    font-size: 19px;
}

.info_box input:focus {
    border-bottom-color: var(--purple);
}

.info_box textarea:focus {
    border-bottom-color: var(--purple);
}

.info_box textarea::placeholder {
    color: rgba(31, 31, 31, 1);
    font-size: 19px;
}

.info_box textarea:focus {
    outline: none;
}

.info_box {
    grid-gap: 5vw;
    margin-bottom: 3vw;
}

.interst_boxs {
    display: flex;
    gap: 1vw;
    flex-wrap: wrap;
    margin-bottom: 2vw;
}

.cat {
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid rgba(217, 217, 217, 1);
    overflow: hidden;
    float: left;
    text-align: center;
}

    .cat label {
        width: 100%;
        cursor: pointer;
    }

        .cat label input {
            position: absolute;
            display: none;
            color: #fff !important;
        }

        .cat label span {
            text-align: center;
            padding: 20px 27px;
            display: block;
            transition: .3s all ease-in-out;
            font-size: 19px;
            font-weight: 700;
        }

input[type=checkbox] {
    -webkit-appearance: checkbox;
}

.action input:checked + span {
    background-color: rgba(76, 0, 153, 1);
}

.cat input:checked + span {
    color: #fff !important;
}

.info_box.check_info input[type="checkbox"] {
    width: 35px;
    height: 35px;
    position: relative;
    display: block;
    border-color: rgba(0, 0, 0, 0.4);
}

.info_box.check_info label {
    grid-gap: 1vw;
    align-items: center;
}

.info_box.check_info span {
    font-size: 14px;
    line-height: 1.1;
}

.contact_boxs {
    margin-top: 5vw;
    font-family: 'Proxima Nova lt';
}

.contact_box {
    display: flex;
    flex-direction: column;
    padding-bottom: 3vw;
}

.arrow_head {
    display: inline-flex;
    align-items: center;
    padding-bottom: 1vw;
    width: fit-content;
    grid-gap: 10px;
}

    .arrow_head span {
        font-size: 20px;
        line-height: 1;
        color: #A5A5A5;
    }

.contact_box.visi a {
    font-size: 24px;
    line-height: 1.2;
    width: 50%;
    transition: .5s all ease-in-out;
    color: #2d2d34;
}

    .contact_box.visi a:hover {
        color: var(--purple);
    }

.contact_box a {
    font-size: 20px;
    line-height: 1.2;
    transition: .5s all ease-in-out;
    color: #2d2d34;
}

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

.cal_mail {
    grid-gap: 5vw;
}

.social_icons {
    grid-gap: 1.5vw;
}

.contact_box a svg {
    fill: #1F1F1F;
    transition: .5s all ease-in-out;
}

    .contact_box a svg:hover {
        fill: var(--purple);
    }

.spark_gpt_wrap .get_started {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    padding-top: 0;
}

.gpt_icon .bubble-loader {
    width: 40%;
    margin: auto;
}

.message_spark > .msg_spark_icons > a {
    margin-right: 10px;
    background: #fff;
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .5s ease;
}

    .message_spark > .msg_spark_icons > a:hover {
        background: #9747FF;
    }

    .message_spark > .msg_spark_icons > a > svg {
        width: 20px;
        height: 20px;
        transition: all .5s ease;
    }

    .message_spark > .msg_spark_icons > a:last-child {
        background: #9747FF;
    }

        .message_spark > .msg_spark_icons > a:last-child:hover path {
            fill: #9747FF;
        }

        .message_spark > .msg_spark_icons > a:last-child:hover {
            background: #fff;
        }

    .message_spark > .msg_spark_icons > a:hover path {
        fill: #fff;
    }


.spark_gpt_list > ol {
    padding-left: 5vw;
    margin-bottom: 2vw;
}

    .spark_gpt_list > ol > li {
        font-size: 22px;
        color: #ffffff;
        position: relative;
        list-style: auto;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

.spark_gpt_list > ul > li {
    font-size: 22px;
    color: #fff;
    font-family: 'Proxima Nova LT';
    list-style: disc;
    margin-bottom: 10px;
    line-height: 1.2;
}

.spark_gpt_list > ul {
    padding-left: 5vw;
    margin-bottom: 3vw;
}

.spark_gpt_list > ol > li::after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    content: "";
}

.spark_gpt_list h3 {
    font-size: 22px;
    color: #fff;
    font-family: 'Proxima Nova Lt';
    padding-left: 2vw;
}

.what_we {
    width: 80%;
}

.ww_slider_btn {
    position: absolute;
    top: 5%;
    right: 3%;
    transition: all .5s ease-in-out;
}

    .ww_slider_btn a {
        display: flex;
        width: 70px;
        height: 70px;
        align-items: center;
        background: rgba(151, 71, 255, 1);
        justify-content: center;
        border-radius: 50px;
        transition: all .5s ease-in-out;
    }

        .ww_slider_btn a:hover {
            background: rgba(52, 215, 255, 0.957);
        }

    .ww_slider_btn svg {
        width: 35px;
        height: 35px;
    }

.whatWeDoSwiper {
    /*height: 90vh;*/
}

.solution_journey .sp-head {
    margin-bottom: 16vw;
}

.what-we-do-menu .right-article .menu-text h2 {
    font-size: 26px;
}

.what-we-do-menu .menu_left_what .what_men_list > ul {
    padding-right: 3%;
}

.home_whatwedo {
    margin-top: 0 !important;
    padding-top: 5vw !important;
}

form.sub_btn {
    position: relative;
}

    form.sub_btn > p {
        position: absolute;
    }

.sl_swiper_text div h3 {
    top: 30px
}

.sp-bottom-menu .main_scr_menu ul li h3 br {
    display: none;
}

.getStartedSwiper .swiper-slide {
    height: auto;
}

    .getStartedSwiper .swiper-slide .box {
        height: 100%;
    }

.clr {
    color: red;
}

.subscribe-form p {
    position: absolute;
    bottom: -30px;
}

.whatWeDoSwiper .swiper-tab {
    white-space: nowrap;
}

.videoBlock_main {
    min-height: 100vh;
    position: relative;
    z-index: 1;
    will-change: transform;
}

.customer_experince .ai-head img {
    width: 100px;
    height: 100px;
}

/* .Innovation-swiper div:nth-child(1) {
    z-index: -1;
} */

/*

section#sectionwhatWeDoSwiper {
    height: 90vh;
}*/

.beyound_pin .horizontalScroller {
    padding-bottom: 0;
}

.swiper-infos .swiper-slide h2 {
    font-size: 1.5vw;
    margin-bottom: 1vw;
    font-weight: 400;
    line-height: 1.2;
}

.swiper-infos .swiper-slide p {
    font-size: 1.2vw;
    font-weight: bold;
    line-height: 1.8;
}

.beyound_pin .horizontalScroller__images {
    align-items: start;
    grid-gap: 5vw;
}

.beyound_pin .horizontalScroller__item {
    width: 500px;
}

.beyound_pin2 .horizontalScroller__item {
    width: 1050px;
}

.new_pin_slider .horizontalScroller,
.beyound_pin .horizontalScroller {
    align-items: center;
    display: flex;
}

.mobile_hide {
    display: none;
}

.beyound_sec .beyoundSwiper {
    display: none;
}

.spark-btn button:after,
.spark-btn a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    scale: .5;
    height: 100%;
    background: var(--purple);
    border-radius: 50px;
    z-index: -1;
    transition: all .5s ease;
}

.tjs_sec .spark-btn a:after {
    background: #2AD5FF;
}

.ind_slider_text div .slider_btn a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    bottom: 0;
    left: -100%;
    transition: all .5s ease;
}

.ind_slider_text div .slider_btn a:hover::after {
    left: 0;
}

.sl-after-pag .sl-after-wrap div:first-child {
    margin-bottom: 10px;
}

.solution_slider .swiper.mySL .swiper-slide:hover .sl-slide-mg-wrap div img {
    scale: 1.1;
}

.input-holder,
.info_box {
    position: relative;
}

    .info_box > div {
        width: 50%;
    }

label.error {
    position: absolute;
    bottom: -30px;
    color: red;
    left: 0;
    width: 100%
}

.form-message {
    padding-top: 20px;
    margin-bottom: 50px;
}

    .form-message p {
        font-size: 24px
    }

.subscribe_wrap .sub_right .form-message,
.sub-message.form-message {
    text-align: left
}

    .subscribe_wrap .sub_right .form-message p,
    .sub-message p {
        font-size: 20px;
    }

    .subscribe_wrap .sub_right .form-message p {
        color: #fff
    }

/*new*/
/*.how-get-started {
    height: auto !important;
}*/


.sl-after-pag .sl-after-wrap > div p {
    font-size: 18px;
}

.swiper-infos .swiper-slide img {
    margin-bottom: 1vw;
    width: 10%;
    height: auto;
}

.sl-after-pag .sl-after-wrap img {
    transition: none;
}

.service_pin_slider .sl_slider_wrap a div h2 {
    font-size: 40px;
}

.sl_swiper_text > p {
    font-size: 20px;
}

.discover_sec .discoverSwiper .swiper-wrapper .swiper-slide .dis h3 {
    white-space: nowrap;
}

.ind_slider_text div h2 {
    font-size: 45px;
}

.sl_swiper_text div h2 {
    font-size: 50px;
}

.ind_slider_text div > p {
    font-size: 22px;
}

.what-we-do-menu .right-article .menu-text h2 {
    font-size: 18px;
}

.who-we-img .who-we-img-text {
    width: 60%;
}

.weareteam img {
    opacity: 1;
}

.case_wrap .case-top {
    width: 100%;
}

.case_wrap .pin-img {
    top: 53%;
    width: 70% !important;
}

.card.case_wrap .case_hover img {
    filter: brightness(0.6);
}



.search_result_main input {
    font-family: 'Proxima Nova Rg';
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    transition: all 1s ease;
    color: rgba(31, 31, 31, 1);
    font-weight: 700;
}

    .search_result_main input:focus {
        color: rgba(31, 31, 31, 1);
        background: transparent;
        border-color: rgba(0, 0, 0, 1);
    }

    .search_result_main input::placeholder {
        color: rgba(31, 31, 31, 1);
        opacity: 1;
    }

    .search_result_main input:-ms-input-placeholder {
        color: rgba(31, 31, 31, 1);
    }

    .search_result_main input::-ms-input-placeholder {
        color: rgba(31, 31, 31, 1);
    }

.search_result_main .not-search-result ul li a {
    color: rgba(187, 187, 187, 1);
}

    .search_result_main .not-search-result ul li a:hover {
        color: rgba(31, 31, 31, 1);
    }

.search_result_main .sm-search:after {
    background-color: #4C0099;
}

.search_result_main .sm-search:hover svg {
    fill: #fff;
    stroke: transparent;
}

.search-input-holder form {
    width: 100%;
}

.search_main_results .ai-in-action .bottom-action > div a > div {
    margin-bottom: 15px;
}

.whatwethink .home-bolgs .righ a {
    width: 50%;
}



.searchResulHolder {
    margin-top: 16vw;
}

.results-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    font-size: 20px;
    font-family: 'Proxima Nova Rg';
}

    .results-header h2 {
        color: rgba(31,31, 31, .4);
    }

    .results-header p {
        color: rgba(31,31, 31, 1);
    }

    .results-header strong {
        color: rgba(31,31, 31, .5);
        font-weight: 700;
    }

    .results-header p a {
        color: rgba(31,31, 31, .5);
        transition: all .7s ease;
        font-weight: 700;
    }

        .results-header p a:last-child {
            margin-right: 0;
        }

        .results-header p a:hover {
            color: #9747FF;
        }

    .results-header .right a {
        margin: 0 10px;
    }

.result-card {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    padding-bottom: 0;
    padding-right: 20%;
}

    .result-card:last-child {
        border-bottom: none;
    }

    .result-card .thumbnail img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 0;
    }

    .result-card .info {
        flex: 1;
    }

    .result-card .thumbnail {
        width: 25%;
    }

    .result-card .info {
        width: 75%;
    }

    .result-card .category a {
        transition: all .7s ease;
        color: rgba(76, 0, 153, 1);
    }

        .result-card .category a:hover {
            color: #9747FF
        }

    .result-card .category {
        font-size: 18px;
        font-weight: 600;
        color: rgba(76, 0, 153, 1);
        margin-bottom: 5px;
        text-transform: uppercase;
        font-family: 'Proxima Nova Lt';
        margin: 0 0 10px;
    }

    .result-card .info h3 {
        font-size: 34px;
        font-weight: bold;
        margin: 0 0 10px;
        line-height: 1;
        font-family: 'Proxima Nova Rg';
    }

    .result-card .info p {
        font-size: 18px;
        color: rgba(152, 152, 152, 1);
        margin: 0;
        font-family: 'Proxima Nova Rg';
        width: 50%;
    }

.result-card {
    color: #2d2d34;
}

.discover_sec .img canvas {
    position: absolute;
    opacity: 0;
}

.sp_header.on-scroll .sp-bottom-menu.active {
    background: #000;
}

.what-we-do-menu {
    visibility: hidden;
}

    .what-we-do-menu.active {
        visibility: visible;
    }

.sl_swiper_text div h2 {
    font-size: 50px;
}

.sl_swiper_text > p {
    margin-bottom: 1vw;
}

.sl_swiper_text ul {
    margin-bottom: 2vw;
}

.subscribe_wrap .sub_right:after {
    display: none;
}

.subscribe_wrap .sub_right i {
    position: absolute;
    height: 80%;
    width: 1px;
    background: #ffffff85;
    left: 0;
    bottom: 13%;
}

.beyound_pin .horizontalScroller__item {
    width: inherit !important;
    flex: 0 0 40%;
}





/*new changes for services*/

.customer_list .cus_right {
    width: 100%;
    justify-content: end;
    justify-content: space-between;
}

.customer_experince .ai-head h4 span {
    line-height: 1
}

.benefits-holder_ne {
    padding: 6vw 5vw 8vw;
}

    .benefits-holder_ne .right {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 4vw;
    }

        .benefits-holder_ne .right .new_serv {
            position: relative;
            padding-top: 3vw;
            padding-right: 2vw;
        }

            .benefits-holder_ne .right .new_serv i {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #A3A8B6;
            }

            .benefits-holder_ne .right .new_serv h3 {
                font-size: 42px;
                font-family: 'Proxima Nova Lt';
                line-height: 1;
                margin-right: 20px;
                position: relative;
                top: 5px;
            }

            .benefits-holder_ne .right .new_serv h4 {
                font-size: 30px;
                line-height: 1;
                font-weight: bold;
                color: #4c0099;
            }

            .benefits-holder_ne .right .new_serv > div {
                display: flex;
                align-items: baseline;
            }

    .benefits-holder_ne .left {
        margin-bottom: 6vw;
    }

.what_we_del {
    padding: 6vw 5vw 8vw;
}

    .what_we_del .grip_ser {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 2.2vw 0 4.5vw;
        position: relative
    }

        .what_we_del .grip_ser i {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 1px;
            background: #A3A8B6;
        }

        .what_we_del .grip_ser > div {
            display: flex;
            align-items: center;
            width: 30%;
        }

            .what_we_del .grip_ser > div svg {
                height: 60px;
                width: 40px;
                min-width: 55px;
            }

            .what_we_del .grip_ser > div h2 {
                font-size: 45px;
                line-height: 1;
                padding-left: 2vw;
                color: #4C0099;
            }

            .what_we_del .grip_ser > div p {
                font-size: 30px;
                line-height: 1;
                color: #1f1f1f;
                font-family: 'Proxima Nova Rg';
            }

            .what_we_del .grip_ser > div:nth-child(1) {
                width: 60%;
            }

        .what_we_del .grip_ser:last-child {
            border: none;
        }

.serve_img img {
    width: 100%;
    display: block;
}

.serve_img {
    position: relative;
}

    .serve_img .serve_content {
        position: absolute;
        top: 0;
        left: 5%;
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding: 6vw 0 4vw;
    }

        .serve_img .serve_content .bottom_grid {
            display: flex;
            /*            grid-template-columns: repeat(3, 1fr);*/
            grid-gap: 4vw;
        }

            .serve_img .serve_content .bottom_grid div {
                position: relative;
                display: flex;
                padding-top: 3vw;
                flex: 1
            }

                .serve_img .serve_content .bottom_grid div h2 {
                    font-size: 40px;
                    font-family: 'Proxima Nova Lt';
                    color: #fff;
                    line-height: 1;
                    position: relative;
                    top: -5px;
                    white-space: nowrap
                }

                .serve_img .serve_content .bottom_grid div h3 {
                    font-size: 30px;
                    line-height: 1;
                    color: #fff;
                    font-weight: bold;
                    padding-left: 2vw;
                }

                .serve_img .serve_content .bottom_grid div i {
                    position: absolute;
                    width: 100%;
                    height: 2px;
                    background: #ffffff69;
                    top: 0;
                }

.how_we_new {
    padding: 6vw 5vw 12vw;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

    .how_we_new .left_ser {
        width: 55%;
        padding-right: 6vw;
    }

    .how_we_new .right_ser {
        width: 36%;
        position: relative;
        top: 70px;
    }

        .how_we_new .right_ser .right_list_s {
            display: flex;
            position: relative;
            padding: 3vw 0;
        }

            .how_we_new .right_ser .right_list_s i {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background: #A3A8B6;
                height: 1px;
            }

            .how_we_new .right_ser .right_list_s h2 {
                font-size: 38px;
                font-family: 'Proxima Nova Lt';
                position: relative;
                min-width: 75px;
            }

            .how_we_new .right_ser .right_list_s h3 {
                font-size: 29px;
                font-weight: bold;
                color: #000;
                line-height: 1;
            }

.sp-bottom-menu .main_scr_menu ul li h3 svg {
    width: 30px !important;
    height: 30px !important;
}


.sl_swiper_text > p {
    font-size: 18px;
}

.sl_swiper_text ul li {
    font-size: 16px;
    margin-bottom: 0px;
}

.slider_btn a > p {
    font-size: 20px;
}

.sl_swiper_text div h2 {
    font-size: 39px;
}

.sl_swiper_text div h3 {
    font-size: 38px;
    left: -80px;
    top: -21px;
}

.solution_slider .swiper.mySL .swiper-slide .sl-slide-mg-wrap div > p {
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.connect-with-us div > h2 {
    width: 70%;
}

.connect-with-us > div:last-child {
    flex: none;
}






.weareteam h2 {
    font-size: 50px;
}

.form_left p {
    font-size: 20px;
    padding-right: 0vw;
}

.project-third.beutifull_section img {
    filter: brightness(0.6);
    width: 100%;
}

.project-third.project-third-new > div {
    position: relative;
}

    .project-third.project-third-new > div .beuti_text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: baseline;
        width: 85%;
        justify-content: space-between;
    }

        .project-third.project-third-new > div .beuti_text .right_ot svg {
            fill: transparent;
        }

        .project-third.project-third-new > div .beuti_text .left_ot {
            width: 30%;
        }

            .project-third.project-third-new > div .beuti_text .left_ot h2 {
                font-size: 40px;
                width: 50%;
                color: #fff;
                line-height: 1;
                margin-bottom: 1vw;
                padding-left: 0;
            }

            .project-third.project-third-new > div .beuti_text .left_ot h3 {
                color: #fff;
                font-size: 50px;
                width: 100% !important;
                padding-left: 0;
            }

        .project-third.project-third-new > div .beuti_text .right_ot {
            width: 65%;
        }

            .project-third.project-third-new > div .beuti_text .right_ot h4 {
                font-size: 50px;
                color: #fff;
                font-family: 'Proxima Nova Lt';
            }

            .project-third.project-third-new > div .beuti_text .right_ot p {
                width: 100%;
                color: #fff;
                font-family: 'Proxima Nova Lt';
                margin-bottom: 3vw;
                padding-left: 0;
            }

            .project-third.project-third-new > div .beuti_text .right_ot .new_btns {
                width: inherit;
            }

                .project-third.project-third-new > div .beuti_text .right_ot .new_btns div {
                    width: initial;
                }

            .project-third.project-third-new > div .beuti_text .right_ot svg path {
                stroke: #ffffff;
                transition: all .5s ease;
            }

            .project-third.project-third-new > div .beuti_text .right_ot a:hover svg path {
                stroke: var(--purple);
            }

.videoScrollSection video {
    display: none;
}

.sp_banner .infos {
    transition: all .5s ease;
    visibility: visible;
    opacity: 1;
}

.sp_banner.active .infos {
    opacity: 0;
    visibility: hidden;
}

.sp_banner img, .sp_banner.active video {
    filter: brightness(1);
}

.sp_header .sp-top-menu.active {
    margin-top: -100%;
}


.new_form.langin_form .main_info h2 {
    display: none;
}

.new_form.langin_form .main_info .interst_boxs {
    display: none;
}

.new_form.langin_form .form_right {
    margin-top: 6vw;
}

.connect-with-us div {
    flex: auto;
}

#loader-holder .item {
    text-transform: uppercase;
}

/* new artical */
.new_article_banner h3 {
    font-size: 1.2vw;
    font-weight: 700;
    padding-bottom: 1.5vw;
    color: rgba(0, 0, 0, 1);
}

.new_article_banner h1 {
    font-size: 4.5vw !important;
}

.new_article_banner p {
    font-size: 2.2vw;
    line-height: 1;
    margin-right: auto;
}

.main_content_container {
    margin-left: auto;
    width: 75%;
}

    .main_content_container .head {
        padding-right: 25vw;
        margin-bottom: 9vw;
    }

    .main_content_container h2 {
        font-size: 3.7vw;
        line-height: 1;
        font-weight: 700;
        color: rgba(31, 31, 31, 1);
        padding-bottom: 5vw;
    }

    .main_content_container p {
        font-size: 1.3vw;
        line-height: 1.3;
        width: 58%;
        padding-bottom: 2vw;
    }

        .main_content_container p:last-child {
            padding-bottom: 0;
        }

.list_head h2 {
    color: rgba(31, 31, 31, 1);
    padding-bottom: 2vw;
}

.list_head p {
    font-size: 1.3vw !important;
    width: 100%;
}

.power_list .new_list h2 {
    font-size: 1.3vw !important;
    margin-bottom: 1vw !important;
    padding-bottom: 0;
    padding-left: 2vw;
    line-height: 1.6 !important;
}

.power_list .new_list ::before {
    top: 0% !important;
    width: 18px !important;
    height: 18px !important;
    left: 0 !important;
    transform: translate(0, 8px);
}

.power_list .info.new_list {
    padding-left: 0;
}

.power_list .new_list p {
    font-size: 1.5vw;
    width: 100%;
}

.list_img {
    width: 66%;
}

    .list_img img {
        width: 100%;
        display: block;
    }

.highlight_new_art h2 {
    background: rgba(31, 31, 31, 1);
    color: #fff;
    padding: .5vw 1.4vw;
    font-size: 3.5vw;
    display: inline-block;
    line-height: 1;
    font-family: 'Proxima Nova Lt';
    font-weight: 600;
}

    .highlight_new_art h2:last-child {
        padding-top: 0;
    }

.highlight_new_art span {
    color: rgba(151, 71, 255, 1);
}

.list_head h3 {
    font-size: 1.3vw;
    font-weight: 700;
    padding-bottom: 1.5vw;
    color: rgba(0, 0, 0, 1);
}

.main_content_container .power_list {
    padding-right: 30vw;
    margin-bottom: 10vw !important;
}

.scape_sec.new_art_rade {
    padding-left: 0;
    margin-top: 15vw;
}

    .scape_sec.new_art_rade .head {
        width: 75%;
        margin-left: auto;
        padding-right: 27vw;
    }

    .scape_sec.new_art_rade h3 {
        color: rgba(31, 31, 31, 1);
        font-size: 1.8vw;
    }

    .scape_sec.new_art_rade h2, .scape_sec.new_art_rade h2 > p {
        font-size: 3.6vw;
        line-height: 1;
        font-weight: 600;
        color: rgba(31, 31, 31, 1);
        margin-bottom: 2vw;
    }

    .scape_sec.new_art_rade p {
        font-size: 1.7vw;
        margin-bottom: 0;
        line-height: 1.2;
        width: 90%;
    }

.next_step_new {
    display: flex;
    align-items: flex-start;
    width: 90%;
    margin: auto;
    grid-gap: 15vw;
}

.next_left {
    width: 50%;
}

.next_right {
    width: 50%;
    text-align: end;
    padding-top: 6vw;
}

.next_left h2 {
    font-size: 5vw;
    line-height: 1;
    font-weight: 700;
    padding-bottom: 3vw;
}

.next_left p {
    font-size: 1.7vw;
    line-height: 1;
    padding-bottom: 2vw;
    font-family: 'Proxima Nova Lt';
}



/new landing/
.sp-ai-wrap.landing_pag_annual .ai-left > p {
    font-size: 26px;
    line-height: 1.2;
    padding-right: 8vw;
}

.page-annual-report-landing .bottom_lan {
    grid-template-columns: repeat(4, 1fr);
}

.indus_we_wrap {
    padding: 0 5vw;
}

.indux_support_wrap {
    width: 90%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1vw;
    margin-top: 6vw;
}

    .indux_support_wrap .sup_grid {
        display: flex;
        align-items: center;
        background: #F4F5F8;
        padding: 19px 0 19px 19px;
        transition: all .5s ease;
        border-radius: 15px;
    }

        .indux_support_wrap .sup_grid h3 {
            font-size: 28px;
            line-height: 1;
            color: #1f1f1f;
            font-weight: bold;
            margin-left: 1vw;
            transition: all .5s ease;
        }

        .indux_support_wrap .sup_grid img {
            display: block;
            width: 100%;
        }

        .indux_support_wrap .sup_grid:hover {
            background: var(--purple);
        }

            .indux_support_wrap .sup_grid:hover h3 {
                color: #fff;
            }

.how_we_new .right_ser .right_list_s p {
    font-size: 20px;
    color: #1f1f1f;
    margin-top: 2vw;
    width: 75%;
}

.why-it-metters .left > div {
    display: flex;
}

    .why-it-metters .left > div .sp-button {
        margin-right: 1vw;
    }

.why-it-metters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7vw 5vw;
}

    .why-it-metters .right {
        width: 45%;
    }

        .why-it-metters .right .indux_support_wrap {
            grid-template-columns: repeat(1, 1fr);
            width: 100%;
            margin: 0;
        }

    .why-it-metters .left {
        width: 45%;
    }

        .why-it-metters .left p {
            width: 60%;
        }

        .why-it-metters .left > div .sp-button a > p {
            width: 100%;
        }

.connect-with-us > div:first-child {
    width: 75%;
}

    .connect-with-us > div:first-child h2 {
        margin-bottom: 2vw
    }

.faq {
    padding: 8vw 5vw;
}

.faq-item {
    padding: 20px 30px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 2vw;
    border-radius: 6px;
    transition: all .3s ease;
}

    .faq-item h3 {
        font-size: 30px;
        /* font-weight: bold; */
        line-height: 1;
        font-weight: 600;
    }

        .faq-item h3 button {
            width: 100%;
            text-align: left;
            position: relative;
        }

            .faq-item h3 button img {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translate(0, -50%);
                transition: all .5s ease;
            }

    .faq-item.is-open h3 button img {
        transform: rotateX(180deg);
    }

    .faq-item > div p {
        margin-top: 20px;
        font-size: 32px;
        font-family: 'Proxima Nova Lt';
        line-height: 1;
    }

    .faq-item.is-open {
        background: #F4F5F8;
        box-shadow: none;
    }
    body.page-annual-report-landing-page .bottom_lan {
        grid-template-columns: repeat(4, 1fr);
    }
body.page-annual-report-landing-page .spark-btn a:last-child {
    display: none;
}
div#howepin {
    padding-bottom: 0;
    margin-bottom: 13vw;
}
div#howepin .left_ser {
    padding-bottom: 10vw;
}
/new landing/