@font-face {
    font-family: GeneralSans-Regular;
    src: url(../fonts/GeneralSans-Regular.woff2) format("woff2"), url(../fonts/GeneralSans-Regular.woff) format("woff"), url(../fonts/GeneralSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: GeneralSans-Medium;
    src: url(../fonts/GeneralSans-Medium.woff2) format("woff2"), url(../fonts/GeneralSans-Medium.woff) format("woff"), url(../fonts/GeneralSans-Medium.ttf) format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: GeneralSans-Semibold;
    src: url(../fonts/GeneralSans-Semibold.woff2) format("woff2"), url(../fonts/GeneralSans-Semibold.woff) format("woff"), url(../fonts/GeneralSans-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

:root {
    --primary-color: #ff576d;
    --primary-color-light: #ffecec;
    --secondary-color: #8748c2;
    --secondary-color2: #59258a;
    --secondary-color-light: #f2e4ff;
    --font-color-dark: #341552;
    --blue-color: #d9f0f3;
    --fw-400: "GeneralSans-Regular";
    --fw-500: "GeneralSans-Medium";
    --fw-600: "GeneralSans-Semibold"
}

/* <<<<<<<<<<<<<<manish csss>>>>>>>>>>>>> */
@media (max-width:1920px) {
    .hall-text {
        padding: 33px 28px 50px 35px;
        top: -70px;
        right: -55px;
    }
    .rbt-img {
        width: 905px !important;
        position: absolute;
        bottom: -20px !important;
        left: 41% !important;
        transform: translateX(-50%);
    }
}

/* @media (max-width:2048px) {
div.rbt-img {
    width: 1000px !important;
    position: absolute;
    bottom: -20px !important;
    left: 59% !important;
    transform: translateX(-50%);
}
} */


@media (max-width:1680px) {
    .offer_img {
        width: 815px !important;
        left: 55% !important;
    }
    .rbt-img {
        width: 730px !important;
        position: absolute;
        bottom: -28px !important;
        left: 37% !important;
        transform: translateX(-50%);
    }
    .case_study_tecno {
        padding: 40px 25px 0;
    }
    .opar-imgg img {
        width: 450px;
        height: 405px;
    }

    .crowd-imgg img {
        width: 428px;
        height: 339px;
    }

    .middle-rocket {
        bottom: -94px;
        right: 60px;
    }

    .jitt-imgg img {
        height: 290px;
    }

    /* ><<<<<<<<<<<>hassan video start>>>>>> */
    .tavus-dialog {
        position: absolute !important;
        width: 430px;
        top: 60%;
        height: 240px;
        left: 100px;
    }

    /* <<<<<<<<hassam vidoe end>>>>>> */








}


@media (max-width:1650px) {
    .case_study_tecno {
        padding: 40px 20px 0;
    }
    .offer_img {
        width: 800px !important;
        left: 55% !important;
    }

    .crowd-imgg img {
        width: 428px;
        height: 339px;
    }

    .grip-imgg img {
        height: 290px;
    }

    .jitt-imgg img {
        height: 285px;
    }

    .middle-rocket {
        bottom: -96px;
        right: 51px;
    }

}


@media (max-width:1480px) {

    img.branding-right {
        right: 80px;
    }

    .tech-tabs .nav-item .nav-link {
        font-size: 26px;
    }

    .real-stories {
        height: 100vh;
    }

    .service-h3 {
        font-size: 24px !important;
        font-family: var(--fw-500);
        color: #FF576D;
        line-height: 35px !important;
        position: absolute;
        position: absolute;
        bottom: 49px;
        right: 0;

    }

    .home-logo {
        padding: 20px 0 !important;
    }


    .row-g {
        row-gap: 20px;
    }

    .hall-award {
        background-color: #fff;
        border: 1px solid #FE8595;
        border-radius: 25px;
        padding: 32px 60px 26px 150px;
        position: relative;
    }

    a .hall-arrow {
        width: 30px;
        height: 10px;
    }

    .hall-triangle {
        position: absolute;
        bottom: -74px;
        right: 15px;
    }

    .pink-icon {
        left: 4%;
        width: 150px;
        top: 35%;
    }

    .banner-number {
        padding-top: 150px;
    }

    .startup-number p {
        font-size: 18px;
    }

    .font-24 {
        font-size: 18px !important;
    }

    .simplified-text p {
        font-size: 20px;
        line-height: 29px;
    }

    .simplified-text h6 {
        font-size: 20px;
        line-height: 36px;
    }

    /* .start-up h3 {
            font-size: 32px;
        } */
    .sprint-banner {
        width: 1150px;
        margin: auto;
        display: block;
        position: relative;
        z-index: 100;
    }

    .astro-left {
        position: absolute;
        width: 267px;
        bottom: 150px;
        left: -115px;
        z-index: 1000;
    }

    .astro-right {
        position: absolute;
        width: 267px;
        right: -54px;
        top: -145px;
        z-index: 1000;
    }

    .banner-section-neww p {
        color: #341552 !important;
        font-size: 22px !important;
    }

    .exercise h6 {
        font-size: 26px;
        line-height: 33.8px;
    }

    .day h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .exercise p {
        font-size: 20px;
        line-height: 30px;
    }

    /* <<<<<<<<<<<service page start>>>>>>>>> */
    .ideate-card h4 {
        font-size: 24px !important;
        padding-top: 15px !important;
    }

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

    /* <<<<<<<service page end>>>>>>>> */
}

@media (max-width:1440px) {
    div.offer_img {
        width: 760px !important;
        left: 49% !important;
    
}
    .case_study_tecno {
        padding: 40px 18px 0;
    }

    .rbt-img {
        width: 630px !important;
        position: absolute;
        bottom: -20px !important;
        left: 36% !important;
        transform: translateX(-50%);
    }

    .ui-1 {
       
        width: 810px !important;
    }
    .ui-1 {
        height: 570px !important;
        overflow: hidden;
    }
    .ui-1 img {
        height: 530px !important;
    }
    .grip-fit-card .panel {
        width: 570px !important;
        height: 560px !important;
    }
    .grip-fit-card .fitness {
        height: 400px !important;
        text-align: left;
    }

    /* ><<<<<<<<<<<>hassan video start>>>>>> */
    .tavus-dialog {
        position: absolute !important;
        width: 430px;
        top: 62%;
        height: 240px;
        left: 100px;
    }

    /* <<<<<<<<hassam vidoe end>>>>>> */

    /* <12sep>>>>>> */

    .saudi-award h1 {
        padding-left: 20px !important;
    }

    /* <<<<!2sep end>>>. */
    .uiux .scoping_steps_content {
        left: 10%;
        bottom: -30%;
    }

    .cost .scoping_steps_content {
        top: 70%;
        left: -90px;
    }

    .saudi-tabs .nav-item .nav-link {
        font-size: 20px;
    }

    .saudi-ind-p {
        display: none;
        line-height: 22px;
    }

    .crowd-contnt h2 {
        font-size: 34px;
    }

    /* .crowd-contnt{
            height: 70%;
        } */
    .opar-imgg img {
        width: 450px;
        height: 325px;
    }

    .crowd {
        height: 100%;
    }

    .crowd-pt h6 {
        padding: 12px 16px;
        font-size: 13px;
    }

    .opar-logoo {
        margin-top: 30px;
    }

    /* .crowd-imgg{
            position: relative;
        }
        .crowd-imgg img{
            position: absolute;
        } */
    .grip-loggo {
        margin-top: 5px;
    }

    .grip-imgg img {
        width: 360px;
        height: 290px !important;
    }

    .crowd-imgg img {
        width: 428px;
        height: 390px !important;
    }

    .jitt-imgg img {
        height: 390px !important;
    }




}




@media (max-width:1280px) {



    /* ///////staff aug ???? */
    .campaign-new-form button {
        margin-top: 0px;
    }
    .campaign-new-form .captcha-container {
        margin-top: 20px;
    }
    .full-stack-staff .font-20 {
        font-size: 16px !important;
    }
    .campaign-new-form textarea {
        height: 60px;
    }
    .ui-pluss {
        width: 25px;
        height: 25px;
    }
    div.staff-aug-new img.fram-left {
        position: absolute;
        top: 140px;
        left: -114px;
        width: 450px;
    }
    .staff-it-steps p {
        font-weight: 400;
        font-size: 20px;
        line-height: 33.6px;
        color: #341552;
    }


    .rbt-img {
        width: 575px !important;
        position: absolute;
        bottom: -20px !important;
        left: 34% !important;
        transform: translateX(-50%);
    }
    .offer_img {
        width: 700px !important;
        left: 55% !important;
    }

    .saudi-tabs .nav-item .nav-link {
        font-size: 16px;
    }

    .saudi-ind-p {
        display: none;
        line-height: 20px;
        font-size: 16px;
    }

    .crowd-contnt h2 {
        font-size: 29px;
    }

    .crowd-pt h6 {
        padding: 8px 12px;
        font-size: 12px;
    }

    .opar-logoo {
        margin-top: 18px;
    }

    .saudi-ind:hover .saudi-ind-p {
        display: block;
        font-size: 15px;
    }

    .saudi-award-rock {
        position: absolute;
        width: 200px;
        z-index: 11111;
        left: 4px;
        top: 280px;
    }
    .ui-1 {
       
        width: 680px !important;
    }
    .ui-1 {
        height: 550px !important; 
        overflow: hidden;
    }
    .ui-1 img {
        height: 490px !important;
    }
    .grip-fit-card .pin-spacer{
        height: 1200px !important;
    }
    .grip-fit-card .fitness {
        height: 400px !important;
       
    }
    .grip-fit-card .panel {
        width: 550px !important;
        height: 560px !important;
    }
    .grip-banner li {
        padding: 5px 18px !important;
        font-size: 14px !important;
    }
    .rbt-ui img{
        height: 550px !important;
    }
    .rbt-ui{
        height: 580px !important;
        width: 800px !important;
    }

}




@media (max-width:1024px) {


    /* //////// stafff aug//// */
    .steps-wrapper::before {
        width: 900px;
    }
    .staff-it-steps p {
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        color: #341552;
    }


    /* ////staff aug/// */


    .rbt-img {
        width: 470px !important;
        position: absolute;
        bottom: -15px !important;
        left: 38% !important;
        transform: translateX(-50%);
    }
    .horizontal-sliders {
        padding-top: 40px !important;
    }

    .ui-1 {
        height: 490px !important;
        overflow: hidden;
    }

    .ui-1 img {
        height: 400px !important;
    }
    .ui-1 {
       
        width: 580px !important;
    }
    .grip-fit-card .panel {
        width: 480px !important;
        height: 560px !important;
        padding-top: 10px !important;
    }
    .rbt-ui img{
        height: 500px !important;
    }
    .rbt-ui{
        height: 550px !important;
        width: 750px !important;
    }
    .grip-banner li {
        padding: 5px 14px !important;
        font-size: 14px !important;
    }
    .mt-160 {
        margin-top: 180px !important;
    }

    /* <<<<<<<<<<hassaaan vidoe start>>>>>>>> */
    .tavus-dialog {
        position: absolute !important;
        width: 430px;
        top: 75%;
        height: 240px;
        left: 20px;
    }

    /* <<<<<<<<<<hassaaan vidoe end>>>>>>>> */


    /* <<<!2sep        >>>>>>>. */

    .uiux .scoping_steps_content2 {
        right: 105%;
        left: auto;
        top: -10%;
        text-align: right;
    }

    a.saudi-indus-btnn {
        font-size: 12px !important;
    }

    .saudi-contact-icon a {
        margin-right: 1.5rem !important;
    }

    .middle-rocket {
        display: none;
    }

    .crowd-imgg img {
        width: 428px;
        height: 245px;
    }

    .saudi-award-rock {
        position: absolute;
        width: 100px;
        z-index: 11111;
        left: 4px;
        top: 280px;
    }

    .saudi-clutch-card p {
        font-size: 10px !important;
        line-height: 16px !important;
    }



    /* <<<<<<<<<<<<landing saudi page css start>>>>> */
    div .acc-border {
        border-bottom: 1px solid #9948E8 !important;
    }

    .saudi-tabs .nav-item .nav-link {
        font-size: 12px;
    }

    .crowd {
        height: 100%;
    }

    .font-18 {
        font-size: 12px;
    }

    .saudi-dis {
        background-color: #541F87;
        border-radius: 24px;
        padding: 40px 40px 20px 40px;
    }

    .grip-imgg img {
        width: 280px;
        height: 220px;
    }

    .crowd-pt {
        display: none;
        justify-content: start;
        align-items: center;
        padding-top: 40px;
    }

    .opar-imgg img {
        width: 450px;
        height: 300px;
    }

    .jitt-imgg img {
        height: 250px;
    }

    /* .saudi-ind .ups-icon1 {
            display: none;
         }
         .saudi-ind:hover .ups-icon2 {
             display: none;
         } */
    .ups-icon1 {
        width: 12px;
        height: 12px;
    }

    .ups-icon2 {
        width: 12px;
        height: 2px;
    }

    .crowd-contnt h2 {
        font-size: 26px;
        line-height: 28px;
    }

    .opar-imgg img {
        width: 450px;
        height: 250px;
    }

    .saudi-ind h2 {
        font-size: 12px !important;
        line-height: 15px;
    }

    .saudi-ind {
        height: 300px;
    }

    .saudi-ind:hover {
        height: 300px;
    }

    .ups-border {

        padding: 40px 30px;
    }

    /* <<<<<<<<<<<<landing saudi page css start>>>>> */


    /* <<<<<<<<<<<<<,product strategy start>>>>>>> */
    .strategy-dot-bottom {
        bottom: 80px;
        right: -1px;
        width: 332px;
        z-index: 0;
    }

    .strategy-dot-top {
        width: 360px;
        left: -142px;
        top: -70px;
    }

    .astro-strategy {
        position: absolute;
        width: 267px;
        right: -3px;
        top: -70px;
        z-index: 1000;
    }

    .yellow-icon {
        position: absolute;
        width: 140px;
        top: 330px;
        right: -10px;
    }

    .hole-wire-img {
        position: absolute;
        left: -20px;
        width: 130px;
        top: 139px;
    }

    .stages1 h6 {
        font-size: 22px;
        font-weight: var(--fw-500);
        line-height: 10.8px;
    }

    .stages1 h4 {
        font-size: 28px;
        font-weight: var(--fw-600);
        line-height: 38px;
        margin-top: 10px;
    }

    .stages1 p {
        padding-top: 40px;
    }

    .stages1 {
        padding-left: 20px;
    }

    /* <<<<<<<<<<straetgy end>>>>>>>>>>> */
    /* service */
    .banner-section-neww {
        padding-top: 150px !important;
        background-color: #FFF8ED !important;
    }

    section.banner-section {
        height: inherit !important;
    }

    .astro-right {
        position: absolute;
        width: 280px;
        right: -7px;
        top: -120px;
    }

    .astro-left {
        position: absolute;
        width: 280px;
        bottom: -84px;
        left: -43px;
    }

    .sprint-banner {
        width: 800px;
        margin: auto;
        display: block;
        padding-top: 70px;
    }

    .banner-section-neww p {
        color: #341552 !important;
        font-size: 18px !important;
    }

    .hole-wire-img {
        position: absolute;
        left: -118px;
        width: 133px;
        top: 139px;
    }

    .dot-top {
        top: -50px;
    }

    .startup-number p {
        font-size: 24px;
    }

    .product-num::after {
        left: -35px;
    }


    .font-60 {
        font-size: 42px !important;
        line-height: 60px;
    }

    .exercise-plan::before {
        height: 100%;
    }

    /* service */


    .technologies-img {
        width: 100% !important;
    }

    .row-g {
        row-gap: 20px;
    }

    .hall-award {
        background-color: #fff;
        border: 1px solid #FE8595;
        border-radius: 25px;
        padding: 32px 60px 26px 150px;
        position: relative;
    }

    a .hall-arrow {
        width: 30px;
        height: 10px;
    }

    .hall-triangle {
        position: absolute;
        bottom: 20px;
        left: 0;
    }

    /* <<<<<<<<<ui-ux start>>>>>>>>>>>>>>>>>> */

    .ui-banner {
        background-color: #F2F0FF !important;
    }

    .innovation-card {
        min-height: 350px;
    }

    .ui-heading h2 {
        font-size: 22px !important;
    }

    .engagement-text h1 {
        font-size: 32px !important;
        padding-block: 10px;
    }

    .engagement-point h3 {
        padding-block: 18px;
        font-size: 26px;
        line-height: 24.8px;
    }

    .ui-engagement {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .engagement-point {
        padding-bottom: 30px;
    }



    /* <<<<<<<<<<<<<,ui-ux end>>>>>>>> */


}



@media (max-width:991px) {


    /* ////////staff aunmennt//// */

    .staff-aug-stage::before{
        left: 7.4% !important;
    }
    /* .staff-full-stack-bg .ui-content img {
        width: 60px !important;
    } */

   .it-step .steps-wrapper::before {
        width: 700px;
        top: 30px;
    }
    .pt-124 {
        padding-top: 70px !important;
    }
    .staff-it-steps p {
        font-weight: 400;
        font-size: 19px;
        line-height: 28px;
        color: #341552;
    }
    .staff-it-steps h5 {
        font-weight: 600;
        font-size: 20px;
        line-height: 100%;
        color: #341552;
        margin-top: 41px;
        padding-bottom: 18px;
        margin-bottom: 0px !important;
    }
    .staff-it-steps h6 {
        background-color: #F1E2FF;
        color: #9948E8;
        padding: 18px 38px;
        font-weight: 600;
        font-size: 20px;
        line-height: 28.6px;
        display: inline;
        border-radius: 12px;
    }
   .it-step .steps-wrapper {
        display: flex
    ;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0px auto;
        max-width: 1200px;
        padding: 10px 0;
        flex-wrap: wrap;
    }


    .staff-font-size h5 {
        font-size: 42px !important;
        padding-bottom: 20px;
    }
    .staff-full-stack-bg {
        background-color: #FFFFFF !important;
        min-height: 320px !important;
    }
    .staff-count-text {
        top: 65px;
    }
    .staff-count-text-2 {
        top: -5px;
    }



    /* staff augment */



    .machine {
        padding: 50px;
    }


    .grip-fit-card .fitness {
        height: 450px !important;
    }
    .grip-fit-card .panel {
        width: 410px !important;
        height: 560px !important;
    }
    div.text-centerr-grip{
        text-align: center !important;
    }

    /* <<<<<<offer start>>>>>> */

    a.offer-banner-btn {
        min-width: 145px !important;
        font-size: 18px !important;
    }

    .offer-dev div.grip-ios {
        margin-left: 8px;
    }

    .offer-dev {
        margin-top: 180px !important;
    }

    /* <<<<offer end>>>>>>> */


    /* <<<<<<<<<,grip 28 sep start >>>>>>>> */

    .numbers .pt-80 {
        padding-top: 20px !important;
    }

    .grip-banner-num h5 {
        font-size: 36px !important;
        line-height: 44px !important;
    }

    .grip-banner li {
        padding: 5px 12px !important;
        font-size: 10px !important;
    }

    .client-point .grip-li2 {
        margin-left: 12px !important;
    }

    .single-para p.font-44-grip {
        line-height: 40px !important;
        font-size: 22px !important;
        margin-bottom: 0;
    }

    .text-centerr-new {
        text-align: center !important;
        padding-top: 20px;
    }

    /* <<<<<<<<<,grip 28 sep end >>>>>>>> */


    /* <<<<<<<<,hassan video css start>>>>>> */
    .tavus-dialog {
        position: absolute !important;
        width: 430px;
        top: 67%;
        height: 240px;
        left: 8px;
    }

    .tavus-video-main video {
        position: absolute;
        z-index: 1111;
        bottom: 0px;
        left: 18px;
        width: 430px !important;
    }

    /* <<<<<<<<,hassan video css start>>>>>> */


    /* <<<<<<<<<<sauidi indus start>>>>>> */


    /* 12sep>>>>>>>> */
    .saudi-tabs #technologies-tabs-nav li a {
        text-align: center !important;
        width: 130px;
    }

    .saudi-text {
        padding-bottom: 20px;
    }

    .saudi-contact-icon {
        padding-bottom: 30px;
    }

    .saudi-tabs .nav-item .nav-link {
        font-size: 10px;
    }

    .saudi-tabs .nav-item .nav-link {
        padding: 7px 16px;
    }

    .middle-rocket {
        display: none;
    }

    .saudi-award-rock {
        display: none;
    }

    .crowd-imgg img {
        width: 428px;
        height: 265px;
    }

    .jitt-imgg img {
        width: 428px;
        height: 212px;
    }

    .crowd-contnt {
        padding: 45px 22px 0 22px;
    }

    /* <<<<<<!2sep end> */



    .saudi-ind:hover {
        height: 300px;
    }

    .saudi-ind {
        height: 300px;
    }

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

    .indus-img {
        margin-bottom: 100px;
    }

    .saudi-ind .ups-icon1 {
        display: none;
    }

    .saudi-ind:hover .ups-icon2 {
        display: none;
    }

    .usp-head h2.font-24 {
        font-size: 14px !important;
    }

    .crowd-contnt h2 {
        font-size: 24px;
        line-height: 38px;
    }

    .crowd-pt {
        display: none;
        justify-content: start;
        align-items: center;
        padding-top: 30px;
    }

    .grip-imgg img {
        width: 360px;
        height: 230px;
    }

    .saudi-dis {
        background-color: #541F87;
        border-radius: 24px;
        padding: 40px;
    }

    .saudi-dis-img {
        margin-top: 0px;
    }

    .saudi-cutting-edge {
        display: none;
    }

    .opar-imgg img {
        height: 210px;
    }

    .ups-border {
        padding: 30px 20px;
    }

    .usp-text h2 {
        font-size: 24px !important;
    }

    .saudi-text h2 {
        font-size: 32px !important;
        line-height: 44px !important;
    }

    .saudi-text p {
        font-size: 14px !important;
        line-height: 26px;
    }



    /* <<<<<<<<<<sauidi indus end>>>>>> */

    .portfolio-new {
        padding-bottom: 0 !important;
        background-image: none;
    }

    .astro-strategy {
        position: absolute;
        width: 267px;
        right: -3px;
        top: -70px;
        z-index: 1000;
    }

    .colum-reverse {
        flex-direction: column-reverse;
    }

    .banner-number img {
        position: absolute;
        bottom: -175px;
        left: 0px;
        width: 200px;
    }

    .strategy-dot-bottom {
        bottom: 280px;
        right: -1px;
        width: 280px;
        z-index: 0;
    }

    .strat-num::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 150px;
        background-color: #9948E8;
        left: -30px;
        display: block !important;
    }

    .road-flag {
        position: absolute;
        width: 400px;
        top: -170px;
        left: -157px;
    }

    /* service */
    .hole-wire-img {
        position: absolute;
        left: -180px;
        width: 190px;
        top: 79px;
    }

    .banner-number {
        padding-top: 150px;
    }

    .startup-number p {
        font-size: 18px;
    }

    .startup-number h5 {
        font-size: 86px;
    }

    .font-24 {
        font-size: 18px !important;
    }

    /* .pt-80 {
        padding-top: 20px !important;
    } */
    .product__img {
        width: 55%;
    }

    .simplified-text p {
        margin-top: 0;
    }

    .simplified-text h5 {
        font-size: 24px;
        line-height: 32px;
    }

    .simplified-text h6 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0;
    }

    .exercise-plan {
        padding-top: 40px;
        padding-bottom: 80px;
        overflow: hidden !important;
    }

    .start-up h3 {
        font-size: 32px;
    }

    .sprint-banner {
        width: 1150px;
        margin: auto;
        display: block;
        position: relative;
        z-index: 100;
    }

    .astro-left {
        position: absolute;
        width: 267px;
        bottom: -57px;
        left: -115px;
        z-index: 1000;
    }

    .astro-right {
        position: absolute;
        width: 267px;
        right: -54px;
        top: -145px;
        z-index: 1000;
    }

    .banner-section-neww p {
        color: #341552 !important;
        font-size: 22px !important;
    }

    .banner-section-neww h6 {
        padding-top: 20px;
        text-align: center;
    }

    .day h4 {
        font-size: 16px;
        font-weight: var(--fw-600);
        line-height: 33.6px;
        color: #D98C12;
        background-color: #FFEFD7;
        padding: 24px;
        border-radius: 16px;
    }

    .design-rocket {
        bottom: -155px;
        right: -152px;
        width: 200px;
    }

    .banner-new-hero p {
        color: #341552 !important;
        font-size: 22px !important;
        padding-top: 50px;
        text-align: center !important;
    }

    .product-num::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 80px;
        background-color: #9948E8;
        left: -25px;
        display: block !important;
    }

    .exercise-plan::before {
        top: 9%;
        height: 100%;
        left: 10%;

    }

    .progress-plan-wrapper {
        position: relative;
        margin-top: 50px;
    }

    .startup-number::after {
        display: none;
    }

    .font-44 {
        line-height: 70px !important;
        font-size: 57px !important;
    }

    .progress-plan-wrapper::before {
        left: 5%;
    }

    .product-m h3 {
        font-size: 42px !important;
    }

    .start-who {
        font-size: 24px;
        color: #C77FFF;

    }

    /* <<<<<<<<<<<service page start>>>>>>>>> */
    .ideate-card h4 {
        font-size: 24px !important;
        padding-top: 15px !important;
    }

    .service__card p {
        font-size: 16px;
    }

    .menu__section {
        display: none;
    }

    /* service */

    .row-g {
        row-gap: 20px;
    }

    .hall-award {
        background-color: #fff;
        border: 1px solid #FE8595;
        border-radius: 25px;
        padding: 32px 60px 26px 150px;
        position: relative;
    }

    a .hall-arrow {
        width: 30px;
        height: 10px;
    }

    .hall-triangle {
        position: absolute;
        bottom: 20px;
        left: 0;
    }

    .our-feature {
        display: flex;
        justify-content: center;
        align-items: center;
        row-gap: 15px;
        flex-wrap: wrap;
        width: 100%;
        padding-bottom: 10px;
    }

    .labs_div img {
        max-height: 25px;
        margin-bottom: 0px;
    }

    .labs_div p {
        font-size: 11px;
        line-height: 15px;
        margin-left: 5px;
        font-family: var(--fw-400);
    }

    .labs_div {
        padding: 10px;
        text-align: center;
        display: flex !important;
    }

    .labs_div_area {
        margin-bottom: 0px;
        width: auto;
    }



    .tech-tabs .nav {
        display: flex !important;
        overflow-x: scroll;
        flex-wrap: nowrap;
        margin-bottom: 30px !important;

    }

    .tech-tabs .nav-link::after {
        content: '';
        position: absolute;
        top: 45%;
        left: 0;
        width: 10px;
        height: 10px;
        border: none;
        border-radius: 50%;
        opacity: 0.7;
    }



    .v-line {
        display: none;
    }

    .technologies {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .technologies-img {
        width: 100% !important;
    }

    .tavus-inner {
        padding-inline: 20px;
        padding-bottom: 60px;
        padding-top: 30px;
    }

    .tavus-inner h3 {
        font-size: 24px !important;
        padding-bottom: 20px;
    }

    .tavus {
        position: relative;
    }

    .btn-clorr {
        position: inherit;
        top: 0;
        margin-top: 0;
        color: #9948E8 !important;
    }

    .service-scroll {
        display: none;
    }

    .community-card img {
        margin-bottom: 0px !important;
        max-height: 35px !important;
    }

    .community-card p {
        font-size: 12px !important;
    }

    .community-card {
        padding: 10px 10px !important;
        border-radius: 80px !important;
    }

    /* <<<<<<<<<<<<<<<<<ui-ux start>>>>>>>>>>>>>> */

    .ui-engagement {
        padding-top: 60px;
        padding-bottom: 0;
    }

    .engagement-point {
        padding-bottom: 0px;
        padding-top: 60px;
    }

    .engagement-point h3 {
        font-size: 26px;
        line-height: 11.8px;
    }

    .engagement-text h1 {
        padding-block: 20px;
    }




    /* <<<<<<<<<<<<<<<ui-ux end>>>>>>>>>>>>>>>>>>> */



}


@media (max-width:767px) {


    .campaign-new-form .captcha-container {
        padding-left: 0px !important;
    }
    /* ///////staff-augment//// */
.campaign-new-form button {
    margin-left: 20px !important;
    padding: 12px 20px !important;
}
.campaign-new-form .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 12px !important;
    margin-left: 0;
}
.campaign-new-form  button {
    display: flex !important;
}
   .it-step .steps-wrapper::before {
        display: none;
    }
   .it-step .steps-wrapper {
        display: flex
    ;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0px auto;
        max-width: 1181px;
        padding: 18px 0;
        flex-wrap: wrap;
        text-align: center;
    }
    .staff-it-steps p {
        font-weight: 400;
        font-size: 18px;
        line-height: 26.6px;
        color: #341552;
        margin-bottom: 70px;
    }   
    .staff-count-text {
        font-weight: 600;
        font-size: 16px;
        /* line-height: 148%; */
        color: #5A268B;
        position: absolute;
        top: 40px;
        left: 65%;
    }
    .mt-60-new{
        margin-top: 60px !important;
    }
    section.mt-60-new{
        margin-top: 60px !important;
    }
    .staff-count-text-2 {
        font-weight: 600;
        font-size: 18px;
        /* line-height: 148%; */
        color: #5A268B;
        position: absolute;
        top: 0px;
        left: 15%;
    }
    .staff-full-stack-bg {
        background-color: #FFFFFF !important;
        min-height: 300px !important;
    }
    /* //////stafff-augment//// */



    .industry_banner_img{
        display: none !important;
    }


    .rb-th-left h2 {
        font-size: 24px !important;
    }
    .machine {
        padding: 30px 20px !important;
    }


    /* <<<<<<<<<<<<<offer-start>>>>>> */

    div.offer-dev ul {
        display: ruby !important;
    }

    .offer-dep {
        margin-left: 0px !important;
        margin-top: 10px;
    }

    .offer-dev div.grip-ios {
        margin-left: 0;
    }

    .offer-mt {
        margin-left: 0px !important;
        margin-top: 10px;
    }
    .grip-fit-card .panel{
        padding-top: 20px !important;
    }


    /* <<<<<<offer end>>>>>>> */


    /* <<<<<rbt thieme start>>>>>>> */

    .john-main {
        text-align: center !important;
    }

    .john-main img {
        width: 300px;
    }

    .rbt-banner .mt-160 {
        margin-top: 10px !important;
    }

    a.grip-android {
        padding: 2px 18px !important;
        font-size: 14px !important;
        min-width: 90px !important;
    }
    div.grip-ios a {
        min-width: 60px !important;
        text-transform: none;
    }
    .grip-fit-card .panel {
        width: 280px !important;
    }
    .grip-fit-card .fitness {
        height: 450px !important;
        padding: 10px !important;
    }

    .rbt-persona .font-32 {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .grip-color.font-44 {
        font-size: 24px !important;
        line-height: 38px !important;
    }
    /* .social-ind-m{
        top: 90% !important;
    } */


    /* <<<<<rbt thieme start>>>>>>> */

    /* <<<<<<<<<<,hassann video start>>>>>>>> */
    .tavus-video-main video {
        position: absolute;
        z-index: 1111;
        bottom: -18px;
        left: 8px;
        width: 220px !important;
    }

    div.grip-ios {
        margin-left: 12px;
    }

    .tavus-video-main button img {
        width: 80px;
    }

    .tavus-video-main button {
        bottom: 30px;
    }

    .tavus-video-main #close-popup {
        position: absolute;
        right: 60px;
        top: -95px;
        width: 30px;
        height: 30px;
    }

    .tavus-video-main {
        text-align: start;
    }

    .tavus-btnn2 img {
        width: 82px;
    }

    .tavus-content video {
        width: 220px;
        height: 120px;
    }

    .tavus-dialog {
        position: absolute !important;
        width: 430px;
        top: 75%;
        height: 240px;
        left: 0px;
    }

    .tavus-cross {
        right: 190px;
        top: 8px;
        width: 18px;
        background-size: contain;
        opacity: 1;
        height: 22px;
    }

    /* <<<<<<<<<<,hassann video start>>>>>>>> */






    /* <<<<<<<<<<<<landing saudi page css start>>>>> */
    .discovery-acc-m div .acc-border {
        border: 1px solid #9948E83D !important;
        background-color: #FAF5FF;
        padding: 20px;
        margin-bottom: 10px;
    }

    .saudi-award-rock {
        display: none;
    }

    .saudi-btn-new a {
        font-size: 10px !important;
    }

    div.saudi-btn {
        display: none !important;
    }

    /* div.saudi-btn2 {
            display: inline-block !important;
        } */
    div.saudi-btn2 span {
        color: #341552 !important;
    }

    .ups-text-m {
        color: #341552 !important;
    }

    div.acc-border button.ups-text-m[aria-expanded=true] {
        color: #341552 !important;
    }

    .usp-box {
        padding: 0px !important;

    }

    .discovery-acc-m .ups-text-m::after {
        background-image: url(../images/pages/services/discovery-new/arrow-2.svg) !important;
        background-size: 24px !important;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 10px;
    }

    .ups-para {
        color: #341552 !important;
    }

    .ups-border {
        padding: 30px 15px;
        margin-top: 40px;
        display: block !important;
    }

    .saudi-tabs {
        display: none !important;
    }

    .saudi-tabs-m .nav-link.active {
        background-color: transparent !important;
        color: #341552 !important;
    }

    .crowd-pt h6 {
        padding: 6px 12px;
        border-radius: 32px;
        color: #4849A1;
        border: 1px solid #4849A1;
        font-size: 10px;
    }

    .m-inline {
        margin-inline: 6px;
    }

    .crowd-contnt {
        padding: 26px 20px 0 20px;
    }

    .crowd-contnt h2 {
        font-size: 20px;
        line-height: 38px;
    }

    .opar {
        margin-top: 30px;
    }

    .grip {
        margin-top: 30px;
    }

    .opar-imgg img {
        width: 450px;
        height: 230px;
    }

    .pb-80 {
        padding-bottom: 40px;
    }

    .acc-border {
        display: none !important;
    }

    .usp-text h2 {
        text-align: start;
    }

    .ups-border:hover .usp-content {
        text-align: start;
    }

    .saudi-dis-img {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .saudi-dis {
        padding: 30px;
    }

    .saudi-text p {
        padding-top: 20px;
    }

    .saudi-btn {
        padding-top: 10px;
    }

    .saudi-ind .ups-icon1 {
        display: none;
    }

    .saudi-ind:hover .ups-icon2 {
        display: none;
    }

    .indus-img {
        margin-bottom: 0px;
    }

    .saudi-ind .usp-head {
        margin-top: 0px;
    }

    .usp-content {
        text-align: start;
    }

    .crowd-pt {
        display: inline-flex;
    }

    .saudi-ind:hover {
        background-color: transparent !important;
        border: 1px solid #9948E8 !important;
    }

    .saudi-ind:hover .saudi-ind-p {
        display: none;
    }

    .saudi-ind:hover h2 {
        color: #341552;
    }

    .saudi-ind:hover .indus-img {
        display: block;
    }

    .usp-head {
        display: block;
        text-align: start;
    }

    .saudi-ind {
        height: unset;
        padding: 30px 15px;
    }

    .saudi-tabs-m .nav-item .nav-link {
        padding-left: 20px;
        text-align: left;
        border: 1px solid #341552;
        border-radius: 18px;
        margin-right: 8px;
        color: #341552 !important;

    }

    .saudi-tabs-m .nav-link.active {
        background-color: #59258A !important;
        color: #fff !important;
    }

    div.saudi-tabs-m .nav-link.active::after {
        background-color: #FFFDFA;
        border-color: #FFFDFA;
        opacity: -1 !important;
    }

    .saudi-ind-p2 {
        display: block;
    }

    /* <<<<<12sep2024>>>> */
    a.saudi-indus-btnn {
        font-size: 12px !important;
    }

    .service-tab-text {
        text-align: -webkit-center;
    }

    .saudi-ind {
        min-height: unset !important;
    }

    .saudi-ind:hover {
        height: unset !important;
    }

    .saudi-usp-m1 {
        background-color: transparent !important;
    }

    .saudi-tabs-usp {
        background-color: #FAF5FF !important;
        border: 1px solid #E3CBF9;
        border-radius: 24px !important;
        margin-right: -50px;
        padding: 24px 20px 60px 20px;
        height: 85%;
    }

    .nav-link-usp::before {
        display: none !important;
    }

    .nav-link-usp {
        padding-left: 0px !important;
        color: #341552 !important;
        margin-top: 28px !important;
    }

    .saudi-tabs-usp h6 {
        padding-top: 12px !important;
        text-align: start;

    }

    .saudi-usp-main .slick-slide {
        margin-left: 0px;
        margin-right: 51px;
    }

    .saudi-tabs-usp img {
        height: 70px !important;
    }

    .saudi-usp-main button.slick-next.slick-arrow {
        bottom: -20px !important;
        background-image: url(../images/pages/campaign/next.svg);
        border: .7px solid #9948E8 !important;
    }

    .saudi-usp-main button.slick-prev.slick-arrow {
        bottom: -20px !important;
        background-image: url(../images/pages/campaign/prev.svg);
        border: .7px solid #9948E8 !important;

    }

    .saudi-text h2 {
        font-size: 22px !important;
        line-height: 32px !important;
        text-align: center;
    }

    .saudi-award-bg {
        background-color: #FFF5F5;
        border: 1px solid #FE8595;
        border-radius: 12px !important;
    }

    .award-cup-mobile {
        width: 60px;
        height: 90px;
        margin: auto;
        display: block;
        margin-bottom: 28px;
    }

    .saudi-award-btn-m span {
        font-size: 12px;
    }

    .saudi-award-btn-m .nav-link.active::before {
        display: none !important;
    }

    .service-tab .nav-link::before {
        display: none !important;
    }

    .saudi-award-btn-m {
        text-align: center !important;
        padding-left: 0px !important;
        margin-top: 10px !important;
    }

    .middle-east-slider button.slick-prev.slick-arrow {
        bottom: -50px !important;
        background-color: transparent !important;
        border: 1px solid #FF576D !important;
        background-image: url(../images/pages/campaign/award-prev.png) !important;
        padding: 20px !important;
        width: 22px !important;
        height: 22px !important;
    }

    .middle-east-slider button.slick-next.slick-arrow {
        bottom: -50px !important;
        background-color: transparent !important;
        border: 1px solid #FF576D !important;
        background-image: url(../images/pages/campaign/award-next.png) !important;
        padding: 20px !important;
        width: 22px !important;
        height: 22px !important;
        left: 20px;
    }

    .middle-award-name-img {
        display: unset !important;
    }

    .middle-award-tabs {
        padding-top: 0px !important;
    }

    .middle-rocket {
        display: none;
    }


    /* <<<<<<<<<<<<landing saudi page css start>>>>> */


    .colum-reverse2 {

        flex-direction: column-reverse;
    }

    .simplified-text h5 {
        line-height: 34px;
    }

    ul[class^=ring] {
        border: 1px dotted #C77FFF;
    }

    .stages {
        position: relative;
        padding-bottom: 50px;
        padding-top: 10px;
        margin-top: 0px;
    }

    .stages1 {
        padding-top: 0px;
        height: 100%;
        padding-left: 0px;
    }

    .stages1 img {
        display: none;
    }



    .font-44-new {
        margin: 0px !important;
    }

    .stage-count {
        display: none;
    }

    .yellow-icon {
        display: none;
    }

    .strategy-dot-top {
        display: none;
    }

    .strategy-dot-bottom {
        display: none;
    }

    .astro-strategy {
        position: absolute;
        width: 150px !important;
        right: -19px !important;
        top: -50px !important;
    }

    .strategy-banner {
        padding-top: 25px !important;
    }

    .strategy-horse {
        width: 90px;
        bottom: -65px;
        right: -30px;
    }

    .stages-img {
        height: unset;
    }

    .stages-img img {
        width: 100%;
    }

    .stages .panel {
        height: auto;
        padding: 0px 0;
    }

    .stages.uiux_content {
        margin: 0px !important;
        padding-inline: 20px;
    }


    .hall-fame {
        padding: 90px 0;
    }

    .tech_logo {
        padding: 16px;
    }

    .tech_logo_div img:last-child {
        display: none;
    }

    .tech_logo_div {
        margin: 7px 0;
    }

    .tech_logo_div img {
        width: 30px;
    }

    .font-32 {
        font-size: 12px !important;
    }

    .native-dev {
        padding-inline: 20px;
        padding: 20px !important;
        padding-block: 40px !important;
    }

    .native-tab {
        display: flex !important;
        padding-top: 20px;
    }

    .native-tab img {
        width: 25px !important;
    }

    .native-tab nav {
        flex-direction: unset !important;
    }

    .performance-text h3 {
        padding-top: 20px;
        font-size: 21px;
        padding-bottom: 30px;
    }

    .performance-slider {
        padding-inline: 40px;
    }

    .performance-text img {
        width: 50px !important;
    }

    .our-feature {
        display: flex;
        justify-content: center;
        align-items: center;
        row-gap: 15px;
        flex-wrap: wrap;
        width: 100%;
    }

    .labs_div img {
        max-height: 25px;
        margin-bottom: 0px;
    }

    .labs_div p {
        font-size: 11px;
        line-height: 15px;
        margin-left: 5px;
        font-family: var(--fw-400);
    }

    .labs_div {
        padding: 10px;
        text-align: center;
        display: flex !important;
    }


    .tech-tabs .nav-item .nav-link {
        font-size: 14px;
        color: #C77FFF;
        margin-left: 0 !important;
        width: auto;

    }

    .tech-tabs .nav {
        display: flex !important;
    }

    .tech-tabs .nav-link::after {
        content: '';
        position: absolute;
        top: 45%;
        left: 0;
        width: 10px;
        height: 10px;
        border: none;
        border-radius: 50%;
        opacity: 0.7;
    }



    .v-line {
        display: none;
    }

    .technologies {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .service-scroll {
        display: none;
    }

    .real-text {
        padding-top: 40px;
        text-align: center;
    }

    .real-stories .section-inner {
        padding-top: 40px;
    }

    .real-card {
        background-color: #fff;
        padding: 40px;
        border-radius: 18px;
        margin-top: 60px;
    }

    .real-card p {
        font-size: 12px;
        line-height: 26px;
        padding-block: 15px;
        color: #341552 !important;
    }

    .tech-div {
        padding-top: 280px;
        position: relative;
        padding-bottom: 0px;
    }

    /* .cutting-edge img {
            width: 250px;
            height: 190px;
            top: 270px;
            position: absolute;
            right: 90px;
        } */
    .font-44 {
        line-height: 45px !important;
        font-size: 31px !important;
    }

    .cutting-edge {
        text-align: center !important;
    }

    .real-stories .swiper-button-next img {
        position: absolute;
        top: -150px;
        right: -86px;
    }

    .real-stories .swiper-button-prev img {
        width: 100px !important;
        top: -200px;
        position: absolute !important;
        left: -90px;
    }

    .swiper-pagination {
        display: none !important;
    }

    /* .real-stories {
            background-image: url(../images/pages/home/real-stories-bg-m.jpg);
            height: auto;
            background-position: center bottom;
        } */
    .who-are-we-card {
        margin-top: 0 !important;
        text-align: center !important;
    }

    .who-are-we-card h4 {
        font-size: 22px !important;
    }

    .who-are-we-card p {
        font-size: 16px !important;
    }

    .real-stories .swiper-button-next {
        width: 35px !important;
    }

    .real-stories .swiper-button-prev {
        width: 35px !important;
    }


    /* <<<<<<<<<<<<<<<<service>>>>>>>>>>>> */


    .service-who-are-we {
        display: block;
    }

    .start-up {
        width: 100%;
        background-color: #F7EEFF;
        padding: 40px 12px !important;
        border-radius: 16px;
    }

    .enterprise {
        width: 100%;
        margin-top: 20px;
        background-color: #F7EEFF;
        padding: 40px 12px;
    }

    .enterprise p {
        font-size: 16px !important;
        line-height: 28px;
        color: #341552;
    }

    .enterprise h3 {
        font-size: 32px;
        line-height: 44px;
    }

    .mt-100 {
        margin-top: 0px !important;
        padding-top: 50px !important;
    }

    .start-up p {
        font-size: 16px !important;
        line-height: 28px;
        color: #341552;
    }

    .opar-cardd {
        margin-bottom: 60px;
    }


    /* .service-bg {
            display: none;
        } */

    .tab-service::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 25px;
        background-color: #9948E8;
        left: 55px;
    }

    .startup-enterprise {
        margin: auto;
        display: block;
        padding: 0;
        margin: 40px auto;
    }



    /* <<<<<<<<<<<<<Service--end>>>>>>>>>>>>>>> */

    /* <<<<<<<<<<<<<,design-sprint start>>>>>>>>>>> */


    .banner-section-neww h6 {
        padding-top: 20px;
    }

    section.banner-section {
        height: inherit !important;
    }

    .banner-section-neww {
        padding-bottom: 40px !important;
    }



    .banner-section-neww p {
        font-size: 20px !important;
    }

    .banner-number .numbers {
        display: block;
    }

    .startup-number h5 {
        font-size: 60px !important;
        line-height: 72px !important;
    }

    .startup-number p {
        font-size: 16px !important;
        line-height: 19px !important;
    }



    .pt-60 {
        padding-top: 0;
    }


    .simplified {
        padding-top: 40px;
    }

    .color-exercise p {
        padding: 24px;
        font-size: 17px;
        margin-top: 30px;
    }

    .exercise h6 {
        font-size: 24px;
        color: #5A268B;
        margin-bottom: 16px;
        line-height: 33px !important;
    }

    .exercise-plan::before {
        display: none;
    }

    .progress-plan-wrapper::before {
        content: "";
        position: absolute;
        width: 4px;
        height: 1935px;
        background-color: #F1DEC2;
        z-index: 0;
        top: 1%;
        left: 8%;
        transform: translate(0%, 0%);
    }

    .color-exercise {
        padding-inline: 10px;
    }


    .progress-plan-wrapper {
        margin-top: 30px;
    }

    .exercise {
        margin-right: 0px;
        margin-top: 20px;
        padding-top: 3px !important;
        padding-bottom: 0px;
        margin-left: 60px;
    }

    .day3 {
        margin-right: 0px;
        text-align: start;
    }

    .design-bulb {
        position: absolute;
        top: -89px;
        left: -160px;
        width: 250px;
    }

    .design-rocket {
        bottom: -89px;
        right: -31px;
        width: auto;
    }

    .design-sprint-cardd {
        padding-top: 0;
    }

    .colum-reverse {
        flex-direction: column-reverse;
    }

    /* .progress-plan-wrapper::before {
            left: 45%;
        } */
    .astro-right {
        position: absolute;
        width: 130px !important;
        right: -2px !important;
        top: -60px !important;
    }

    .astro-left {
        position: absolute;
        width: 110px !important;
        bottom: 220px !important;
        left: -20px !important;
    }

    .banner-new-hero p {
        color: #341552 !important;
        font-size: 14px !important;
        padding-top: 50px;
        text-align: center !important;
    }

    .hole-wire-img {
        left: -67px !important;
        width: 80px !important;
        top: 220px !important;
        display: none;
    }

    .banner-number {
        padding-top: 50px !important;
    }

    .section__uiux .section-inner {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .section__uiux .section-inner.row {
        padding: 0;
    }

    .dropdown-toggle {
        position: relative;
    }

    .product-num::after {
        display: none !important;
    }

    .startup-number {
        position: relative;
    }

    .banner-number {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .banner-number img {
        display: none;
    }

    .dot-bottom {
        position: absolute;
        bottom: 307px;
        right: -9px;
        width: 186px;
        z-index: 0;
    }

    .dot-top {
        position: absolute;
        width: 239px;
        left: -33px;
        top: -30px;
        height: 141px;
    }

    .pb-30 {
        padding-bottom: 60px !important;
    }

    .hr-sprint {
        color: #F1E2FF;
        border-top: 2px solid #F1E2FF;
        /* margin-top: 50px; */
    }

    .pt-70 {
        padding-top: 30px !important;
    }

    .bg-yellow {
        background-color: #FFF8ED;
        padding-block: 40px !important;
    }

    .client_testmonial svg {
        margin-top: 0;
        width: 40px;
    }

    .client_testmonial {
        background-image: none;
    }

    .product-m {
        padding: 24px 12px !important;
        border-radius: 12px;
    }

    .design-pt-200 {
        padding-top: 100px;
    }

    .product-m h3 {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    .product-m p {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .sprint-inner h3 {
        font-size: 23px !important;
        line-height: 33px;
    }

    .sprint-banner {
        width: 800px;
        margin: auto;
        display: block;
        padding-top: 54px;


    }

    /* <<<<<<<<<<<<ui-ux start>>>>>>>>>>>> */
    .ui-innovation {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .ui-card {
        padding-top: 40px;
    }

    .ui-number {
        padding-bottom: 60px;
    }

    .ui-banner {
        background-color: #F2F0FF !important;
    }

    .engagement-point p {
        font-size: 16px;
        line-height: 22px;
    }

    .engagement-text p {
        font-size: 16px;
        line-height: 22.6px;
        color: #341552;
    }

    .hr-ui-ux {
        margin-top: 0px;
    }

    .ui-tech {
        padding-top: 20px;
    }


    /* <<<<<<<<<<<<ui-ux end>>>>>>>>>>>> */



}








/* sonam */
@media (min-width:2161px) {
    .branding__banner {
        margin: auto;
        padding: 0 15px;
        width: 1920px;
    }

    img.branding-right {
        position: absolute;
        right: 166px;
        top: -313px;
    }

    img.scoping_steps_bg {
        bottom: -30px !important;
        width: 65%;
        left: 20%;
        height: 1020px;
    }

    .goals-after::after {
        top: 116px !important;
        left: 99% !important;
    }

    .location_banner {
        background-position: 80% 120%;
    }
}

@media (min-width:2119px) {
    .fame_left2 {
        width: 650px !important;
    }

    .goals-after::after {
        top: 116px !important;
        left: 99% !important;
    }

}

@media (min-width:1920px) {
    .location_banner {
        background-size: 35% !important;
    }

    .linesbg::after {
        width: 50%;
        height: 400px;
    }

    img.scoping_steps_bg {
        bottom: -30px;
        width: 70%;
        left: 10%;
    }

    .fame_left2 {
        width: 600px;
    }

    .fame_main {
        grid-template-columns: minmax(auto, 5fr) minmax(auto, 1200px);
    }

    .new-home__banner {
        height: 90vh;
    }

    .product__img {
        width: 100% !important;
        position: inherit;
    }

    /* .real-stories {
        height: auto;
    } */
    .discover-inner {
        max-width: 800px;
    }

    .real-slider {
        padding: 0 100px;
    }

    .real-slider {
        padding: 0 70px;
    }



}

@media (min-width:1800px) {
    img.scoping_steps_bg {
        bottom: -50px;
        width: 71%;
        left: 14%;
    }

    /* .goals-after::after {
        top: 167px !important;
    } */
    /* .goals-after::after {
        top: 116px !important;
        left: 99% !important;
    } */

}

@media (min-width:1681px) {
    div.rbt-img {
        width: 820px !important;
        position: absolute;
        bottom: -55px !important;
        left: 47% !important;
        transform: translateX(-50%);
    }
   div .offer_img {
        width: 900px !important;
        left: 48% !important;
    }
    .location_banner {
        background-size: 40%;
    }

    .branding-dot img {
        object-fit: cover;
        height: 1200px;
    }

    .service-bg {
        min-height: auto !important;
    }

    .case_study_card .row {
        height: 100%;
    }

    .product__img {
        width: 100% !important;
        position: inherit;
        margin-top: 50px;
    }

    .stratgy_astro {
        width: 550px;
    }

    /* img.client_img {
        height: 25px;
    } */

    img.scoping_steps_bg {
        bottom: 3%;
    }

}

@media (min-width:1680px) {
    .design-descover {
        height: 100vh;
    }


}

@media (min-width:2048px) {
    .portfolio-new {
        background-size: 55%;
    }

    .linesbg::after {
        display: none !important;
    }

    .animation_section .label.obstacles {
        left: 24% !important;
    }

    .animation_section .label.budget {
        left: 65% !important;
    }

    .animation_section .label.opportunity {
        top: 47%;
        left: 38%;
    }

    .animation_section .label.vision {
        top: 7%;
        left: 43%;
    }

    .animation_section .label.opportunity {
        top: 47.5% !important;
        left: 37% !important;
    }

    .animation_section .label.markets {
        top: 21% !important;
        left: 59.5% !important;
    }
}

@media (min-width: 1920px) {
    .goals-after::after {
        top: 143px !important;
        left: 100% !important;
        HEIGHT: 6px !important;
    }

    img.scoping_steps_bg {
        bottom: -5%;
    }

    .animation-img {
        width: auto;
        left: auto;
        right: 0;
    }

    .animation_section .label.obstacles {
        left: 20%;
    }

    .animation_section .label.budget {
        left: 62%;
    }

    .animation_section .label.opportunity {
        top: 46.5%;
        left: 31%;
    }

    .animation_section .label.vision {
        top: 11%;

    }

    .animation_section .label.markets {
        top: 24%;
        left: 54.5%;
    }
}

@media (min-width:2165px) {
    .location_banner {
        background-size: 25% !important;
        background-position: 70% 80%;
    }

}

@media (min-width:2560px) {
    .portfolio-new {
        background-image: none;
        padding-bottom: 0;
    }

    .location_banner {
        background-size: 25% !important;
        background-position: 80% 70%;
    }

    .goals-after::after {
        top: 120px !important;
        left: 99% !important;
    }

    .linesbg::after {
        display: none !important;
    }

    .animation_section .label.budget {
        left: 69% !important;
        top: 74% !important;
    }

    .animation_section .label.opportunity {
        top: 45.5% !important;
        left: 40% !important;
    }

    .animation_section .label.obstacles {
        left: 31% !important;
        top: 82% !important;
    }

    .animation_section .label.markets {
        top: 23% !important;
        left: 61.5% !important;
    }

    .animation_section .label.vision {
        top: 9%;
        left: 49%;
    }

    .lg-screen {
        display: block !important;
    }
}

@media (max-width:1680px) {
    .logoAnimation .logoWrapper {
        width: 130px;
        height: 50px;
    }

    .logoAnimation .logoWrapper img {
        width: 130px;
        height: 50px;
    }

    .logoAnimation {
        height: 500px;
    }


}

@media (min-width:1681px) {
    .branding-dot.branding-dot2 img {
        height: 1000px;
    }
}

@media (max-width:1480px) {
    .grip-banner-num h5 {
        font-size: 50px;
        line-height: 64px;
    }

    .ui-1 {
        height: 680px;
        overflow: hidden;
    }

    .ui-1 img {
        height: 620px;
    }

    .grip-banner-num p {
        font-size: 20px;
        line-height: 30px;
    }

    ul.rationale-li li img {
        width: 15px;
    }

    .font-44-grip {
        line-height: 52px !important;
        font-size: 35px !important;
        margin-bottom: 0;
    }

    .outcome-section h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .grip-banner li {
        padding: 5px 24px;
        font-size: 16px;
    }

    div.dot-tabs-new {
        height: 60px !important;
    }

    .hire-accordion .accordion-header h4 {
        font-size: 20px !important;
    }

    .tech__label2 label {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 20px;
        margin: 8px 4px;
    }

    .location_banner {
        padding-top: 200px;
    }

    /* <<<<<< >>>>>>> */
    .service-tab .nav-link label {
        font-size: 18px;
        line-height: 25px;
    }

    .shortening-card p {
        font-size: 18px !important;
    }

    .shortening-card {
        padding: 35px !important;
        padding-bottom: 80px !important;
    }

    .time-to-market {
        margin-bottom: -240px;
    }

    .shortening-card img {
        width: 110px;
    }

    .research_main {
        margin-bottom: 190px;
    }

    .service-tab .nav-link {
        font-size: 28px;
    }

    .backend-success h6 {
        font-size: 20px;
    }

    .discover-inner {
        max-width: 55%;
    }

    /* <<<<<< >>>>>> */
    .case_study_card h2 {
        font-size: 40px;
    }

    .case_study_content {
        margin-bottom: 0;
    }

    .product__img {
        width: 90%;
    }

    div.service-bg p.port-testi-p {
        font-size: 36px !important;
        line-height: 45px !important;
    }

    .portfolio_pills .nav-link {
        font-size: 20px !important;
        line-height: 28px !important;
    }

    img.investors_img {
        bottom: 30px;
        width: 300px;
    }

    /* <<<<<<,hire start>>>>>>> */
    .mile {
        padding: 40px 24px;
        border-radius: 24px;
        padding-bottom: 60px;
    }


    .mile p {
        font-size: 24px;
        height: 70px;
    }

    .simu-text img {
        width: 32px;
        height: 32px;
    }

    /* <<<<<,hire end>>>>>>. */
    br.addbr {
        display: block;
    }

    .contact-step {
        width: 100%;
    }

    .contact-astro {
        width: 200px;
        height: 250px;
    }

    .hall-fame2 {
        padding: 150px 0 80px;
    }

    img.contact-web {
        width: 180px;
    }

    .contact-step1 p {
        font-size: 16px;
        line-height: 22px;
    }

    .stage1-p {
        font-size: 20px;
        line-height: 30px;
    }

    .startup-number h5 {
        font-size: 75px;
    }

    .turn_div_content {
        padding-right: 0;
    }

    .animation_section .label {
        font-size: 14px;
        padding: 6px 20px;
    }

    .animation_section .label.obstacles {
        top: 86.5%;
        left: 15%;
    }

    .animation_section .label.budget {
        top: 81%;
        left: 61%;
    }

    .animation_section .label.opportunity {
        top: 58%;
        left: 28%;
    }

    .animation_section .label.markets {
        top: 39%;
        left: 52%;
    }

    .animation_section .label.vision {
        top: 27%;
        left: 37%;
    }

    img.scoping_steps_bg {
        bottom: 6%;
    }

    .scoping_steps h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .megamenu::after {
        left: 414px;
    }

    .megamenu {
        padding: 34px;

    }

    .mvp-banner-right {
        width: 450px !important;
    }

    .mvp-banner-left {
        width: 450px !important;
        top: 50px !important;
    }



    img.uiux-left {
        top: -250px;
        width: 350px;
    }

    img.uiux-right {
        top: -200px;
        width: 300px;
    }

    .branding-dot.branding-dot2 img {
        height: 800px;
    }

    .branding-dot.branding-dot-img img {
        height: 800px;
    }

    .stage-count h5 {
        font-size: 70px;
        line-height: 70px;
    }

    .stages1 h4 {
        line-height: 50.6px;
        font-size: 36px;
    }

    .stages1 h6 {
        line-height: 40px;
        font-size: 24px;
    }

    .stage1-p {
        padding-top: 80px;
    }

    .stage-count {
        width: 200px;
        height: 200px;
    }

    .managment-accordion .accordion-header h4 {
        font-size: 26px;
        line-height: 27px;
    }

    .orbit-wrapper {
        background-repeat: repeat;
    }

    /* <<<<<<<<branding start>>>>>>>>>>>>> */
    /* .banner-section-neww h1 {
        font-size: 54px !important;
    } */
    .branding-banner {
        width: 900px !important;
    }

    .branding-dot img {
        height: 850px;
    }

    .pt-124 {
        padding-top: 120px !important;
    }

    .tools-product h3 {
        font-size: 44px;
        line-height: 58px;
    }

    .tools-product p {
        font-size: 22px;
    }

    /* <<<<<<<<branding end>>>>>>>>>>>>> */
    img.client_img {
        height: 25px;
    }

    /* <<<<<<<<<mange start>>>>>>>> */
    .astro-right-mange {
        position: absolute;
        width: 500px;
        right: -54px;
        top: 0px;
        z-index: 1000;
    }

    .mange-new-banner {
        width: 800px;
    }

    .astro-left-mange {
        position: absolute;
        width: 550px;
        bottom: 314px;
        left: -115px;
        z-index: 1000;
    }

    .manage-number {
        padding-top: 20px;
    }

    .font-32 {
        font-size: 24px !important;
        line-height: 36px !important;
    }

    /* <<<<<<<<mange end>>>>>>>>> */

    .road-flag {
        width: 400px;
        top: -168px;
        left: -156px;
    }

    .strategy-dot-bottom {
        bottom: 0;
        width: 430px;
    }

    /* .design-descover{
      
        height: 110vh;
    } */
    .stratgy_astro {
        width: 380px;
    }

    .simplified-text h5 {
        font-size: 26px;
        line-height: 40px;
    }


    section.discoverbg.design-descover .discover-inner {
        padding: 50px;
    }

    .review-main .heading {
        font-size: 50px !important;
        line-height: 60px !important;
    }

    .review-main .font-32 {
        font-size: 26px !important;
        line-height: 36px !important;
    }

    .title-faq {
        font-size: 22px;
        line-height: 32px;
    }

    .desc-faq {
        font-size: 22px;
        line-height: 32px;
    }

    .service__card__img {
        height: 100px;
    }

    .service-bg p {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .fame_right2 img {
        width: 80%;
    }

    .ai-tech label {
        font-size: 18px;
        line-height: 24px;
        padding: 15px 25px;
    }

    .new-home__banner {
        padding: 190px 0 90px !important;
        height: auto !important;
    }

    .ai-tech label img {
        margin-right: 20px;
    }

    .fame_main {
        grid-template-columns: minmax(auto, 5fr) minmax(auto, 800px);
    }

    .tech_logo_div img {
        width: 90px;
    }

    .award_card h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .case_study_card p {
        font-size: 24px;
        line-height: 32px;
    }

    .case_study_card label {
        font-size: 14px;
        line-height: 17px;
        padding: 10px 20px;
        margin: 6px 2px;
    }

    .performance-text h3 {
        font-size: 36px;
        padding-bottom: 56px;
    }

    .market h2 {
        font-size: 70px;
        line-height: 110px;
    }

    .market p {
        font-size: 18px;
        line-height: 24px;
    }

    .market h2 img {
        width: 90px;
    }

    .real-card {
        padding-block: 30px;
        padding-inline: 30px;
    }

    .real-card p {
        font-size: 22px;
        line-height: 33px;
    }

    .ai_form {
        padding: 40px 30px;
    }

    .ai_form h3 {
        font-size: 28px;
        line-height: 40px;
    }

    .form-control {
        height: 50px;
    }

    .fame_left2 h2 {
        font-size: 34px !important;
        line-height: 45px !important;
    }

    .fame_left2 {
        padding: 30px 40px;
        width: 500px;
    }

    .native-tab .font-32 {
        font-size: 26px !important;
        line-height: 36px !important;
    }

    .award__slide__main {
        height: 600px;
    }

    .branding_top_section p {
        font-size: 22px;
    }

    .section-inner {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .hire-banner p br {
        display: block !important;
    }
}

@media (max-width:1366px) {
    .location_banner {
        background-size: 50%;
        background-position: 95% 50%;
    }

    .techstack h6 {
        font-size: 26px;
        line-height: 40px;
    }

    .react-font {
        font-size: 20px;
    }

    div.dot-tabs-new {
        height: 50px !important;
        padding: 10px 20px !important;
    }

    img.dot-banner-img {
        height: 90px;
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .design-descover {
        height: 100vh;
    }

    h2.dot-approch {
        height: 120px;
        font-size: 30px !important;
        line-height: 40px !important;
        padding-bottom: 0 !important;
    }

    .scrollable-list .nav-item {
        margin-bottom: 0 !important;
    }

    .tech__label2 label {
        font-size: 16px;
        line-height: 22px;
        padding: 8px 20px;
        margin: 4px 0px;
    }

    .tech__label label {
        padding: 15px 25px;
        margin: 5px 4px;
        min-width: 80px;
        font-size: 16px;
        line-height: 22px;
    }

    .portfolio-new {
        padding-bottom: 250px;
    }

    .mile p {
        font-size: 22px;
        height: 65px;
        line-height: 30px;
    }

    .contact-text h2 {
        margin-bottom: 10px !important;
    }

    .mt-160 {
        margin-top: 120px;
    }

    div.contact-fram-l {
        padding: 55px 104px 60px 44px;
    }

    div.contact-fram-r {
        height: 730px;
    }

    img.contact-web {
        width: 180px;
        right: 60px;
    }

    /* contact */
    .contact-text h2 {
        font-size: 52px;
        width: 90%;
    }

    .contact-step1 h2 {
        font-size: 14px;
    }

    .contact-step1 p {
        font-size: 12px;
    }

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

    div.contact-frame {
        grid-template-columns: minmax(auto, 3fr) minmax(auto, 360px);
    }

    /* contact */
    .arvr-ring3 {
        height: 350px;
        max-width: 350px;
    }

    .arvr-ring1 {
        height: 950px;
        max-width: 950px;
    }

    .arvr-ring4 {
        height: 100px;
        max-width: 100px;
    }

    .arvr-ring4 img {
        width: 70px;
    }

    .ring-item10 {
        top: 60px;
    }

    .ring-item11 {
        top: 90px;
    }

    .ring-item7 {
        left: 500px;
    }

    .ring-item p {
        font-size: 16px !important;
        line-height: 20px;
        padding: 8px 12px;
    }

    .arvr-ring2 {
        height: 650px;
        max-width: 650px;
    }

    .startup-inner {
        padding: 20px 20px !important;
        min-width: 800px;
    }

    header.header-site a.nav-link.btn.theme-btn {
        padding: 10px 15px !important;
        font-size: 14px !important;
    }

    ul.menu_mega a {
        font-size: 14px;
    }

    header .nav-item .nav-link {
        font-size: 18px !important;
    }

    .partnership h3 {
        font-size: 36px;
    }

    .our_discovery_box h4 {
        font-size: 26px;
        line-height: 36px !important;
    }

    .internal_service_content {
        padding: 25px;
    }

    .animation_section .label.obstacles {
        top: 84.5%;
        left: 14%;
    }

    .animation_section .label.budget {
        top: 77%;
        left: 60%;
    }

    .animation_section .label.opportunity {
        top: 52%;
        left: 25%;
    }

    .animation_section .label.markets {
        left: 52%;
        top: 31%;
    }

    .animation_section .label.vision {
        top: 17%;
        left: 33%;
    }

    .turn_div_content {
        padding: 40px;
    }

    .animation_section {
        width: 100%;
        height: 400px;
    }

    .internal_service_img {
        padding: 25px 25px 0
    }

    .internal_service_img {
        height: 300px;
    }

    .scoping_steps {
        padding: 40px 35px;
        border: 3px dashed #FE8594;
        background-color: #FFF8ED;
        text-align: center;
        border-radius: 24px;
        position: relative;
    }

    .mt-300 {
        margin-top: 130px;
    }

    .scoping_steps_arrow {
        width: 30px;
    }

    .goals {
        width: 250px;
        height: 250px;
        border-radius: 50%;
    }

    .cost .scoping_steps_content {
        top: 55%;
        left: -50px;
    }

    .uiux .scoping_steps_content {
        left: 0;
    }

    .uiux img.scoping_steps_arrow {
        left: -15px;
    }

    .scoping_steps_content {
        font-size: 16px;
        width: 300px;
        line-height: 20px;
        padding: 10px;
    }

    .scoping_steps_content2 label {
        font-size: 14px;
        line-height: 30px;
        padding: 5px 10px;
    }

    section.banner-number.ui-number.ai_number.branding_number.mobile-banner-new {
        padding-top: 100px !important;
    }

    .mvp-banner-left {
        width: 370px !important;
    }

    .mvp-banner-right {
        width: 400px !important;
    }

    .megamenu::after {
        left: 284px;
        top: -15px;
        width: 15px;
        height: 15px;
        border-bottom: solid 15px rgb(247 238 255);
        border-left: solid 7px transparent;
        border-right: solid 7px transparent;
    }

    img.managment-left {
        left: -180px;
        width: 300px;
        top: -100px;
    }

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

    ul.menu_mega a {
        margin-bottom: 15px;
    }

    img.managment-right {
        right: -50px;
        width: 150px;
    }

    img.discover-right.discover-right-branding {
        width: 100px;
        right: -81px !important;
    }

    img.discover-left-branding {
        width: 150px;
        left: -91px;
        top: -97px;
    }

    .discover-inner.discover-inner-uiux {
        max-width: 600px !important;
    }

    img.discover-right {
        width: 200px;
    }

    img.branding-right {
        right: 80px;
        width: 300px;
        top: -250px;
    }

    img.branding-left {
        width: 400px;
    }

    .branding_number {
        padding-top: 150px !important;
    }

    .engagement-point h3 {
        padding-block: 16px;
        font-size: 26px;
        line-height: 36px;
    }

    .engagement-point p {
        font-size: 20px;
        line-height: 30px;
    }

    section.banner-number.ui-number {
        padding-top: 0;
    }

    .technologies__tab_uiux {
        min-height: 350px !important;
    }

    .stage1-p {
        font-size: 20px;
    }

    .stages1 h4 {
        line-height: 43.6px;
        font-size: 32px;
    }

    .stages1 h6 {
        line-height: 38px;
        font-size: 22px;
    }

    .product-num {
        padding: 0 0px;
    }

    .managment-accordion .accordion-header h4 {
        font-size: 24px;
        line-height: 24px;

    }

    .managment-accordion .accordion-body {
        padding: 10px 48px 19px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .ui-ux-banner {
        max-width: 75%;
    }

    /* <<<<<<<<<<<<<<<<   manage animation start>>>>>>>>>>>>> */
    .ring-0 {
        width: 17em;
        height: 17em;
        animation: clockwiseRotate 35s linear infinite;
    }

    .ring-1 {
        width: 12em;
        height: 12em;
        animation: clockwiseRotate 30s linear infinite;
    }

    .ring-2 {
        width: 6em;
        height: 6em;
        animation: clockwiseRotate 25s linear infinite;
    }

    .orbit-center {
        width: 100px;
        height: 100px !important;
    }

    .ring-1>*:nth-of-type(1) {
        transform: rotate(90deg) translate(6em) rotate(-90deg);
    }

    .ring-1>*:nth-of-type(2) {
        transform: rotate(180deg) translate(6em) rotate(-180deg);
    }

    .ring-1>*:nth-of-type(3) {
        transform: rotate(270deg) translate(6em) rotate(-270deg);
    }

    .ring-1>*:nth-of-type(4) {
        transform: rotate(360deg) translate(6em) rotate(-360deg);
    }

    .ring-0>*:nth-of-type(1) {
        transform: rotate(72deg) translate(8.5em) rotate(-72deg);
    }

    .ring-0>*:nth-of-type(2) {
        transform: rotate(144deg) translate(8.5em) rotate(-144deg);
    }

    .ring-0>*:nth-of-type(3) {
        transform: rotate(216deg) translate(8.5em) rotate(-216deg);
    }

    .ring-0>*:nth-of-type(4) {
        transform: rotate(288deg) translate(8.5em) rotate(-288deg);
    }

    .ring-0>*:nth-of-type(5) {
        transform: rotate(360deg) translate(8.5em) rotate(-360deg);
    }

    .orbit-wrapper {
        height: 600px;
    }

    /*  */
    .stage-count {

        width: 200px;
        height: 200px;
    }

    .stage-count h5 {
        font-size: 80px;
        line-height: 80px;

    }

    .stage1-p {
        padding-top: 50px;
    }

    .stratgy_astro {
        width: 350px;
    }

    .strategy-dot-bottom {
        width: 400px;
    }

    .real-stories {
        height: 767px;
    }

    .design-pt-200 {
        padding-top: 100px;
    }

    .pink-icon {
        left: 4%;
        width: 120px;
        top: 40%;
    }

    /* .heading, .heading__main {
        font-size: 40px;
        line-height: 56px;
    } */
    .meet_section h5 {
        font-size: 26px;
        line-height: 36px;
    }

    .meet_section p {
        font-size: 16px;
        line-height: 19px;
    }

    .start-up h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .start-who {
        font-size: 16px;
    }

    .heding-small2,
    .tabs__title h3 sub {
        font-size: 26px;
        line-height: 36px;
    }

    .case_study_card p {
        font-size: 22px;
        line-height: 30px;
    }

    .review-main .heading {
        font-size: 46px !important;
        line-height: 56px !important;
    }

    .review-main .font-32 {
        font-size: 24px !important;
        line-height: 34px !important;
    }

    .simplified-text h5 {
        font-size: 24px;
        line-height: 38px;
    }

    .simplified-text p {
        font-size: 18px;
        line-height: 27px;
    }

    .meet_section a.btn__secondary {
        font-size: 16px;
    }

    .day h4 {
        font-size: 16px;
        line-height: 26px;
        padding: 16px;
    }

    .exercise p {
        font-size: 18px;
        line-height: 28px;
    }

    .startup-number h5 {
        font-size: 75px;
    }

    .product-num::after {
        left: -30px;
    }

    .banner-number img {
        position: inherit;
        bottom: 0;
        left: 0;
        width: auto;
    }

    .title-faq {
        padding: 40px 0;
    }

    .fame_right2 img {
        width: 80%;
    }

    .award__slide__main {
        height: 580px;
    }

    .technologies__tab {
        min-height: 650px;
    }

    .clutch-card p {
        font-size: 14px;
        line-height: 22px;
        padding-top: 20px;
    }

    .performance-text h3 {
        font-size: 30px;
        padding-bottom: 50px;
    }

    .native-dev .nav-link img {
        width: 30px;
    }

    .native-tab button {
        margin-bottom: 20px;
    }

    .native-tab .font-32 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .fame_left2 {
        padding: 30px;
        width: 450px;
    }

    .fame_left2 h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .ai_form {
        padding: 30px 20px;
    }

    .performance-text img {
        width: 80px;
    }

    .market h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .market h2 {
        font-size: 60px;
        line-height: 60px;
    }

    .tavus-inner {
        padding: 50px;
    }

    .tech-tabs .nav-item .nav-link {
        font-size: 22px;
        padding-left: 10px;
        line-height: 50px;
    }

    .tech-tabs .nav-link::after {
        width: 12px;
        height: 12px;
    }

    .font-44 {
        font-size: 36px !important;
        line-height: 50px !important;
    }

    .pt-180 {
        padding-top: 130px;
    }

    .font-24 {
        font-size: 18px !important;
        line-height: 26px;
    }

    .who-are-we-card p {
        font-size: 18px !important;
        line-height: 26px;
    }

    /* .service-tab .nav-link {
        margin-bottom: 20px;
    } */
    .new-home__banner {
        padding: 160px 0 80px !important;
        height: auto !important;
    }

    .new-home-logo .cl__img {
        height: 50px !important;
        margin: 0 30px !important;
    }

    /* .home-logo {
        padding: 20px 0 10px !important;
    } */
    .service-h6 {
        font-size: 20px !important;
        line-height: 30px !important;
        padding-top: 40px;
    }

    .service-tab .nav-link {
        font-size: 26px;
    }

    .ai-tech label {
        font-size: 16px;
        line-height: 22px;
        padding: 15px 25px;
        margin: 10px 10px;
    }

    .ai-tech label img {
        width: 35px;
    }

    .service-tab .nav-link span {
        font-size: 20px;
    }

    img.ai {
        width: 50px;
    }

    .fame_main {
        grid-template-columns: minmax(auto, 5fr) minmax(auto, 700px);
    }

    .market p {
        font-size: 18px;
        line-height: 22px;
    }

    .service__card h4 {
        font-size: 24px;
        line-height: 38px;
    }

    .award_card {
        padding: 15px;
    }

    .case_study_card h6 {
        font-size: 16px;
        line-height: 20px;
    }

    .case_study_card h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .case_study_card_left {
        padding: 30px 30px 0;
    }

    .case_study_card_right {
        padding: 30px;
    }

    .case_study_content {
        padding: 30px;
        margin-bottom: 20px;
    }

    .case_study_content2 {
        padding: 30px;
    }

    .case_study_tecno {
        padding: 30px 30px 0;
    }

    span.tech_stack {
        padding: 10px;
        height: 50px;
        width: 50px;
    }

    .case_study_card label {
        font-size: 14px;
        line-height: 17px;
        padding: 10px 20px
    }

    .location_banner {
        padding-bottom: 150px;
        padding-top: 150px;
    }
}

@media (max-width:1024px) {
    .potential-text2 {
        height: 100%;
    }

    .techstack {
        padding: 30px;
    }

    /* <<<<<<<<dot net start>>>>>> */
    div.dot-net-accordion {
        padding-top: 0px;
    }

    .dot-net-faq {
        padding-top: 50px !important;
    }

    img.dot-banner-img {
        position: inherit !important;
        width: 50px !important;
        display: block !important;
    }

    /* <<<<<<<again>>> */
    section.dot-banner {
        background-color: transparent !important;
        padding-top: 0px !important;
    }

    .dot-banner h5 {
        font-size: 60px !important;
    }

    .dot-banner p {
        font-size: 20px !important;
    }

    .dot-banner img {
        margin-top: 14px;
        width: auto !important;
    }

    /* <<<<<dot net end>>>>>>>> */
    .discover-inner {
        max-width: 70%;
    }

    .startup-number h5 {
        font-size: 65px;
    }

    .hall-fame {
        background-size: cover;
    }

    .portfolio_pills li {
        width: 15%;
    }

    .p-w-25 {
        width: 30% !important;
    }

    /* <<<<<<<portfolio start>>>>>>>>*/


    li.portfolio-tab::after {
        left: -35px;
    }

    img.gear {
        width: 85px;
        right: -52px;
    }

    img.content {
        width: 85px;
        bottom: -50px;
    }

    div.service-bg p.port-testi-p {
        font-size: 38px !important;
        line-height: 42.8px !important;
    }

    .service-bg div.port-texti-content h5 {
        font-size: 36px !important;
        line-height: 52.4px !important;
    }

    .service-bg div.port-texti-content span {
        font-size: 32px !important;
    }

    /* <<<<<<portfolio end>>>>> */
    /* <<<<hire dev start>>>>>>>> */
    .mile {
        padding: 42px 20px;
        border-radius: 16px;
        padding-bottom: 30px;
    }

    .mile h1 {
        font-size: 40px;
        padding-bottom: 32px;
        line-height: 33px;
    }

    .mile p {
        font-size: 20px;
        line-height: 28px;
        height: 60px;
    }

    .mile-c {
        padding: 22px 0;
    }

    .simu-text img {
        width: 30px;
        height: 30px;
    }

    /* <<<<<hire end>>>>>> */
    /* <<<<<<<<contact start>>>>>>>> */
    .contact-step {
        display: block;
    }

    .contact-phn {
        display: none;
    }

    .display-contact {
        display: none;
    }

    .contact-text h2 {
        font-size: 45px;
    }

    .contact-step1 h2 {
        font-size: 18px;
    }

    /* <<<<<<,contact end>>>>>>> */
    .market h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .animation_section .label.opportunity {
        top: 56%;
        left: 21%;
    }

    .animation_section .label.markets {
        left: 51%;
        top: 37%;
    }

    .animation_section .label.vision {
        top: 24%;
        left: 31%;
    }

    /* <<<<<<<<<<<<startup start>>>>>> */
    .pb-124 {
        padding-bottom: 90px !important;
    }

    /* <<<<<<<<<<<<<<<<<startup-end>>>>>>>>> */
    .afterarrow::after {
        height: 10px;
    }

    .beforearrow::after {
        width: 175px;
    }

    .scoping_steps h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .uiux .scoping_steps_content {
        left: -50px;
        bottom: -99%;
    }

    .cost .scoping_steps_content {
        top: 15%;
        left: -30px;
    }

    .goals .scoping_steps_arrow {
        bottom: 3px;
        right: 20px;
    }

    .scoping_steps {
        padding: 30px 25px;
    }

    img.scoping_steps_bg {
        bottom: 9%;
    }

    .project_ideation .scoping_steps_arrow {
        right: 15px !important;
    }

    .priority-based .scoping_steps_content2 {
        left: 30%;
    }

    .goals {
        width: 200px;
        height: 200px;
    }

    .mvp-banner-left {
        width: 300px !important;
        top: -100px !important;
    }

    .mvp-banner-right {
        width: 300px !important;
    }

    .webflow-review {
        margin-top: 80px;
    }

    .ring-webflow-1>*:nth-of-type(1) {
        transform: rotate(90deg) translate(6em) rotate(180deg) !important;
    }

    /* <<<<<<<<<<<backend start>>>>>>> */
    .ring-2>*:nth-of-type(1) {
        transform: rotate(47.5deg) translate(3em) rotate(90deg);
    }

    .mobile-banner-new {
        background-color: #F0F9FF !important;
        padding-top: 150px !important;
    }

    /* <<<<<<<<<backend end>>>>>>>>. */
    header.header-site a.navbar-brand img {
        max-width: 160px;
    }

    h6.menu_heading {
        margin-bottom: 14px;
    }

    nav.navbar li a {
        font-size: 12px !important;
        margin-bottom: 10px;
    }

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

    /* <<<<<<<<<<<backend start>>>>>>> */
    .ring-2>*:nth-of-type(1) {
        transform: rotate(47.5deg) translate(3em) rotate(90deg);
    }

    .mobile-banner-new {
        background-color: #F0F9FF !important;
        padding-top: 150px !important;
    }

    /* <<<<<<<<<backend end>>>>>>>>. */
    img.uiux-left {
        top: -250px;
        width: 300px;
    }

    img.uiux-right {
        top: -100px;
    }

    img.branding-right {
        width: 250px;
        top: -170px;
    }

    img.branding-left {
        width: 300px;
    }

    .branding-dot.branding-dot2 img {
        height: 500px;
    }

    .tech-tabs .nav-item .nav-link {
        font-size: 24px;
    }

    /* <<<<<<<<<<<<<<<brandng start>>>>>>>> */
    .branding-inner {
        width: 650px;
    }

    .branding-dot img {
        top: 52%;
        height: 700px;
    }

    /* <<<<<<<<<brnding end>>>>>>>>>>>> */
    /* <<<<<<<<<ui-ux start>>>>>>>>>>>>>>>>>> */
    .ui-banner {
        background-color: #F2F0FF !important;
    }

    .innovation-card {
        min-height: 350px;
    }

    .ui-heading h2 {
        font-size: 19px !important;
        line-height: 30px !important;
    }

    .engagement-text h1 {
        font-size: 32px !important;
        padding-block: 10px;
    }

    .engagement-point h3 {
        padding-block: 18px;
        font-size: 26px;
        line-height: 24.8px;
    }

    .ui-engagement {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .engagement-point {
        padding-bottom: 30px;
    }

    /* <<<<<<<<<<<<<,ui-ux end>>>>>>>> */
    /* <<<<<<<<<<<<<,mange start>>>>>>>>>>>>> */
    .mange-banner {
        padding-top: 0px;
    }

    .tools-product h3 {
        font-size: 28px;
        line-height: 42px;
    }

    .tools-product p {
        font-size: 18px;
        line-height: 28.6px;
    }

    .astro-left-mange {
        position: absolute;
        width: 430px;
        bottom: 280px;
        left: -43px;
    }

    .mange-banner-m {
        padding-top: 0px;
        width: 650px;
    }

    .dot-top-mange {
        position: absolute;
        width: 400px;
        left: -160px;
        top: -50px;
        height: 300px;
    }

    .dot-bottom-mange {
        position: absolute;
        bottom: 100px;
        right: -97px;
        width: 300px;
        z-index: 0;
        height: 250px;
    }

    .astro-right-mange {
        position: absolute;
        width: 380px;
        right: -7px;
        top: 0px;
    }

    .hole-wire-mange {
        position: absolute;
        left: -38px;
        width: 100px;
        top: 300px;
    }

    .tools-product {
        padding-top: 15px;
    }

    .ui-innovation {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .product-mange-bg {
        background-image: url(../images/pages/services/product-management-new/product-mange-bg.png) !important;
        /* height: 50vh !important; */
    }

    /* <<<<<<<<<<<<<,mange end>>>>>>>>>>>>> */
    /* <<<<<<<<<<<<<<<<mangement animation>>>>>>>>>>> */




    /* <<<<<<<<<<<manh=ge animation end>>>>>>>>>>>>>>> */
    .stages.uiux_content {
        margin-left: 0 !important;
    }

    .stage-count h5 {
        font-size: 70px;
        line-height: 70px;
    }

    .stage-count {
        width: 180px;
        height: 180px;
    }

    .strategy-dot-bottom {
        width: 350px;
        /* bottom: -50px; */
        z-index: 0;
    }

    .stratgy_astro {
        width: 300px;
    }

    .real-stories {
        height: 900px;
    }

    .real__bg_area {
        width: 100%;
    }

    .real__bg {
        max-width: 200% !important;
    }


    .meet_section {
        max-width: 100%;
    }

    .technologies .container-custom::after {
        display: none;
    }

    /* .discover {
        height: 60vh;
    } */
    .discoverbg {
        height: 100vh;
    }

    .technologies__tab {
        min-height: 450px;
    }

    .font-32 {
        font-size: 26px !important;
        line-height: 32px;
    }

    .backed_div {
        padding: 50px !important;
    }


    .who_are_div img {
        left: 0;
    }

    .who_are_div {
        padding: 30px !important
    }

    .font-44 {
        font-size: 36px !important;
        line-height: 50px !important;
    }

    .fame_main {
        grid-template-columns: minmax(auto, 5fr) minmax(auto, 650px);
    }

    .fame_left {
        padding: 30px 30px;
    }

    .award_card h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .award_card {
        padding: 15px;
    }

    .market h6 {
        font-size: 15px;
        line-height: 20px;
    }

    .tech_logo {
        background-color: #FFF8ED;
        border-radius: 24px;
        padding: 50px;
    }

    .tech_logo_div img {
        width: 70px;
    }
}

@media (max-width:991px) {
    .horizontal__main__mobile {
        display: block;
    }

    .ui-1 h3.font-44 {
        font-size: 16px !important;
        width: 100%;
        margin: 0;
    }

    .ui-1 {
        height: auto !important;
        overflow: hidden;
        width: 100% !important;
        background-color: transparent;
        border: none;
        padding: 0;
    }

    .horizontal__main {
        display: none;
    }

    .fitness {
        width: 70%;
    }

    .discover____left {
        display: none;
    }

    .discover____right {
        display: none;
    }

    .tech__label2 label {
        font-size: 16px;
        line-height: 20px;
        border: 1px solid #C77FFF;
        padding: 10px 15px;
        border-radius: 50px;
        margin: 8px 0px;
    }

    .location_banner {
        padding-bottom: 70px !important;
    }

    .portfolio_pills .nav-link {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .portfolio_pills {
        margin-top: 50px;
    }


    .research_main {
        padding-top: 330px;
    }

    img.investors_img {
        display: none;
    }

    /* <<<<<<<portfolio start>>>>>>> */


    div.portfolio-testimonial {
        padding: 30px;
    }

    div.service-bg p.port-testi-p {
        font-size: 32px !important;
        line-height: 40.8px !important;
    }

    .service-bg div.port-texti-content h5 {
        font-size: 32px !important;
        line-height: 62.4px !important;
    }

    div.opar-tech label {
        border-color: #fff !important;
        color: #fff !important;
    }

    div.opar-tech {
        padding: 30px;
    }

    div.beer-tech-m {
        padding: 30px;
    }

    nav.port-menu-new {
        padding-block: 0px;
        padding-inline: 10px;
    }

    li.portfolio-tab::after {
        left: -15px;
    }

    /* <<<<<<<<portfolio end>>>>> */
    /* <<<<<<<<webflow start again>>>>> */
    section.webflow-ex::before {
        top: 10%;
    }

    /* <<<<<<<<<<<webflow end again>>>> */
    /* <<<<<<<,hire dev start>>>>>>> */
    .mile {
        padding: 34px 15px;
        border-radius: 16px;
        padding-bottom: 24px;
    }

    .mile p {
        height: auto;
    }

    .simu-text img {
        width: 24px;
        height: 24px;
    }

    /* <<<<hire dev end>>>>>>>> */
    .contact-location-mobile {
        display: block;
    }

    .dark a.nav-link.d-lg-none.d-block.me-md-4.me-2 {
        color: #fff;
    }

    div.contact-fram-r {
        height: auto;
        padding-bottom: 110px;
    }

    .contact-text h2 {
        margin-bottom: 10px !important;
    }

    .contact-location {
        padding: 0;
        border-top: 1px solid #C77FFF;
        padding-top: 32px;
        margin-top: 32px;
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0;
    }

    /* <<<<<<<<contact start>>>>>>> */
    .contact-phn {
        display: block;
        position: absolute;
        z-index: 11;
        width: 120px;
        height: 170px;
        right: 50px;
        top: 220px;
    }

    div.contact-frame {
        grid-template-columns: minmax(auto, 3fr) minmax(auto, 0);
    }

    div.contact-fram-r {
        background-color: #F1E2FF;
    }

    .display-contact {
        display: block;
    }

    .contact-astro {
        width: 150px;
        height: 184px;
        position: absolute;
        bottom: 0px;
        z-index: 3;
    }

    .contact-text h2 {
        padding-bottom: 0;
        border-bottom: none;
    }

    .mt-160 {
        margin-top: 120px;
    }

    /* <<<<<<<contact end>>>>>>>> */
    .arvr-animation {
        background-image: none;
    }

    .ring-item {
        width: 60px;
        height: 60px;
    }

    .ring-item7 {
        left: 380px;
    }

    .ring-item9 {
        bottom: 70px;
        right: 20px;
    }

    .ring-item8 {
        bottom: 50px;
        left: 40px;
    }

    .ring-item6 {
        top: 60px;
        left: 30px;
    }

    .ring-item10 {
        top: 120px;
    }

    .ring-item12 {
        bottom: -20px;
        left: 180px;
    }

    .ring-item11 {
        top: 50px;
        right: -10px;
    }

    .ring-item3 {
        right: -30px;
        top: 250px;
    }

    .ring-item5 {
        bottom: 100px;
        right: 45px;
    }

    .ring-item2 {
        top: -30px;
    }

    .ring-item1 {
        top: 300px;
        left: -30px;
    }

    .ring-item4 {
        bottom: -10px;
        left: 200px;
    }

    .arvr-ring1 {
        height: 700px;
        max-width: 700px;
    }

    .ring-item4 {
        bottom: -30px;
        left: 300px;
    }

    .arvr-ring2 {
        height: 500px;
        max-width: 500px;
    }

    .arvr-ring3 {
        height: 300px;
        max-width: 300px;
    }

    .arvr-ring1 {
        margin-bottom: -200px;
    }

    .success-stage_2 {
        justify-content: flex-start;
    }

    .discovery-banner-new {
        margin-top: 0;
    }

    .discovery-ul li {
        font-size: 14px;
        line-height: 24px;
    }

    img.service_icon_img {
        width: 100px;
        margin-bottom: 10px;
    }

    .animation_section .label {
        font-size: 11px;
        padding: 3px 14px;
    }

    .turn_div_content {
        padding: 20px;
        padding-right: 0;
    }

    .animation_section .label.obstacles {
        top: 87.5%;
    }

    .animation_section .label.budget {
        top: 81%;
    }

    .animation_section .label.opportunity {
        top: 62%;
        left: 27%;
    }

    .animation_section .label.markets {
        left: 53%;
        top: 43%;
    }

    .animation_section .label.vision {
        top: 33%;
        left: 34%;
    }

    .internal_service {
        flex-wrap: wrap;
    }

    .internal_service .internal_service_div {
        margin-bottom: 30px;
    }

    .internal_service .internal_service_div {
        width: 100%;
    }

    .internal_service_div:hover {
        width: 100%;
    }

    /* <<<<<<<<<<<<startup start>>>>>> */
    .pb-124 {
        padding-bottom: 80px !important;
    }

    .startup-inner {
        min-width: 96%;
    }

    .partnership h3 {
        font-size: 40px;
    }

    /* <<<<<<<<<<<<<<<<<startup-end>>>>>>>>> */
    .rocket__section .rocket-part {
        margin-top: -35%;
        margin-bottom: 150px;
    }

    .afterarrow::after,
    .beforearrow::after {
        display: none;
    }

    .title__anime {
        margin-bottom: 20px;
    }

    .rocket__section h3,
    .rocket__section p {
        text-align: center;
        padding-inline: 30px;
    }

    .rocket__section .rocker__area {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }



    .uiux img.scoping_steps_arrow {
        top: 90%;
        left: 40px !important;
    }

    .project_ideation .scoping_steps_arrow {
        top: 80%;
    }

    .scoping_main_mobile .nav.nav-pills {
        display: flex;
        overflow-x: scroll;
        flex-wrap: nowrap;
        align-items: center;
        padding-bottom: 30px;
        margin-bottom: 0;
    }

    ul#service-tabs-nav {
        flex-wrap: wrap;
        overflow-x: hidden;
    }

    .scoping_steps {
        width: 180px;
    }

    .scoping_steps_arrow {
        transform: rotate(200deg) !important;
    }

    .goals {
        width: 180px;
        height: 180px;
    }

    .scoping_steps h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .scoping_steps span {
        height: 25px;
        max-width: 25px;
        margin: 0 auto 15px;
    }

    .scoping_main_mobile .nav-pills .nav-link.active,
    .scoping_main_mobile .nav-pills .show>.nav-link {
        color: var(--bs-nav-pills-link-active-color);
        background-color: transparent;
        /* padding: 0; */
    }

    .scoping_main_mobile .nav-item .nav-link {
        margin: 32px !important;
    }

    .scoping_main_mobile .nav-item .nav-link:first-child {
        margin: 0px !important;
    }

    .scoping_main_mobile {
        display: block;
    }

    .scoping_main_mobile .tab-content {
        background-color: #fff;
        border: 1px solid #C77FFF;
        padding: 16px;
        border-radius: 8px;
    }

    .scoping_steps_mobile_content h3 {
        font-size: 16px;
        line-height: 22px;
        color: #9948E8;
        margin-bottom: 10px;
        font-family: var(--fw-600);
    }

    .scoping_steps_mobile_content p {
        font-size: 14px !important;
        line-height: 19px !important;
        color: #5A268B;
        font-family: var(--fw-500);
        margin-bottom: 20px;
    }

    .scoping_main {
        display: none;
    }

    .scoping-div {
        padding: 30px 25px;
    }

    .mobile-banner-ai {
        padding-top: 50px !important;
    }

    .mobile-banner-ai .main_banner {
        padding-bottom: 50px;
    }

    .branding_top_section {
        text-align: center !important;
    }

    /* <<<<<<<<<<qa start>>>>>>>>>>>*/
    .qa-plan-m::before {
        background-color: #CCEFCF !important;
    }

    .qa-plan::before {
        top: 8% !important;
        height: 100%;
        left: 21% !important;
    }

    .qa-banner {
        text-align: center !important;
    }

    /* <<<<<<<<<,qa end>>>>>>>>>>> */
    /* <<<<<<<<<<backend start>>>>>>> */
    .ring-2>*:nth-of-type(1) {
        transform: rotate(47.5deg) translate(3em) rotate(90deg);
    }

    .backend-banner {
        padding-top: 0px !important;
    }

    /* <<<<<<<<<<backend start>>>>>>> */
    .ring-2>*:nth-of-type(1) {
        transform: rotate(47.5deg) translate(3em) rotate(90deg);
    }

    /* <<<<<<<<,backend end>>>>>>>>>> */
    img.discover-left-branding {
        width: 100px;
        left: -51px;
        top: -57px;
    }

    img.uiux-left {
        display: none;
    }

    img.uiux-right {
        top: -100px;
        display: none;
    }

    .startup-number h5 {
        font-size: 50px;
        line-height: 85px;
    }

    img.branding-left {
        display: none;
    }

    img.branding-right {
        display: none;
    }

    section.branding_top_section.text-center.ui-banner {
        text-align: center !important;
    }

    img.fram-left {
        top: 0;
        width: 300px;
    }

    img.fram-right {
        bottom: 100px;
        width: 250px;
    }

    .branding__banner .text-center {
        text-align: center !important;
    }

    .dot-top {
        display: none;
    }

    .branding-dot.branding-dot2 {
        display: none;
    }

    .strategy-dot-bottom {
        display: none;
    }

    .simplified-text {
        padding-top: 24px;
    }

    .exercise-plan-uiux::before {
        top: 7%;
        left: 8%;
    }

    .technologies-mobile-home {
        padding-top: 350px;
    }

    /* <<<<<<<<<<<<<<branding start>>>>>>>>> */
    .branding-dot img {
        top: 52%;
        height: 500px;
    }

    .branding-business img {
        padding-top: 50px;
    }

    .branding-stages {
        margin-top: 0px;
    }

    /* <<<<<<<<<<<<,branding end>>>>>>>>>>>>>> */
    /* <<<<<<<<<<<<<<<<<ui-ux start>>>>>>>>>>>>>> */
    .ui-engagement {
        padding-top: 60px;
        padding-bottom: 60;
    }

    .engagement-point {
        padding-bottom: 0px;
        padding-top: 60px;
    }

    .engagement-point h3 {
        font-size: 26px;
        line-height: 11.8px;
    }

    .engagement-text h1 {
        padding-block: 20px;
    }

    .cutting-edge {
        text-align: start;
    }

    .banner-section-neww {
        padding-bottom: 0 !important;
    }

    /* <<<<<<<<<<<<<<<ui-ux end>>>>>>>>>>>>>>>>>>> */
    /* <<<<<<<<<<<<<<mange start>>>>>>>>>>>> */

    .team-roles p {
        font-size: 20px;
        line-height: 27.6px;
    }

    .product-m h3 {
        font-size: 28px !important;
    }

    .tools-product {
        padding-top: 0;
    }

    .ui-content img {
        width: 80px;
    }

    .ui-card {
        padding-top: 40px;
    }

    .ui-innovation {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .tools-product {
        padding-top: 30px;
    }

    .moble-technologies {
        position: relative;
    }

    .success-idea::before {
        top: 6%;
        height: 100%;
        left: 21%;
    }

    .mobile-banner-new {
        background-color: #F0F9FF !important;
        /* padding-top: 0px !important; */
    }

    /* <<<<<<<<<<<<<<mange end>>>>>>>>>>>> */
    /* <<<<<<<<<<<<<<<<mange animation start>>>>>>>>>>>>>>>>>>. */

    .orbit-wrapper {
        height: 630px;
    }

    /* <<<<<<<<<<<<mange animation end>>>>>>>>>>>>>. */
    .stages1 {
        height: auto;
    }

    .stages-img {
        height: auto;
    }

    .stages1 {
        margin-bottom: 50px;
    }

    .stage-count {
        display: none;
    }

    section.banner-section-neww h1.heading {
        text-align: center !important;
    }

    .pink-icon {
        width: 70px;
    }

    .yellow-icon {
        top: 180px;
        right: 50px;
        width: 70px;
    }

    .banner-new.text-center {
        text-align: center !important;
        padding-top: 0px;
    }

    .stratgy_astro {
        top: -20px;
        width: 250px;
    }

    .real-stories {
        height: auto;
    }

    .real-stories .section-inner {
        padding-top: 0;
        padding-bottom: 0;
    }

    section.real-stories .real-text {
        text-align: center;
        padding-top: 60px;
    }

    .real-stories {
        height: auto;
    }

    section.real-stories .row.section-inner {
        padding-top: 0;
    }

    .real__bg {
        max-width: 140% !important;
    }

    .service_experts__div {
        min-height: auto;
    }

    section#ideate {
        padding: 0 !important;
    }

    section#design {
        padding: 0;
    }

    section#build {
        padding: 0;
    }

    section#grow {
        padding: 0;
    }

    .banner-number {
        padding-top: 100px;
    }


    .client_testmonial.text-center {
        text-align: center !important;
    }

    section.banner-section {
        padding-bottom: 0 !important;
    }

    .md-block {
        display: none;
    }

    .md-none {
        display: block;
    }

    section.banner-new-hero {
        overflow: hidden !important;
    }

    .startup-number.product-num2 h5,
    .startup-number.product-num2 p {
        text-align: center !important;
    }

    .product-num::after {
        left: -24px;
        height: 100%;
    }

    .startup-number.product-num.product-num2:after {
        display: none !important;
    }

    .design-bulb {
        top: -88px;
        left: -120px;
        max-width: 250px;
    }

    .discover-service-bg {
        display: none;
    }

    ul#technologies-tabs-nav {
        display: -webkit-box;
        margin-bottom: 50px;
        overflow-x: scroll;
    }

    ul#technologies-tabs-nav li {
        margin: 0 20px;
    }

    ul#technologies-tabs-nav li a {
        text-align: left !important;
    }

    .service-discover {
        background-image: url('../images/pages/services/service-discover-bg.svg');
        background-color: #ccc;
        /* padding: 80px 0; */
        height: 70vh;
    }

    .fame_right2::after {
        display: none;
    }

    .discover-inner {
        width: 100%;
        max-width: 600px !important;
    }

    .tech__apps__img {
        height: 80px !important;
        width: 100%;
    }

    .technologies__tab {
        min-height: auto;
    }

    .award_mobile_scroll {
        display: -webkit-box;
        overflow-x: scroll;
        flex-wrap: nowrap;
    }

    label.submit__control {
        display: block;
        text-align: left;
    }

    .award_mobile_scroll .col-lg-4.col-md-6 {
        width: 75%;
    }

    .native-img img {
        width: 35px;
    }

    .banner__hero__new img {
        position: absolute;
    }

    section.banner-section.ai_home {
        padding-bottom: 50px !important;
    }

    .real-slider {
        margin-top: 50px;
    }

    .tech-tabs .nav-item .nav-link {
        white-space: nowrap;
    }

    .ai-tech label {
        font-size: 14px;
    }

    .new-home__banner {
        padding-bottom: 0 !important;
    }

    .pt-180 {
        padding-top: 100px;
    }

    .who_are_div img {
        left: 0 !important;
    }

    .tech2_section label {
        padding: 10px 30px;
        margin: 7px;
    }

    .tech2_section label img {
        height: 40px;
    }

    .meet_section {
        display: none;
    }

    .new-home-logo .cl__img.Marquee-tag.Marquee-tag2 {
        width: 150px;
    }

    .tech_logo {
        padding: 30px;
    }

    .tech_logo_div img {
        width: 50px;
    }

    .fame_left {
        display: none;
    }

    .fame_main {
        grid-template-columns: none;
    }

    .left_fame {
        display: block;
        border: none;
        padding: 0;
    }

    .fame_right {
        margin-left: 0;
        padding-left: 30px;
        margin-top: 0;
    }

    .fame_right::after {
        display: none;
    }

    .fame_left {
        margin-bottom: 50px;
    }

    .award_card {
        padding: 10px;
    }

    .award_card h6 {
        font-size: 18px;
        line-height: 20px;
    }

    .case_study_card h2 {
        font-size: 24px;
        line-height: 33px;
    }

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

    .case_study_card_right {
        padding: 20px;
    }

    .case_study_content {
        padding: 20px;
        margin-bottom: 20px;
    }

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

    .case_study_card label {
        font-size: 12px;
        line-height: 15px;
        padding: 8px 10px;
    }

    .case_study_content2 {
        padding: 20px;
    }

    .case_study_tecno {
        padding: 20px 20px 0;
    }

    .fame_left2 {
        margin-bottom: 0;
        margin-right: 0;
        width: 100%;
    }

    .fame_right2 {
        margin-left: 0;
        margin-top: 0;
        min-height: 500px;
    }

    .fame_main2 {
        grid-template-columns: none;
    }

    .cl__img img {
        max-width: auto !important;
        width: auto !important;
    }

    .cl__img.Marquee-tag.Marquee-tag2 img {
        width: auto !important;
        max-width: max-content;
    }

    .product__img {
        position: inherit;
    }

    .progress-mobile2 {
        height: 100% !important;
    }

    section.industry_banner.text-center {
        text-align: center !important;
    }

    .industry_banner {
        padding: 150px 0 120px;
    }

    /* <<<<<<,dot net start>>>>>>>>> */
    img.dot-banner-img {
        position: inherit;
        width: 50px !important;
    }

    h2.dot-approch {
        height: 90px;
    }

    section.dot-stage::before {
        top: 12%;
        height: 100%;
        left: 8%;
    }

    /* <<<<again>>>> */
    .dot-banner p {
        font-size: 17px !important;
    }

    .dot-tabs-size img {
        height: 24px;
    }

    .dot-tabs-size2 img {
        height: 20px;
    }

    .net-frame img {
        width: 120px;
        height: 14px;
    }

    .ang-tabs-size img {
        height: 16px;
    }

    .react-tabs-size-m img {
        height: 16px !important;
    }

    div.react-tabs-size img {
        height: 20px !important;
    }

    /* <<<<<dot net end>>>>>>>> */

}

@media (max-width:767px) {




    .fitness {
        margin: 0 20px 0 0;
        width: 80%;
        padding: 20px;
    }

    .managment-accordion .accordion-header h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .fitness_main {
        padding: 60px 0;
    }

    .fitness h6 {
        padding: 10px 14px;
        border-radius: 70px;
        font-size: 14px !important;
    }

    .techstack {
        padding: 20px;
    }

    .techstack h6 {
        font-size: 20px;
        line-height: 30px;
    }

    .outcome-section video {
        height: 100%;
    }

    .outcome-section {
        height: 100vh;
    }

    .discover2 {
        background-image: url(../images/discover-design-mobile.svg);
    }

    /* <<<<<<<<<<<<grip start>>>>>> */
    .grip-text li {
        font-size: 11px;
        padding: 2px 12px;
    }

    .grip-li2 {
        margin-left: 5px;
    }

    .grip-banner ul {
        display: inline-flex;
    }

    .pt-sm-5 {
        padding-top: 16px !important;
    }

    .font-44 .font-44-grip {
        line-height: 28px !important;
    }

    .grip-banner li {
        border-radius: 80px;
        padding: 8px 16px;
        font-size: 14px;
    }

    .grip-banner-num p {
        font-size: 16px;
        line-height: 19px;
    }

    .grip-banner-num h5 {
        font-size: 44px;
        line-height: 52px;
    }

    .client-point li {
        border-radius: 80px;
        padding: 0px 14px;
        font-size: 10px;
    }

    /* <<<<,grip end>>>>>>>> */
    ul#industries__tab {
        display: -webkit-box;
        flex-wrap: wrap;
        white-space: nowrap;
        margin-bottom: 40px;
        margin-top: 30px;
        overflow-x: scroll;
    }

    #industries__tab a.nav-link::after {
        content: '';
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: #9948E8;
        position: absolute;
        top: 9px;
        left: 0;
        display: none;
    }

    #industries__tab li.active a.nav-link::after {
        display: block;
    }

    ul#industries__tab li a {
        font-size: 16px !important;
        padding: 0 30px;
        padding-left: 20px !important;
    }

    /* <<<<<<,dot net start>>>>>>>>> */
    .dot-tabs-size img {
        height: 24px;
    }

    .dot-tabs-size2 img {
        height: 20px;
    }

    .net-frame img {
        width: 120px;
        height: 14px;
    }

    .ang-tabs-size img {
        height: 16px;
    }

    .react-tabs-size-m img {
        height: 7px !important;
    }

    div.react-tabs-size img {
        height: 14px !important;
    }

    img.dot-banner-img {
        position: inherit;
        width: 70px !important;
        margin: 0 auto;
    }

    .dot-hire .font-32 {
        font-size: 16px;
        line-height: 22px;
    }

    div.dot-net-btn {
        justify-content: center !important;
    }

    h2.dot-approch {
        height: 100px;
        font-size: 24px !important;
    }

    div.dot-hire p {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    div.dot-net-accordion {
        padding-top: 0px;
    }

    div.dot-tabs-new {
        height: 50px !important;
    }

    .dot-tabs-size2 img {
        height: auto !important;
    }

    /* <<<<<dot net end>>>>>>>> */
    img.industry_discover_img_right {
        right: -20px;
        top: -53px;
        width: 120px;
    }

    img.industry_discover_img_left {
        bottom: -70px;
        left: -40px;
        width: 120px;
    }

    .discovery-acc-m2 {
        padding: 40px 16px;
        border-radius: 12px;
    }

    .tech__label label {
        padding: 5px 12px;
        min-width: auto;
        margin: 6px 4px;
        font-size: 12px;
        line-height: 16px;
    }

    .industry_banner {
        padding: 120px 0 80px;
        background-image: url(../images/pages/industries/bg-line-mobile.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    img.industry_banner_img {
        top: 0px;
        width: 100%;
    }

    .location-logos .cl__img {
        padding: 0 20px;
        display: flex;
        align-items: center;
    }

    .location-logos {
        padding: 20px 0;
    }

    .location-logos .cl__img img {
        max-height: 40px;
    }

    .discovery-acc-m .accordion-item:last-child {
        border-bottom: none !important;
    }

    .portfolio-page .hall-fame {
        background-size: cover;
    }

    .service-testimonial {
        height: 30px;
    }

    .portfolio-testimonial.service__card.ideate-card.service-bg {
        margin-bottom: 0;
    }

    .portfolio_dropdown button {
        width: 100%;
        text-align: left;
        margin-top: 50px;
        background-color: #FBF7FF;
        border: none;
        font-size: 16px;
        line-height: 21px;
        padding: 20px 24px;
        color: #FF576D;
        font-family: var(--fw-600);
        /* display: flex;
        justify-content: space-between;
        align-items: center; */
        position: relative;
    }

    /* .portfolio_dropdown button::after {
        content: '';
        background-image: url('../images/pages/portfolio-new/down-icon.svg');
    } */
    .portfolio_dropdown button.active {
        width: 100%;
        text-align: left;
        margin-top: 50px;
        background-color: #FBF7FF;
        border: none;
        font-size: 16px;
        line-height: 21px;
        padding: 20px 24px;
        color: #FF576D;
        font-family: var(--fw-600);
        /* display: flex;
        justify-content: space-between;
        align-items: center; */
    }

    .portfolio_dropdown-menu.show {
        background-color: #FBF7FF;
        border: none;
        transform-origin: top;
        width: 100%;
        background-clip: initial !important;
    }

    .portfolio_dropdown-menu a {
        font-size: 16px;
        line-height: 21px;
        padding: 20px 24px;
        color: #341552;
        font-family: var(--fw-600);
    }

    .portfolio_dropdown .btn-check:checked+.btn,
    .portfolio_dropdown .btn.active,
    .portfolio_dropdown .btn.show,
    .portfolio_dropdown .btn:first-child:active,
    .portfolio_dropdown :not(.btn-check)+.btn:active {
        color: #FF576D !important;
        background-color: #FBF7FF !important;
    }

    .btn:hover {
        color: #FF576D !important;
        background-color: #FBF7FF !important;
    }

    .portfolio_dropdown-menu .dropdown-item.active,
    .portfolio_dropdown-menu .dropdown-item:active {
        background-color: transparent !important;
        color: #341552 !important;
    }

    .portfolio_dropdown .dropdown-toggle::after {
        /* opacity: 0; */
        transition: transform .3s;
        position: absolute;
        right: 24px;
        top: 28px;
        content: "";
        width: 15px;
        height: 15px;
        background-image: url('../images/pages/portfolio-new/down-icon.svg');
        background-size: contain;
        background-repeat: no-repeat;
        border: none;
        /* display: none; */
    }

    .portfolio_dropdown .dropdown-toggle[aria-expanded=true]::after {
        transform: rotate(180deg);
        top: 23px;
    }

    .portfolio_pills {
        display: none;
    }

    .product__img .py-5 {
        padding: 40px 0 32px !important;
    }

    .portfolio-page {
        background-image: none;
        background-repeat: repeat;
        background-size: contain;
    }

    .mb-120 {
        margin-bottom: 60px;
    }

    div.service-bg p.port-testi-p {
        font-size: 18px !important;
        line-height: 22.8px !important;
    }

    div.portfolio-testimonial {
        padding: 20px;
    }

    .service-bg div.port-texti-content h5 {
        font-size: 14px !important;
        line-height: 16.4px !important;
    }

    .service-bg div.port-texti-content span {
        font-size: 14px !important;
        line-height: 16.8px !important;
    }

    .port-testi-img img {
        width: 95px;
    }

    .portfolio-heading p {
        font-size: 16px;
        line-height: 28px;
        padding-top: 15px;
    }

    div.portfolio-heading {
        text-align: start !important;
    }

    div.opar-tech label {
        border-color: #fff !important;
        color: #fff !important;
    }

    div.opar-tech {
        padding: 0px 0px 30px;
    }

    div.beer-tech-m {
        padding: 0px 0px 30px;
    }

    button.port-all-btn {
        padding-left: 0;
    }

    .portfolio-tab {
        font-size: 10px !important;
    }

    nav.port-menu-new {
        padding-block: 0px;
        padding-inline: 10px;
    }

    li.portfolio-tab::after {
        left: -10px;
    }

    /* <<<<<<<portfolio css end>>>>>>>>>>> */
    /* <<<<webflow start again>>>>>>>>> */
    div.webflow-progress-m::before {
        height: 1704px !important;
    }

    /* <<<<<<<webflow end again>>>>>>> */
    /* <<<<<<<<<hire dev start>>>>> */
    .mile {
        padding: 40px 24px;
        border-radius: 12px;
        padding-bottom: 30px;
    }


    .simu-text img {
        width: 24px;
        height: 24px;
    }

    /* <<<<<<<hire dev end>>>>>> */
    /* <<<<<<<<contact start>>>>>>> */
    .contact-phn {
        display: block;
        position: absolute;
        z-index: 11;
        width: 90px;
        height: 170px;
        right: 30px;
        top: 170px;
    }

    .contact-astro {
        width: 140px;
        height: 190px;
        position: absolute;
        bottom: 0px;
        z-index: 3;
    }

    .display-contact {
        display: block;
    }

    div.contact-step1 h2 {
        font-size: 14px;
        padding-bottom: 8px;
    }

    .contact-step1 p {
        font-size: 14px;
        line-height: 18.2px;
    }

    div.contact-fram-r {
        padding-bottom: 50px;
    }

    .contact-step {
        display: block;
        width: 100%;
    }

    .contact-step1 {
        padding-right: 0;
    }

    div.contact-fram-r {
        z-index: 2;
        border: 1px solid #5A268B;
        background-color: #F1E2FF;
        padding-left: 15px;
        margin-top: 70px;
    }

    .contact-text h2 {
        color: #5A268B;
        font-size: 32px;
        padding-bottom: 0;
        text-align: start;
        border-bottom: none;
        width: 90%;
        margin: 0;
        padding-right: 50px;
    }

    div.contact-fram-left {
        margin-bottom: 20px;
    }

    .mt-160 {
        margin-top: 100px;
    }

    div.contact-frame {
        grid-template-columns: none;
    }

    /* <<<<<<<<,contact end>>>>>>> */
    .transf-num1 {
        width: 47%;
    }

    .transf-num2 {
        display: none;
    }

    .transf-num3 {
        width: 47%;
    }

    .transf-num4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .transf-num4 p {
        text-align: center;
        width: 79%;
    }

    .transform-div {
        padding-top: 210px !important;
    }

    .pt-00 {
        padding-top: 0px !important;
    }

    .transfrom-num h5 {
        font-size: 32px;
    }

    .engagement-point img {
        width: 40px;
    }

    /* .software-w-80{
        width: 100%;
    } */
    .mobile-banner-ai .w-100 {
        padding: 0 10px;
    }

    .service_icon_img {
        width: 80px;
        margin-bottom: 10px;
    }

    .arvr-ring4 {
        height: 80px;
        max-width: 80px;
    }

    .arvr-ring4 img {
        width: 40px;
    }

    .discovery-ul {
        padding-top: 0;
    }

    .arvr-ring3 {
        height: 150px;
        max-width: 150px;
    }

    .arvr-ring2 {
        height: 250px;
        max-width: 250px;
    }

    .arvr-ring1 {
        height: 350px;
        max-width: 350px;
    }

    .ring-item {
        width: 40px;
        height: 40px;
    }

    .ring-item img {
        width: 20px;
    }

    .ring-item2 {
        top: -20px;
    }

    .ring-item1 {
        top: 150px;
        left: -20px;
    }

    .ring-item3 {
        right: -20px;
        top: 120px;
    }

    .ring-item4 {
        bottom: 10px;
        left: 240px;
    }

    .ring-item5 {
        bottom: 5px;
        right: 230px;
    }

    .ring-item6 {
        top: 10px;
        left: 30px;
    }

    .ring-item7 {
        left: 0;
        top: 160px;
    }

    .ring-item8 {
        bottom: 0px;
        left: 170px;
    }

    .ring-item9 {
        bottom: 190px;
        right: 20px;
    }

    .ring-item10 {
        top: 40px;
        left: -20px;
    }

    .ring-item11 {
        right: -20px;
    }

    .ring-item12 {
        left: 50px;
    }

    .arvr-ring1 {
        margin-bottom: -90px;
    }

    .discovery-tab-m.discovery-tab-m2 {
        padding-bottom: 25px;
    }

    .partnership h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    .linesbg::after {
        display: none;
    }

    .heroesImg {
        display: none;
    }

    .turn_div_content {
        text-align: center;
        padding: 30px !important;
    }

    .turn_div_content .main-button-wrapper.justify-content-start {
        justify-content: center !important;
        margin-top: 20px;
    }

    .animation_section .label.markets {
        left: 53%;
        top: 27%;
    }

    .internal_service_img {
        height: 180px;
    }

    .internal_service_content {
        padding: 12px;
    }

    /* <<<<<<<<<<<<startup start>>>>>> */
    .pb-124 {
        padding-bottom: 60px !important;
    }

    div.manage-b-m::before {
        background-color: #F1E2FF !important;
    }

    .partner1 {
        margin-bottom: 60px;
    }

    .startup-inner {
        min-width: 0;
        padding: 32px 24px !important;
        height: 100%;
        position: static !important;
        transform: none !important;
        margin: auto;
    }

    .partnership {
        display: block;
        height: 100%;
        border-bottom: 1px solid #F7EEFF;
        border-right: none;
        padding-bottom: 40px;
    }

    .startupbg {
        background-image: url(../images/pages/services/startup-new/startupbg.png) !important;
        height: auto !important;
    }

    .startupp {
        display: none !important;
    }

    /* <<<<<<<<<<<<<<<<<startup-end>>>>>>>>> */
    .scoping-div {
        padding: 32px 16px;
    }

    .scoping-div h3 {
        max-width: 100%;
    }

    /* <<<<<<<<<<manish discovery start>>>>>>>>>> */
    .discover-what-next {
        padding-inline: 20px;
        padding-block: 40px;
    }

    .animation_section {
        position: relative;
        width: 100%;
        height: 250px;
        overflow: hidden;
        /* background-color: #ccc; */
    }

    .animation_section .label.vision {
        background-color: #E2F3FF;
        top: 57%;
        left: -2%;
        transform: rotate(15deg);
        color: #9948E8;
    }

    .label.vision {
        translate: none;
        rotate: none;
        scale: none;
        transform: rotate(-45deg) !important;
        opacity: 1;
    }

    .animation_section .label {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 8px;
        font-family: var(--fw-600);
        padding: 2px 10px;
        border-radius: 50px;
        white-space: nowrap;
    }

    .animation_section .label.opportunity {
        background-color: #FF7A7A;
        top: 53.5%;
        left: 30%;
        transform: rotate(-15deg);
    }

    .discovery-what-btn {
        margin-top: 30px;
    }

    .discover-what-next h2 {
        text-align: center;
        font-size: 40px !important;
        line-height: 56px !important;
    }

    .discovery-acc-m {
        background-color: #F7EEFF;
    }

    .discovery-acc-m .accordion-item {
        border-bottom: 1px solid #9948E8 !important;
    }

    .discovery-workshop-services {
        background-color: #F7EEFF;
        border-radius: 12px;
        margin-top: 60px;
        padding-bottom: 40px;
    }

    .our_discovery {
        padding: 0px;
    }

    .our_discovery_box {
        display: none;
    }

    .discovery-acc-m button.accordion-button[aria-expanded=true] {
        color: #9948E8 !important;
    }

    .discovery-acc-m .accordion-body {
        font-size: 14px;
        line-height: 19px;
        color: #9948E8;
        padding: 10px 2px 19px 0px;
    }

    .discovery-acc-m .accordion-button::after {
        background-image: url(../images/pages/services/discovery-new/arrow-2.svg) !important;
        background-size: 24px !important;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 10px;
    }

    .discovery-acc-m .accordion-button:not(.collapsed)::after {
        transform: rotate(270deg) !important;
    }

    .discoveryy-btn {
        padding: 16px 50px !important;
    }

    .discovery-tab-m {
        display: flex !important;
        overflow-y: scroll;
    }

    .discovery-tab-m .nav-link span {
        display: none;
    }

    .discovery-tab-m .nav-link::before {
        left: 20px !important;
        top: 75%;
        width: 23px;
        height: 14px;
    }

    .discovery-tab-m .nav-link {
        font-size: 12px !important;
        margin-top: 0px !important;
    }

    .discovery-span {
        display: none !important;
    }

    .dis-tab {
        padding-left: 0px !important;
        padding-top: 20px !important;
    }

    /* #service-tabs-content {
            min-height: 400px;
        } */
    .diss-tabb {
        padding-top: 0px !important;
    }

    /* <<<<<<<<<<<<<manish discovery end>>>>>>>>>. */
    /* <<<<<<<<<digital trans start>>>>>> */
    .discovery-ul li {
        font-size: 12px;
        line-height: 22px;
        color: #FF576D;
        padding: 6px 12px;
        border: 1px solid #FF576D;
        border-radius: 30px;
        width: max-content;
    }

    /* <<<<<<<<,digital end>>>>>>>> */

    /* <<<<<<<<<<qa start>>>>>>>>>>>*/
    .qa-plan-m::before {
        height: 1807px !important;
        background-color: #CCEFCF !important;
    }

    /* <<<<<<<<<,qa end>>>>>>>>>>> */
    /* <<<<<<<<<<,software start>>>>>> */
    .software-point h3 {
        padding-left: 20px !important;
    }

    /* <<<<<<<<<<,software  end>>>>>> */
    /* <<<<<<<<,webflow start>>>>> */
    .webflow-review {
        margin-top: 70px;
    }

    .ring-webflow-1>*:nth-of-type(1) {
        transform: rotate(90deg) translate(2.5em) rotate(180deg) !important;
    }

    /* <<<<<<<<webflow end>>>>>>> */
    /* <<<<<<<<<<<<<<backend start>>>>>>> */
    .success-steps .main {
        display: block;
    }

    .backend-success h6 {
        display: none;
    }

    .success-steps {
        margin-left: 0px;
        padding: 16px 12px;
        align-items: flex-start !important;
    }

    .success-steps img {
        width: 80px;
    }

    .step-content h4 {
        font-size: 18px;
        line-height: 21px;
    }

    .step-content p {
        font-size: 14px;
        line-height: 16px;
    }

    .step-content {
        padding-left: 16px;
    }

    .pt-80 {
        padding-top: 40px !important;
    }

    .backend-success-head h1 {
        font-size: 40px !important;
        line-height: 50px;
    }

    .moreless-button {
        display: block !important;
        color: #9948E8;
    }

    #show-less-more {
        width: unset;
        height: unset;
        word-wrap: unset;
    }

    .moretext {
        display: none;
    }

    .moreless-button:hover {
        color: #9948E8 !important;
    }

    /* <<<<<<<<<<<<backend end>>>>>>>> */

    img.managment-left {
        display: none;
    }

    img.managment-right {
        display: none;
    }

    img.discover-left-branding {
        display: none;
    }

    .discover-inner.discover-inner-uiux {
        max-width: 350px !important;
    }

    img.discover-right {
        display: none;
    }

    img.discover-left {
        display: none;
    }


    .startup-number h5,
    .startup-number p {
        text-align: center !important;
    }

    .branding_number {
        padding-top: 50px !important;
    }

    img.fram-left {
        display: none;
    }

    img.fram-right {
        display: none;
    }

    .branding_top_section {
        padding-top: 150px;
    }

    .technologies__tab {
        min-height: auto !important;
    }

    .case_study_card_right {
        border-radius: 16px;
    }

    .case_study_card_left {
        border-radius: 16px;
    }

    .case_study_content {
        border-radius: 16px;
    }

    .simplified-text p {
        margin-top: 0px;
    }

    .experts__div h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .service-bg {
        min-height: auto !important;
    }

    .strategy-stages2 {
        background-color: #fff !important;
    }

    .stages1 {
        margin-bottom: 0px;
    }

    /* <<<<<<<<<<<mobile start>>>>>>>>>> */
    .moble-technologies {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        margin-top: 0px !important;
        position: relative;
    }

    .mobile-banner-new {
        background-color: #F0F9FF !important;
        /* padding-top: 0px !important; */
    }

    .progress-mobile::before {
        height: 110% !important;
        background-color: #D0E5F5 !important;
    }

    .success-stage {
        display: flex;
        justify-content: start;
    }

    /* <<<<<<<mobile end>>>>>>>>>>> */
    /* <<<<<<<<<<<<<<< branding start >>>>>>>>>>>>>>>>>> */
    .branding-dot img {
        display: none;
    }

    .font-40 {
        font-size: 40px !important;
    }

    .branding-banner {
        margin-top: -40px;
    }

    .pt-124 {
        padding-top: 20px !important;
    }

    .branding-faq {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .branding-business img {
        padding-top: 0px;
    }

    /* <<<<<<<<<<<<<<< branding end >>>>>>>>>>>>>>>>>> */
    /* <<<<<<<<<<<<<<<ai dev start>>>>>>>>>>>. */
    .ai-dev {
        padding-top: 20px !important;
    }

    /* <<<<<<<<<<<<<<<ai dev end>>>>>>>>>>>. */
    /* <<<<<<<<<<<<mange animation end>>>>>>>>>>>>>.  */
    .branding-dot img {
        display: none;
    }

    .orbit-center {
        width: 50px;
        height: 50px !important;
    }

    ul[class^=ring] li {
        width: 30px;
        height: 30px;
    }

    .ring-1>*:nth-of-type(1) {
        transform: rotate(126.6666666667deg) translate(1.9em) rotate(-126.6666666667deg);
    }

    .ring-1>*:nth-of-type(2) {
        transform: rotate(253.3333333333deg) translate(1.5em) rotate(-253.3333333333deg);
    }

    .ring-1>*:nth-of-type(3) {
        transform: rotate(380deg) translate(2.6em) rotate(-380deg);
    }

    .ring-0>*:nth-of-type(1) {
        transform: rotate(72deg) translate(3.3em) rotate(-72deg);
    }

    .ring-0>*:nth-of-type(2) {
        transform: rotate(144deg) translate(2.5em) rotate(-144deg);
    }

    .ring-0>*:nth-of-type(3) {
        transform: rotate(216deg) translate(2.2em) rotate(-216deg);
    }

    .ring-0>*:nth-of-type(4) {
        transform: rotate(288deg) translate(2.4em) rotate(-288deg);
    }

    .ring-0>*:nth-of-type(5) {
        transform: rotate(360deg) translate(3.2em) rotate(-360deg);
    }

    /* .ring-2>*:nth-of-type(1) {
        transform: rotate(47.5deg) translate(4em) rotate(-47.5deg);
    }
    .ring-2>*:nth-of-type(2) {
        transform: rotate(95deg) translate(4em) rotate(-95deg);
    }
    .ring-2>*:nth-of-type(3) {
        transform: rotate(142.5deg) translate(4em) rotate(-142.5deg);
    }
    .ring-2>*:nth-of-type(4) {
        transform: rotate(190deg) translate(4em) rotate(-190deg);
    }
    .ring-2>*:nth-of-type(5) {
        transform: rotate(237.5deg) translate(4em) rotate(-237.5deg);
    } */
    .orbit-wrapper {
        height: 250px;
    }

    .design-pt-120 {
        padding-top: 40px !important;
    }

    /* .ring-1 img {
        width: 30px;
        height: 30px;
    } */
    .ring-2 img {
        width: 30px;
        height: 30px;
    }

    .ring-0 img {
        width: 30px;
        height: 30px;
    }

    .ring-1 {
        width: 2.5em;
        height: 2.5em;
        border-color: red;
    }

    .ring-2 {
        width: 4em;
        height: 4em;
        border-color: yellow;
    }

    .ring-3 {
        width: 6.5em;
        height: 6.5em;
        border-color: blueviolet;
    }

    .ring-0 {
        width: 5.5em;
        height: 5.5em;
        border-color: green;
    }

    /*  <<<<<<<<<<<<mange animation end>>>>>>>>>>>>>. */
    /* <<<<<<<<<<<<ui-ux start>>>>>>>>>>>> */
    .ui-innovation {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .ui-card {
        padding-top: 40px;
    }

    .ui-number {
        padding-bottom: 60px;
    }

    .ui-banner {
        background-color: #F2F0FF !important;
    }

    .engagement-point h3 {
        font-size: 24px;
        line-height: 40.8px;
    }

    .engagement-point p {
        font-size: 16px;
        line-height: 22px;
        margin: 0;
    }

    .engagement-text p {
        font-size: 16px;
        line-height: 22.6px;
        color: #341552;
    }

    .hr-ui-ux {
        margin-top: 0px;
    }

    .ui-tech {
        padding-top: 20px;
    }

    /* <<<<<<<<<<<<ui-ux end>>>>>>>>>>>> */
    /* <<<<<<<,mange start>>>>>>>>>>> */
    .mange-banner {
        padding-top: 0px;
    }


    .tools-product h3 {
        font-size: 32px;
        line-height: 38px;
        text-align: left;
    }

    .tools-product p {
        font-size: 16px;
        line-height: 22.6px;
    }

    .team-roles h3 {
        text-align: left;
    }

    .team-roles p {
        font-size: 16px;
        line-height: 22.6px;
    }

    .tools-product {
        padding-top: 50px;
    }

    .product-mange-bg {
        display: none;
    }

    .product-mange-bg-m {
        background-image: url(../images/pages/services/product-management-new/product-mange-bg-m.png) !important;
        display: block;
        height: 100vh !important;
    }

    .tools-dot {
        display: none;
    }

    /* <<<<<<<,mange end>>>>>>>>>>> */
    .road-flag {
        top: -140px;
        left: -133px;
    }

    .product-strategy {
        background-image: url('../images/pages/services/product-strategy-new/product-strategy-bg-mobile.svg') !important;
    }

    .stratgy_main_img {
        max-width: 100%;
    }

    .banner-new.text-center {
        padding-top: 0;
    }

    .pink-icon {
        display: none;
    }

    .yellow-icon {
        display: none;
    }

    .testi__profile__content h6 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .testi__profile__img {
        width: 60px !important;
    }

    .testi__profile__content img {
        max-width: 100px;
    }

    /* .heading {
        font-size: 32px;
        line-height: 38px;
    } */
    .product__img {
        width: 100%;
    }

    section.discoverbg.design-descover .discover-inner {
        padding: 30px 20px;
    }

    .title-faq {
        font-size: 16px;
        line-height: 25px;
        padding: 24px 0;
        padding-right: 40px;
    }

    .desc-faq {
        font-size: 14px;
        line-height: 24px;
    }

    #closed-faq {
        height: 12px;
        top: -5px;
        left: 5px;

    }

    #open-faq {
        width: 12px;
    }

    .backed_div {
        padding: 42px 20px !important;
    }

    .who_are_div {
        padding: 30px 44px !important;
    }

    .mb-32 {
        margin-bottom: 32px;
    }

    .m-block {
        display: block;
    }

    ul#technologies-tabs-nav {
        display: -webkit-box;
        overflow-x: scroll;
        margin-bottom: 30px;
    }

    ul#technologies-tabs-nav li.nav-item {
        margin-right: 20px;
    }

    .fame_left {
        text-align: center;
    }

    .discoverbg {

        height: 100vh;
    }

    .discover {
        display: block;
        background-image: url(../images/discover-bg1-mobile.svg);
        height: 100vh;
        background-repeat: no-repeat;
        background-size: 90%;
        background-position: center center;
    }

    section.tavus.section-inner.rounded-0 {
        padding-bottom: 50px;
    }

    .tech__apps__img {
        height: 40px !important;
        padding: 5px !important;
        border-radius: 6px;
    }

    .tech__apps__img {
        height: auto;
        /* width: 130px; */
    }

    .performance-text h3 {
        line-height: 34px;
        font-size: 24px;
    }

    .performance-slider {
        border-radius: 12px;
        padding: 24px 20px;
        min-height: 380px;
    }

    .performance-slider .carousel-indicators {
        margin-bottom: 0;
    }

    .market {
        padding: 24px;
        border-radius: 12px;
    }

    .service__card img.link-a {
        opacity: 1;
    }

    form.ai_form {
        padding: 30px 20px;
        max-width: 100%;
        margin-bottom: 60px;
    }

    .ai_form h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .ai_form_main::after {
        width: 100%;
    }

    .discover-inner {
        padding: 30px 20px;
    }

    .discover-inner h3 {
        font-size: 24px !important;
        line-height: 33px !important;
    }

    .tech-tabs .nav-item .nav-link {
        font-size: 14px;
        padding-left: 20px;
        line-height: 20px;
        position: relative;
    }

    /* .backed_div {
        padding: 30px 20px !important;
    } */

    .ai-tech label {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 15px;
        margin: 10px 6px;
    }

    .ai-tech label img {
        margin-right: 6px;
        width: 25px;
    }

    .goals {
        margin-left: 0;
    }

    .diss-tabb #service-tabs-content {
        min-height: 350px;
    }

    .discovery-tab-m2 a.nav-link {
        padding-left: 30px;
        margin-right: 20px;
    }

    .discovery-tab-m2 .nav-link::before {
        left: 0 !important;
    }

    .service-h6 {
        font-size: 14px !important;
        line-height: 20px !important;
        color: #341552 !important;
        font-family: var(--fw-500);
    }

    .service-tab {
        padding-top: 50px;
    }

    .font-44 {
        font-size: 32px !important;
        line-height: 44px !important;
        /* text-align: center; */
        max-width: 95%;
        margin: auto;
    }

    .hall-fame {
        background-image: url('../images/pages/home/hall-fame-bg-mobile.svg');
        padding: 100px 0 150px;
    }

    .service-tab-text img {
        height: 180px;
    }

    .service-tab .nav-link {
        font-size: 24px;
        margin-top: 40px;
        margin-bottom: 0;
        padding-left: 50px;
    }

    .service-tab .nav-link::before {
        left: 0;
    }

    .pt-180 {
        padding-top: 0;
    }

    .who_are_div h4 {
        font-size: 24px !important;
        line-height: 42px;
        margin: 0;
    }

    .who-are-we-card img {
        padding-bottom: 30px;
    }

    .service__card__img {
        height: 80px;
    }

    .fame_right2 {
        min-height: 400px;
        padding: 0;
    }

    .service__card h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .market h2 {
        font-size: 60px;
        line-height: 72px;
    }

    .work_us {
        padding: 40px 24px;
        border-radius: 12px;
    }

    .tech2_section label img {
        height: 30px;
    }

    .tech_logo_div img {
        width: 25px;
    }

    span.tech_stack {
        padding: 5px;
        text-align: center;
        height: 35px;
        width: 35px;
    }

    span.tech_stack img {
        width: auto;
    }

    .tech_logo {
        padding: 20px;
    }

    .tech2_section label {
        padding: 10px 20px;
        margin: 5px;
    }

    .tech_logo h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .tech_logo p {
        font-size: 12px;
        line-height: 16px;
    }

    .labs_div.community-card img {
        width: 24px;
        margin-right: 5px;
    }

    img.ai {
        width: 35px;
    }

    .backed_div h3.mb-4.text-white.font-44 {
        font-size: 24px !important;
        line-height: 33px !important;
        max-width: 90%;
    }

    .cutting-edge img {
        width: 185px;
        height: auto;
    }

    .tavus-inner {
        padding: 30px 20px;
        text-align: center !important;
    }

    .main-button-wrapper {
        justify-content: start;
    }

    .title_div.tavus-inner h3 {
        font-size: 24px !important;
        line-height: 33px !important;
    }

    .who_section {
        padding-top: 50px !important;
    }

    .sample-slider {
        width: 95% !important;
    }

    .real-card {
        margin-top: 0;
    }


    .discover-inner {
        max-width: 90% !important;
    }

    .tech__apps__img img {
        max-height: 100%;
    }

    .fame_right {
        padding: 30px 20px;
    }

    .award_img {
        max-width: 85%;
    }

    .testi__profile__content img {
        max-width: auto !important;
    }

    section.home-logo.new-home-logo .Marquee {
        padding: 0 !important;
    }

    .tech-tabs .nav-link::after {
        top: 53%;
        left: 5px;
    }

    .tech-tabs .nav-item .nav-link {
        padding-left: 20px;
        text-align: left;
    }

    .tech-tabs .nav-link::after {
        width: 7px;
        height: 7px;
    }

    .technologies {
        padding-top: 250px !important;
        margin-top: -470px;
    }

    .technologies__tab {
        min-height: 300px;
    }

    .design-descover {
        background-image: url('../images/discover-design-mobile.svg');
    }

    .design-bulb {
        top: -149px;
        left: -22px;
        max-width: 100px;
    }

    section.design-sprint-cardd {
        padding-top: 80px;
    }

    .simplified_main {
        padding-top: 0 !important;
    }

    .review-main .heading {
        font-size: 32px !important;
        line-height: 38px !important;
    }

    .review-main .font-32 {
        font-size: 16px !important;
        line-height: 19px !important;
    }

    .testi__profile {
        margin-top: 60px;
    }

    .start-up:hover,
    .enterprise:hover {
        width: 100%;
    }

    .start-who {
        font-size: 14px;
        line-height: 18px;
        /* color: #FF576D; */
        font-family: var(--fw-500);
    }

    .start-up h3 {
        font-size: 32px;
        line-height: 44px;
    }

    .review-main {
        border-radius: 24px;
    }

    .service-discover {
        background-image: url(../images/pages/services/service-discover.svg);
        height: 100vh;
    }

    section.labs-banner-section {
        padding-bottom: 0;
    }

    .service_iner {
        text-align: left !important;
    }

    @keyframes scroll {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-5564px);
        }
    }

    @keyframes scroll2 {
        0% {
            transform: translateY(-5564px);
        }

        100% {
            transform: translateY(0);
        }
    }

    .product__img {
        width: 100%;
    }

    .award_card h4 {
        font-size: 12px;
        line-height: 16px;
    }

    .award_card {
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .real-text {
        padding-top: 40px;
        text-align: center;
    }

    .real__bg {
        max-width: 160% !important;
        left: -60%;
    }

    .real__bg_area {
        height: 150px;
    }

    .mobile-heading-left .font-44 {
        max-width: 100%;
    }

    .mobile-heading-left .heading {
        max-width: 100%;
    }

    .exercise h6 {
        font-size: 24px;
        color: #5A268B;
        line-height: 33px;
    }

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

    .day h4 {
        font-size: 16px;
        line-height: 22.6px;
        padding: 12px;
        border-radius: 8px;
    }

    .service__card {
        padding: 20px 20px 50px;
    }

    .service__card h6 {
        font-size: 14px;
    }

    .review-main::after {
        display: none;
    }

    .review-main::before {
        display: none;
    }

    .service__list.start-who {
        color: #FF576D;
    }

    .real-stories {
        height: auto !important;
    }

    .real__bg {
        left: -50%;
    }

    .heading,
    .heading__main {
        max-width: 100% !important;
    }

    .font-24 {
        font-size: 16px !important;
    }

    .stage1-p {
        font-size: 16px;
        line-height: 19px;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .stages1 h6 {
        font-size: 14px;
        font-weight: var(--fw-500);
        line-height: 18px;
        padding: 0;
    }

    .engagement-point h3 {
        font-size: 24px;
        line-height: 40.8px;
        padding: 8px 0 8px;
    }

    .engagement-point {
        padding-top: 35px;
    }

    .stages1 h4 {
        font-size: 24px;
        font-weight: var(--fw-600);
        line-height: 32px;
        padding-bottom: 20px;
    }

    .progress-mobile-ai::before {
        height: 100% !important;
    }

    .success-idea-ai {
        padding-bottom: 0 !important;
    }

    .progress-mobile-ai {
        padding-bottom: 80px;
    }

    .internal_service h3 {
        font-size: 24px !important;
        line-height: 34px !important;
        max-width: 100%;
    }

    .research_main {
        padding-top: 0 !important;
        margin-top: -300px !important;
        margin-bottom: 650px;
    }

    .time-to-market {
        margin-bottom: -700px;
    }
}

@media (max-width:767px) {
    .react-font {
        font-size: 12px;
    }

    .animation_section .label.obstacles {
        top: 84.5%;
    }

    .internal_service h6 {
        font-size: 14px;
        line-height: 20px;
        font-family: var(--fw-500);
    }

    .full-rocket {
        display: block;
    }

    .rocker__area {
        display: none;
    }

    /* .rocket__section .rocket-part {
        margin-top: unset;
    } */

    .afterarrow::after,
    .beforearrow::after {
        display: none;
    }

    .title__anime {
        margin-bottom: 20px;
    }

    .rocket__section h3,
    .rocket__section p {
        text-align: center;
        padding-inline: 30px;
    }

    .rocket__section .rocker__area {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }

    img.rocket_img00.rocket_img03 {
        margin-top: -70px !important;
    }

    .rocket__section .rocket_img01 {
        height: 80px;
    }

    .rocket__section .rocket_img02 {
        left: -12px;
        height: 192px;
    }

    .rocket__section .rocket_img03 {
        left: 10px;
        height: 210px;
    }

    .we-startup {
        padding: 30px 24px !important;
    }

    div.iot-progress::before {
        height: 2110px !important;
    }

    .discovery-acc-m .accordion-button {
        padding-left: 0px !important;
        color: #9948E8;
        font-size: 18px;
        line-height: 25px;
        padding-right: 35px;
        font-weight: var(--fw-600) !important;
    }

    .industries-discover {
        background-image: url('../images/pages/industries/discover-design-mobile.svg');
    }
}