.service-banner {
    position: relative;
    overflow: hidden;
}

    .service-banner:after {
        content: "";
        width: 900px;
        height: 900px;
        position: absolute;
        right: -22%;
        top: -60%;
        border-radius: 50%;
        z-index: -2;
    }

    .service-banner .home-banner-txt p {
        margin: 30px 0 15px;
        width: 80%;
    }

    .service-banner .home-banner-txt .hm-bnr-txt-pnt {
        margin-bottom: 30px;
    }

        .service-banner .home-banner-txt .hm-bnr-txt-pnt li {
            margin: 10px 0;
        }

.city-name ul li a, .servc-srv-c.vlu-srv-sec .andios-c h2 {
    margin-bottom: 15px;
}

.service-banner .home-banner-txt .hm-bnr-txt-pnt li img {
    width: 10px;
}

.service-banner .home-banner-txt .o-btn {
    color: #F36C26;
    border: 1px solid #F36C26;
}

    .service-banner .home-banner-txt .o-btn:hover {
        background: #F36C26;
        color: #fff !important;
    }

.service-banner .srve-ban-rght {
    position: relative;
    width: 400px;
    display: table;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 5px 5px 20px #5B5B5D00012;
    box-shadow: 5px 5px 20px #5B5B5D00012;
    border-radius: 20px;
}

    .service-banner .srve-ban-rght:before {
        content: "";
        background: #1e9aff;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 550px;
        height: 550px;
        border-radius: 50%;
        z-index: 0;
    }

    .service-banner .srve-ban-rght .srve-ban-rght-tp {
        background: #e0e0e0;
        padding: 30px;
        border-radius: 20px;
    }

        .service-banner .srve-ban-rght .srve-ban-rght-tp img {
            width: 90px;
            height: 90px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

    .service-banner .srve-ban-rght .srve-ban-rght-bt {
            padding: 15px 30px 30px;
    position: relative;
    z-index: 3;
    background-color: #fff;
    border-radius: 25px;
    }

        .city-name .city-nme-hding h6, .service-banner .srve-ban-rght .srve-ban-rght-bt h6 {
            color: #5B5B5D;
        }

        .service-banner .srve-ban-rght .srve-ban-rght-bt .f-btn {
            margin: 20px auto;
        }

        .ind-banner .ind-ban-rght-bt .ser-spc-pnt, .service-banner .srve-ban-rght .srve-ban-rght-bt .ser-spc-pnt {
            position: relative;
            padding-left: 0;
        }

            .service-banner .srve-ban-rght .srve-ban-rght-bt .ser-spc-pnt:after {
                content: "";
                width: 1px;
                height: 60%;
                background: 0 0;
                border-right: 1px dashed #9e9e9e;
                position: absolute;
                left: 4.5px;
                top: 10px;
                z-index: 1;
            }

            .service-banner .srve-ban-rght .srve-ban-rght-bt .ser-spc-pnt li {
                margin: 10px 0;
                padding-left: 20px;
                position: relative;
            }

                .ind-banner .ind-ban-rght-bt .ser-spc-pnt li:after, .service-banner .srve-ban-rght .srve-ban-rght-bt .ser-spc-pnt li:after {
                    content: "";
                    background: #fa8a00;
                    position: absolute;
                    left: 0;
                    top: 5px;
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    z-index: 2;
                }

.service-banner .blb {
    position: absolute;
    width: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    top: 25%;
    left: -43px;
}

.service-banner .blb-lne {
    position: absolute;
    height: 175px;
    width: auto;
    left: -30px;
    top: 37%;
}

.service-banner .ger-ser {
    position: absolute;
    right: 95px;
    width: 75px;
    top: -30px;
}

.service-banner .cde-cld {
    position: absolute;
    right: 50px;
    width: 75px;
    top: 50%;
    z-index: 9;
}

.service-banner .cde-lne {
    position: absolute;
    right: 50px;
    top: 52px;
    width: auto;
    height: 215px;
}

.service-banner .dts {
    position: absolute;
    bottom: -35px;
    left: 118px;
    z-index: -1;
    width: 100px !important;
}

.ind-sft-sol, .ser-clnt-c, .tch-stk-c .tch-stk-all, .tech-service {
    background: #fff;
    border-radius: 50px;
}

.servc-srv-c .f-btn {
    margin: 30px auto 0;
}

.servc-srv-c .sub-hd {
    margin-bottom: 50px;
}

    .servc-srv-c .sub-hd h6 {
        width: 75%;
        margin: 20px auto 0;
    }

.ind-frnt-tech .card .card-header .card-link, .servc-srv-c .andios-c {
    padding: 30px;
}

    .servc-srv-c .andios-c .andios-c-icn {
        display: table;
        margin-bottom: 20px;
    }

        .servc-srv-c .andios-c .andios-c-icn img {
            width: 85px;
            height: 85px;
            -o-object-fit: contain;
            object-fit: contain;
        }

    .city-name .city-nme-hding, .servc-srv-c .andios-c h2 {
        margin-bottom: 20px;
    }

        .servc-srv-c .andios-c h2 span {
            display: table;
            width: 100%;
        }

.servc-srv-c.vlu-srv-sec .andios-c .andios-c-icn img {
    width: 60px;
    height: 60px;
}

.tch-stk-c {
    background: #e0e0e0;
    overflow: hidden;
}

.indst-app-c.enprc-app-c, .serv-alge-step {
    background: #949697;
}

.tch-stk-c .tch-stk-all .tch-stk-lft, .tch-stk-c .tch-stk-all .tch-stk-rght {
    width: 50%;
    padding: 50px;
}

.ind-frnt-tech .ind-frnt-tech-acc, .indst-app-c, .serv-alge-step, .serv-alge-step .stp-sec .stp-sngl, .tch-stk-c .tch-stk-all .tch-stk-lft {
    position: relative;
}

    .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-mn-c {
        width: 475px;
        -o-object-fit: contain;
        object-fit: contain;
        height: 500px;
    }

    .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-hrbd {
        position: absolute;
        width: 150px;
        height: 150px;
        -o-object-fit: contain;
        object-fit: contain;
        left: -55px;
        top: -15px;
    }

    .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-fltr {
        position: absolute;
        width: 200px;
        height: 200px;
        -o-object-fit: contain;
        object-fit: contain;
        left: -20px;
        bottom: -100px;
    }

    .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-ract {
        position: absolute;
        right: 0;
        top: -44px;
        width: 165px;
        height: 165px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-inic {
        position: absolute;
        right: 50px;
        bottom: 11%;
        width: 120px;
        height: 120px;
        -o-object-fit: contain;
        object-fit: contain;
    }

.tch-stk-c .tch-stk-all .tch-stk-rght p {
    margin: 30px 0;
    width: 85%;
}

.city-name ul, .indst-app-c .indst-app-all, .tch-stk-c .tch-stk-all .tch-stk-rght .tch-stk-tch {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .tch-stk-c .tch-stk-all .tch-stk-rght .tch-stk-tch li a {
        padding: 10px 30px;
        background: #f95c63;
        border: 1px solid #fff;
        margin-right: 15px;
        font-weight: 600;
        display: table;
        margin-bottom: 15px;
    }

        .tch-stk-c .tch-stk-all .tch-stk-rght .tch-stk-tch li a:hover {
            background: #959799;
            color: #fff;
        }

.indst-app-c .stp-imgbg-1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    opacity: .8;
}

.indst-app-c h1, .serv-alge-step .sub-hd h1 {
    color: #fff;
}

.indst-app-c p {
    width: 60%;
    margin-top: 20px;
    color: #fff;
}

.indst-app-c .indst-app-sngl {
    margin-top: 50px;
    width: 25%;
    padding: 20px;
}

    .indst-app-c .indst-app-sngl .indst-app-sngl-img {
        background: #fff;
        display: table;
        margin: 0 auto 20px;
        padding: 20px;
        border-radius: 50%;
    }

        .ind-frnt-tech .card .card-header .card-link img, .indst-app-c .indst-app-sngl .indst-app-sngl-img img {
            width: 40px;
            height: 40px;
            -o-object-fit: contain;
            object-fit: contain;
        }

    .indst-app-c .indst-app-sngl .indst-app-sngl-txt h5 {
        color: #fff;
        line-height: 1.5;
    }

.indst-app-c.csmr-app-c {
    background: #9e9e9e;
}

    .indst-app-c.csmr-app-c .stp-imgbg-1 {
        opacity: .5;
    }

.tam-app-dev-c .f-btn {
    margin: 75px auto 0;
}

.tam-app-dev-c .sub-hd h6 {
    width: 80%;
    margin: 0 auto;
}

.tam-app-dev-c .tam-app-dev-c-sngl {
    margin-top: 50px;
}

    .tam-app-dev-c .tam-app-dev-c-sngl .tam-app-dev-c-sngl-img {
        background: #eee;
        padding: 20px;
        border-radius: 50%;
    }

        .tam-app-dev-c .tam-app-dev-c-sngl .tam-app-dev-c-sngl-img img {
            width: 55px;
            height: 55px;
            -o-object-fit: contain;
            object-fit: contain;
        }

    .tam-app-dev-c .tam-app-dev-c-sngl .tam-app-dev-c-sngl-txt {
        width: calc(100% - 200px);
        margin-left: 30px;
    }

        .tam-app-dev-c .tam-app-dev-c-sngl .tam-app-dev-c-sngl-txt p {
            margin-top: 5px;
        }

.serv-alge-step .f-btn {
    margin: 100px auto 0;
    z-index: 9;
    position: relative;
}

.serv-alge-step .nav-tabs {
    z-index: 9;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
}

    .serv-alge-step .nav-tabs li:first-child a {
        border-radius: 5px 0 0 5px;
    }

    .serv-alge-step .nav-tabs li:last-child a {
        border-radius: 0 5px 5px 0;
        margin-left: -3px;
    }

    .serv-alge-step .nav-tabs .nav-link {
        margin-bottom: 0;
        border: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        font-family: Manrope,sans-serif;
        font-weight: 800;
        font-size: 18px;
        padding: 15px 30px;
        background: #ffffff79;
        color: #0172d0;
        width: 150px;
        text-align: center;
    }

        .serv-alge-step .nav-tabs .nav-link.active {
            background: #ffff !important;
            color: #5B5B5D;
            border-radius: 5px;
            -webkit-box-shadow: 5px 5px 15px #5B5B5D0004a !important;
            box-shadow: 5px 5px 15px #5B5B5D0004a !important;
        }

.serv-alge-step .sub-hd {
    margin-bottom: 125px;
}

.serv-alge-step .stp-imgbg-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    z-index: 0;
}

.serv-alge-step .stp-imgbg-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45%;
    z-index: 0;
}

.serv-alge-step .stp-sec {
    position: relative;
    z-index: 9;
}

    .serv-alge-step .stp-sec .stp-sngl .stp-sec-txt {
        background: #fff;
        padding: 20px;
        position: relative;
        z-index: 1;
        height: 220px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.ind-banner .ind-ban-rght-bt .ind-ban-rght-bt-cnt, .ind-banner .ind-ban-rght-tp .ind-ban-cnt {
    border-radius: 50%;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.serv-alge-step .stp-sec .stp-sngl .stp-sec-img {
    position: absolute;
    height: calc(100% + 45px);
    z-index: 9;
    width: auto;
}

    .serv-alge-step .stp-sec .stp-sngl .stp-sec-img img {
        width: 100%;
        height: 100%;
    }

.serv-alge-step .stp-sec .stp-sngl .stp-bg-rgt {
    position: absolute;
    height: 220px;
    top: 50%;
    width: auto;
    z-index: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.serv-alge-step .stp-sec .stp-sngl.stp-1-clr, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr {
    margin-left: -25px;
    margin-top: -25px;
}

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr:after {
        content: "";
        height: 0;
        border-top: 133px solid transparent;
        border-bottom: 133px solid transparent;
        border-left: 150px solid;
        position: absolute;
        left: 113px;
        z-index: 0;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr .stp-bg-rgt {
        right: 0;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr .stp-sec-txt {
        padding-left: 40px;
        margin-left: 100px;
        margin-right: 55px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr .stp-sec-img, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr .stp-sec-img, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr .stp-sec-img {
        left: -59px;
        -webkit-filter: drop-shadow(5px 5px 7px #5B5B5D00065);
        filter: drop-shadow(5px 5px 7px #5B5B5D00065);
    }

.serv-alge-step .stp-sec .stp-sngl.stp-2-clr, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr {
    margin-right: -25px;
    margin-top: -25px;
}

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr:after {
        content: "";
        height: 0;
        border-top: 133px solid transparent;
        border-bottom: 133px solid transparent;
        border-right: 150px solid;
        position: absolute;
        right: 113px;
        z-index: 0;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-bg-rgt {
        left: 0;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-sec-img, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-sec-img, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-sec-img {
        right: -60px;
        -webkit-filter: drop-shadow(-5px 5px 7px #5B5B5D00065);
        filter: drop-shadow(-5px 5px 7px #5B5B5D00065);
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-sec-txt {
        padding-right: 40px;
        margin-right: 100px;
        margin-left: 55px;
    }

.serv-alge-step .stp-sec .stp-sngl.stp-1-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr:after {
    border-left-color: #f26b25;
}

.ind-frnt-tech .card .card-header .card-link i, .serv-alge-step .stp-sec .stp-sngl.stp-1-clr .stp-sec-txt h6, .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-sec-txt h6, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr .stp-sec-txt h6, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-sec-txt h6, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr .stp-sec-txt h6, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-sec-txt h6 {
    color: #f26b25;
}

.serv-alge-step .stp-sec .stp-sngl.stp-2-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr:after {
    border-right-color: #f26b25;
}

.ind-banner:after {
    content: "";
    width: 500px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 0 0 25px;
    z-index: -2;
}

.ind-banner .ind-ban-rght-tp {
    position: relative;
    display: table;
    right: -50px;
    top: -25px;
}

    .ind-banner .ind-ban-rght-tp .ind-ban-cnt {
        background: #cbe7ff;
        width: 220px;
        height: 220px;
        flex-direction: column;
        position: relative;
        z-index: 1;
    }

    .ind-banner .ind-ban-rght-tp .ind-ban-gr-1 {
        position: absolute;
        width: 320px;
        height: 320px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        max-width: unset;
        z-index: 0;
    }

    .ind-banner .ind-ban-rght-tp h4 {
        line-height: 1 !important;
        margin-bottom: 10px;
        color: #002670 !important;
    }

    .ind-banner .ind-ban-rght-tp p {
        font-weight: 600;
    }

.ind-banner .ind-ban-rght-bt {
    position: relative;
    left: 270px;
    top: -30px;
    z-index: 2;
    display: table;
}

    .ind-banner .ind-ban-rght-bt .ind-ban-rght-bt-cnt {
        width: 205px;
        height: 205px;
        background: #041478;
        flex-direction: column;
        position: relative;
        z-index: 1;
    }

    .ind-banner .ind-ban-rght-bt .ind-ban-gr-2 {
        position: absolute;
        width: 350px;
        height: 350px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        max-width: unset;
        z-index: 0;
        -webkit-filter: drop-shadow(5px 5px 15px rgba(0,0,0,0.5));
        filter: drop-shadow(5px 5px 15px rgba(0,0,0,.5));
    }

    .ind-banner .ind-ban-rght-bt h6 {
        line-height: 1.2 !important;
        color: #fa8a00;
        margin-bottom: 5px;
    }

    .ind-banner .ind-ban-rght-bt .ser-spc-pnt:after {
        content: "";
        width: 1px;
        height: 50%;
        background: 0 0;
        border-right: 1px dashed #9e9e9e;
        position: absolute;
        left: 4.5px;
        top: 20px;
        z-index: 1;
    }

    .ind-banner .ind-ban-rght-bt .ser-spc-pnt li {
        margin: 10px 0;
        padding-left: 20px;
        position: relative;
        color: #fff;
    }

.ind-banner .ind-ban-gr-3 {
    position: absolute;
    right: 205px;
    top: -65px;
    width: 140px;
    height: 140px;
    -o-object-fit: contain;
    object-fit: contain;
}

.ind-banner .ind-ban-gr-4 {
    position: absolute;
    width: 115px;
    height: 115px;
    -o-object-fit: contain;
    object-fit: contain;
    bottom: 20px;
    left: 40px;
}

.ind-banner .ind-ban-gr-5 {
    position: absolute;
    right: 100px;
    bottom: 0;
    width: 100px;
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 2;
}

.ind-banner .ind-ban-gr-6 {
    position: absolute;
    width: 300px;
    height: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    top: 105px;
    z-index: -1;
    left: 45px;
}

.ind-banner .ind-ban-gr-7 {
    position: absolute;
    right: 198px;
    top: -25px;
    width: 250px;
    height: 250px;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: -1;
}

.ind-sft-sol .servc-sngl-c .servc-sngl-txt-c .sub-hd-serv-c, .tech-service .servc-sngl-c .servc-sngl-txt-c .sub-hd-serv-c {
    margin: 0 0 15px;
}

.ind-bis-typ .ind-bis-typ-sngl {
    border: 2px solid #5B5B5D;
    padding: 50px;
    margin-bottom: 30px;
    height: 265px;
    border-radius: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .ind-bis-typ .ind-bis-typ-sngl img {
        width: 75px;
        height: 75px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-bottom: 20px;
    }

    .ind-bis-typ .ind-bis-typ-sngl h2 {
        color: #fff !important;
    }

.ind-bis-typ .row .col-lg-3.col-md-6.col-12:nth-child(2) .ind-bis-typ-sngl {
    background: #fa8a00;
}

.ind-bis-typ .row .col-lg-3.col-md-6.col-12:nth-child(3) .ind-bis-typ-sngl {
    background: #3762c2;
}

.ind-bis-typ .row .col-lg-3.col-md-6.col-12:nth-child(4) .ind-bis-typ-sngl {
    background: #ffc700;
}

.ind-bis-typ .row .col-lg-3.col-md-6.col-12:nth-child(5) .ind-bis-typ-sngl, .tech-bsnes-dev {
    background: #78c2ff;
}

.ind-bis-typ .row .col-lg-3.col-md-6.col-12:nth-child(6) .ind-bis-typ-sngl {
    background: #ff5366;
}

.ind-bis-typ .row .col-lg-3.col-md-6.col-12:nth-child(7) .ind-bis-typ-sngl {
    background: #27a889;
}

.ind-frnt-tech .sub-hd {
    margin-bottom: 75px;
}

    .ind-frnt-tech .sub-hd h6 {
        width: 60%;
        margin: 0 auto;
    }

.ind-frnt-tech .card {
    padding: 0 30px;
    margin-bottom: 20px;
    border-color: #e0e0e0 !important;
    border-radius: 10px;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

    .ind-frnt-tech .card:hover {
        -webkit-box-shadow: 10px 10px 25px #5B5B5D00018;
        box-shadow: 10px 10px 25px #5B5B5D00018;
        -webkit-transition: .3s ease-out;
        transition: .3s ease-out;
    }

    .ind-frnt-tech .card .card-header {
        padding: 0;
        background: #fff;
        border-bottom: 0;
        border-radius: 10px;
    }

        .ind-frnt-tech .card .card-header .card-link.collapsed i {
            color: #5B5B5D;
        }

    .ind-frnt-tech .card .card-body {
        border-top: 1px solid #e0e0e0;
        padding: 30px;
        line-height: 1.8;
        letter-spacing: 1px;
    }

.ind-frnt-tech .ind-frnt-tech-acc .gr-cd {
    position: absolute;
    right: -150px;
    top: 40%;
    width: 200px;
    height: 200px;
    -o-object-fit: contain;
    object-fit: contain;
}

.ind-frnt-tech .ind-frnt-tech-acc .blb-2 {
    position: absolute;
    left: -200px;
    bottom: 0;
    width: 200px;
    height: 200px;
    -o-object-fit: contain;
    object-fit: contain;
}

.ind-frnt-tech .ind-frnt-tech-acc img.dot-2 {
    position: absolute;
    width: 125px;
    height: 125px;
    -o-object-fit: contain;
    object-fit: contain;
    left: -50px;
    top: -60px;
}

.tech-banner .tech-ban-gr-4, .tech-banner .tech-ban-gr-6, .tech-banner .tech-ban-gr-7, .tech-banner .tech-bnr-flr, .tech-banner .tech-bnr-trch {
    position: absolute;
}

.tech-banner:after {
    right: unset;
    left: -18%;
    z-index: 1;
    top: -80%;
    width: 1000px;
    height: 1000px;
    background: #5B5B5De52;
}

.tech-banner:before {
    position: absolute;
    content: "";
    left: -8%;
    top: -80%;
    width: 850px;
    height: 850px;
    background: #1e9aff;
    z-index: 2;
    border-radius: 50%;
}

.tech-banner .tech-banner-img {
    position: relative;
    z-index: 5;
    width: 500px;
    height: 500px;
    -o-object-fit: contain;
    object-fit: contain;
    display: table;
    margin: 0 auto;
}

.tech-banner .tech-ban-gr-7 {
    width: 350px;
    height: 350px;
    -o-object-fit: contain;
    object-fit: contain;
    left: 47px;
    top: 17px;
    z-index: 2;
}

.tech-banner .tech-ban-gr-6 {
    width: 300px;
    height: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 0;
    right: 25px;
    top: 50px;
}

.tech-banner .tech-ban-gr-4 {
    width: 120px;
    right: 70px;
    z-index: 4;
    top: 40px;
}

.tech-banner .tech-bnr-trch {
    z-index: 6;
    left: 0;
    width: 125px;
    bottom: -18px;
    right: 81px;
    margin: auto;
}

.tech-banner .tech-bnr-flr {
    bottom: -60px;
    left: 0;
    right: 0;
    width: 95%;
    display: table;
    margin: auto;
}

.tech-banner .home-banner-txt {
    padding-left: 100px;
}

    .tech-banner .home-banner-txt p {
        width: 100%;
    }

.tech-service .servc-sngl-c {
    margin-top: 0 !important;
    border-top: 0;
    border-left: 5px solid;
    border-radius: 0 10px 20px 0;
    -webkit-box-shadow: 5px 5px 15px #5B5B5D0001f;
    box-shadow: 5px 5px 15px #5B5B5D0001f;
}

    .tech-service .servc-sngl-c.mpb-app-c {
        border-left-color: #fa8a00;
    }

        .tech-service .servc-sngl-c.mpb-app-c h2 {
            color: #fa8a00 !important;
        }

    .tech-service .servc-sngl-c.wb-app-c {
        border-left-color: #008826;
    }

        .tech-service .servc-sngl-c.wb-app-c h2 {
            color: #008826 !important;
        }

    .tech-service .servc-sngl-c.blkchn-ser-c, .tech-service .servc-sngl-c.sft-dev-c {
        border-left-color: #1487e3;
    }

        .tech-service .servc-sngl-c.blkchn-ser-c h2, .tech-service .servc-sngl-c.sft-dev-c h2 {
            color: #1487e3 !important;
        }

    .tech-service .servc-sngl-c.frnt-end-c {
        border-left-color: #ad00fe;
    }

        .tech-service .servc-sngl-c.frnt-end-c h2 {
            color: #ad00fe !important;
        }

    .tech-service .servc-sngl-c.bck-end-c {
        border-left-color: #ff5467;
    }

        .tech-service .servc-sngl-c.bck-end-c h2 {
            color: #ff5467 !important;
        }

    .tech-service .servc-sngl-c.it-ser-c {
        border-left-color: #002670;
    }

        .tech-service .servc-sngl-c.it-ser-c h2 {
            color: #002670 !important;
        }

.tech-service .servc-sngl-c-sdo .servc-shdo-c {
    -webkit-box-shadow: 0 0 0 #5B5B5D000bd;
    box-shadow: 0 0 0 #5B5B5D000bd;
}

.tech-service .servc-sngl-c-sdo:hover .servc-shdo-c {
    -webkit-box-shadow: 10px 10px 100px #5B5B5D000bd;
    box-shadow: 10px 10px 100px #5B5B5D000bd;
}

.tech-bsnes-dev .sub-hd {
    margin-bottom: 0;
    padding: 75px 0;
}

    .tech-bsnes-dev .sub-hd p {
        color: #fff;
        margin-top: 20px;
        width: 80%;
    }

.tech-bsnes-dev .servc-sngl-c {
    margin-top: 75px;
    padding: 75px;
    border-top: 0 solid;
    position: relative;
}

    .tech-bsnes-dev .servc-sngl-c .tech-buss-dev {
        position: absolute;
        background: #78c2ff;
        top: -60px;
        padding: 25px;
        border-radius: 50%;
        width: 125px;
        height: 125px;
        right: 220px;
    }

        .tech-bsnes-dev .servc-sngl-c .tech-buss-dev img {
            width: 100%;
            -webkit-filter: drop-shadow(8px 8px 7px #0a115293);
            filter: drop-shadow(8px 8px 7px #0a115293);
        }

.tech-servc-sngl-c-sdo .servc-sngl-c {
    padding: 57px;
}

.tech-bis-typ .sub-hd {
    width: 70%;
    margin: 0 auto 75px;
}

.flip-box .inner, .flip-box-back {
    position: absolute;
    left: 0;
    width: 100%;
}

.tech-bis-typ .sub-hd h1 {
    margin-bottom: 10px;
}

.tech-bis-typ .col-lg-3.col-md-6.col-12 {
    padding: 0;
}

.tech-bis-typ .ind-bis-typ-sngl {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
}

    .tech-bis-typ .ind-bis-typ-sngl img {
        margin-bottom: 0;
    }

.flip-box {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

.flip-box-back, .flip-box-front {
    background-size: cover;
    background-position: center;
    min-height: 265px;
    -webkit-transition: transform .7s cubic-bezier(.4,.2,.2,1);
    transition: transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box-front, .flip-box:hover .flip-box-back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box-back {
    top: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box .inner {
    padding: 60px;
    outline: transparent solid 1px;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    transform: translateY(-50%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
    -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
    top: 50%;
}

.city-name {
    margin: 75px 0 0;
}

    .city-name .city-nme-hding h6 i {
        margin-right: 10px;
        color: #1e9aff;
    }

    .city-name ul li a {
        padding: 0 15px;
        display: table;
        color: #fa8a00;
        font-weight: 600;
        font-size: 16px;
        border-right: 1px solid #5B5B5D;
    }

        .city-name ul li a:hover {
            color: #1e9aff;
        }

    .city-name ul li:last-child a {
        border: 0;
    }

@media only screen and (min-width:1900px) {
    .service-banner:after {
        width: 1100px;
        height: 1100px;
        right: -18%;
        top: -58%;
    }

    .service-banner .srve-ban-rght {
        width: 500px;
    }

        .service-banner .srve-ban-rght:before {
            width: 650px;
            height: 650px;
        }

    .ind-banner:after {
        width: 700px;
        height: 100%;
        right: 0;
        top: 0;
    }

    .ind-banner .ind-ban-rght-bt .ind-ban-rght-bt-cnt {
        width: 300px;
        height: 300px;
    }

    .ind-banner .ind-ban-rght-bt .ind-ban-gr-2 {
        width: 450px;
        height: 450px;
    }

    .ind-banner .ind-ban-rght-tp .ind-ban-cnt {
        width: 270px;
        height: 270px;
    }

    .ind-banner .ind-ban-rght-tp .ind-ban-gr-1 {
        width: 400px;
        height: 400px;
    }

    .ind-banner .ind-ban-gr-6 {
        width: 400px;
        height: 400px;
        top: 145px;
        left: -15px;
    }

    .ind-banner .ind-ban-gr-4 {
        width: 150px;
        height: 150px;
        bottom: 0;
        left: 0;
    }

    .ind-banner .ind-ban-gr-5 {
        width: 150px;
        height: 150px;
    }

    .ind-banner .ind-ban-gr-7 {
        width: 350px;
        height: 350px;
    }

    .ind-bis-typ .ind-bis-typ-sngl {
        height: 325px;
    }
}

@media only screen and (max-width:1440px) {
    .service-banner:after {
        width: 855px;
        height: 855px;
        right: -23%;
        top: -55%;
    }

    .service-banner .srve-ban-rght .srve-ban-rght-tp {
        padding: 20px;
    }

    .service-banner .srve-ban-rght:before {
        width: 500px;
        height: 500px;
    }

    .servc-srv-c .andios-c .andios-c-icn img {
        width: 60px;
        height: 60px;
    }

    .servc-srv-c .andios-c h2 {
        margin-bottom: 10px;
    }

    .indst-app-c .indst-app-sngl {
        padding: 0 10px;
    }

    .ind-banner:after {
        width: 500px;
        height: 100%;
        right: 0;
        top: 0;
    }

    .ind-banner .ind-ban-rght-tp .ind-ban-gr-1 {
        width: 300px;
        height: 300px;
    }

    .ind-banner .ind-ban-rght-bt .ind-ban-gr-2 {
        width: 335px;
        height: 335px;
    }

    .service-banner .home-banner-txt p {
        margin: 20px 0 10px;
    }

    .ind-banner.padng-sec {
        padding: 55px 0 !important;
    }

    .ind-banner .ind-ban-rght-tp {
        top: 0;
    }

    .ind-banner .ind-ban-gr-7 {
        right: 235px;
        top: -30px;
    }

    .tech-banner:after {
        right: unset;
        left: -20%;
        top: -85%;
        width: 1000px;
        height: 1000px;
    }

    .tech-banner:before {
        left: -10%;
    }
}

@media only screen and (max-width:1399px) {
    .service-banner .blb-lne {
        height: 115px;
    }

    .service-banner .ger-ser {
        right: -60px;
    }

    .service-banner .cde-cld {
        right: -70px;
    }

    .service-banner .cde-lne {
        right: 15px;
        height: 190px;
    }

    .service-banner .dts {
        left: 52px;
    }

    .servc-srv-c .andios-c {
             padding: 20px;
        margin-bottom: 20px;
        border-top: 2px solid #F36C26;
        height: 282px;
        border-radius: 10px;
        box-shadow: 0 5px 25px rgba(95, 95, 95, 0.25);
        background-color: #fff;
        text-align: -webkit-center;
    }

    .ind-banner:after, .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-mn-c {
        width: 400px;
    }

    .indst-app-c .indst-app-sngl .indst-app-sngl-txt h5 {
        font-size: 16px;
    }

    .indst-app-c .indst-app-sngl .indst-app-sngl-img img {
        width: 50px;
        height: auto;
    }

    .tam-app-dev-c .tam-app-dev-c-sngl .tam-app-dev-c-sngl-img img {
        width: 68px;
        height: auto;
    }

    .tam-app-dev-c .tam-app-dev-c-sngl .tam-app-dev-c-sngl-txt {
        width: calc(100% - 150px);
    }

    .serv-alge-step .hire-sec-img img {
        display: inline !important;
    }

    .vlu-srv-sec .andios-c {
        padding: 0;
        margin-bottom: 40px;
    }

    .servc-srv-c.vlu-srv-sec .andios-c h2 {
        margin-bottom: 10px;
    }

    .servc-srv-c.vlu-srv-sec .andios-c .andios-c-icn img {
        width: 50px;
        height: 50px;
    }

    .clint-rvew-c .clint-rvew-cal-cnt-c {
        padding: 15px;
        position: relative;
        height: 340px;
    }

    .serv-alge-step .stp-sec .stp-sngl .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl .stp-sec-txt {
        height: 230px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-sec-txt {
        padding-left: 0;
        margin-left: 60px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr .stp-sec-txt {
        padding-right: 0;
        margin-right: 60px;
    }

    .serv-alge-step .stp-sec .stp-sngl .stp-sec-img {
        height: calc(100% + 35px);
    }

    .service-banner .home-banner-txt p {
        margin: 10px 0 10px;
    }

    .service-banner .home-banner-txt .hm-bnr-txt-pnt {
        margin-bottom: 20px;
    }

    .ind-banner .ind-ban-gr-3 {
        right: 145px;
        top: -40px;
        width: 100px;
        height: 100px;
    }

    .ind-banner h4 {
        font-size: 20px;
    }

    .ind-banner li, .ind-banner p {
        font-size: 12px;
    }

    .ind-banner .ind-ban-rght-tp .ind-ban-cnt {
        width: 195px;
        height: 195px;
    }

    .ind-banner .ind-ban-rght-bt .ind-ban-rght-bt-cnt {
        width: 180px;
        height: 180px;
    }

    .ind-banner .ind-ban-rght-tp .ind-ban-gr-1 {
        width: 285px;
        height: 285px;
    }

    .ind-banner .ind-ban-rght-bt .ind-ban-gr-2 {
        width: 300px;
        height: 300px;
    }

    .ind-banner .ind-ban-rght-tp {
        right: -75px;
        top: 0;
    }

    .ind-banner .ind-ban-gr-4 {
        width: 125px;
        height: 125px;
        bottom: -10px;
        left: 25px;
    }

    .ind-banner .ind-ban-gr-6 {
        width: 260px;
        height: 260px;
        top: 150px;
        left: 60px;
    }

    .ind-banner .ind-ban-gr-7 {
        right: 147px;
        top: -30px;
    }

    .ind-banner .ind-ban-gr-5 {
        right: 30px;
    }

    .ind-bis-typ .ind-bis-typ-sngl {
        padding: 20px;
    }

    .tech-banner .tech-banner-img {
        width: 425px;
        height: 425px;
    }

    .tech-banner:before {
        left: -10%;
        width: 800px;
        height: 800px;
        top: -90%;
    }

    .tech-banner:after {
        left: -17%;
        top: -95%;
        width: 900px;
        height: 900px;
    }

    .tech-banner .tech-ban-gr-7 {
        width: 300px;
        height: 300px;
        left: 55px;
        top: 15px;
    }

    .tech-banner .tech-ban-gr-6 {
        width: 255px;
        height: 255px;
        right: 40px;
        top: 55px;
    }

    .tech-bsnes-dev .servc-sngl-c {
        margin-top: 75px !important;
        padding: 75px !important;
    }

    .tech-servc-sngl-c-sdo .servc-sngl-c {
        padding: 48px !important;
    }
}

@media only screen and (max-width:1280px) {
    .service-banner:after {
        width: 800px;
        height: 800px;
    }

    .ind-banner:after {
        width: 375px;
        height: 100%;
    }

    .tech-banner .home-banner-txt {
        padding-left: 50px;
    }

    .tech-banner:after {
        left: -20%;
        top: -75%;
    }

    .tech-banner:before {
        width: 700px;
        height: 700px;
        left: -12%;
        top: -80%;
    }

    .ind-bis-typ .ind-bis-typ-sngl {
        height: 230px;
    }

    .flip-box-back, .flip-box-front {
        min-height: 230px;
    }

    .ind-bis-typ .ind-bis-typ-sngl img {
        width: 65px;
        height: 65px;
    }
}

@media only screen and (max-width:1199px) {
    .service-banner .srve-ban-rght {
        width: 350px;
    }

    .service-banner:after {
        width: 750px;
        height: 750px;
    }

    .service-banner .srve-ban-rght:before {
        width: 450px;
        height: 450px;
    }

    .service-banner .srve-ban-rght .srve-ban-rght-bt {
        padding: 15px 20px 20px;
    }

        .service-banner .srve-ban-rght .srve-ban-rght-bt .f-btn {
            margin: 10px auto;
        }

    .service-banner .ger-ser {
        right: 30px;
    }

    .service-banner .cde-cld {
        right: -20px;
    }

    .service-banner .cde-lne {
        right: -10px;
        height: 175px;
    }

    .service-banner .blb {
        top: 20%;
        left: -30px;
    }

    .service-banner .blb-lne {
        left: -25px;
        top: 30%;
    }

    .service-banner .dts {
        left: 30px;
        bottom: -15px;
        width: 80px !important;
    }

    .servc-srv-c .andios-c {
        padding: 0;
        margin-bottom: 35px;
    }

    .tch-stk-c .tch-stk-all .tch-stk-rght p {
        margin: 20px 0;
        width: 100%;
    }

    .tch-stk-c .tch-stk-all .tch-stk-rght .tch-stk-tch li a {
        padding: 5px 20px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .tam-app-dev-c .tam-app-dev-c-sngl {
        margin-top: 20px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr {
        margin-left: -100px;
        margin-top: 50px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr {
        margin-right: -100px;
        margin-top: 50px;
    }

    .serv-alge-step .sub-hd {
        margin-bottom: 50px;
    }

    .ind-banner:after {
        height: 100%;
    }

    .service-banner .home-banner-txt p {
        margin: 10px 0;
        width: 100%;
    }

    .service-banner .home-banner-txt .hm-bnr-txt-pnt li {
        margin: 5px 0;
    }

    .ind-banner.padng-sec {
        padding: 35px 0 !important;
    }

    .ind-banner .ind-ban-gr-7 {
        right: 50px;
        top: -30px;
        width: 210px;
        height: 210px;
    }

    .ind-banner .ind-ban-gr-3 {
        right: 35px;
    }

    .hm-bnr-txt-pnt-totl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .ind-banner .home-banner-txt .hm-bnr-txt-pnt, .tech-banner .home-banner-txt .hm-bnr-txt-pnt {
        margin-bottom: 0;
    }

    .ind-banner:after {
        width: 345px;
    }

    .ind-banner .ind-ban-gr-5 {
        right: 0;
        bottom: -70px;
    }

    .tech-banner:before {
        left: -16%;
        top: -80%;
    }
}

@media only screen and (max-width:991px) {
    .service-banner .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .service-banner .home-banner-txt {
        margin-top: 60px;
        text-align: center;
    }

        .service-banner .home-banner-txt h1 span, .tch-stk-rght h1 span {
            display: inline;
        }

        .service-banner .home-banner-txt p {
            margin: 15px 0;
            width: 100%;
        }

    .service-banner:after {
        right: -33%;
        top: -34%;
    }

    .service-banner .blb {
        left: 70px;
    }

    .service-banner .blb-lne {
        left: 80px;
        top: 35%;
    }

    .service-banner .ger-ser {
        right: 150px;
    }

    .service-banner .cde-cld {
        right: 95px;
    }

    .service-banner .cde-lne {
        right: 100px;
    }

    .service-banner .dts {
        left: 157px;
    }

    .service-banner .home-banner-txt .hm-bnr-txt-pnt {
        display: table;
        margin: 20px auto;
    }

    .ind-banner .f-btn, .service-banner .home-banner-txt .o-btn {
        margin: 0 auto;
    }

    .ind-frnt-tech .sub-hd h6, .servc-srv-c .sub-hd h6, .tech-bsnes-dev .sub-hd p {
        width: 100%;
    }

    .tch-stk-c .tch-stk-all {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .tch-stk-c .tch-stk-all .tch-stk-lft, .tch-stk-c .tch-stk-all .tch-stk-rght {
            width: 100%;
            padding: 20px;
        }

            .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-mn-c {
                width: 350px;
                height: 450px;
            }

            .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-fltr {
                width: 180px;
                height: 180px;
                left: -51px;
                bottom: -30px;
            }

            .tch-stk-c .tch-stk-all .tch-stk-rght p {
                margin: 10px 0 20px;
            }

    .indst-app-c p {
        width: 100%;
        margin-top: 10px;
    }

    .indst-app-c .indst-app-sngl {
        margin-top: 30px;
        padding: 20px;
        width: 33.33%;
    }

        .indst-app-c .indst-app-sngl .indst-app-sngl-img {
            margin: 0 auto 10px;
            padding: 15px;
        }

    .indst-app-c .stp-imgbg-1 {
        width: 70%;
    }

    .tam-app-dev-c .sub-hd h6 {
        width: 100%;
        margin: 0 auto;
    }

    .tam-app-dev-c .tam-app-dev-c-sngl .tam-app-dev-c-sngl-img img {
        width: 35px;
        height: 35px;
    }

    .tam-app-dev-c .tam-app-dev-c-sngl .tam-app-dev-c-sngl-img {
        padding: 15px;
    }

    .serv-alge-step .hire-sec-img img {
        height: 80px !important;
    }

    .serv-alge-step .hire-sec-img {
        margin-right: 35px;
    }

    .serv-alge-step .rev-sec .hire-sec-img {
        margin-left: 35px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr {
        margin-left: 0;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr {
        margin-right: 0;
    }

    .ind-bis-typ .ind-bis-typ-sngl, .serv-alge-step .stp-sec .stp-sngl .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl .stp-sec-txt {
        height: 200px;
    }

    .serv-alge-step .stp-sec .stp-sngl .stp-sec-img {
        height: calc(100% + 45px);
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr:after {
        border-top: 122px solid transparent;
        border-bottom: 122px solid transparent;
        left: 100px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr:after {
        border-top: 122px solid transparent;
        border-bottom: 122px solid transparent;
        right: 100px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr .stp-sec-txt {
        margin-right: 55px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-sec-txt {
        margin-left: 55px;
    }

    .ind-banner:after {
        right: 0;
        top: 0;
        width: 50%;
        height: 550px;
    }

    .ind-ban-rght {
        display: block;
        margin-bottom: 25px;
    }

    .ind-banner .ind-ban-rght-tp {
        right: 100px;
        top: 60px;
        margin: 0 auto;
    }

    .ind-banner .ind-ban-rght-bt {
        left: 370px;
        top: 17px;
    }

    .ind-banner .ind-ban-gr-6 {
        top: 194px;
        left: 146px;
    }

    .ind-banner .ind-ban-gr-4 {
        bottom: -35px;
        left: 110px;
    }

    .ind-banner .home-banner-txt {
        margin-top: 150px;
    }

    .ind-banner .ind-ban-gr-7 {
        right: 186px;
        top: 15px;
    }

    .ind-banner .ind-ban-gr-3 {
        right: 192px;
        top: 0;
    }

    .hm-bnr-txt-pnt-totl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .ind-frnt-tech .ind-frnt-tech-acc .blb-2, .ind-frnt-tech .ind-frnt-tech-acc .gr-cd {
        display: none;
    }

    .tech-banner .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .tech-banner .home-banner-txt .hm-bnr-txt-pnt {
        display: table;
        margin: 20px 0;
    }

    .tech-banner:after {
        left: -21% !important;
        top: -60% !important;
        width: 900px !important;
        height: 900px !important;
    }

    .tech-banner:before {
        left: 10px;
        top: -458px;
    }

    .tech-banner .tech-ban-gr-7 {
        width: 275px;
        height: 275px;
        left: 120px;
        top: 15px;
    }

    .tech-banner .tech-ban-gr-4 {
        right: 135px;
    }

    .tech-banner .tech-ban-gr-6 {
        width: 235px;
        height: 235px;
        right: 90px;
        top: 55px;
    }

    .tech-bsnes-dev .servc-sngl-c {
        margin-top: 60px !important;
        padding: 30px !important;
    }

        .tech-bsnes-dev .servc-sngl-c .tech-buss-dev {
            padding: 20px;
            border-radius: 50%;
            width: 100px;
            height: 100px;
        }

    .tech-bsnes-dev .sub-hd {
        padding: 0;
        margin: 50px 0 0 !important;
    }
}

@media only screen and (max-width:767px) {
    .serv-alge-step .hire-sec-img, .serv-alge-step .stp-sec .stp-sngl.stp-1-clr .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl.stp-1-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl.stp-2-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr:after, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr:after, .service-banner .blb, .service-banner .blb-lne, .service-banner .cde-cld, .service-banner .cde-lne, .service-banner .dts, .service-banner .ger-ser {
        display: none;
    }

    .service-banner .home-banner-txt {
        margin-top: 70px;
    }

    .indst-app-c .indst-app-sngl {
        margin-top: 20px;
        padding: 10px;
        width: 50%;
    }

    .tam-app-dev-c .tam-app-dev-c-sngl .tam-app-dev-c-sngl-txt {
        width: calc(100% - 100px);
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-sec-txt {
        margin-left: 0;
    }

    .serv-alge-step .stp-sec .stp-sngl .stp-sec-txt {
        padding: 20px !important;
    }

    .serv-alge-step .stp-sec .stp-sngl .stp-sec-img {
        height: 100%;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr .stp-sec-txt {
        padding-left: 25px;
        margin-right: 0;
        margin-left: 72px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-sec-txt {
        margin-right: 72px;
    }

    .ind-banner:after {
        width: 60%;
    }

    .ind-banner .ind-ban-rght-bt {
        left: 265px;
    }

    .ind-banner .ind-ban-gr-6 {
        top: 210px;
        left: 71px;
    }

    .ind-banner .ind-ban-gr-7 {
        right: 65px;
        width: 250px;
        height: 250px;
    }

    .ind-banner .ind-ban-gr-4 {
        bottom: -55px;
        left: 36px;
    }

    .ind-bis-typ .ind-bis-typ-sngl img {
        width: 60px;
        height: 60px;
    }

    .ind-frnt-tech .card {
        padding: 0;
    }

    .ind-banner .ind-ban-gr-3 {
        right: 67px;
        top: 0;
    }

    .tech-bsnes-dev .sub-hd {
        margin-top: 0 !important;
        margin-bottom: 35px !important;
        text-align: center !important;
    }

    .tech-bsnes-dev .sub-hd-serv-c {
        text-align: center;
    }

    .tech-banner .home-banner-txt {
        padding-left: 0;
    }

        .tech-banner .home-banner-txt .hm-bnr-txt-pnt {
            margin: 0 auto !important;
        }

    .tech-banner .f-btn {
        margin: 0 auto;
    }

    .tech-bsnes-dev .servc-sngl-c .tech-buss-dev {
        padding: 10px;
        width: 80px;
        height: 80px;
        right: 0;
        margin: auto;
        left: 0;
        top: -50px;
    }
}

@media only screen and (max-width:567px) {
    .service-banner .home-banner-txt .o-btn {
        width: 100%;
        text-align: center;
    }

    .serv-alge-step .stp-imgbg-1, .serv-alge-step .stp-imgbg-2, .service-banner .srve-ban-rght {
        width: 100%;
    }

        .service-banner .srve-ban-rght .srve-ban-rght-bt .f-btn {
            margin: 20px auto;
            width: 100%;
        }

    .servc-srv-c .andios-c h2 span {
        display: inline;
    }

    .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-ract {
        width: 150px;
        height: 150px;
    }

    .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-hrbd {
        width: 115px;
        height: 115px;
        left: -30px;
        top: 10px;
    }

    .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-fltr {
        width: 155px;
        height: 155px;
        left: -28px;
        bottom: -25px;
    }

    .tch-stk-c .tch-stk-all .tch-stk-lft .tch-stk-inic {
        right: -20px;
        bottom: 22px;
    }

    .tam-app-dev-c .tam-app-dev-c-sngl .tam-app-dev-c-sngl-txt {
        width: calc(100% - 85px);
        margin-left: 15px;
    }

    .serv-alge-step .hire-sec {
        padding: 0 !important;
    }

    .servc-srv-c .andios-c {
        text-align: center;
        padding-top: 20px;
    }

        .servc-srv-c .andios-c .andios-c-icn {
            margin: 0 auto 20px;
        }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr .stp-sec-img, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr .stp-sec-img, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr .stp-sec-img {
        left: unset;
        right: 0;
        top: -50px;
        height: 100px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-1-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-3-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-5-clr .stp-sec-txt {
        margin-left: 0;
        height: auto;
        border-radius: 5px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-sec-img, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-sec-img, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-sec-img {
        right: unset;
        height: 100px;
        top: -50px;
    }

    .serv-alge-step .stp-sec .stp-sngl.stp-2-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-4-clr .stp-sec-txt, .serv-alge-step .stp-sec .stp-sngl.stp-6-clr .stp-sec-txt {
        margin-right: 0;
        border-radius: 5px;
    }

    .serv-alge-step .stp-sec .stp-sngl .stp-bg-rgt, .serv-alge-step .stp-sec .stp-sngl .stp-sec-txt {
        height: auto;
    }

    .serv-alge-step .f-btn {
        margin: 30px auto 0;
    }

    .serv-alge-step .sub-hd {
        margin-bottom: 0;
        position: relative;
        z-index: 9;
    }

    .serv-alge-step .nav-tabs {
        margin-bottom: 30px;
    }

    .hm-bnr-txt-pnt-totl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .ind-banner .home-banner-txt .hm-bnr-txt-pnt {
        margin: 0;
    }

    .ind-div-ser .andios-c .andios-c-icn {
        margin: 0 20px 0 0 !important;
    }

    .ind-div-ser .andios-c h2 {
        margin-bottom: 0 !important;
        text-align: left;
    }

    .ind-div-ser-hd {
        margin-bottom: 20px;
    }

    .ind-div-ser p {
        text-align: left;
    }

    .ind-frnt-tech .card .card-header .card-link {
        padding: 15px;
    }

        .ind-frnt-tech .card .card-header .card-link img {
            width: 30px;
            height: 30px;
            margin-right: 15px !important;
        }

    .ind-frnt-tech .card .card-body {
        padding: 20px;
    }

    .ind-frnt-tech .ind-frnt-tech-acc img.dot-2 {
        width: 90px;
        height: 94px;
        left: -6px;
        top: -52px;
    }

    .ind-frnt-tech .card {
        margin-bottom: 15px;
    }

    .ind-banner h4 {
        font-size: 18px;
    }

    .ind-banner .ind-ban-rght-tp .ind-ban-cnt {
        width: 165px;
        height: 165px;
    }

    .ind-banner .ind-ban-rght-tp .ind-ban-gr-1 {
        width: 245px;
        height: 245px;
    }

    .ind-banner .ind-ban-rght-tp {
        right: unset;
        top: 30px;
        margin: 0 auto;
        left: -45px;
    }

    .ind-banner .ind-ban-rght-bt .ind-ban-rght-bt-cnt {
        width: 190px;
        height: 190px;
    }

    .ind-banner .ind-ban-rght-bt {
        left: 98px;
        top: 65px;
    }

        .ind-banner .ind-ban-rght-bt .ind-ban-gr-2 {
            width: 275px;
            height: 275px;
        }

    .ind-banner .ind-ban-gr-3 {
        right: 20px;
        top: 40px;
    }

    .ind-banner .ind-ban-gr-7 {
        right: 20px;
        width: 200px;
        height: 200px;
        top: 65px;
    }

    .ind-banner .ind-ban-gr-4 {
        bottom: -166px;
        left: 0;
    }

    .ind-banner .ind-ban-gr-6 {
        top: 257px;
        left: 10px;
        width: 220px;
    }

    .ind-banner .ind-ban-gr-5 {
        bottom: -93px;
    }

    .ind-banner .home-banner-txt {
        margin-top: 200px;
    }

    .tech-banner .tech-banner-img {
        width: 250px;
        height: 250px;
    }

    .tech-banner:after {
        left: -20% !important;
        top: -64% !important;
        width: 700px !important;
        height: 700px !important;
    }

    .tech-banner:before {
        width: 670px;
        height: 670px;
    }

    .tech-banner .tech-bnr-trch {
        width: 90px;
        right: -100px;
    }

    .tech-banner .tech-ban-gr-7 {
        width: 165px;
        height: 165px;
        left: 54px;
        top: 0;
    }

    .tech-banner .tech-bnr-flr {
        bottom: -20px;
        width: 100%;
    }

    .tech-service .servc-sngl-c .servc-sngl-txt-c p {
        text-align: left !important;
    }

    .tech-service .servc-sngl-c .servc-sngl-txt-c .sub-hd-serv-c {
        margin: 0 0 10px !important;
    }

    .city-name {
        margin: 0 0 35px;
    }
}