#web_app_development_banner  {
    padding: 12rem 0 2rem;
    background: linear-gradient(3.82deg, rgba(59, 130, 246, 0) 12.42%, rgba(59, 130, 246, 0.1) 63.32%);
    overflow: hidden;
}

    #web_app_development_banner  .main_banner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4rem;
        padding: 0 2rem;
    }

        #web_app_development_banner  .main_banner .banner_text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 1rem;
        }

            #web_app_development_banner  .main_banner .banner_text h1 {
                font-size: 5rem;
                font-weight: 700;
                color: #0f467e;
            }

            #web_app_development_banner  .main_banner .banner_text p {
                font-size: 2rem;
                font-weight: 400;
            }

.contact-btn {
    margin-top: 2rem;
}

#web_app_development_banner  .main_banner .banner_text a {
    font-size: 2rem;
    font-weight: 400;
    padding: 1rem 2rem;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, #25aae1, #0f467e, #04befe, #0f467e);
    transition: 0.3s all ease-in-out;
    color: white;
    border-radius: .7rem;
}

#web_app_development_banner  .main_banner .banner_img img {
    width: 100%;
}

/* /////////////////////////// media query ///////////////////  */
@media (min-width: 320px) and (max-width:575.98px) {
    #web_app_development_banner  {
        padding: 11rem 1rem 5rem;
    }

        #web_app_development_banner  .main_banner {
            grid-template-columns: repeat(1, 1fr);
        }

            #web_app_development_banner  .main_banner .banner_text h1 {
                font-size: 2rem;
            }

            #web_app_development_banner  .main_banner .banner_text p {
                font-size: 1.5rem;
                padding: 2rem 0;
            }

    .contact-btn {
        margin-top: 0rem;
    }

    #web_app_development_banner  .main_banner .banner_text a {
        font-size: 1.2rem;
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    #web_app_development_banner  {
        padding: 13rem 0 5rem;
    }

        #web_app_development_banner  .main_banner {
            grid-template-columns: repeat(1, 1fr);
            padding: 0 3rem;
        }

            #web_app_development_banner  .main_banner .banner_text {
                padding-top: 0;
            }

                #web_app_development_banner  .main_banner .banner_text h1 {
                    font-size: 3rem;
                }

                #web_app_development_banner  .main_banner .banner_text p {
                    font-size: 1.5rem;
                    padding: 1rem 0 3rem;
                }

    .contact-btn {
        margin-top: 0rem;
    }

    #web_app_development_banner  .main_banner .banner_text a {
        font-size: 1.3rem;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    #web_app_development_banner  .main_banner {
        grid-gap: 2rem;
        margin: 0 2rem;
    }

        #web_app_development_banner  .main_banner .banner_text {
            padding-top: 0;
        }

            #web_app_development_banner  .main_banner .banner_text h1 {
                font-size: 3rem;
            }

            #web_app_development_banner  .main_banner .banner_text p {
                font-size: 1.5rem;
                padding: 1rem 0 3rem;
            }

            #web_app_development_banner  .main_banner .banner_text a {
                font-size: 1.2rem;
            }

    #web_app_development_banner  {
        padding: 15rem 1rem 5rem;
    }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    #web_app_development_banner  {
        padding: 15rem 0 5rem;
    }

        #web_app_development_banner  .main_banner .banner_text {
            padding-top: 0;
        }

        #web_app_development_banner  .main_banner {
            grid-gap: 1rem;
        }

            #web_app_development_banner  .main_banner .banner_text h1 {
                font-size: 3rem;
            }

            #web_app_development_banner  .main_banner .banner_text p {
                font-size: 1.6rem;
                padding: 1rem 0 3rem;
            }
}
/**********************banner secton css end here*******************/

/***************************What is application development css start here*********************/
#what_is_web_app_development {
    padding: 5rem;
    background: white;
}


    #what_is_web_app_development .what_is_web_app_development_header h2 {
        font-size: 4rem;
        font-weight: 700;
        text-align: center;
        color: #0f467e;
    }


    #what_is_web_app_development .dev_container {
        padding-top: 3rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3rem;
    }

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

    .what_is_web_app_development_main_text p {
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.78;
    }

.dev_img {
    text-align: center;
}

    .dev_img img {
        width: 100%;
    }
/* ///////////////////////////////// media query ////////////////////////////////  */
@media (min-width: 320px) and (max-width:575.98px) {
    #what_is_web_app_development {
        padding: 5rem 2rem;
    }

        #what_is_web_app_development .what_is_web_app_development_header {
            margin-left: 0;
        }

            #what_is_web_app_development .what_is_web_app_development_header h2 {
                font-size: 2.5rem;
            }

        #what_is_web_app_development .dev_container {
            margin-top: 3rem;
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 2rem;
        }

    .what_is_web_app_development_main_text {
        margin: 0;
    }

        .what_is_web_app_development_main_text p {
            font-size: 1.5rem;
            text-align: center;
        }

    .dev_img img {
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    #what_is_web_app_development {
        padding: 3rem;
    }

        #what_is_web_app_development .what_is_web_app_development_header h2 {
            font-size: 3rem;
        }

        #what_is_web_app_development .dev_container {
            grid-template-columns: repeat(1, 1fr);
        }

    .what_is_web_app_development_main_text p {
        font-size: 1.5rem;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    #what_is_web_app_development {
        padding: 5rem 2rem;
    }

        #what_is_web_app_development .what_is_web_app_development_header {
            margin-left: 0;
        }

            #what_is_web_app_development .what_is_web_app_development_header h2 {
                font-size: 3rem;
            }

        #what_is_web_app_development .dev_container {
            grid-gap: 1rem;
        }

    .what_is_web_app_development_main_text p {
        text-align: left;
    }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    #what_is_web_app_development .what_is_web_app_development_header h2 {
        font-size: 3rem;
    }
}
/***************************What is application development css end here*********************/

/***************************Advantages of Web Apps Development Service css start here*********************/
#advantages_of {
    padding: 5rem 7rem;
    background: #f7f7f7;
}

    #advantages_of .advantages_of_head {
        text-align: center;
        padding-bottom: 4rem;
    }

        #advantages_of .advantages_of_head h2 {
            font-size: 4rem;
            font-weight: 700;
            text-align: center;
            color: #0f467e;
            padding-bottom: 1rem;
        }

        #advantages_of .advantages_of_head p {
            font-size: 2rem;
            font-weight: 400;
            line-height: 1.78;
        }

    #advantages_of .advantages {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 2rem;
    }

        #advantages_of .advantages .advantages_type {
            padding: 2rem;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
        }

            #advantages_of .advantages .advantages_type .img {
                display: flex;
                justify-content: center;
                align-items: center;
            }

                #advantages_of .advantages .advantages_type .img img {
                    width: 70%;
                }

        #advantages_of .advantages .advantages_type {
            display: flex;
            flex-direction: column;
        }

.advantages_item_text {
    margin-top: auto;
}

#advantages_of .advantages .advantages_type h3 {
    padding: 2rem 0 .5rem;
    font-size: 1.5rem;
    font-weight: 500;
}

#advantages_of .advantages .advantages_type p {
    font-size: 1.5rem;
    font-weight: 400;
}

/* ///////////////////////////////// media query ////////////////////////////////  */
@media (min-width: 320px) and (max-width:575.98px) {


    #advantages_of {
        padding: 5rem 1.9rem;
    }

        #advantages_of .advantages_of_head h2 {
            font-size: 2.5rem;
        }

        #advantages_of .advantages {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 3rem;
        }
}

@media (min-width: 576px) and (max-width:767.98px) {
    #advantages_of {
        padding: 5rem 1.9rem;
    }

        #advantages_of .advantages_of_head h2 {
            font-size: 2.5rem;
        }

        #advantages_of .advantages {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 3rem;
        }
}

@media (min-width: 768px) and (max-width:991.98px) {
    #advantages_of {
        padding: 5rem 3rem;
    }

        #advantages_of .advantages {
            display: flex;
            gap: 2rem;
            flex-wrap: wrap;
            justify-content: center;
        }

            #advantages_of .advantages .advantages_type {
                width: 48%;
            }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    #advantages_of {
        padding: 5rem 1rem;
    }

        #advantages_of .advantages {
            grid-gap: 3rem;
        }
}
/***************************Advantages of Web Apps Development Service css end here*********************/


/**********************choosing_DotNet section css start here*******************/
#choosing_DotNet {
    padding: 5rem 7rem;
}

    #choosing_DotNet .choosing_DotNet_left {
        position: sticky;
        top: 7rem;
    }

        #choosing_DotNet .choosing_DotNet_left h2 {
            font-size: 3rem;
            font-weight: 700;
            padding-bottom: 2rem;
            color: #0f467e;
        }

        #choosing_DotNet .choosing_DotNet_left p {
            font-size: 2rem;
            font-weight: 400;
        }

        #choosing_DotNet .choosing_DotNet_left .img {
            width: 100%;
        }

            #choosing_DotNet .choosing_DotNet_left .img img {
                width: 100%;
            }

    #choosing_DotNet .choosing_DotNet_right {
        display: flex;
        flex-direction: column;
        gap: 4rem;
    }

        #choosing_DotNet .choosing_DotNet_right .choosing_DotNet_item {
            display: flex;
            gap: 2rem;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
            align-items: flex-start;
            padding: 2rem;
            margin: 0 3rem;
        }

            #choosing_DotNet .choosing_DotNet_right .choosing_DotNet_item span {
                font-size: 10rem;
                font-weight: 700;
                line-height: 8rem;
                font-family: Montserrat, sans-serif;
                background: -webkit-linear-gradient(107deg, rgba(23,82,196,1) 0%, rgba(55,214,255,1) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            #choosing_DotNet .choosing_DotNet_right .choosing_DotNet_item .item_text h3 {
                font-size: 2rem;
                font-weight: 600;
                padding-bottom: 1rem;
            }

            #choosing_DotNet .choosing_DotNet_right .choosing_DotNet_item .item_text p {
                font-size: 1.6rem;
                font-weight: 400;
            }
/* /////////////////////////// media query ///////////////////  */
@media (min-width: 320px) and (max-width:575.98px) {
    #choosing_DotNet {
        padding: 5rem 1rem;
    }

        #choosing_DotNet .choosing_DotNet_left h2 {
            font-size: 2.5rem;
        }

        #choosing_DotNet .choosing_DotNet_left p {
            font-size: 1.7rem;
        }

        #choosing_DotNet .choosing_DotNet_right .choosing_DotNet_item {
            padding: 3rem;
            margin: 0 0rem;
        }
}

@media (min-width: 576px) and (max-width:767.98px) {
    #choosing_DotNet {
        padding: 5rem 1rem;
    }

        #choosing_DotNet .choosing_DotNet_left h2 {
            font-size: 2.5rem;
        }

        #choosing_DotNet .choosing_DotNet_left p {
            font-size: 1.7rem;
        }

        #choosing_DotNet .choosing_DotNet_right .choosing_DotNet_item {
            padding: 3rem;
            margin: 0 0rem;
        }
}

@media (min-width: 768px) and (max-width:991.98px) {
    #choosing_DotNet {
        padding: 5rem 3rem;
    }

        #choosing_DotNet .choosing_DotNet_left h2 {
            font-size: 3.5rem;
        }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    #choosing_DotNet {
        padding: 5rem;
    }

        #choosing_DotNet .choosing_DotNet_left h2 {
            font-size: 3.5rem;
        }

        #choosing_DotNet .choosing_DotNet_right {
            gap: 2rem;
        }
}
/**********************our choosing_DotNet section css end here*******************/


/************************* web app development process css start here*********************/

#web_app_dev_process {
    padding: 5rem;
    background: #f7f7f7;
}

    #web_app_dev_process .web_app_dev_process_header {
        margin-left: 3rem;
    }

        #web_app_dev_process .web_app_dev_process_header h2 {
            font-size: 3rem;
            font-weight: 700;
            color: #0f467e;
        }
        #web_app_dev_process .web_app_dev_process_header p {
            font-size: 2rem;
            font-weight: 400;
            padding-top:1rem;
        }

    #web_app_dev_process .web_app_dev_process_main {
        padding-top: 3rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3rem;
    }

        #web_app_dev_process .web_app_dev_process_main .web_app_dev_process_text li {
            font-size: 1.8rem;
            list-style-type: none;
            padding-left: 3rem;
            padding-bottom: 1rem;
            position: relative;
        }

.web_app_dev_process_main .web_app_dev_process_text li::before {
    position: absolute;
    content: url(/images/developers/c-circle.svg);
    left: -1rem;
    top: 1rem;
}

.web_app_dev_process_img {
    text-align: center;
}

    .web_app_dev_process_img img {
        width: 100%;
    }


/* ///////////////////////////////// media query ////////////////////////////////  */
@media (min-width: 320px) and (max-width:575.98px) {
    #web_app_dev_process {
        padding: 5rem 1rem;
    }

        #web_app_dev_process .web_app_dev_process_header {
            margin-left: 0;
        }

            #web_app_dev_process .web_app_dev_process_header h2 {
                font-size: 2.5rem;
            }

        #web_app_dev_process .web_app_dev_process_main {
            margin-top: 3rem;
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 2rem;
        }

    .web_app_dev_process_text {
        margin: 0 1rem;
    }

    .web_app_dev_process_img img {
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    #web_app_dev_process {
        padding: 3rem;
    }

        #web_app_dev_process .web_app_dev_process_header h2 {
            font-size: 3rem;
        }

        #web_app_dev_process .web_app_dev_process_main {
            grid-template-columns: repeat(1, 1fr);
        }

            #web_app_dev_process .web_app_dev_process_main .web_app_dev_process_text li {
                font-size: 1.5rem;
            }
}

@media (min-width: 768px) and (max-width:991.98px) {
    #web_app_dev_process .web_app_dev_process_header {
        margin-left: 0;
    }

        #web_app_dev_process .web_app_dev_process_header h2 {
            font-size: 3rem;
        }

    #web_app_dev_process .web_app_dev_process_main {
        grid-gap: 1rem;
    }

        #web_app_dev_process .web_app_dev_process_main .web_app_dev_process_text li {
            font-size: 1.5rem;
            padding-bottom: 1rem;
        }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    #web_app_dev_process .web_app_dev_process_header h2 {
        font-size: 3rem;
    }

    #web_app_dev_process .web_app_dev_process_main .web_app_dev_process_text li {
        font-size: 1.6rem;
    }
}
/***************************web app development process  css end here*********************/



/**********************related service section css start here*******************/
#related_services {
    padding: 5rem 0;
    overflow: clip;
}

    #related_services .related_services_item_text {
        position: sticky;
        top: 7rem;
    }

        #related_services .related_services_item_text h2 {
            font-size: 3rem;
            font-weight: 700;
            position: relative;
            color: #0f467e;
        }

            #related_services .related_services_item_text h2::before {
                position: absolute;
                content: '';
                left: 0;
                bottom: -1rem;
                width: 10rem;
                height: 0.2rem;
                background: #3f86ed;
            }

        #related_services .related_services_item_text p {
            font-size: 1.8rem;
            font-weight: 400;
            padding-top: 2rem;
        }

.related_services_item_box {
    display: flex;
    gap: 3rem;
    margin: 0 2rem;
}

    .related_services_item_box .related_services_items {
        display: flex;
        gap: 3rem;
        flex-direction: column;
        width: 50%;
        justify-content: center;
    }

        .related_services_item_box .related_services_items .related_services_item {
            display: flex;
            gap: 1rem;
            flex-direction: column;
            align-items: center;
            box-shadow: 0 0 2rem rgba(128, 128, 128, 0.181);
            padding: 2rem 1rem;
            border-radius: .5rem;
        }

            .related_services_item_box .related_services_items .related_services_item .related_services_item_img {
                padding: 1rem;
                position: relative;
                width: 13rem;
                height: 13rem;
            }

                .related_services_item_box .related_services_items .related_services_item .related_services_item_img::before {
                    content: "";
                    position: absolute;
                    width: 13rem;
                    height: 13rem;
                    background: rgb(126 132 151 / 27%);
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    border-radius: 50%;
                }

                .related_services_item_box .related_services_items .related_services_item .related_services_item_img img {
                    width: 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    width: 9rem;
                    height: 9rem;
                }

.related_services_item .related_services_item_text {
    text-align: center;
}

    .related_services_item .related_services_item_text h3 {
        font-size: 1.7rem;
        font-weight: 700;
    }

#related_services .related_services_item_text .img {
    margin-top: 2rem;
}

    #related_services .related_services_item_text .img img {
        width: 100%;
    }
    .related_services_item .related_services_item_text p {
        font-size: 1.8rem;
        font-weight: 400;
    }



/* /////////////////////////// media query ///////////////////  */
@media (min-width: 320px) and (max-width:575.98px) {
    #related_services {
        padding: 4rem 2rem;
    }

    #technical_consulting .consulting_text h2 {
        font-size: 3rem;
    }

    #related_services .related_services_item_text h2 {
        font-size: 3rem;
    }


    .related_services_item_box {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin: 3rem 0 0;
    }

        .related_services_item_box .related_services_items {
            padding: 2rem 0;
            width: 100%;
        }

            .related_services_item_box .related_services_items .related_services_item {
                padding: 2rem 3rem;
            }

                .related_services_item_box .related_services_items .related_services_item .related_services_item_img img {
                    width: 5rem;
                    height: 5rem;
                }

    .our_serving_sectors {
        margin-top: 5rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem;
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    #related_services {
        padding: 5rem 1rem;
    }

        #related_services .related_services_item_text h2 {
            font-size: 3rem;
        }

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

        .related_services_item_box .related_services_items {
            display: flex;
            gap: 1rem;
            flex-direction: column;
            width: 100%;
            justify-content: flex-start;
        }

            .related_services_item_box .related_services_items .related_services_item .related_services_item_img img {
                width: 5rem;
                height: 5rem;
            }

    .our_serving_sectors {
        margin-top: 5rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    #related_services {
        padding: 5rem 3rem;
    }

        #related_services .related_services_item_text h2 {
            font-size: 3rem;
        }

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

        .related_services_item_box .related_services_items {
            display: flex;
            gap: 1rem;
            flex-direction: column;
            width: 100%;
            justify-content: flex-start;
        }

            .related_services_item_box .related_services_items .related_services_item .related_services_item_img img {
                width: 5rem;
                height: 5rem;
            }

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

@media (min-width: 992px) and (max-width:1199.98px) {
    #related_services {
        padding: 5rem 3rem;
    }

        #related_services .related_services_item_text h2 {
            font-size: 3rem;
        }

    .related_services_item_box .related_services_items .related_services_item .related_services_item_img::before {
        width: 7rem;
        height: 7rem;
    }

    #related_services .related_services_item_text p {
        font-size: 1rem;
        padding-top: 1rem;
    }

    .related_services_item_box .related_services_items .related_services_item .related_services_item_img {
        width: 7rem;
        height: 7rem;
    }

    .related_services_item_box .related_services_items {
        display: flex;
        gap: 1rem;
        flex-direction: column;
        width: 100%;
        justify-content: flex-start;
    }

        .related_services_item_box .related_services_items .related_services_item .related_services_item_img img {
            width: 5rem;
            height: 5rem;
        }
}

/**********************related service section css end here*******************/



/**********************development solutions section css start here*******************/
#our_pricing {
    padding: 5rem;
    background: #f7f7f7;
}

    #our_pricing .our_pricing_container {
        padding-top: 3rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3rem;
    }
.our_pricing_text {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

    .our_pricing_text p {
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.78;
    }
    .our_pricing_text h2 {
        font-size: 4rem;
        font-weight: 600;
        color: #0f467e;
    }

.our_pricing_img {
    text-align: center;
}

    .our_pricing_img img {
        width: 100%;
    }

/* /////////////////////////// media query ///////////////////  */
@media (min-width: 320px) and (max-width:575.98px) {
    #our_pricing {
        padding: 5rem 1rem;
    }



    .our_pricing_text h2 {
        font-size: 2.5rem;
    }

        #our_pricing .our_pricing_container {
            margin-top: 3rem;
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 2rem;
        }

    .our_pricing_text {
        margin: 0;
    }

        .our_pricing_text p {
            font-size: 1.5rem;
            text-align: center;
        }

    .our_pricing_img img {
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    #our_pricing {
        padding: 3rem;
    }

    .our_pricing_text h2 {
        font-size: 3rem;
    }

        #our_pricing .our_pricing_container {
            grid-template-columns: repeat(1, 1fr);
        }

    .our_pricing_text p {
        font-size: 1.5rem;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    #our_pricing {
        padding: 5rem 2rem;
    }
    .our_pricing_text h2 {
        font-size: 3rem;
    }

        #our_pricing .our_pricing_container {
            grid-gap: 1rem;
        }

    .our_pricing_text p {
        text-align: left;
    }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    .our_pricing_text h2 {
        font-size: 3rem;
    }
}
/**********************development solutions section css start here*******************/



/**********************third service section css end here*******************/

#our_expertise {
    padding: 5rem 6rem;
    background: #f7f7f7;
    overflow: clip;
}

    #our_expertise .our_expertise_header {
        position: sticky;
        top: 11rem;
    }

        #our_expertise .our_expertise_header h2 {
            font-size: 3rem;
            font-weight: 700;
            position: relative;
            color: #0f467e;
        }

            #our_expertise .our_expertise_header h2::after {
                position: absolute;
                content: '';
                width: 10rem;
                height: 0.3rem;
                left: 0;
                bottom: -1rem;
                background: rgb(24, 94, 246);
            }

        #our_expertise .our_expertise_header p {
            font-size: 1.8rem;
            font-weight: 400;
            padding-top: 3rem;
        }
    #our_expertise .our_expertise_header .img{
    margin-top:2rem;
    }
        #our_expertise .our_expertise_header .img img {
        width:100%;
        }

#our_expertise .our_expertise_items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

        #our_expertise .our_expertise_items .our_expertise_item {
            padding: 2rem;
            border-bottom: 3px dotted rgba(26, 113, 254, 0.592);
        }

            #our_expertise .our_expertise_items .our_expertise_item .our_expertise_icon {
                width: 15rem;
                height: 15rem;
                padding: 2rem;
                background: rgba(155, 207, 250, 0.139);
            }

            #our_expertise .our_expertise_items .our_expertise_item:first-child .our_expertise_icon {
                border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
            }

            #our_expertise .our_expertise_items .our_expertise_item:nth-child(2) .our_expertise_icon {
                border-radius: 67% 33% 56% 44% / 33% 68% 32% 67%;
            }

            #our_expertise .our_expertise_items .our_expertise_item:nth-child(3) .our_expertise_icon {
                border-radius: 67% 33% 56% 44% / 78% 68% 32% 22%;
            }

            #our_expertise .our_expertise_items .our_expertise_item:nth-child(4) .our_expertise_icon {
                border-radius: 15% 85% 46% 54% / 51% 28% 72% 49%;
            }

            #our_expertise .our_expertise_items .our_expertise_item:nth-child(5) .our_expertise_icon {
                border-radius: 60% 40% 35% 65% / 61% 65% 35% 39%;
            }


            #our_expertise .our_expertise_items .our_expertise_item .our_expertise_icon img {
                width: 100%;
            }

            #our_expertise .our_expertise_items .our_expertise_item .our_expertise_text h3 {
                font-size: 2rem;
                font-weight: 600;
                padding: 3rem 0 1rem;
            }

            #our_expertise .our_expertise_items .our_expertise_item .our_expertise_text p {
                font-size: 1.5rem;
                font-weight: 400;
            }


/* ///////////////////////////////// media query ////////////////////////////////  */
@media (min-width: 320px) and (max-width:575.98px) {
  
    #our_expertise {
        padding: 5rem 2rem;
    }

        #our_expertise .our_expertise_header h2 {
            font-size: 3rem;
        }

        #our_expertise .our_expertise_items .our_expertise_item {
            padding: 2rem 0;
        }
}

@media (min-width: 576px) and (max-width:767.98px) {

    #our_expertise {
        padding: 5rem 4rem;
    }

        #our_expertise .our_expertise_header h2 {
            font-size: 3rem;
        }
   
}

@media (min-width: 768px) and (max-width:991.98px) {
  

    #our_expertise {
        padding: 5rem 3rem;
    }

        #our_expertise .our_expertise_header {
            top: 20rem;
        }

            #our_expertise .our_expertise_header h2 {
                font-size: 3rem;
            }

}

@media (min-width: 992px) and (max-width:1199.98px) {
    #our_expertise .our_expertise_header h2 {
        font-size: 4rem;
    }
}
/**********************third service section css end here*******************/

/* ///////////////////////////////////////  */
#industries_we_serve {
    padding: 5rem 0;
}

    #industries_we_serve .industries_we_serve_header {
        text-align: center;
    }

        #industries_we_serve .industries_we_serve_header h2 {
            font-size: 4rem;
            font-weight: 700;
        }

        #industries_we_serve .industries_we_serve_header p {
            font-size: 1.8rem;
            font-weight: 400;
            padding-top: 1rem;
        }

.our_serving_sectors {
    margin-top: 5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
}

    .our_serving_sectors .our_serving_sectors_item {
        padding: 4rem 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 4rem;
        border-radius: .5rem;
        box-shadow: 0 0 2rem #e5e5e5;
        transition: .3s;
    }

        .our_serving_sectors .our_serving_sectors_item:hover {
            box-shadow: none;
            background: #f7f7f7;
        }

        .our_serving_sectors .our_serving_sectors_item .sectors_img {
            width: 5rem;
            height: 5rem;
            position: relative;
        }

            .our_serving_sectors .our_serving_sectors_item .sectors_img::before {
                height: 7rem;
                width: 7rem;
                border-radius: 50%;
                position: absolute;
                content: '';
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                background: linear-gradient(107deg, rgba(23, 81, 196, 0.129) 0%, rgba(55, 215, 255, 0.123) 100%);
            }

            .our_serving_sectors .our_serving_sectors_item .sectors_img::after {
                height: 9rem;
                width: 9rem;
                border-radius: 50%;
                position: absolute;
                content: '';
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                background: linear-gradient(107deg, rgba(23, 81, 196, 0.066) 0%, rgba(55, 215, 255, 0.072) 100%);
            }

            .our_serving_sectors .our_serving_sectors_item .sectors_img img {
                width: 100%;
                position: absolute;
                left: 0;
                top: 0;
                width: 5rem;
                height: 5rem;
                z-index: 99;
            }

        .our_serving_sectors .our_serving_sectors_item .sectors_text {
            text-align: center;
        }

            .our_serving_sectors .our_serving_sectors_item .sectors_text h3 {
                font-size: 2rem;
                font-weight: 700;
                background: -webkit-linear-gradient(107deg, rgba(23,82,196,1) 0%, rgba(55,214,255,1) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                padding-bottom: 2rem;
            }

            .our_serving_sectors .our_serving_sectors_item .sectors_text p {
                font-size: 1.5rem;
                font-weight: 500;
                color: rgb(0, 0, 0);
            }

@media (min-width: 320px) and (max-width:575.98px) {
    #industries_we_serve {
        padding: 5rem 1rem;
    }

        #industries_we_serve .industries_we_serve_header h2 {
            text-align: center;
            font-size: 3rem;
        }

    .our_serving_sectors {
        margin-top: 5rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem;
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    #industries_we_serve {
        padding: 5rem 1rem;
    }
    .our_serving_sectors {
        margin-top: 5rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    #industries_we_serve {
        padding: 5rem 2.5rem;
    }

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

@media (min-width: 992px) and (max-width:1199.98px) {
    #industries_we_serve {
        padding: 5rem 3rem;
    }

        #industries_we_serve .industries_we_serve_header h2 {
            font-size: 3rem;
        }

        #industries_we_serve .industries_we_serve_header p {
            font-size: 1.5rem;
        }

    #experience .experiences {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 1rem;
    }

        #experience .experiences .experiences_item .experience_text h2 {
            font-size: 1.5rem;
        }

    .our_serving_sectors .our_serving_sectors_item {
        padding: 2rem;
        gap: 3rem;
    }

        .our_serving_sectors .our_serving_sectors_item .sectors_text p {
            font-size: 1.3rem;
        }

}



/* why choice us secton start here  */
#our_commitment {
    padding: 5rem 0;
    background: #f7f7f7;
}

    #our_commitment .our_commitment_header {
        text-align: center;
    }

        #our_commitment .our_commitment_header h2 {
            font-size: 4rem;
            font-weight: 700;
        }

        #our_commitment .our_commitment_header p {
            font-size: 1.7rem;
            font-weight: 400;
            padding: 1rem 0;
        }

.commitment_item_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2rem;
    padding-top: 3rem;
}

    .commitment_item_container .commitment_item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 2rem;
        background: white;
        padding: 2rem;
        border-radius: 0.5rem;
        transition: 0.4s ease-in-out;
    }

        .commitment_item_container .commitment_item:hover {
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        }

.commitment_item .item_img {
    width: 10rem;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s all;
}

.commitment_item:first-child .item_img {
    border-radius: 30% 70% 54% 46% / 30% 30% 70% 70%;
    background: rgba(0, 140, 255, 0.156);
}

.commitment_item:first-child:hover .item_img {
    border-radius: 43% 57% 30% 70% / 78% 48% 52% 22%;
}

.commitment_item:nth-child(2) .item_img {
    border-radius: 37% 63% 20% 80% / 88% 76% 24% 12%;
    background: rgba(0, 255, 145, 0.156);
}

.commitment_item:nth-child(2):hover .item_img {
    border-radius: 43% 57% 30% 70% / 76% 23% 77% 24%;
}

.commitment_item:nth-child(3) .item_img {
    border-radius: 19% 81% 48% 52% / 49% 29% 71% 51%;
    background: rgba(212, 0, 255, 0.156);
}

.commitment_item:nth-child(3):hover .item_img {
    border-radius: 33% 67% 72% 28% / 30% 60% 40% 70%;
}

.commitment_item:nth-child(4) .item_img {
    border-radius: 43% 57% 30% 70% / 78% 42% 58% 22%;
    background: rgba(255, 153, 0, 0.156);
}

.commitment_item:nth-child(4):hover .item_img {
    border-radius: 85% 15% 75% 25% / 30% 43% 57% 70%;
}

.commitment_item .item_text h3 {
    font-size: 1.8rem;
    font-weight: 600;
    padding-bottom: 2rem;
}

.commitment_item .item_text p {
    font-size: 1.5rem;
    font-weight: 400;
}

/* ///////////////////////////////// media query ////////////////////////////////  */
@media (min-width: 320px) and (max-width: 575.98px) {
    #our_commitment {
        padding: 5rem 1rem;
    }

        #our_commitment .our_commitment_header h2 {
            font-size: 2.5rem;
        }

    .commitment_item_container {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 0rem;
    }

    #solutons_type {
        padding: 5rem 1rem;
    }

        #solutons_type .solutions_header h2 {
            font-size: 2.5rem;
        }

        #solutons_type .solutions_header p {
            font-size: 1.5rem;
        }

    .solutions_container {
        padding: 3rem 1rem 0;
        grid-template-columns: repeat(1, 2fr);
    }

    #use_technology {
        padding: 5rem 1rem;
    }

        #use_technology .used_technoloy_head p {
            font-size: 1.5rem;
        }

    #devlopment_process {
        padding: 5rem 1rem;
    }

        #devlopment_process .development_header h2 {
            font-size: 2.5rem;
        }

        #devlopment_process .development_header p {
            font-size: 1.5rem;
        }

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

@media (min-width: 576px) and (max-width: 767.98px) {
    #our_commitment {
        padding: 5rem 2rem;
    }

        #our_commitment .our_commitment_header h2 {
            font-size: 2.5rem;
        }

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

}

@media (min-width: 768px) and (max-width: 991.98px) {
 #our_commitment {
        padding: 5rem 3rem;
    }

        #our_commitment .our_commitment_header h2 {
            font-size: 2.5rem;
        }

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

}

/****************Partnership Opportunities section start here************************/
#partnership_opportunities {
    padding: 5rem;
}

    #partnership_opportunities .partnership_opportunities_head h2 {
        font-size: 4rem;
        font-weight: 600;
        text-align: center;
    }
    #partnership_opportunities .partnership_opportunities_head p {
    font-size:2rem;
    font-weight:400;
    padding:2rem 0 1rem;
    text-align:center;
    }
        .what_you_get {
    padding-top: 4rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
}

    .what_you_get .get_item {
        padding: 2rem;
        box-shadow: 0 0 3rem #b0b0b05a;
        border-radius: 1rem;
    }

        .what_you_get .get_item .get_itm_text h3 {
            font-size: 2rem;
            font-weight: 600;
            padding: 1rem 0;
        }

        .what_you_get .get_item .get_itm_text p {
            font-size: 1.8rem;
            font-weight: 400;
        }


@media (min-width: 320px) and (max-width:575.98px) {
    #partnership_opportunities {
        padding: 5rem 1rem;
    }

        #partnership_opportunities .partnership_opportunities_head h2 {
            font-size: 2rem;
        }

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

        .what_you_get .get_item .get_itm_text h3 {
            font-size: 1.7rem;
        }

        .what_you_get .get_item .get_itm_text p {
            font-size: 1.5rem;
        }
}

@media (min-width: 576px) and (max-width:767.98px) {
    #partnership_opportunities {
        padding: 5rem 3rem;
    }

        #partnership_opportunities .partnership_opportunities_head h2 {
            font-size: 3rem;
        }

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

        .what_you_get .get_item .get_itm_text p {
            font-size: 1.5rem;
        }
}

@media (min-width: 768px) and (max-width:991.98px) {
    #partnership_opportunities {
        padding: 3rem 2rem;
    }

        #partnership_opportunities .partnership_opportunities_head h2 {
            font-size: 3rem;
        }

    .what_you_get .get_item .get_itm_text h3 {
        font-size: 1.8rem;
    }

    .what_you_get .get_item .get_itm_text p {
        font-size: 1.5rem;
    }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    #partnership_opportunities .partnership_opportunities_head h2 {
        font-size: 3rem;
    }
}



#web_app_faq {
    padding: 10rem 0;
}

    #web_app_faq .web_app_faq_main {
        margin-top: 2rem;
    }

        #web_app_faq .web_app_faq_main .web_app_faq_head {
            text-align: center;
        }

            #web_app_faq .web_app_faq_main .web_app_faq_head .ml12 {
                font-weight: 200;
                font-size: 3rem;
                font-weight: 700;
                text-transform: uppercase;
                color: #0f467e;
            }

                #web_app_faq .web_app_faq_main .web_app_faq_head .ml12 .letter {
                    display: inline-block;
                    line-height: 1em;
                }

            #web_app_faq .web_app_faq_main .web_app_faq_head .ml11 {
                font-size: 3rem;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.5em;
                color: #0f467e;
            }

                #web_app_faq .web_app_faq_main .web_app_faq_head .ml11 .letter {
                    display: inline-block;
                    line-height: 1em;
                }

        #web_app_faq .web_app_faq_main .accordion {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-top: 4rem;
        }

            #web_app_faq .web_app_faq_main .accordion .accordion-item {
                border-radius: 1rem;
            }

                #web_app_faq .web_app_faq_main .accordion .accordion-item .accordion-button {
                    padding: 2.5rem 5rem;
                    font-size: 2.5rem;
                    font-weight: 600;
                    color: #919191;
                    background: #f7f7f7;
                    border: none;
                }

                    #web_app_faq .web_app_faq_main .accordion .accordion-item .accordion-button:focus {
                        z-index: 3;
                        border-color: transparent;
                        outline: 0;
                        box-shadow: none;
                    }

                    #web_app_faq .web_app_faq_main .accordion .accordion-item .accordion-button:not(.collapsed) {
                        color: #0f467e;
                        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
                        background: #f7f7f7;
                    }

                #web_app_faq .web_app_faq_main .accordion .accordion-item .accordion-body {
                    padding: 2rem 3rem;
                    position: relative;
                    font-size: 2rem;
                    font-family: "Montserrat", sans-serif;
                    font-weight: 400;
                    line-height: 1.7em;
                }

                    #web_app_faq .web_app_faq_main .accordion .accordion-item .accordion-body span {
                        display: block;
                    }

                    #web_app_faq .web_app_faq_main .accordion .accordion-item .accordion-body::before {
                        content: "";
                        position: absolute;
                        width: 1rem;
                        height: 4rem;
                        background: #0f467e;
                        left: 1rem;
                        top: 2rem;
                    }

/* ///////////////////////////////// media query ////////////////////////////////  */

@media (min-width: 320px)and (max-width:575.98px) {
    #web_app_faq {
        padding: 3rem 1rem;
    }

        #web_app_faq .web_app_faq_main .accordion .accordion-item .accordion-button {
            font-size: 1.5rem;
            padding: 2.5rem 2rem;
        }

    #Service_faq .web_app_faq_main {
        margin: 2rem .5rem;
    }

    #web_app_faq .web_app_faq_main .web_app_faq_head .ml12 {
        font-size: 2rem;
    }

    #web_app_faq .web_app_faq_main .demo_png .circel_img3 {
        display: none;
    }
}

@media (min-width: 576px)and (max-width:767.98px) {
    #web_app_faq {
        padding: 3rem 1rem;
    }

        #web_app_faq .web_app_faq_main .web_app_faq_head .ml12 {
            font-size: 2.4rem;
        }

        #web_app_faq .web_app_faq_main {
            margin: 2rem 3rem;
        }

            #web_app_faq .web_app_faq_main .accordion .accordion-item .accordion-button {
                padding: 2.5rem 7rem;
                font-size: 2rem;
            }

            #web_app_faq .web_app_faq_main .demo_png {
                display: none;
            }

            #web_app_faq .web_app_faq_main .accordion .accordion-item .accordion-button {
                font-size: 1.5rem;
            }
}

@media (min-width: 768px)and (max-width:991.98px) {
    #web_app_faq {
        padding: 5rem 2rem;
    }
}

@media (min-width: 992px)and (max-width:1199.98px) {
    #web_app_faq .web_app_faq_main .accordion .accordion-item .accordion-button {
        font-size: 2.3rem;
    }
}