@media only screen and (max-width: 1024px) {
    .who-we-wrap h2, .who-we-wrap h1 {
        font-size: 7vw;
    }

    .sl-sl-list .sl-slider-navigation span {
        font-size: 14px !important;
        line-height: 1;
    }

    .sl_swiper_text div h3 {
        font-size: 3vw;
    }

    .sl_swiper_text div h2 {
        font-size: 3.5vw;
    }

    .sl_swiper_text ul li {
        font-size: 12px;
    }

    .solution_journey .sp-head {
        margin-bottom: 15vw !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sp_header .sp-top-menu {
        padding: 3vw 2vw 2vw 4vw;
    }

    .sp_header .sp_menu ul li {
        margin-right: 1.5vw;
    }

    .sp_header.on-scroll .sp_menu ul li a {
        font-size: 14px;
    }

    .sp-bottom-menu {
        position: fixed;
        width: 100%;
        padding: 2vw 2vw 2vw 4vw;
    }

        .sp-bottom-menu .main_scr_list a,
        .sp-bottom-menu .main_scr_list button {
            font-size: 16px;
        }

        .sp-bottom-menu .main_scr_menu ul li h3 {
            font-size: 16px;
            margin-right: 1vw;
        }

    .sp_banner .marquee.banner .marquee-item:nth-child(odd),
    .chat-marquee .marquee.banner .marquee-item:nth-child(odd) {
        height: 17vw;
        flex: 0 0 20vw;
    }

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

    .sp_banner .marquee.banner .marquee-item p,
    .chat-marquee .marquee.banner .marquee-item p {
        font-size: 14px;
        padding: 0 30px 0 30px;
        line-height: 20px;
    }

    .Innovation-swiper .home-slider-navigation span {
        font-size: 18px;
        line-height: 1;
    }

    .myInnovation section h1 {
        font-size: 24px;
    }

    .myInnovation section h2 {
        font-size: 44px;
    }

    .myInnovation section h3 {
        font-size: 22px;
    }

    .myInnovation section p {
        font-size: 16px;
    }

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

    .sp-heads {
        font-size: 20px;
    }

    .case_text > div h2 {
        font-size: 32px;
    }

    .case_text > div {
        width: 28%;
    }

        .case_text > div > p {
            font-size: 16px;
        }

    .sp_case_slider .caseSwiper .swiper-slide-active .mobile-card {
        height: 400px !important;
    }

    .sp_case_slider .caseSwiper .swiper-slide {
    }

    .mobile-card h2 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0;
    }

    .mobile-card ul li a {
        font-size: 14px;
    }

    .mobile-card .case-top {
        padding: 2vw;
    }

    .mobile-card .pin-img {
        transform: translate(-50%, -25%);
    }

    .sp_case_slider {
        padding-bottom: 0;
    }

    .home_whatwedo .whatwedo-text > p {
        width: 60%;
        font-size: 18px;
        line-height: 24px;
    }

    .home_whatwedo .whatwedo-text .btns a {
        font-size: 22px;
    }

        .home_whatwedo .whatwedo-text .btns a img {
            width: 24px;
            line-height: 24px;
        }

    .home_whatwedo .whatwedo-text .btns {
        margin-left: 20%;
    }

    .Innovation-swip {
        padding: 0 25% 0vw 30%;
    }

    .para {
        font-size: 16px;
    }

    .whatwethink .home-bolgs .left .bolgs-title h2 {
        font-size: 26px;
    }

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

    .whatwethink .home-bolgs {
        grid-gap: 3vw;
    }

        .whatwethink .home-bolgs .righ .blog-bottom h2 {
            font-size: 18px;
            line-height: 20px;
        }

    .partners .marquee {
        overflow: auto;
    }

    .sp-award {
        width: 80%;
    }

    .award_logos img {
        width: 130px;
    }

    .footer_wrap .f-row .f-menu a {
        font-size: 18px;
        line-height: 1;
    }

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

    .footer_wrap .f-row h2 {
        font-size: 18px;
    }

    .footer_wrap .f-row h3 {
        font-size: 20px;
    }

    .footer_wrap .f-row h4 {
        font-size: 15px;
        line-height: 20px;
    }

    .f-button a {
    }

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

    footer .rights p {
        font-size: 16px;
    }

    .sp-ai-wrap .ai-left h1 {
        font-size: 66px;
    }

    .sp-ai-wrap .ai-left .ai-head h4 {
        font-size: 20px;
    }

    .sp-ai-wrap .ai-left .ai-head img {
        width: 90px;
    }

    .sp-ai-wrap .ai-left > p {
        font-size: 22px;
    }

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

    .spark-btn a svg {
        width: 20px;
    }

    .ai-do-wrap .box h2 {
        font-size: 28px;
        margin-bottom: 1vw;
    }

    .ai-do-wrap .box p {
        font-size: 14px;
        padding: 0;
        line-height: 18px;
    }

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

    .ai-do-wrap .box.bg-img {
    }

    .ai-do-wrap .box.box-4 > div,
    .ai-do-wrap .box.box-5 > div {
        padding: 2vw 2vw 2vw 2vw;
    }

    .schive_grid .grig-wrap h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .schive_grid .grig-wrap p {
        font-size: 16px;
        line-height: 20px;
    }

    .ai-in-action .bottom-action h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .ai-in-action .bottom-action p {
        font-size: 16px;
    }

    .spark-btn a {
        padding: 8px 20px;
    }

    .who-we-wrap h1 {
        font-size: 100px;
    }

    .who-we-wrap .connect-with-us {
        margin-top: 5vw;
    }

    .form_wrap .form_left h3 {
        font-size: 30px;
    }

    .form_wrap .form_left input {
        font-size: 18px;
    }

    .form_wrap .form_right h3 {
        font-size: 15px;
    }

    .form_wrap .form_right > div h2 {
        font-size: 16px;
    }

    .subscribe_wrap .sub_right h4 {
        font-size: 22px;
        line-height: 26px;
    }

    .subscribe_wrap .sub_right .sub_btn input {
        font-size: 16px;
    }

    .subscribe_wrap .sub_right .sub_btn {
        width: 100%;
    }

    .customer_experince h2,
    .customer_experince h1 {
        font-size: 70px;
    }

    .customer_experince .ai-head h4 {
        font-size: 20px;
    }

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

    .customer_experince div > p {
        font-size: 16px;
        line-height: 1;
    }

    .service_grid_wrap .service_drid h4 {
        font-size: 28px;
    }

    .insight_wrap .tabs li {
        font-size: 36px;
    }

    .sp-head {
        font-size: 5vw;
    }

    .first-work .text h2 {
        font-size: 32px;
    }

    .project_wrap .top_area div h2 {
        font-size: 16px;
        line-height: 1;
    }

    .project_wrap .top_area div p {
        font-size: 16px;
        line-height: 1;
    }

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

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

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

    .project-third div h4 {
        font-size: 30px;
    }

    .next_pr_sec h3 {
        font-size: 24px;
        width: 24%;
    }

    .next_pages a {
        font-size: 60px;
        line-height: 1;
    }

    .award_logo_wrap {
        grid-gap: 3vw;
    }

    .solution_journey::after {
        height: 55%;
    }

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

    .sl_swiper_text ul li {
        font-size: 16px;
        line-height: 1;
    }

    .sl-sl-list .sl-slider-navigation span {
        font-size: 18px;
    }

    .sl_swiper_text div h3 {
        font-size: 34px;
        left: -75px;
    }

    .parab {
        font-size: 16px;
    }

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

    .ser_slide_wrap .main_ser_text > div > div p {
        font-size: 14px;
        line-height: 1;
    }

    .ser_slide-list .serr-slider-navigation span {
        font-size: 18px;
        line-height: 1;
    }

    .ser_slide-list {
        bottom: 0%;
    }

    .serVpag .swiper-pagination {
        top: -75px !important;
        width: 135px !important;
    }

    .ser_slide-list .serr-slider-navigation {
        margin-left: -2vw;
    }

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

    .ind_slider_text div h3 {
        font-size: 36px;
    }

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

    .ind_slider_text div .slider_btn p {
        font-size: 18px;
    }

    .industries_wrap .ind_flex {
        width: 70%;
    }

    .ind_title {
        width: 50%;
    }

    .ind_innovation .ind-slider-navigation span.nav-point {
        font-size: 18px;
        line-height: 1;
    }

    .indpagin .swiper-pagination {
        width: 250px !important;
        left: -120px !important;
        top: 130px !important;
    }

    .get_started h1 {
        font-size: 75px;
    }

    .get_started p {
        font-size: 26px;
        padding-right: 12vw;
    }

    .width-wrap .radio_button a {
        font-size: 14px;
    }

        .width-wrap .radio_button a::after {
            width: 20px;
            height: 20px;
            border-radius: 5px;
        }

    .who-we-img .who-we-img-text p {
        padding-right: 15vw;
    }

    .icon-text h3 {
        font-size: 30px;
    }

    .icon-text img {
        width: 30px;
    }

    .our_guiding_slide .swiper-slide > div > div p {
        font-size: 18px;
    }

    .our_guiding_slide .swiper-slide > div > div {
        padding-right: 0vw;
    }

    .our_guiding_slide .swiper-slide > div h2 {
        font-size: 40px;
    }

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

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

        .our-culture .culture-right {
            width: 35%;
        }

    .footer_wrap .f-row .f-menu > .ft_img img {
        width: 70px;
    }

    .essential-services h2 {
        width: 70%;
    }

    .insight_wrap .tabs {
        width: 73%;
    }
}

@media only screen and (max-width: 400px) {
    .sp_banner h2 {
        font-size: 50px !important;
    }

    .sp_banner .new_btns {
        flex-direction: column;
    }

    .new_btns a {
        display: inline-block !important;
        width: max-content;
    }

    .myInnovation section h4 {
        font-size: 28px !important;
    }

    .sp-button a {
        font-size: 11px !important;
        padding: 6px 10px !important;
    }

    .weareteam h2 {
        font-size: 26px !important;
    }

    .sp-head3 {
        font-size: 36px !important;
    }

    .mobile-card > .case-top > a {
        height: 28px !important;
        width: 28px !important;
    }

    .award-title h3 {
        font-size: 30px !important;
    }

    .sp_new {
        display: inline-flex !important;
    }

    .our-guiding-values h2 {
        font-size: 50px !important;
        line-height: 50px !important;
    }

    .ind_slider_text div h2 {
        font-size: 22px !important;
        margin-bottom: 0 !important;
    }

    .subscribe-form input {
        font-size: 13px !important;
        padding: 16px 11vw 16px 20px !important;
    }

    .subscribe-btn {
        padding: 6px 14px !important;
        font-size: 12px !important;
    }

    .solution_journey::after {
        height: 100%;
        top: 50vw;
    }

    .solution_journey {
        margin-bottom: 25vw !important;
    }

        .solution_journey .sl_right p {
            top: 15vw !important;
        }

        .solution_journey::after {
            height: 95% !important;
            top: 50vw !important;
        }

    .solution_slider {
        margin-bottom: 80vw !important;
    }

        .solution_slider .swiper.mySL {
            bottom: -50.5% !important;
        }

    .sl-after-pag .sl-after-wrap {
        bottom: -45vw !important;
    }

    .ind_black_banner p {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1350px) {
    .who-we-img .who-we-img-text p {
        padding-right: 15vw;
    }

    .sp-head {
        font-size: 50px;
    }

    .who-guid_wrap .who_we_text h3 {
        font-size: 35px;
    }

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

    .videoScrollSection .infos h2 {
        font-size: 45px;
    }

    .spark-btn button > p {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1250px) {
    .subscribe_wrap .sub_right .sub_btn > .spark-btn button > p,
    .subscribe_wrap .sub_right .sub_btn > .spark-btn a > p {
        font-size: 14px;
    }

    .subscribe_wrap .sub_right .sub_btn input {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1100px) {

    .project-third.project-third-new > div .beuti_text .left_ot h3 {
        font-size: 40px;
    }

    .project-third.project-third-new > div .beuti_text .right_ot h4 {
        font-size: 40px;
    }

    .videoScrollSection .infos h2 {
        font-size: 45px;
    }

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

    .who-we-wrap h2, .who-we-wrap h1 {
        font-size: 70px;
    }
}

@media only screen and (max-width: 1150px) {
    .sl-sl-list .sl-slider-navigation span {
        font-size: 16px;
    }

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

    .sl_swiper_text ul li {
        font-size: 12px;
    }

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

    .sp-ai-wrap .ai-left h2, .sp-ai-wrap .ai-left h1 {
        font-size: 70px;
        padding-right: 5vw;
    }
}

@media only screen and (max-width: 1050px) {
    .sp-head {
        font-size: 40px;
    }

    .project-third.project-third-new > div .beuti_text .left_ot h3 {
        font-size: 40px;
    }

    .project-third.project-third-new > div .beuti_text .right_ot h4 {
        font-size: 40px;
    }

    .customer_experince h2, .customer_experince h1 {
        font-size: 70px;
    }

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

    .benefits-holder_ne .right .new_serv h4 {
        font-size: 24px;
    }

    .benefits-holder_ne .right .new_serv h3 {
        font-size: 32px;
    }

    .what_we_del .grip_ser > div h2 {
        font-size: 35px;
    }

    .what_we_del .grip_ser > div p {
        font-size: 24px;
    }

    .spark-btn a > p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1000px) {
    .sp_banner .infos {
        width: 85%;
    }

    .sp-button a {
        font-size: 14px;
    }

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

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

    .case_text > div {
        width: 100%;
    }

    .sp-head3 {
        font-size: 50px;
    }

    .myInnovation section p {
        font-size: 12px;
    }

    .whatWeDoSwiper .slide-title {
        font-size: 40px;
    }

    .whatWeDoSwiper .swiper-tab {
        font-size: 16px;
        line-height: 1;
    }

    .sp-button a {
        padding: 10px 20px 10px 20px;
    }

    .footer-column ul li a {
        font-size: 14px;
    }

    .subscibe-btn {
        font-size: 14px;
    }

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

    .solution_slider .swiper.mySL {
        right: 10vw;
    }

    .sp-ai-wrap .ai-left h2, .sp-ai-wrap .ai-left h1 {
        font-size: 55px;
    }

    .sl_swiper_text div h3 {
        left: -6vw;
    }
}

@media only screen and (max-width: 767px) {
    .d-none-xs {
        display: none !important;
    }

    .d-block-xs {
        display: block !important;
    }

    .sp-bottom-menu .main_scr_menu {
        width: 60%;
        padding: 0;
        overflow-x: scroll;
    }

        .sp-bottom-menu .main_scr_menu ul {
            overflow-x: scroll;
            width: 100%;
        }

    .main_scr_list {
        overflow-x: scroll;
        width: 100%;
        left: 0;
        display: flex;
        white-space: nowrap;
    }

    .sp-bottom-menu .main_scr_list a, .sp-bottom-menu .main_scr_list button {
        font-size: 14px;
    }

    .sp-bottom-menu .main_scr_menu ul li h3 {
        font-size: 14px;
    }

    .sp_header .sp-top-menu {
        padding: 10vw 5vw;
    }

    .marquee.banner {
        overflow: inherit !important;
    }

    .sp_banner .marquee.banner .marquee-item:nth-child(odd),
    .chat-marquee .marquee.banner .marquee-item:nth-child(odd) {
        flex: 0 0 70vw;
        height: 60vw;
        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 60vw;
        height: 55vw;
        top: 0vw;
        margin: 0 3vw;
    }

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

    .Innovation_wrap {
        padding-top: 15vw;
    }

    .Innovation-swiper {
        padding: 20vw 0 0 5%;
        width: 100%;
        margin: auto;
    }

        .Innovation-swiper .home-slider-navigation {
            flex-direction: row;
            padding: 0;
            grid-gap: 5vw;
            overflow-x: scroll;
        }

    .ledt_innovation {
        left: 0;
        /* overflow: hidden; */
        width: 100%;
        z-index: 1;
        padding: 0 5%;
    }

    .Innovation-swiper .swiper-pagination {
        width: 90% !important;
        left: 5% !important;
        transform: rotate(0);
        top: -15px !important;
        height: 2px !important;
    }

    .Innovation-swiper .home-slider-navigation span {
        font-size: 14px;
        white-space: nowrap;
    }

    .Innovation-swiper span.swiper-pagination-progressbar-fill {
        height: 8px;
        top: -2vw;
    }

    .myInnovation section h1 {
        font-size: 14px;
    }

    .myInnovation section h2 {
        font-size: 32px;
        line-height: 35px;
        margin-bottom: 6vw;
    }

    .inn-vid-wrap {
        /*        display: none;*/
        position: relative;
    }

    .myInnovation section h3 {
        font-size: 25px;
        margin-bottom: 3vw;
    }

    .para {
        font-size: 13px;
        line-height: 18px;
    }

    .sp-button a {
        font-size: 12px;
        padding: 8px 20px;
    }

    .sp-button {
        margin-top: 5vw;
        /*        opacity: 1 !important;*/
    }

    .weareteam h2 {
        font-size: 40px;
        width: 90%;
        line-height: 45px;
    }

    .sp-head3 {
        font-size: 38px;
        padding: 0;
        width: 90%;
        margin: auto;
        margin-bottom: 15vw !important;
    }

    .sp_case_slider {
        width: 90%;
        margin-top: 25vw;
    }

    .case_text {
        flex-direction: column;
        position: relative;
        grid-gap: 5vw;
        margin-bottom: 15vw;
    }


    .sp-heads {
        font-size: 17px;
        line-height: 18px;
        margin-bottom: 2vw;
    }

    .case_text > div:first-child {
        width: 100%;
        top: 0;
        opacity: 1 !important;
    }

    .case_text > div h2 {
        font-size: 44px;
        line-height: 48px;
    }

    .case_text > div {
        width: 55%;
        opacity: 1 !important;
    }

    .case_navigatin_menu {
        bottom: 40%;
        width: 90%;
    }

    .case_text > div > p {
        font-size: 14px;
        margin-bottom: 10vw;
    }
    /*.myInnovation .swiper-slide {
        width: 100% !important  ;
    }*/
    .award_logos,
    .marquee {
        overflow: hidden;
    }

    .sp_menu {
        background: #fff;
        left: -100%;
        height: 100%;
        padding: 0;
        position: fixed;
        top: 0;
        transition: all 1s cubic-bezier(0.9, 0.01, 0, 1) 0s;
        width: 100%;
    }

    .mobile-card h2 {
        font-size: 13px;
        line-height: 17px;
        margin-bottom: 0;
    }

    .mobile-card .case-top {
        padding: 10vw;
        height: 100%;
    }

    .mobile-card > .case-top > a {
        top: 3vw;
        right: 3vw;
    }

    .mobile-card ul li a {
        font-size: 12px;
    }

    .mobile-card ul li {
        line-height: 1;
        margin-bottom: 2vw;
    }

    .sp_case_slider .caseSwiper .swiper-slide-active .mobile-card {
        height: 400px !important;
    }

    .sp_case_slider .caseSwiper .swiper-slide .mobile-card {
        height: 300px;
    }

    .case-slider-navigation {
        flex-direction: row;
        grid-gap: 5vw;
        padding: 0;
    }

        .case-slider-navigation span {
            font-size: 14px;
            white-space: nowrap;
        }

    .case_pagin .swiper-pagination {
        width: 100% !important;
        left: 0 !important;
        transform: rotate(0);
        top: -15px !important;
        height: 2px !important;
    }

    .case_pagin span.swiper-pagination-progressbar-fill {
        height: 8px;
        top: -2vw;
    }

    .partners h3 {
        margin-bottom: 5vw;
    }

    .partners h2 {
        font-size: 40px;
        margin-bottom: 15vw;
    }

    .marquee-item img {
        width: 100%;
    }

    .marquee-item {
        flex: 0 0 20vw;
        margin: 0 2vw;
    }

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

    .home_whatwedo .whatwedo-text h2 {
        font-size: 50px;
        width: 55%;
        margin-bottom: 10vw !important;
    }

    .home_whatwedo .whatwedo-text > p {
        width: 50%;
        font-size: 18px;
        margin-bottom: 10vw;
    }

    .home_whatwedo .whatwedo-text {
        width: 100%;
    }

        .home_whatwedo .whatwedo-text .btns {
            margin: 0;
            width: 50%;
            margin: auto;
        }

            .home_whatwedo .whatwedo-text .btns a {
                font-size: 16px;
                padding: 10px 25px;
            }

                .home_whatwedo .whatwedo-text .btns a img {
                    width: 20px;
                }

    .whatwethink .top_sec {
        width: auto;
    }

        .whatwethink .top_sec h2 {
            font-size: 14px;
            margin-bottom: 5vw;
        }

        .whatwethink .top_sec h3 {
            font-size: 40px;
            margin-bottom: 10px;
        }

    .sp-award {
        width: 90%;
    }

    .award-title h3 {
        font-size: 42px;
        line-height: 1;
    }

    .award-title h2 {
        margin-bottom: 4vw;
    }

    .award_logos {
        overflow-x: scroll;
        grid-gap: 5vw;
        width: 90%;
        margin: 10vw auto 0;
    }

        .award_logos img {
            white-space: nowrap;
            width: 90px;
        }

    .get-it-home .whatwedo-text {
        width: 90%;
        margin: auto;
    }

        .get-it-home .whatwedo-text h3 {
            margin-bottom: 5vw;
        }

        .get-it-home .whatwedo-text h2 {
            width: 100%;
        }

        .get-it-home .whatwedo-text > p {
            width: 55%;
        }

    .footer_wrap {
        flex-direction: column;
    }

        .footer_wrap .f-row:first-child {
            width: 100%;
            margin-left: 12vw;
            margin-bottom: 15vw;
        }

        .footer_wrap .f-row .f-menu a {
            font-size: 22px;
            margin-bottom: 2vw;
        }

        .footer_wrap .f-row .f-menu > .ft_img {
            left: -12vw;
        }

            .footer_wrap .f-row .f-menu > .ft_img img {
                width: 65%;
            }

    footer {
        padding: 25vw 5vw 15vw !important;
        /* width: 90%; */
        margin: auto;
    }

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

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

        .footer_wrap .f-row h2 {
            font-size: 20px;
            margin-bottom: 5vw;
        }

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

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

    .footer_wrap .f-row h4 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5vw;
    }

    .footer_wrap .f-row:nth-child(3) {
        padding: 0;
        width: 60%;
    }

        .footer_wrap .f-row:nth-child(3) h3 {
            margin-bottom: 5vw;
        }

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

    .f-button a {
        padding: 10px 40px;
    }

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

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

    footer .rights p {
        font-size: 14px;
        right: 0;
    }

    .sp-ai-wrap {
        flex-direction: column;
        margin-bottom: 30vw;
        padding-top: 35vw;
    }

        .sp-ai-wrap .ai-left .ai-head img {
            width: 80px;
        }

        .sp-ai-wrap .ai-left .ai-head h4 {
            font-size: 14px;
        }

        .sp-ai-wrap .ai-left .ai-head {
            margin-bottom: 5vw;
        }

        .sp-ai-wrap .ai-left {
            width: 100%;
            margin-bottom: 8vw;
        }

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

        .sp-ai-wrap .ai-left h1 {
            font-size: 56px;
        }

        .sp-ai-wrap .ai-left > p {
            font-size: 26px;
            padding: 0;
            margin: 5vw 0 8vw;
        }

    .spark-btn a > p {
        font-size: 16px;
    }

    .spark-btn a svg {
        width: 20px;
        height: 20px;
    }

    .spark-btn a {
        padding: 10px 30px;
        grid-gap: 15px;
    }

    .sp-bottom-menu {
        padding: 6vw 5vw;
        overflow-x: scroll;
    }

    .sp-head {
        font-size: 44px;
    }

    .ai-do-wrap .box.box-1 div {
        width: 100%;
        padding: 15px 0;
    }

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

    .ai-do-wrap .box h2 {
        font-size: 18px;
    }

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

        .ai-do-wrap .title div {
            top: 0;
            position: relative;
        }

    .ap-ai-do {
        position: relative;
        margin-bottom: 25vw;
        padding-bottom: 0;
    }

    .ai-do-wrap .title {
        position: relative;
        top: -15vw;
        width: max-content;
        margin-bottom: 10vw;
    }

    .ai-do-wrap .box h2.black {
        font-size: 26px;
        line-height: 30px;
    }

    .ai-do-wrap .box.box-2 {
        padding: 0 5vw 0 0vw;
        position: relative;
        top: -10vw;
    }

    .ai-do-wrap .box p {
        font-size: 14px;
        line-height: 18px;
        padding: 0;
    }

    .ai-do-wrap .box h2.white {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 5vw;
    }

    .ai-do-wrap .box.box-4 > div,
    .ai-do-wrap .box.box-5 > div {
        height: 33vw;
        padding: 7vw 3vw 0vw 5vw;
        margin-bottom: 3vw;
    }

    .ai-do-wrap .box.bg-img {
        padding: 4vw;
        background-size: cover;
        padding: 5vw;
    }

    .ai-do-wrap .box.box-7 {
        padding: 5vw 0vw 0vw 1vw;
    }

    .ai-do-wrap .box.box-2 > div {
    }

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

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

    .sp-ai-achive h2 {
        font-size: 52px;
    }

    .sp-ai-achive h3 {
        margin-bottom: 5vw !important;
    }

    .schive_grid {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 15vw;
        grid-gap: 25vw 5vw;
    }

        .schive_grid .grig-wrap h3 {
            font-size: 25px;
            line-height: 30px;
        }

        .schive_grid .grig-wrap p {
            font-size: 14px;
            line-height: 18px;
        }

        .schive_grid .grig-wrap {
            padding-top: 25vw;
        }

    .sp-ai-achive {
        padding: 15vw 5vw;
    }

    .connect-with-us {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
        padding: 10vw 0;
    }

        .connect-with-us > div h2 {
            font-size: 38px;
            line-height: 43px;
            margin-bottom: 5vw !important;
            margin: auto;
        }

    h2.black.sp-head {
    }

    .connect-with-us > div {
        margin-bottom: 5vw;
    }

    .ai-in-action .top-action {
        flex-direction: column;
        margin-bottom: 10vw;
    }

        .ai-in-action .top-action > div > p {
            margin-bottom: 5vw;
        }

    .ai-in-action {
        padding: 15vw 5vw;
    }

        .ai-in-action .bottom-action {
            flex-direction: column;
            grid-gap: 5vw;
        }

            .ai-in-action .bottom-action > div {
                width: 100%;
            }

            .ai-in-action .bottom-action p {
                font-size: 14px;
            }

            .ai-in-action .bottom-action h2 {
                font-size: 18px;
                line-height: 24px;
            }

    p.black.sp-heads.sizew50.fw300 {
        display: inline-block;
        width: -webkit-fill-available;
    }

    .connect-with-us.anim2.border-b {
        width: 80%;
        border: none;
    }

    .who-we-wrap h2,
    .who-we-wrap h1 {
        font-size: 54px;
        width: 90%;
        padding-top: 10vw;
    }

    .who-we-wrap .connect-with-us p {
        font-size: 26px;
        line-height: 30px;
    }

    .who-we-wrap .connect-with-us > div {
        width: auto;
        text-align: start;
        margin-bottom: 15vw;
    }

    .who-we-wrap .connect-with-us a p {
        font-size: 16px;
        padding: 0;
    }

    .who-we-wrap .connect-with-us {
        padding-top: 5vw;
        align-items: start;
    }

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

        .who-we-img .who-we-img-text h2 {
            font-size: 56px;
            line-height: 60px;
            margin-bottom: 5vw !important;
        }

        .who-we-img .who-we-img-text h3 {
            margin-bottom: 5vw;
        }

        .who-we-img .who-we-img-text p {
            font-size: 16px;
            padding-right: 14vw;
        }

    .our-history .history-left {
        width: 100%;
    }

    .our-history .history-right {
        padding-top: 0vw;
        padding-left: 35%;
    }

    .icon-text h3 {
        font-size: 18px;
    }

    .icon-text img {
        width: 24px;
    }

    .our-history .history-right .para.gray {
        font-size: 14px !important;
    }

    .para.grey {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5vw !important;
    }

    .icon-text {
        margin-bottom: 8vw;
    }

    .parab {
        font-size: 14px;
        line-height: 18px;
    }

    .our-history {
        margin-bottom: 15vw;
        padding-top: 15vw;
    }

    .our-guiding-values h3 {
        margin-bottom: 5vw !important;
    }

    .our-guiding-values h2 {
        font-size: 56px;
        line-height: 60px;
    }

    .our_guiding_slide .swiper-slide > div h2 {
        font-size: 34px !important;
        margin-bottom: 5vw;
    }

    .our_guiding_slide .swiper-slide > div > div p {
        font-size: 15px;
        line-height: 18px;
        margin-left: 4vw;
    }

    .our_guiding_slide .swiper-slide > div > div img {
        width: 24px;
    }

    /*.swiper-slide.swiper-slide-prev {
        margin: 0 !important;
    }

    .swiper-slide.swiper-slide-prev {
        margin: 0 !important;
    }*/

    .our_guiding_slide {
        margin-top: 12vw;
    }

        .our_guiding_slide .swiper-slide > div > div {
            padding-right: 2vw;
        }

    .our-guiding-values {
        padding-bottom: 20vw;
        padding: 15vw 5vw;
    }

    .our-culture {
        flex-direction: column;
        padding: 20vw 5vw 30vw;
    }

        .our-culture .culture-left {
            width: 100%;
            margin-bottom: 8vw;
        }

        .our-culture .culture-right {
            width: 70%;
            margin: 0 0 0 auto;
        }

    .industries_wrap .ind_flex {
        width: auto;
        grid-gap: 2vw;
    }

        .industries_wrap .ind_flex .swiper-slide img {
            width: 100%;
            background-size: cover;
            height: 30vh;
            object-fit: cover;
        }

    .industries_wrap .ind_title {
        width: 100%;
        margin-bottom: 50%;
    }

        .industries_wrap .ind_title h2 {
            font-size: 56px;
            line-height: 60px;
        }

        .industries_wrap .ind_title h3 {
            margin-bottom: 5vw;
        }

    .ind_innovation .ind-slider-navigation {
        flex-direction: row;
        padding: 0;
        grid-gap: 5vw;
        overflow-x: scroll;
    }

        .ind_innovation .ind-slider-navigation span.nav-point {
            font-size: 14px;
            white-space: nowrap;
            padding: 0;
        }

    .ind_innovation {
        bottom: 42%;
        width: 90%;
        left: 5%;
    }

    .indpagin .swiper-pagination {
        width: 100% !important;
        left: 0 !important;
        transform: rotate(0);
        top: -17px !important;
        height: 2px !important;
        background: rgba(151, 71, 255, 0.28);
    }

    .indpagin span.swiper-pagination-progressbar-fill {
        height: 8px;
        top: -2vw;
        left: 0;
    }

    .ind_slider_text div h2 {
        font-size: 26px;
        margin-bottom: 5vw;
    }

    .ind_slider_text div > p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0vw;
        padding: 0;
    }

    .ind_slider_text div h3 {
        font-size: 22px;
        margin-bottom: 0;
    }

    .ind_slider_text div .slider_btn p {
        font-size: 16px;
    }

    .ind_slider_text {
        height: 65vw;
    }

    .industries_wrap .ind_flex .swiper-slide img {
        height: 30vh;
        object-fit: cover;
    }

    .ind_slider_text div .slider_btn p svg {
    }

    .ind_slider_text div .slider_btn svg {
        stroke: #fff !important;
    }

    .industries_wrap {
        padding: 15vw 5vw;
    }

    .slider_btn a svg path {
        stroke: #fff;
    }

    .customer_experince h1 {
        font-size: 54px;
    }

    .customer_experince {
        padding: 35vw 5vw 15vw;
    }

        .customer_experince .ai-head h4 {
            font-size: 14px;
        }

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

        .customer_experince > p {
            font-size: 26px;
            line-height: 32px;
            margin-bottom: 7vw;
        }

    .customer_list {
        flex-direction: column-reverse;
        align-items: start;
    }

        .customer_list .cus_left {
            width: 100%;
            flex-direction: column;
        }

        .customer_list .cus_right {
            width: 100%;
            justify-content: start;
            margin-bottom: 7vw;
        }

    .customer_experince .ai-head {
        margin-bottom: 5vw;
    }

    .customer_experince div > p {
        font-size: 14px;
        line-height: 1;
        margin-bottom: 2vw;
    }

    .essential-services {
        padding: 15vw 5vw 20vw;
    }


        .essential-services h3 {
            margin-bottom: 5vw;
        }

    .service_grid_wrap .service_drid h4 {
        font-size: 24px;
        margin-bottom: 10vw;
    }

    .service_grid_wrap .service_drid div p {
        font-size: 14px;
        padding-right: 0;
    }

    .service_grid_wrap {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
        grid-gap: 10vw 5vw;
    }

        .service_grid_wrap .service_drid div img {
            width: 15% !important;
        }

    .essential-services h2 {
        width: 100%;
        margin-bottom: 10vw;
    }

    .ai-in-action .top-action > div h2 {
        margin-bottom: 5vw;
    }

    .ai-in-action.black .bottom-action > div {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10vw 3vw;
    }

    .insight_wrap h1 {
        font-size: 54px;
        line-height: 60px;
        margin-bottom: 5vw !important;
    }

    .insight_wrap {
        padding: 30vw 5vw;
    }

        .insight_wrap .tabs li {
            font-size: 28px;
            line-height: 38px;
        }

        .insight_wrap .tabs {
            width: 100%;
        }

    .subscribe_wrap {
        flex-direction: column;
        padding: 20vw 5vw;
    }

        .subscribe_wrap .sub_left {
            width: 100%;
        }

        .subscribe_wrap .sub_right {
            width: 100%;
            padding: 0;
            padding-top: 10vw;
        }

        .subscribe_wrap .sub_left h2 {
            font-size: 56px;
            line-height: 60px;
            padding-bottom: 10vw;
        }

            .subscribe_wrap .sub_left h2:before {
                content: "";
                position: absolute;
                width: 60%;
                background: #fff;
            }

        .subscribe_wrap .sub_right::after {
            height: 2px;
            width: 60%;
            top: 0;
        }

        .subscribe_wrap .sub_right h4 {
            font-size: 26px;
            margin-bottom: 5vw;
            line-height: 30px;
        }

        .subscribe_wrap .sub_right > p {
            font-size: 14px;
            margin-bottom: 6vw;
        }

        .subscribe_wrap .sub_right .sub_btn {
            width: 100%;
        }

            .subscribe_wrap .sub_right .sub_btn input {
                font-size: 16px;
            }

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

            .subscribe_wrap .sub_right .sub_btn .spark-btn {
                top: 0vw;
            }

    .work_wrap {
        padding: 30vw 5vw 10vw;
        width: 100%;
    }

        .work_wrap h1 {
            font-size: 54px;
        }

    .first-work .text {
        width: 100%;
        padding: 15vw 5vw;
    }

        .first-work .text h2 {
            font-size: 42px;
            margin-bottom: 5vw;
        }

        .first-work .text h5 {
            font-size: 10px;
            padding: 4px 20px;
        }


    .project-wrap .first-work .text h2 {
        font-size: 14px;
        line-height: 17px;
    }

    .project-wrap .first-work .text {
        padding: 5vw 4vw 8vw 5vw;
    }

    .project_wrap .top_area {
        flex-direction: column;
    }

        .project_wrap .top_area h1 {
            width: 100%;
            font-size: 54px;
            line-height: 60px;
            margin-bottom: 5vw;
        }

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

    .project_wrap {
        padding: 30vw 5vw 15vw;
    }

        .project_wrap .top_area div p {
            font-size: 14px;
            margin-bottom: 1vw;
            margin-top: 8vw;
        }

        .project_wrap .top_area > div > h2 {
            font-size: 14px;
            line-height: 1;
        }

    .project-third {
        flex-direction: column;
        padding: 15vw 5vw 30vw;
    }

        .project-third h2 {
            width: 100%;
            margin-bottom: 10vw;
            font-size: 22px;
        }

        .project-third div {
            width: 85%;
            margin: 0 0 0 auto;
        }

            .project-third div h3 {
                font-size: 28px;
                line-height: 32px;
                margin-bottom: 5vw;
            }

            .project-third div p {
                font-size: 14px;
                line-height: 18px;
            }

    .project-logo {
        /* width: 80%; */
        margin-bottom: 20vw !important;
        margin: auto;
    }

        .project-logo img {
            width: 100%;
        }

    .img_wrap {
        padding: 10vw 0 0;
    }

    .project-third div h4 {
        font-size: 28px;
        line-height: 34px;
    }

    .project_anim .reveal-type {
        font-size: 46px;
    }

    .project_anim {
        padding: 15vw 5vw 50vw;
    }

        .project_anim h3 {
            font-size: 22px;
            padding-bottom: 15vw;
        }

    .next_pr_sec h3 {
        font-size: 22px;
        width: 55%;
        line-height: 30px;
        margin-bottom: 20vw;
    }

    .next_pages a {
        font-size: 56px;
        line-height: 70px;
    }

    .next_pr_sec {
        padding: 25vw 5vw;
    }

    .contact_us h1 {
        font-size: 75px;
        width: 100%;
    }

    .contact_us > .connect-with-us p {
        padding-right: 5vw;
    }

    .form-flex {
        flex-direction: column;
    }

    .form_wrap .form_left {
        width: 100%;
        margin-bottom: 15vw;
    }

        .form_wrap .form_left h3 {
            font-size: 20px;
            margin-top: 5vw;
            margin-bottom: 10vw;
        }

        .form_wrap .form_left input {
            font-size: 14px;
            margin-bottom: 2vw;
        }

    .form_wrap h2 {
        font-size: 56px;
        line-height: 54px;
        margin-bottom: 10vw;
    }

    .form_wrap .form_left .radio_sec {
        width: 100%;
        align-items: initial;
        grid-gap: 2vw;
    }

        .form_wrap .form_left .radio_sec .spark-btn {
            position: absolute;
            bottom: 0;
        }

        .form_wrap .form_left .radio_sec label {
            width: 100%;
            margin-bottom: 20vw;
            font-size: 14px;
            line-height: 18px;
        }

    .form_wrap .form_right {
        width: 100%;
    }

        .form_wrap .form_right > div h2 {
            margin-bottom: 0;
            line-height: 1;
        }

        .form_wrap .form_right h3 {
            font-size: 18px;
            margin-bottom: 10vw;
        }

        .form_wrap .form_right > div {
            margin-bottom: 5vw;
        }

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

    .award_logo_wrap {
        padding: 0;
    }

    .solution_journey .sl_right h2 {
        font-size: 30px;
        margin-bottom: 20vw;
    }

    .solution_journey .sl_right h3 {
        margin-bottom: 5vw;
    }

    .solution_journey .sl_right {
        width: 60%;
    }

        .solution_journey .sl_right p {
            font-size: 18px;
            padding: 0;
            line-height: 24px;
            top: 20vw;
            position: relative;
        }

    .solution_journey .sl_left {
        width: 30%;
    }

    .solution_journey::after {
        height: 100%;
        top: 40vw;
    }

    .solution_journey .sl_left {
        position: absolute;
        left: -30vw;
        top: 0;
        width: 80%;
    }

    .solution_journey {
        margin-bottom: 15vw;
        justify-content: end;
    }

    .solution_slider .sl_slider_wrap {
        position: relative;
        width: 100%;
        left: 25%;
    }

    .sl_swiper_text div h2 {
        font-size: 28px;
        margin-bottom: 7vw;
    }

    .sl-sl-list {
        left: 5%;
        width: 90%;
    }

        .ser_slide-list .serr-slider-navigation,
        .sl-sl-list .sl-slider-navigation {
            flex-direction: row;
            padding: 0;
            grid-gap: 5vw;
            overflow-x: scroll;
        }

    .mySLpag .swiper-pagination {
        width: 100% !important;
        left: 0 !important;
        transform: rotate(0);
        top: -15px !important;
        height: 2px !important;
    }

        .mySLpag .swiper-pagination span {
            height: 8px;
            top: -2vw;
        }

    .ser_slide-list .serr-slider-navigation span,
    .sl-sl-list .sl-slider-navigation span {
        font-size: 14px;
        white-space: nowrap;
        padding: 0;
    }

    .sl_swiper_text div h3 {
        font-size: 22px;
        right: auto;
        left: -60px;
    }

    .sl_swiper_text > p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5vw;
    }

    .sl_swiper_text ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .solution_slider .swiper.mySL {
        top: auto;
        width: 45%;
        margin: 0;
        bottom: -20%;
        height: auto;
    }

    .sl-after-pag .sl-after-wrap {
        bottom: 10vw;
    }

    .sl-after-pag {
        width: 40%;
        bottom: 0;
    }

    .solution_slider .sl_slider_wrap .sl_swiper_text {
        position: relative;
        transform: none;
        left: inherit;
        top: 25%;
        width: 65%;
        margin-left: 15vw;
    }

    .sl_swiper_text img {
        width: 100px;
    }

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

    .slider_btn a > svg path {
        stroke: #000;
    }

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

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

    .sl-after-pag .sl-after-wrap > div .parab {
        font-size: 16px;
        line-height: 20px;
    }

    .solution_slider {
        margin-bottom: 30vw;
    }

    .services_slider {
        flex-direction: column;
        padding: 20vw 5vw 0;
        height: 130vh;
    }

    .serve_sl_img .seve_left {
    }

    .services_slider .serve_sl_right {
        width: 100%;
    }

    .serve_sl_img .seve_left img {
        height: auto;
    }

    .serve_sl_img .seve_right {
        height: 17.7vh;
    }

    .serve_sl_img {
        align-items: start;
        grid-gap: 2vw;
    }

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

    .services_slider .serve_sl_left {
        width: 100%;
        /* top: 0; */
    }

    .ser_slide-list {
        bottom: -20vw;
    }

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        height: 8px;
        top: -2vw;
        background: #fff;
    }

    .ser_slide-list {
        left: 0;
        width: 100%;
        bottom: -30vw;
    }

    .services_slider .serve_sl_left h2 {
        font-size: 56px;
    }

    .ser_slide_wrap {
        top: 20vh;
    }

        .ser_slide_wrap .main_ser_text h3 {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 10vw;
        }

        .ser_slide_wrap .main_ser_text > div > div p {
            font-size: 14px;
            margin-bottom: 1vw;
        }

        .ser_slide_wrap .main_ser_text > div {
            flex-direction: column;
            margin-bottom: 10vw;
        }

    .serVpag .swiper-pagination {
        width: 100% !important;
        left: 0 !important;
        transform: rotate(0);
        top: -50px !important;
        height: 1px !important;
        background: rgba(151, 71, 255, 0.28);
    }

    .industries_wrap.white .ind_title {
        margin-bottom: 45%;
    }

        .industries_wrap.white .ind_title h2 {
            font-size: 44px;
            line-height: 50px;
        }

    .industries_wrap.white .ind_innovation {
        bottom: 57%;
    }

    .slider_btn a,
    .ind_slider_text div .slider_btn a {
        grid-gap: 3vw;
    }

    .whatwethink .home-bolgs {
        flex-direction: column;
        grid-gap: 15vw;
    }

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

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

            .whatwethink .home-bolgs .righ .blog-bottom h2 {
                font-size: 16px;
                line-height: 20px;
            }

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

    .blog-bottom {
    }

        .blog-bottom h3 {
            font-size: 14px;
            margin-bottom: 2vw;
        }

    .whatwethink {
        padding: 20vw 5vw;
    }

    .get_started h1 {
        font-size: 60px;
        margin-bottom: 8vw;
        padding-bottom: 8vw;
    }

    .get_started {
        width: 90%;
        margin-bottom: 20vw;
    }

    .chat_header div a p {
        font-size: 14px;
        margin-left: 15px;
    }

    .chat_header img {
        width: 120px;
    }

    .chat_header div a svg {
        width: 34px;
        height: 34px;
    }

    .chat_header {
        padding: 10vw 5vw;
    }

    .get_started p {
        font-size: 16px;
        line-height: 20px;
        padding: 0;
    }

    .chat-list-wrap {
        width: 90%;
        padding-bottom: 15vw;
    }

    .message_spark {
        width: 90%;
        margin-left: 5%;
    }

        .message_spark input[type="text"] {
            font-size: 12px;
            padding: 14px 20px;
        }

        .message_spark > a {
            padding: 6px;
            right: 5%;
        }

            .message_spark > a svg {
            }

    .width-wrap p {
        font-size: 12px;
    }

    .chat-list-wrap .chat-list .text h2 {
        font-size: 12px;
    }

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

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

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

        .width-wrap .radio_button a {
            font-size: 10px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            padding: 10px;
        }

        .width-wrap .radio_button {
            width: 100%;
            margin-top: 5vw;
        }

            .width-wrap .radio_button a::after {
                width: 20px;
                height: 20px;
                border-radius: 5px;
            }

    .chat-wrap .chat-marquee {
        margin-bottom: 15vw;
    }

    .chat-form form input {
        font-size: 12px;
        padding: 15px 10px 10px;
    }

        .chat-form form input:last-child {
            margin-bottom: 5vw;
        }

    .home-vid-pin {
        position: relative;
        width: 95%;
        height: auto;
        margin: 15vw 0 0;
    }

    .inn-vid-wrap {
        position: relative;
        width: 100%;
    }

    .weareteam {
        margin-top: 15vw;
    }

    .chat-list-wrap .chat-list:nth-child(4) {
        margin-bottom: 15vw !important;
    }

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

        .chat-grid .grid-wr .gri_text h2 {
            font-size: 18px;
            line-height: 24px;
        }

        .chat-grid .grid-wr .gri_text span {
            font-size: 14px;
        }

        .chat-grid .grid-wr > div {
            margin-bottom: 2vw;
        }

    .chat-list .width-wrap .radio_button {
        display: grid;
        grid-gap: 2vw;
    }

    .chat-list-wrap .chat-list:nth-child(5) {
        margin-bottom: 10vw !important;
    }

    .chat-list-wrap .chat-list:nth-child(6) {
        margin-bottom: 10vw !important;
    }


    #loader-holder .center .item {
        font-size: 34px;
        line-height: 50px;
    }

    #loader-holder .center h1,
    #loader-holder .center h2 {
        font-size: 34px;
        line-height: 50px;
    }

    .text-anim-holder {
        padding-left: 0;
        margin-left: 0;
    }

    .swiper.myInnovation {
        opacity: 1 !important;
    }

    .inside-search {
        display: flex;
        justify-content: center;
        height: 100%;
        align-items: center;
        width: 90%;
    }

        .inside-search input[type="text"] {
            padding: 2vw 2vw 2vw 8vw;
        }

    .sp_header {
        position: fixed;
    }


        .sp_header .sp-top-menu .sp-search {
            display: flex;
            align-items: center;
            grid-gap: 4vw;
            display: none;
        }

        .sp_header .sp_menu ul {
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

        .sp_header.on-scroll .sp_menu ul li a {
            font-size: 24px;
            display: flex;
            align-items: center;
        }

    .sp_new {
        align-items: center;
        grid-gap: 4vw;
        display: inline-flex !important;
    }

    .sp_header .sp_menu ul li {
        margin-bottom: 8vw;
        margin-right: 0;
    }

    .sp_header.on-scroll .sp_menu ul li a svg {
        margin-left: 2vw;
    }

    body.menu-opened .sp_menu {
        display: block;
        left: 0;
    }

    body.menu-opened .sp-search {
        opacity: 0;
    }

    .what-we-do-menu {
        flex-direction: column;
        position: fixed;
        overflow-y: auto;
    }

        .what-we-do-menu .menu_left_what {
            width: 100%;
            padding: 15vw 5vw 0;
            height: auto;
        }

        .what-we-do-menu .right-article {
            width: 100%;
            overflow: unset;
            padding: 20vw 0 0;
        }

        .what-we-do-menu .menu_left_what .what_men_list {
            flex-direction: column;
        }

        .what-we-do-menu .menu_left_what .tit h2 {
            font-size: 26px;
        }

    .menu_close p {
        font-size: 14px;
    }

    .menu_close {
        top: 16.5vw;
        grid-gap: 3vw;
    }

    .what-we-do-menu .menu_left_what .what_men_list h3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .what-we-do-menu .menu_left_what .what_men_list ul {
        display: none;
        margin-bottom: 3vw;
    }

    .what-we-do-menu .menu_left_what .what_men_list > div {
        margin-bottom: 5vw;
    }

    .what-we-do-menu .menu_left_what .what_men_list .show ul {
        display: block;
    }

        .what-we-do-menu .menu_left_what .what_men_list .show ul li svg {
            transform: rotate(0deg);
        }

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

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

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

    .what-we-do-menu .menu_left_what .what_men_list li a {
        font-size: 14px;
        line-height: 1;
    }

    .what-we-do-menu .menu_left_what .what_men_list li {
        margin-bottom: 5vw;
    }

    .what-we-do-menu .menu_left_what .what_men_list h3 {
        font-size: 24px;
        margin-bottom: 5vw;
    }

    .what-we-do-menu .right-article .menuSwiper {
        height: auto;
        margin-left: 15vw;
    }

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

    .what-we-do-menu .right-article .menu-text p {
        font-size: 14px;
        margin-bottom: 5vw;
    }

    .what-we-do-menu .right-article .menuSwiper .img_wrap {
        padding: 0;
    }

    .what-we-do-menu .right-article .menuSwiper .img_wrap {
        margin-bottom: 5vw;
    }

    .what-we-do-menu .menu_left_what .tit {
        margin-bottom: 12vw;
    }

    .what-we-do-menu.active {
        left: 0;
    }

    .what-we-do-menu {
        left: -100%;
        top: 0;
    }

    .search_wrap {
        position: fixed;
    }

    .benefits-holder {
        flex-direction: column;
        padding: 15vw 5vw;
    }

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

        .benefits-holder .left {
            width: auto;
        }

            .benefits-holder .left h2 {
                font-size: 60px;
            }

        .benefits-holder .right .benefitSwiper .box h3 {
            font-size: 24px;
        }

    .bacm_sec h2 {
        font-size: 46px;
        line-height: 50px;
    }

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

    .bacm_sec {
        padding: 20vw 0 20vw 5vw;
    }

        .bacm_sec .serviceSwiper .swiper-wrapper .swiper-slide h3 {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 10vw !important;
        }

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

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

        .bacm_sec .our_guiding_slide .serviceSwiper .swiper-slide .mang_sec .right > p {
            font-size: 16px;
            line-height: 23px;
        }

    .discover_sec .img {
        width: 90%;
        margin-bottom: 5vw;
    }

    .discover_sec .discoverSwiper {
        width: 90%;
    }

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

        .discover_sec .discoverSwiper .swiper-wrapper .swiper-slide .dis .info h2 {
            font-size: 28px;
            margin-bottom: 2vw;
        }

        .discover_sec .discoverSwiper .swiper-wrapper .swiper-slide .dis h3 {
            font-size: 28px;
        }

    .partners h3 {
        font-size: 22px;
    }

    .discover_mian {
        padding: 15vw 0;
    }

    .how-get-started .box p.nobold {
        width: auto;
    }

    .how-get-started {
        padding: 20vw 5vw;
    }

        .how-get-started .box {
            padding: 20px;
        }

            .how-get-started .box h3 {
                margin-bottom: 2vw;
            }

        .how-get-started > div h2 {
            margin-bottom: 7vw;
        }

    .bacm_sec .our_guiding_slide .bacmSwiper .swiper-slide .mang_sec .right h2 {
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .bacm_sec .our_guiding_slide .bacmSwiper .swiper-slide .mang_sec .right p {
        font-size: 14px;
        line-height: 20px;
    }

    .otp_sec h2 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 5vw;
    }

    .otp_sec {
        width: 100%;
        padding: 15vw 5vw;
    }

        .otp_sec h3 {
            font-size: 18px;
        }

    .artical_wrap .top_area .left {
        width: auto;
    }

    .articcal_paras .per_info {
        width: 100%;
    }

    .articcal_paras {
        padding: 15vw 5vw;
    }

        .articcal_paras .per_info div p {
            font-size: 14px;
            line-height: 20px;
        }

        .articcal_paras h2 {
            font-size: 28px;
            line-height: 36px;
            width: 85%;
        }

    .key_sec > p {
        width: auto;
        font-size: 16px;
        line-height: 22px;
        padding: 0 5vw;
    }

    .key_sec > h2 {
        font-size: 46px;
        line-height: 54px;
        margin-bottom: 5vw;
        padding: 0 5vw;
    }

    .key_sec > h3 {
        font-size: 20px;
        margin-bottom: 5vw;
        padding: 0 5vw;
    }

    .key_sec {
        padding: 20vw 0;
    }

    .key_swiper .keySwiper .box h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 5vw;
    }

    .key_swiper .keySwiper .box p {
        font-size: 14px;
        line-height: 20px;
    }

    .key_swiper .keySwiper .box img {
        width: 100%;
    }

    .key_swiper .keySwiper .box .img {
        width: 60%;
        margin-bottom: 5vw;
    }

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

    .key_swiper {
        width: 94%;
        margin: 0 0 0 auto;
    }

    .visusl_sec {
        width: 80%;
    }

        .visusl_sec > h2 {
            font-size: 34px;
            line-height: 40px;
            margin-bottom: 5vw;
        }

        .visusl_sec > p {
            font-size: 16px;
            line-height: 20px;
        }

        .visusl_sec .list_sec .list p {
            font-size: 16px;
            line-height: 20px;
        }

        .visusl_sec .list_sec {
            width: auto;
            padding: 0 0 0 5vw;
        }

            .visusl_sec .list_sec .list h2:before {
                left: -5vw;
                width: 10px;
                height: 10px;
                border-radius: 2px;
            }

            .visusl_sec .list_sec .list h2 {
                font-size: 26px;
                margin-bottom: 3vw;
            }

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

    .view_slider .text h3 {
        font-size: 20px;
    }

    .view_slider .text h2 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 5vw;
    }

    .view_slider .text {
        width: auto;
        margin-bottom: 10vw;
    }

        .view_slider .text p {
            font-size: 16px;
            line-height: 24px;
            padding-right: 5vw;
        }

    .view_slider {
        padding: 0 5vw;
    }

    .for-desktop {
        display: none;
    }

    .paper_sec > div {
        width: auto;
        padding: 0 5vw;
    }

    .paper_sec h2 {
        font-size: 34px;
        margin-bottom: 5vw;
    }

    .paper_sec p {
        font-size: 16px;
        line-height: 20px;
    }

    .paper_sec .video_sec a .play_btn svg {
        width: 40px;
        height: 40px;
    }

    .paper_sec .video_sec a .play_btn {
        width: 100px;
        height: 100px;
    }

    .project_sub_info .top_area > h2 {
        width: auto;
        font-size: 36px;
        line-height: 44px;
    }

    .project_sub_info .sub-list {
        flex-direction: column;
        width: 100% !important;
    }

    .project-third.project-third-new {
        padding: 0 5vw;
        margin-bottom: 10vw;
    }

        .project-third.project-third-new > div h3 {
            font-size: 26px;
            line-height: 1;
            margin-bottom: 5vw;
        }

        .project-third.project-third-new > div p {
            width: auto;
            font-size: 14px;
            line-height: 20px;
        }

    .project_images {
        padding: 0 5vw;
        grid-gap: 10px;
        flex-direction: column;
    }

        .project_images .left {
            width: 100%;
        }

        .project_images .right {
            width: 100%;
        }

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

    .horizontalScroller {
        height: auto;
    }

    .main_achieving {
        display: flex !important;
        width: 100%;
        flex-direction: column;
    }

    .plan h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .plan p {
        font-size: 18px;
        margin-bottom: 3vw;
        line-height: 1;
    }

    .view_slider img {
        margin-bottom: 3vw;
    }
    /* footer res */
    .footer-top {
        flex-direction: column;
        position: relative;
        grid-gap: 10vw;
        margin-bottom: 10vw;
    }

        .footer-top .right_text {
            width: 100%;
            grid-gap: 0;
        }

    .goto_top {
        position: absolute;
        top: 0;
        right: 0;
        width: 45px;
        height: 45px;
    }

    .footer-container {
        flex-direction: column;
    }

        .footer-container .left {
            width: 100%;
            grid-gap: 10vw;
            margin-bottom: 10vw;
        }

    .footer-column {
        width: 100%;
        ;
    }

    .footer-container .right {
        width: 100%;
    }

    .footer-description {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-column h4 {
        font-size: 16px;
    }

    .footer-column ul li a {
        font-size: 14px;
        line-height: 1.3;
    }

    .footer-column.conn_links ul li a {
        grid-gap: 5vw;
        font-size: 14px;
    }

        .footer-column.conn_links ul li a svg {
            width: 16px;
            height: 16px;
        }

    .footer-action h4 {
        font-size: 30px;
        margin-bottom: 8vw;
    }

    .footer-action .small-title {
        font-size: 17px;
        padding-bottom: 4vw;
    }

    .footer-btn {
        font-size: 15px;
    }

    .subscribe-form {
        width: 100%;
    }

    .footer-subscribe p.small-title {
        font-size: 20px;
    }

    .privacy-text {
        font-size: 17px;
        margin-top: 6vw;
        max-width: 100%;
    }

    .footer-offices {
        flex-direction: column;
    }

        .footer-offices .right {
            flex-direction: column;
            width: 100%;
            align-items: self-start !important;
            grid-gap: 7vw;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }

        .footer-offices .left {
            width: 100%;
            margin-bottom: 10vw;
        }

        .footer-offices .right > div {
            width: 100%;
        }

    .subscribe-btn {
        grid-gap: 2.5vw;
        padding: 20px 19px !important;
        font-size: 15px;
        bottom: 14px;
        top: 1.7vw;
    }
    /* contact us */
    .new_form.flex {
        flex-direction: column;
        margin-top: 30vw;
    }

    .form_left {
        width: 100%;
        margin-bottom: 10vw;
    }

        .form_left p {
            padding-right: 0;
            padding-bottom: 10vw;
        }

        .form_left h2 {
            font-size: 12vw;
            margin-bottom: 10vw;
        }

    .arrow_head {
        grid-gap: 15px;
        margin-bottom: 3vw;
    }

        .arrow_head svg {
            width: 17px;
            height: 17px;
        }

        .arrow_head span {
            font-size: 23px;
        }

    .contact_box.visi a {
        width: 100%;
    }

    .contact_box {
        padding-bottom: 10vw;
    }

    .cal_mail {
        flex-direction: column;
        grid-gap: 0;
    }

    .social_icons {
        grid-gap: 8vw;
    }

    .form_right {
        width: 100%;
    }

    .main_info h2 {
        padding-bottom: 10vw;
    }

    .info_box {
        flex-direction: column;
        grid-gap: 8vw;
        margin-bottom: 8vw;
    }

    .interst_boxs {
        grid-gap: 5vw;
        margin-bottom: 10vw;
    }

    .cat {
        border-radius: 15vw;
    }

    .info_box.check_info span {
        font-size: 15px;
    }

    .info_box.check_info input[type="checkbox"] {
        width: 50px;
        height: 50px;
    }

    .info_box.check_info label {
        grid-gap: 5vw;
    }

    .spark-btn button {
        grid-gap: 3vw;
    }

    .sp_banner p {
        width: 100%;
    }

    .sp_banner .infos > div {
        width: 100%;
    }

    .sp_banner p {
        font-size: 16px;
        line-height: 20px;
    }

    .sp_banner h2 {
        font-size: 60px;
    }

    .new_btns a {
        font-size: 12px;
        padding: 6px 10px;
    }

    .new_btns {
        gap: 10px;
    }

        .new_btns a svg {
            width: 14px;
        }

    .category_new {
        flex-direction: column;
        margin-bottom: 15vw;
    }

    .what_we {
        width: 100%;
    }

    .category_new h3 {
        font-size: 40px !important;
        width: 100%;
    }

    .partners .sp-head {
        width: 90%;
        padding: 0;
    }

    .sp_case_study {
    }

    .partners {
        padding-bottom: 20vw;
    }

    .videoBlock_main .infos h2 {
        font-size: 34px;
    }

    .videoBlock_main .infos {
    }

    .pin_video {
        width: 100%;
    }

    .videoBlock_main .infos h3 {
        font-size: 22px;
    }

    .videoBlock_main .infos p {
        font-size: 16px;
    }

    .whatWeDoSwiper .swiper-tab {
        font-size: 12px;
    }

    .whatWeDoSwiper .swiper-tabs {
        overflow: scroll;
        grid-gap: 4vw;
    }

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

    .cat label span {
        font-size: 14px;
        padding: 8px 20px;
    }

    .spark-btn button > p {
        font-size: 16px;
    }

    .spark-btn button {
        padding: 8px 20px;
    }

        .spark-btn button svg {
            width: 20px;
        }

    .partners .sp-head {
        width: 90%;
        padding: 0;
        margin-bottom: 20vw;
    }

    .Challenges_opportunitites .culture-left p {
        font-size: 20px;
        width: 100%;
    }

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

    .support-card a .info p {
        font-size: 14px;
    }

    .support_section {
        width: 330px;
    }

    .support-card.suport-card2 a {
        font-size: 14px;
    }

    .support-link {
        width: 30px;
        height: 30px;
    }

    .support-card.suport-card2 span {
        width: 40px;
        height: 40px;
        top: 20px;
    }

        .support-card.suport-card2 span svg {
            width: 16px;
        }

    .solution_slider .sl-slider-navigation:before,
    .ind_innovation .ind-slider-navigation:before,
    .ledt_innovation .home-slider-navigation:before,
    .case-slider-navigation:before {
        display: none !important;
    }

    .case_text,
    .sp_case_slider {
        transform: inherit !important;
    }


    .case_navigatin_menu {
        left: 10%;
        z-index: 10;
    }

    .case-slider-navigation span {
        padding: 0;
    }

    .marquee-item img {
        width: initial !important;
        height: initial !important;
        object-fit: contain;
    }

    .whatWeDoSwiper .swiper-slide {
        padding: 0 0 !important;
    }

    .whatWeDoSwiper .slide-content {
        padding: 0 5%;
        width: 100%;
    }

    .whatwethink .home-bolgs .left a .img-wrap {
        grid-template-columns: 45% 25% 25% !important;
    }

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

    .award-title h3 {
        font-size: 36px;
    }

    .sp-award {
        margin-bottom: 15vw;
        padding-top: 15vw;
    }

    .videoBlock_main .start img {
        width: 50px !important;
    }

    .videoBlock_main .infos h2 {
        font-size: 34px;
    }

    .videoBlock_main .infos > p {
        padding: 0;
        margin-bottom: 0;
    }

    .insight_wrap .tabs {
        width: 100% !important;
    }

    .whatWeDoSwiper .swiper-slide {
        background-position: center;
    }

    .who-we-img .who-we-img-text h2.sp-head {
        width: 100%;
    }

    .who-we-img .who-we-img-text h2 {
        font-size: 40px;
        line-height: 1.1;
    }

    .who-we-img .who-we-img-text p {
        padding-right: 0;
    }

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

    .who-we-img .who-we-img-text {
        top: 57%;
    }

    .our-history {
        padding-top: 15vw;
    }

    .project-banner .infos {
        justify-content: center;
        padding: 0 5vw;
        text-align: center;
    }

        .project-banner .infos p {
            font-size: 5vw;
        }

    .myInnovation section h4 {
        font-size: 30px;
        margin-bottom: 5vw;
    }

    .video-inovation {
        margin-bottom: 5vw;
    }

    .ww_slider_btn {
        width: 50px;
        height: 50px;
    }

    .whatWeDoSwiper .slide-title {
        font-size: 36px;
        line-height: 1.1;
    }

    .whatSlidesInfo .slide-content .info ul li p {
        white-space: normal;
    }

    .whatWeDoSwiper .slide-count {
        font-size: 15px;
    }

    .goto_top {
        top: -30px;
    }

    .history-left h3 {
        font-size: 25px;
        line-height: 1;
        margin-bottom: 5vw !important;
    }

    .subscribe-form input {
        padding: 4vw 5vw;
        font-size: 15px;
    }

    .Innovation-swiper .home-slider-navigation span {
        padding: 0;
    }

    .case_pin_Section {
        padding: 0;
        margin-bottom: 20vw;
    }

    .case_text {
        width: 100%;
    }

    .case_pin_Section #horizontalCardsSection {
        display: none;
    }

    .mobile-card .case-top {
        grid-gap: 50vw;
    }

    .mobile-car .case_hover img {
        width: 100%;
    }

    .swiper_wrap.for-mobile-tablet {
        width: 95%;
        margin-left: auto;
    }

    .whatWeDoSwiper .swiper-slide {
        height: 50vh;
    }

    .whatWeDoSwiper {
        height: 100%;
    }

    .home_whatwedo_new section {
        display: none;
    }

    .home_whatwedo_new .swiper_wrap.for-mobile-tablet {
        width: 100%;
    }

    .new-repoet_swiper .achievingSwiper .swiper-slide {
    }

        .new-repoet_swiper .achievingSwiper .swiper-slide .image {
        }

            .new-repoet_swiper .achievingSwiper .swiper-slide .image img {
                width: 100%;
            }

    .work_detail_mob {
        width: 90%;
    }

    .spark_work_detail {
        display: none;
    }

    .mobile-card {
        flex: 0 0 35%;
        height: 70%;
        margin-right: 4vw;
        color: black;
        font-size: 2rem;
        font-weight: bold;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* padding: 3vw 4vw 3vw 2vw; */
        background: #f4f5f8;
        border-radius: 0;
        border: 0;
        position: relative;
        overflow: hidden;
        filter: brightness(0.7);
        transition: all .5s ease;
    }

        .mobile-card:hover .case-top {
            background: transparent;
        }

        .mobile-card:hover .pin-img {
            opacity: 0;
        }

        .mobile-card .case_hover {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            transition: all .5s ease;
            height: 100%;
            scale: 1.1;
        }

            .mobile-card .case_hover img {
                width: 100%;
                display: block;
                z-index: -1;
                object-fit: cover;
                height: -webkit-fill-available;
            }

        .mobile-card ul li {
            font-size: 17px;
            color: var(--blackl);
        }



    .mobile-card {
        position: relative;
        transition: all .5s ease;
    }

        .mobile-card > .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;
        }

        .mobile-card:hover h2 {
            color: #fff;
        }

        .mobile-card ul {
        }

            .mobile-card ul li {
                transition: all .5s ease;
            }

    .card.mobile-card:hover .case_hover {
        scale: 1;
    }

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

    .mobile-card:hover ul li {
        color: #fff;
    }

    .mobile-card .case-top {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: #f4f5f8;
        z-index: 1;
        transition: all .5s ease;
    }

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

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

        .mobile-card .pin-img img {
            width: 100%;
        }

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

    .mobile-card:hover .case_hover {
        scale: 1;
    }

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

    .videoScrollSection .infos h2 {
        font-size: 38px;
        line-height: 1;
    }

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

    .sp_case_study .sp-head3 {
        width: 90%;
    }


    .whatWeDoSwipermb {
        height: auto;
        position: relative;
    }

        .whatWeDoSwipermb .swiper-slide {
            background-size: cover;
            background-position: center;
            height: 50vh;
            display: flex;
            align-items: self-start;
            justify-content: center;
            flex-direction: column;
            color: white;
            text-align: left;
            padding: 0;
            border-radius: 10px;
        }


        .whatWeDoSwipermb .slide-bg {
            position: absolute;
            left: 0;
            top: 0;
            width: 130%;
            height: 100%;
            -webkit-background-size: cover;
            background-size: cover;
            background-position: center;
        }


        .whatWeDoSwipermb .slide-content {
            position: relative;
            z-index: 2;
            padding: 0 5vw;
            width: 100%;
        }

        .whatWeDoSwipermb .slide-count {
            font-size: 20px;
            letter-spacing: 2px;
            opacity: 0.7;
            font-weight: 300;
        }

        .whatWeDoSwipermb .slide-title {
            font-size: 34px;
            margin: 10px 0;
            line-height: 1.2;
            font-weight: 700;
        }

        .whatWeDoSwipermb .slide-desc {
            font-size: 20px;
            line-height: 1.2;
            font-weight: 300;
        }


        .whatWeDoSwipermb .swiper-tabs {
            position: absolute;
            bottom: 30px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: space-between;
            z-index: 5;
            padding: 0 3vw;
            gap: 2vw;
        }

        .whatWeDoSwipermb .swiper-tab {
            font-size: 1vw;
            color: rgba(255, 255, 255, .5);
            cursor: pointer;
            padding: 20px 0;
            border-top: 1px solid rgba(255, 255, 255, .7);
            transition: all 0.7s ease;
            width: 100%;
        }

            .whatWeDoSwipermb .swiper-tab:hover,
            .whatWeDoSwipermb .swiper-tab.active {
                color: rgba(255, 255, 255, 1);
                border-color: rgba(255, 255, 255, 1);
            }

        .whatWeDoSwipermb .swiper-image-inner {
            background-size: cover;
            background-position: center center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            background-color: hsla(0, 0%, 0%, 0.2);
        }

        .whatWeDoSwipermb .swiper-container {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            /* Fix of Webkit flickering */
            z-index: 1;
        }

        .whatWeDoSwipermb .swiper-container-vertical > .swiper-wrapper {
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
        }

        .whatWeDoSwipermb .swiper-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-transition-property: -webkit-transform;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            -ms-transition-property: -ms-transform;
            transition-property: transform;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        .whatWeDoSwipermb .swiper-container-android .swiper-slide, .swiper-wrapper {
            -webkit-transform: translate3d(0px, 0, 0);
            -moz-transform: translate3d(0px, 0, 0);
            -o-transform: translate(0px, 0px);
            -ms-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
        }

        .whatWeDoSwipermb .swiper-container-multirow > .swiper-wrapper {
            -webkit-box-lines: multiple;
            -moz-box-lines: multiple;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }

    .whatWeDoSwiper .swiper-container-free-mode > .swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto;
    }

    .marke_wrap {
        width: 100%;
        padding: 55vw 5vw 10vw;
        margin: 0;
    }

        .marke_wrap h1 {
            font-size: 36px;
            line-height: 1.2;
        }

            .marke_wrap h1 span {
                font-size: 16px;
            }

    .sky_sec {
        padding: 0 5vw;
        margin-bottom: 15vw !important;
    }

        .sky_sec p {
            width: 100%;
            font-size: 14px;
            line-height: 20px;
        }

        .sky_sec .info {
            flex-direction: column;
        }

            .sky_sec .info > div {
                width: auto;
            }

        .sky_sec h4 {
            font-size: 16px;
            margin-bottom: 2vw;
        }

        .sky_sec .info > div h3 {
            font-size: 30px;
            line-height: 1.2;
            margin-bottom: 4vw;
        }

        .sky_sec .info > div h2 {
            font-size: 60px;
        }

            .sky_sec .info > div h2 .number p {
                font-size: 16px;
            }

        .sky_sec .info > div p {
            font-size: 14px;
            line-height: 18px;
        }

    .scape_sec > div {
        width: 100%;
    }

    .scape_sec h2 {
        font-size: 36px;
        margin-bottom: 5vw;
        line-height: 1.1;
    }

    .scape_sec p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5vw;
    }

    .scape_sec h3 {
        font-size: 22px;
        margin-bottom: 5vw;
    }

    .scape_sec ul li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5vw;
    }

        .scape_sec ul li:before {
            width: 10px;
            height: 10px;
            border-radius: 2px;
            left: -4vw;
            top: 1vw;
        }

        .scape_sec ul li strong {
            font-size: 14px;
        }

    .scape_sec ul {
        padding: 0 0 0 5vw;
    }

    .scape_sec {
        padding: 10vw 5vw;
    }

    .beyound_sec {
        width: 90%;
        margin: auto;
        margin-bottom: 0 !important;
    }

        .beyound_sec .head h2 {
            font-size: 36px;
            margin-bottom: 5vw;
        }

        .beyound_sec .head {
            width: 100%;
            margin-bottom: 10vw;
        }

            .beyound_sec .head p {
                font-size: 14px;
                width: 100%;
                line-height: 20px;
            }

    .power_sec {
        padding: 10vw 5vw;
    }

        .power_sec .head h2 {
            font-size: 36px;
            margin-bottom: 5vw;
        }

        .power_sec .head p {
            width: 100%;
            font-size: 14px;
            line-height: 20px;
        }

        .power_sec .grid_sec .grid p {
            font-size: 12px;
            line-height: 18px;
        }

        .power_sec .grid_sec .grid h2 {
            font-size: 20px;
        }

        .power_sec h3 {
            font-size: 18px;
            line-height: 24px;
        }

    .scape_sec h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .key_white ul {
        width: 100%;
    }

    .scape_sec .head {
        width: 100%;
    }

    .strivi_sec p {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }

    .strivi_sec h2 {
        width: 100%;
        font-size: 34px;
        line-height: 1.1;
    }

    .strivi_sec {
        padding: 0 5vw 10vw;
    }

    .first-work {
        margin-bottom: 10vw !important;
    }

    .trans_list p::before {
        width: 10px;
        height: 10px;
        border-radius: 2px;
    }

    .trans_list p {
        padding-left: 4vw;
    }

    .beyound_sec .beyound_swiper .beyoundSwiper p {
        font-size: 12px;
        line-height: 18px;
    }

    .beyound_sec .beyound_swiper .beyoundSwiper h2 {
        font-size: 16px;
        margin-bottom: 3vw;
    }

    .beyound_sec .beyound_swiper .beyoundSwiper img {
        margin-bottom: 5vw;
    }

    .stories_sec .head {
        width: 100%;
    }

    .stusiesSwiper .swiper-slide .grid h2 {
        font-size: 20px;
        width: 100%;
    }

    .stusiesSwiper .swiper-slide .grid p {
        font-size: 14px;
        line-height: 20px;
    }

    .stusiesSwiper .swiper-slide .grid .img {
        width: 60%;
    }

    .beyound_sec .beyoundSwiper {
        display: block;
    }

    .growing_sec {
        flex-direction: column;
    }

        .growing_sec .left {
            width: 100%;
        }

        .growing_sec .right {
            width: 100%;
        }

        .growing_sec .left h2 {
            font-size: 32px;
        }

        .growing_sec .right p {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 5vw;
        }

        .growing_sec .right .info h2 {
            font-size: 18px;
            margin-bottom: 5vw;
        }

        .growing_sec .right .info p {
            font-size: 14px;
            padding-left: 4vw;
            margin-bottom: 5vw;
        }

            .growing_sec .right .info p:before {
                width: 10px;
                height: 10px;
                border-radius: 2px;
                top: 1vw;
            }

    .puttingSwiper .swiper-slide .grid .img {
        height: 25vh;
    }

    .power_list {
        padding: 0;
        margin-bottom: 10vw !important;
    }

        .power_list .info p {
            font-size: 14px;
            line-height: 20px;
        }

        .power_list .info h2 {
            font-size: 18px;
            margin-bottom: 2vw;
        }

            .power_list .info h2:before {
                width: 10px;
                height: 10px;
                border-radius: 2px;
                left: -4vw;
            }

        .power_list .info {
            padding-left: 4vw;
            margin-bottom: 5vw;
        }

        .power_list p {
            font-size: 14px;
            line-height: 20px;
        }

    .growing_sec .left p {
        font-size: 20px;
        width: 80%;
        padding-left: 13vw;
        line-height: 1.3;
        top: 10%;
    }

    .essential_sec .head {
        width: 100%;
        padding-bottom: 50vw;
    }

        .essential_sec .head p {
            font-size: 14px;
            line-height: 20px;
        }

        .essential_sec .head h2 {
            font-size: 30px;
            line-height: 1.2;
        }

    .essential_sec {
        padding-left: 5vw;
        padding-top: 15vw;
    }

        .essential_sec .box_img .img {
            width: 100%;
            bottom: -40vw;
            right: -20vw;
        }

        .essential_sec .box_img p {
            font-size: 14px;
        }

    .emo_sec {
        padding-left: 5vw;
        padding-right: 5vw;
    }

        .emo_sec h2 {
            font-size: 32px;
            line-height: 1.2;
            margin-bottom: 5vw;
        }

        .emo_sec p {
            width: 100%;
            font-size: 14px;
            line-height: 20px;
        }

    .footer-description br {
        display: none;
    }

    .footer-column ul li {
        margin-bottom: 3vw;
    }

    .footer-offices h5 {
        font-size: 14px;
    }

    .footer-offices p .noancr,
    .footer-offices p a {
        font-size: 12px;
    }

    .right-category {
        top: 0 !important;
    }

    .whatwethink .home-bolgs .left .bolgs-title h2 {
        font-size: 24px;
        margin-bottom: 5vw;
    }

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

    .sp_header .sp_menu ul li a {
        font-size: 24px;
        color: var(--black);
        display: flex;
        align-items: center;
    }

        .sp_header .sp_menu ul li a svg {
            margin-left: 2vw;
        }

    .menu-icon.close-icon:hover .lines span {
        background: #000;
    }

    .not-search-result ul li a {
        font-size: 16px;
    }

    .not-search-result ul br {
        display: none;
    }

    .not-search-result {
        width: 100%;
    }

    .search-box-main .inner {
        padding: 0 5vw;
    }

    .search-input-holder input {
        font-size: 20px;
    }

    .search-input-holder .sm-search {
        top: -5vw;
    }

    .sm-search {
        height: 35px;
        width: 35px;
    }

    .search-box-main .search-input-holder button svg {
        width: 20px;
    }

    .project-third.beutifull_section h3 {
        width: 100% !important;
        padding: 0;
    }

    .project-third.project-third-new > h2 {
        padding: 0;
    }

    .project-third.beutifull_section > div p {
        width: 100% !important;
        padding: 0;
    }

    .weareteam {
        margin-right: 5vw;
        margin-top: 10vw !important;
    }

    .left-top {
        grid-template-columns: 1fr 1fr;
    }

    .spark_reveal > br {
        display: none;
    }

    .sl-sl-list .sl-slider-navigation,
    .ind_innovation .ind-slider-navigation,
    .Innovation-swiper .home-slider-navigation {
        grid-gap: 5vw;
        overflow-x: scroll;
        border-top: 1px solid rgba(151, 71, 255, .3);
        padding: 0;
    }

        .sl-sl-list .sl-slider-navigation span,
        .ind_innovation .ind-slider-navigation span.nav-point,
        .Innovation-swiper .home-slider-navigation span {
            padding: 10px 0;
        }

            .sl-sl-list .sl-slider-navigation span:before,
            .ind_innovation .ind-slider-navigation span::before,
            .home-slider-navigation span:before {
                left: 0 !important;
                width: 100% !important;
                height: 4px !important;
            }

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

    .myInnovation section h4 {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

    .weareteam h2 {
        font-size: 32px !important;
    }

    .weareteam img,
    .weareteam video {
        position: absolute;
        right: 85%;
        top: 15%;
        height: 70%;
        scale: .5;
    }

    .sp_case_study {
        padding-top: 15vw;
    }

        .sp_case_study h2 {
            margin-bottom: 5vw !important;
        }

    .mobile-card {
        margin-right: 0;
        height: 100%;
    }

    .achievingSwiper .swiper-slide-active .case_hover {
        scale: 1;
    }

    .achievingSwiper .swiper-slide-active .case-top {
        background: transparent;
        color: #fff;
    }

    .achievingSwiper .swiper-slide-active .mobile-card ul li {
        color: #fff;
    }

    .achievingSwiper .swiper-slide-active .mobile-card ul li {
        font-size: 14px;
    }

    .achievingSwiper {
        height: 50vh;
    }

    .mobile-card .case_hover img {
        height: 100%;
    }

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

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

    .home_whatwedo_new section {
        display: block;
    }

    .whatWeDoSwiper .swiper-tabs {
        top: 0;
        left: 0;
        padding: 10vw 5vw 0;
        gap: 0;
        width: 100%;
    }

    .whatWeDoSwiper .swiper-tab {
        padding: 5px 10px;
        width: 100%;
        font-size: 14px;
    }

    .whatWeDoSwiper .swiper-tab {
        font-size: 14px;
    }

        .whatWeDoSwiper .swiper-tab:before {
            left: -1vw;
        }

    .whatSlidesInfo .slide-content .info ul li,
    .whatSlidesInfo .slide-content .info > p {
        font-size: 16px;
        width: 100%;
    }

    .whatSlidesInfo {
        position: absolute;
        top: 15%;
    }

    .sp-button {
        gap: 3vw;
    }

    .whatSlidesInfo .slide-content .info ul,
    .whatSlidesInfo .slide-content .info > p {
        margin-bottom: 10vw;
    }

    .whatWe_img_wrapper {
        border-radius: 10px;
    }

    .industries_wrap .ind_title h2 {
        font-size: 40px;
        line-height: 1.2;
        width: 100%;
    }

    .myIndustries {
        height: auto;
    }

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

    .ind_innovation .ind-slider-navigation {
        opacity: 1;
    }

    .industries_wrap .ind_innovation {
        position: absolute;
        top: 25%;
        padding-top: 0;
    }

    .how-get-started {
        height: auto;
    }

        .how-get-started > div h2 {
            margin-bottom: 15vw;
        }

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

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

    .how-get-started .box {
        padding: 30px 20px;
    }

    .getStartedSwiper .parab {
        font-size: 18px;
        line-height: 1;
        margin: 0 0 15px !important;
    }

    .getStartedSwiper .sp-heads {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 5vw !important;
    }


    /**arslan*/
    .who-we-img .who-we-img-text p {
        padding-right: 20vw;
    }

    .project-third.project-third-new {
        padding: 10vw 5vw !important;
    }

        .project-third.project-third-new > div h3 {
            font-size: 42px;
        }

    .project-third.beutifull_section > div p {
        padding-right: 25vw;
    }

    .who-guid_wrap .who_we_text {
        width: 100%
    }

        .who-guid_wrap .who_we_text h2 {
            font-size: 20px;
            margin-bottom: 4vw;
        }

        .who-guid_wrap .who_we_text h3 {
            font-size: 30px;
            width: 70%;
        }

    .project-third.beutifull_section .ofh {
        margin-top: 15vw;
    }

    .project-third.project-third-new > div .beuti_text {
        flex-direction: column;
    }

        .project-third.project-third-new > div .beuti_text .left_ot {
            width: 100%;
            margin-bottom: 6vw;
        }

            .project-third.project-third-new > div .beuti_text .left_ot h2 {
                font-size: 26px;
                width: 50%;
            }

            .project-third.project-third-new > div .beuti_text .left_ot h3 {
                font-size: 26px;
                width: 60% !important;
            }

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

            .project-third.project-third-new > div .beuti_text .right_ot h4 {
                font-size: 21px;
                padding-bottom: 5vw;
                line-height: 1;
            }

            .project-third.project-third-new > div .beuti_text .right_ot p {
                font-size: 12px;
                padding-right: 6vw;
                margin-bottom: 10vw;
            }

            .project-third.project-third-new > div .beuti_text .right_ot .new_btns {
                display: inline-block;
            }

            .project-third.project-third-new > div .beuti_text .right_ot .new_btns {
                width: fit-content;
            }

    .industries_wrap .ind_title h2 {
        font-size: 40px;
        line-height: 1;
        width: 100%;
        padding-right: 12vw;
    }

    .who-we-wrap h1 {
        width: 100% !important;
    }

    .solution_journey .sl_right h2 {
        font-size: 25px !important;
        margin-bottom: 20vw !important;
    }

    .solution_journey .sl_right p {
        padding-bottom: 16vw;
    }

    h2.black.sp-head {
        margin: auto;
    }

    .ai-in-action .bottom-action > div {
        width: 100%;
        flex-direction: column;
    }

    .who-we-wrap {
        padding-top: 35vw;
    }

    .customer_list .cus_right {
        flex-direction: column;
    }

    .customer_experince div > p {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 10vw;
        margin-top: 8vw;
    }

    .benefits-holder_ne {
        padding: 20vw 5vw 20vw;
    }

        .benefits-holder_ne .right {
            grid-template-columns: repeat(1, 1fr);
            gap: 15vw;
            margin-top: 15vw;
        }

            .benefits-holder_ne .right .new_serv h3 {
                font-size: 30px;
            }

            .benefits-holder_ne .right .new_serv h4 {
                font-size: 22px;
                line-height: 1.4;
            }

            .benefits-holder_ne .right .new_serv {
                padding-top: 9vw;
            }

    .what_we_del .grip_ser {
        padding: 9vw 0 4.5vw;
        flex-direction: column;
        gap: 13vw;
        margin-top: 8vw;
    }

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

        .what_we_del .grip_ser > div svg {
            height: 40px;
            width: 40px;
        }

        .what_we_del .grip_ser > div h2 {
            font-size: 25px;
            line-height: 1;
            padding-left: 6vw;
        }

        .what_we_del .grip_ser > div {
            width: 100%;
        }

            .what_we_del .grip_ser > div p {
                font-size: 22px;
                padding-left: 20vw;
            }

    .what_we_del {
        padding: 20vw 5vw 30vw;
    }

        .what_we_del > h2 {
            margin-bottom: 20vw;
        }

    .mdb {
        display: block !important;
    }

    .mdn {
        display: none !important;
    }

    .serve_img .serve_content {
        justify-content: initial;
        padding: 20vw 0;
    }

        .serve_img .serve_content .top {
            margin-bottom: 15vw;
        }

        .serve_img .serve_content .bottom_grid {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 18vw;
            display: grid;
        }

            .serve_img .serve_content .bottom_grid div {
                padding: 10vw 0 0;
            }

                .serve_img .serve_content .bottom_grid div h2 {
                    font-size: 35px;
                }

                .serve_img .serve_content .bottom_grid div h3 {
                    font-size: 25px;
                    padding-left: 8vw;
                }

    .how_we_new {
        padding: 20vw 5vw 40vw;
        display: flex;
        flex-direction: column;
    }

        .how_we_new .left_ser {
            width: 100%;
        }

            .how_we_new .left_ser > h3 {
                margin-bottom: 10vw !important;
            }

        .how_we_new .right_ser {
            width: 100%;
        }

            .how_we_new .right_ser .right_list_s {
                padding: 8vw 0;
            }

                .how_we_new .right_ser .right_list_s h2 {
                    font-size: 32px;
                }

                .how_we_new .right_ser .right_list_s h3 {
                    font-size: 23px;
                }

    .project-banner .infos > h2 {
        margin-bottom: 5vw;
    }

    .form_right .main_info .input-holder {
        width: 100%;
    }

    .who_we_slide_mb {
        padding: 20vw 5vw 50vw;
        background: #000;
    }

        .who_we_slide_mb .who_we_mb_top {
        }

            .who_we_slide_mb .who_we_mb_top h2 {
                font-size: 16px;
                color: #9747FF;
                margin-bottom: 5vw;
            }

            .who_we_slide_mb .who_we_mb_top h3 {
                font-size: 36px;
                line-height: 1;
                color: #fff;
                font-weight: bold;
                margin-bottom: 30vw;
            }

        .who_we_slide_mb .mb_who {
            width: 45%;
            margin-right: 0;
        }

            .who_we_slide_mb .mb_who .mg_who_img {
            }

                .who_we_slide_mb .mb_who .mg_who_img img {
                    width: 100%;
                    display: block;
                }

    .mb_who_wrap {
        display: flex;
        flex-flow: row-reverse;
        align-items: center;
        position: relative;
    }

    .who_we_slide_mb .text_who_mb {
        width: 50%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }

        .who_we_slide_mb .text_who_mb > div {
            position: absolute;
            top: 50%;
            left: 0;
            display: none;
            transform: translate(0, -50%);
        }

            .who_we_slide_mb .text_who_mb > div.active {
                display: block;
            }

            .who_we_slide_mb .text_who_mb > div h4 {
                font-size: 22px;
                color: #9747FF;
                margin-bottom: 1vw;
            }

            .who_we_slide_mb .text_who_mb > div h5 {
                font-size: 28px;
                color: #fff;
                line-height: 1;
                margin-bottom: 3vw;
                font-weight: bold;
            }

            .who_we_slide_mb .text_who_mb > div p {
                font-size: 15px;
                line-height: 1.1;
                color: #fff;
            }

    .whatSlidesInfo .slide-content.active .sp-button {
        opacity: 0
    }

    .sl-sl-list {
        position: absolute;
        top: 6%;
    }

    #sectionSalSwiper {
        height: auto;
    }

    .solution_slider .sl_slider_wrap {
        position: relative;
        width: 100%;
        left: 0;
        height: auto;
        transform: translate(0, 0);
    }

    .solution_slider {
        height: auto;
        padding-bottom: 10vw;
    }

        .solution_slider .swiper.mySL {
            bottom: 0 !important;
            transform: translate(0, 0);
            position: relative;
            width: 100% !important;
            right: 0;
            margin: 0 0 10vw;
        }

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

    .solution_slider .swiper.mySL .swiper-slide .sl-slide-mg-wrap div img {
        margin-bottom: 10px;
    }

    .solution_slider .swiper.mySL .swiper-slide .sl-slide-mg-wrap div > p {
        margin-bottom: 10px;
    }

    .sl-after-pag {
        display: none;
    }

    .solution_slider {
        margin-bottom: 0 !important;
    }

    .solution_slider {
        padding-bottom: 10vw;
        display: flex;
        flex-direction: column-reverse;
        padding-top: 20vh;
    }

    .industries_wrap .ind_innovation {
        top: 35%;
    }

    #sectionMyIndustries {
        height: auto;
    }

    .project-third.project-third-new > div .beuti_text .left_ot h2 {
        padding-left: 0;
    }

    .customer_experince h2,
    .customer_experince h1 {
        font-size: 44px;
        width: 100%;
    }

    /*.sp-bottom-menu .main_scr_menu ul li:first-child {*/
    /*    display: block*/
    /*}*/

    .sp-bottom-menu .main_scr_menu ul li h3 svg {
        position: fixed;
        left: 20px;
    }

    .search-input-holder .sm-search svg {
        width: 20px;
    }

    .results-header {
        flex-direction: column;
    }

        .results-header > div {
            width: 100%;
            margin: 0 0 10px
        }

    .result-card {
        padding-right: 0%;
        flex-direction: column;
    }

        .result-card .thumbnail,
        .result-card .info {
            width: 100%;
        }

    .logo-slider .swiper-slide img,
    .logo-slider-two .swiper-slide img {
        width: 88%;
        height: 35px;
    }

    .partners {
        padding-bottom: 0;
    }

    .home_whatwedo {
        margin-top: 20vw !important
    }

    .ai-in-action.landing_case .top-action .sizew40 {
        width: 100%;
    }

    .sp-ai-wrap.landing_page .ai-left h2,
    .sp-ai-wrap.landing_page .ai-left h1 {
        font-size: 40px !important;
    }

    .ht-cursor {
        display: none;
    }

    .videoScrollSection video {
        display: block;
        height: 100%;
        object-fit: cover;
        filter: brightness(.6);
        width: 100%;
    }

    .videoScrollSection .infos h2 {
        text-align: center;
    }

    .sp_banner .infos {
        width: 100%
    }

    .videoScrollSection canvas {
        display: none !important;
    }

    .mb_who_wrap .swiper-slide img {
        width: 100%;
        display: block;
    }

    .case_pin_Section .swiper_wrap.for-mobile-tablet {
        display: block;
    }

    .achievingSwiper .swiper-slide-active .pin-img {
        opacity: 0;
    }

    .mobile-card .case-top {
        width: 100%;
    }

    .whatWeDoSwiper .swiper-tabs {
        grid-gap: 5vw;
        overflow-x: scroll;
        border-top: 1px solid rgba(151, 71, 255, .3);
        padding: 10% 2% 0;
        flex-direction: row;
    }

    .whatWeDoSwiper .swiper-tab:before {
        left: 0 !important;
        width: 100% !important;
        height: 4px !important;
    }

    .whatWeDoSwiper .swiper-tab {
        padding: 10px 10px;
    }

    .whatSlidesInfo {
        top: 3%;
    }

    .contact_img img {
        display: block;
    }

    .subscribe_wrap .sub_right i {
        display: none;
    }

    .new_form.flex {
        margin-top: 40vw;
    }

    .sp_header.on-scroll .sp-bottom-menu.scrollUp2 {
        top: -150% !important;
    }

    .sp-ai-wrap .ai-left h2 {
        font-size: 48px;
    }

    .landing_services .top_lan {
        width: 100%;
    }

    .landing_services .bottom_lan {
        grid-template-columns: repeat(1, 1fr);
    }

        .landing_services .bottom_lan > div {
            margin-bottom: 12vw;
        }

            .landing_services .bottom_lan > div h3 {
                margin-bottom: 3vw;
                padding-left: 4vw;
                line-height: 1.3;
            }

            .landing_services .bottom_lan > div p {
                padding-left: 4vw;
            }

    .landing_services {
        padding: 20vw 5vw 10vw;
    }

    .solution_slider .sl-slider-navigation,
    .ind_innovation .ind-slider-navigation,
    .whatWeDoSwiper .swiper-tabs,
    .Innovation-swiper .home-slider-navigation {
        overflow-x: auto;
        white-space: nowrap;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .solution_slider .sl-slider-navigation::-webkit-scrollbar,
        .ind_innovation .ind-slider-navigation::-webkit-scrollbar,
        .whatWeDoSwiper .swiper-tabs::-webkit-scrollbar,
        .Innovation-swiper .home-slider-navigation::-webkit-scrollbar {
            display: none; /* Chrome/Safari */
        }

        .Innovation-swiper .home-slider-navigation span {
            transition: all .7s ease;
        }

    .what-we-do-menu .right-article .menuSwiper {
        margin-left: 0;
    }

    .page-what-we-do .sl_swiper_text img {
        width: auto;
    }

    .openSearch,
    .menu-opened {
        overflow-y: hidden !important;
    }

    .menu-opened .search a svg {
        fill:#000
    }
    .search-input-holder .sm-search {
        top: 0;
    }
    .search-input-holder input {
        padding: 10px 0;
    }

    /*.sp-bottom-menu .main_scr_menu ul li:first-child img,*/
    /*.sp-bottom-menu .main_scr_menu ul li:not(:nth-child(1)) {*/
    /*     display: block;*/
    /*}*/


    /* new_artical */
    .new_article_banner {
        width: 100% !important;
        padding-top: 40vw;
    }

        .new_article_banner h1 {
            font-size: 8vw !important;
        }

        .new_article_banner h3 {
            font-size: 4vw;
        }

        .new_article_banner p {
            font-size: 5.5vw;
            width: 70%;
        }

    .main_content_container .head {
        padding-right: 15vw;
    }

    .main_content_container h2 {
        font-size: 6vw;
    }

    .main_content_container {
        width: 90% !important;
    }

        .main_content_container p {
            font-size: 4.5vw !important;
            width: 90%;
            padding-bottom: 5vw;
        }

        .main_content_container .power_list {
            padding-right: 20vw;
        }

    .power_list .info.new_list h2 {
        padding-left: 7vw !important;
        font-size: 4.5vw !important;
        margin-bottom: 3vw;
    }

    .list_head {
        margin-bottom: 5vw !important;
    }

    .list_img {
        width: 85% !important;
    }

    .highlight_new_art {
        width: 80% !important;
    }

        .highlight_new_art h2 {
            padding: 2.5vw 3.4vw;
        }

    .list_head h3 {
        font-size: 4vw;
    }

    .scape_sec.new_art_rade .head {
        width: 90%;
    }

    .scape_sec.new_art_rade h3 {
        font-size: 4vw;
    }

    .scape_sec.new_art_rade h2 {
        font-size: 6vw;
        padding-bottom: 5vw;
    }

    .scape_sec.new_art_rade .head {
        padding-right: 6vw;
    }

    .scape_sec.new_art_rade p {
        font-size: 4vw;
    }

    .next_step_new {
        flex-direction: column;
    }

    .next_left {
        width: 100%;
    }

    .next_right {
        width: 100%;
        text-align: center;
        padding-top: 0;
    }

    .next_left p {
        font-size: 5vw;
        line-height: 1.3;
    }

    .next_left h2 {
        font-size: 8vw;
        padding-bottom: 8vw;
    }
    /inner new/

    .sp-ai-wrap .ai-left .spark-btn a {
        margin-bottom: 4vw;
    }

    .sp-ai-wrap .ai-right video {
        width: 100%;
    }

    .indux_support_wrap {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        gap: 0 4vw;
    }

    .why-it-metters .right .indux_support_wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 0 4vw;
    }

    .indux_support_wrap .sup_grid {
        display: inline-block;
        padding: 0;
        margin-bottom: 15vw;
    }

        .indux_support_wrap .sup_grid h3 {
            margin-top: 8vw;
            font-size: 20px;
        }

        .indux_support_wrap .sup_grid:hover {
            background: transparent;
        }

            .indux_support_wrap .sup_grid:hover h3 {
                color: #1f1f1f;
            }

    .why-it-metters {
        flex-direction: column;
        padding-top: 20vw;
    }

        .why-it-metters .left {
            width: 100%;
            margin-bottom: 20vw;
        }

        .why-it-metters .right {
            width: 100%;
        }

    .sp-ai-wrap.landing_pag_annual {
        margin-bottom: 0;
    }

    .faq-item h3 {
        font-size: 22px;
    }

    .faq-item {
        padding: 20px;
    }

        .faq-item h3 button {
            padding-right: 10vw;
        }

        .faq-item > div p {
            margin-top: 30px;
            font-size: 20px;
            padding-right: 5vw;
        }

    .faq {
        padding: 25vw 5vw;
    }

        .faq > h2 {
            margin-bottom: 15vw;
        }

    body.page-annual-report-landing-page .sp-ai-wrap.landing_page {
        margin-bottom: 0;
    }

    body.page-annual-report-landing-page .spark-btn a {
        margin-bottom: 4vw;
    }

    .indux_support_wrap .sup_grid {
        padding: 10px;
    }
    body.page-annual-report-landing-page .bottom_lan {
        grid-template-columns: repeat(1, 1fr);
    }
    div#howepin {
        padding-bottom: 40vw;
    }
}