body {
    font-family: ubuntu-md,Verdana,Arial,sans-serif;
    font-size: 15px;
    color: rgba(50,50,50,.8)
}

a {
    color: #091726
}

.btn, a {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

    a:hover {
        color: #ff724a;
        text-decoration: none
    }

.row {
    margin: 0
}

.btn.btn-belu {
    color: #fff;
    border-radius: 50rem !important;
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%)
}

.custom-file-label::after {
    display: none
}

.apply-btn-crear {
    color: #fff !important;
    border: solid 1px #00B956;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 600;
    background: #00B956;
    text-align: center;
    width: 156px;
}

.current_Opening .box:hover .apply-btn-crear {
    color: #fff;
}

.btn_get_started {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    border-radius: 4px;
    transition: .5s;
    color: #fff;
    background: rgba(255,255,255,.1);
    border: 2px solid #fff;
}

    .btn_get_started:hover {
        border-color: #fbb733;
        color: #fff;
        background: #e39b10
    }

.btn_get_started1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding: 10px 15px 10px 15px;
    border-radius: 4px;
    transition: .5s;
    border: 2px solid #fff;
    color: #fff;
    background: rgba(255,255,255,.1)
}

    .btn_get_started1:hover {
        color: #fff;
        background: #e39b10;
        border: 2px solid #fbb733
    }

.btn_get_started2 {
    text-align: center;
    color: #020626;
    border: solid 1px #00B956;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    width: 220px;
}

    .btn_get_started2:hover {
        color: #fff;
        box-shadow: inset -220px 0px 0 0 #00B956;
        outline: none;
    }

.btn_get_started3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding: 10px 35px 10px 35px;
    border-radius: 20px;
    transition: .5s;
    border: 2px solid #fbb733;
    color: #000;
    background: rgba(255,255,255,.1)
}

    .btn_get_started3:hover {
        color: #fff;
        background: #e39b10;
        border: 2px solid #fbb733
    }

.border_btm_nav {
    border-bottom: solid 1px #7b7b7b;
    padding-bottom: 5px
}

.border_btm2 {
    border-bottom: solid 1px #ccc !important
}

.nav_font_style {
    font-size: 11px;
    color: #fff;
    width: 100%;
    display: block;
    font-style: normal;
    padding-top: 2px;
}

.color_back {
    color: #000 !important
}

.container {
    width: 96%;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1450px
}

.margin_top9 {
    margin-top: 10px
}

.whatsap_icon {
    color: #fff;
    font-size: 16px
}

.Mobile_First {
    width: 100%
}

    .Mobile_First img {
        width: 100%
    }

.infoneo10yearbox {
    width: 200px;
    position: fixed;
    bottom: 0;
    left: 0px;
    height: auto;
}

    .infoneo10yearbox img {
        width: 100%;
    }

#hero {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
}

.hero-container {
    height: calc(111vh - 100px);
}

#hero:before {
    content: "";
    background: rgba(255, 255, 255, 0.78);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

/*#hero .hero-container {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center
    }*/

#hero h1 {
    font-size: 72px;
    font-weight: bold;
    line-height: 90px;
    text-transform: unset;
    color: #070E3D;
    max-width: 92%;
    margin: 0 auto 30px;
    font-family: Poppins;
}

#hero h6 {
    font-size: 20px;
    line-height: 30px;
    color: #070E3D;
    font-weight: 600;
    max-width: 77%;
    margin: 0px auto 35px;
    font-family: Poppins;
}

#hero h2 {
    color: #eee;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 25px;
    font-family: Poppins;
}

#hero .btn-get-started {
    border: solid 1px #00B956;
    text-transform: capitalize;
    font-weight: 600;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    font-size: 16px;
    display: inline-block;
    padding: 10px 35px 10px 35px;
    border-radius: 25px;
    color: #020626;
    font-family: Poppins;
    /*    background: #070E3D;*/
}

    #hero .btn-get-started:hover {
        color: #fff;
        box-shadow: inset -200px 0px 0 0 #00B956;
    }

#hero .btn-watch-video {
    font-size: 16px;
    display: inline-block;
    padding: 10px 25px 8px 40px;
    transition: .5s;
    margin-left: 25px;
    color: #fff;
    position: relative
}

    #hero .btn-watch-video i {
        color: #fff;
        font-size: 32px;
        position: absolute;
        left: 0;
        top: 7px;
        transition: .3s
    }

    #hero .btn-watch-video:hover i {
        color: #ff4a17
    }

.infoneo_barand {
    width: 100%;
    margin-top: 45px
}

.banner_wrap {
    width: 100%;
    text-align: left;
    position: absolute;
    top: 50%;
    left: -50%;
    transform: translate(50%, -50%);
}

.banner_working_area {
    width: 100%;
    padding: 0px;
    text-align: center;
}

.disply_1 {
    display: block;
    text-align: left;
    width: 332px
}

.disply_2 {
    display: none
}

div.center {
    text-align: center
}

span.word-rotate {
    visibility: hidden;
    width: 210px !important;
    height: 0;
    margin-bottom: -7px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative
}

h1 span.word-rotate, h2 span.word-rotate {
    margin-bottom: -8px
}

span.word-rotate.active {
    visibility: visible;
    width: auto
}

span.word-rotate-items {
    position: relative;
    top: 0;
    width: 100%
}

    span.word-rotate-items span {
        display: inline-block;
        background: -webkit-linear-gradient(#2f3781,#078bd8);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

.strip_section {
    background-color: #f4f4f4;
    padding: 16px 0
}

.bottom_strip {
    width: 100%
}

    .bottom_strip img {
        width: 100%
    }

.custom_file {
    position: relative;
    display: inline-block;
    width: 52% !important;
    height: calc(1.5em+.75rem+2px);
    border: solid 1px #0c6393;
    text-align: center;
    margin: 0 14px 11px
}

.custom_file_input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    margin: 0;
    opacity: 0;
    margin: 0 !important;
    border-bottom: none !important
}

.custom_file_label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em+.75rem+2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057 !important;
    background-color: #fff;
    border-bottom: 0;
    border-radius: 0 !important;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.offerings_section {
    background-color: #f2f2f2d9;
    padding: 50px 0
}

    .offerings_section p {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0;
        margin: 0 0 30px
    }

.offerings_left {
    width: 100%
}

    .offerings_left h5 {
        font-size: 1.25rem;
        margin-bottom: .5rem;
        font-weight: 600;
        color: #000;
        line-height: 1.2
    }

    .offerings_left ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .offerings_left ul li {
            float: left;
            width: 100%;
            font-size: 15px;
            position: relative;
            margin-top: 21px;
            padding-left: 20px
        }

            .offerings_left ul li::before {
                content: "";
                background-color: #0b1a2c;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                top: 8px;
                left: 0;
                position: absolute
            }

            .offerings_left ul li a {
                color: #000
            }

.offerings_box {
    width: 100%;
    padding: 30px 38px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 40px;
    background-color: #fff;
    box-shadow: 0 10px 6px -6px #777;
    border: solid 1px #e1e1e1;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}

    .offerings_box span {
        background: url(../img/Mobile_App_Development1.png);
        width: 58px;
        width: 58px;
        height: 52px;
        display: block;
        background-size: 100%;
        margin: 0 auto
    }

    .offerings_box:hover span {
        background-image: url(../img/Mobile_App_Development2.png)
    }

    .offerings_box span.one {
        background: url(../img/Web_Developmen1.png);
        width: 58px;
        width: 58px;
        height: 52px;
        display: block;
        background-size: 100%;
        margin: 0 auto
    }

    .offerings_box:hover span.one {
        background-image: url(../img/Web_Developmen2.png)
    }

    .offerings_box:hover span.two {
        background-image: url(../img/Enterprise_Devops2.png)
    }

    .offerings_box span.two {
        background: url(../img/Enterprise_Devops1.png);
        width: 58px;
        width: 58px;
        height: 52px;
        display: block;
        background-size: 100%;
        margin: 0 auto
    }

    .offerings_box:hover span.three {
        background-image: url(../img/Strategic_UX2.png)
    }

    .offerings_box span.three {
        background: url(../img/Strategic_UX1.png);
        width: 58px;
        width: 58px;
        height: 52px;
        display: block;
        background-size: 100%;
        margin: 0 auto
    }

    .offerings_box:hover span.Four {
        background-image: url(../img/Ecommerce_Developmen1.png)
    }

    .offerings_box span.Four {
        background: url(../img/Ecommerce_Developmen2.png);
        width: 58px;
        width: 58px;
        height: 52px;
        display: block;
        background-size: 100%;
        margin: 0 auto
    }

    .offerings_box:hover span.Five {
        background-image: url(../img/Cloud_Based1.png)
    }

    .offerings_box span.Five {
        background: url(../img/Cloud_Based2.png);
        width: 58px;
        width: 58px;
        height: 52px;
        display: block;
        background-size: 100%;
        margin: 0 auto
    }

    .offerings_box:hover span.Six {
        background-image: url(../img/Internet_things1.png)
    }

    .offerings_box span.Six {
        background: url(../img/Internet_things2.png);
        width: 58px;
        width: 58px;
        height: 52px;
        display: block;
        background-size: 100%;
        margin: 0 auto
    }

    .offerings_box:hover span.Seven {
        background-image: url(../img/Blockchain_Solutions1.png)
    }

    .offerings_box span.Seven {
        background: url(../img/Blockchain_Solutions2.png);
        width: 58px;
        width: 58px;
        height: 52px;
        display: block;
        background-size: 100%;
        margin: 0 auto
    }

    .offerings_box:hover span.Eight {
        background-image: url(../img/Digital_Solutions1.png)
    }

    .offerings_box span.Eight {
        background: url(../img/Digital_Solutions2.png);
        width: 58px;
        width: 58px;
        height: 52px;
        display: block;
        background-size: 100%;
        margin: 0 auto
    }

    .offerings_box h5 {
        font-size: 1rem;
        color: #666;
        margin-bottom: 0;
        margin-top: 5px;
        line-height: 20px
    }

    .offerings_box:hover h5 {
        color: #fff
    }

    .offerings_box:hover {
        background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        -moz-transition: all .8s;
        -webkit-transform: scale(1.1);
        transition: all .8s
    }

.margin_0_auto {
    margin: 20px auto 0
}

.we_industry {
    width: 100%;
    background: url(../img/best-practices.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    padding: 50px 0;
    text-align: center
}

    .we_industry h2 {
        font-size: 34px;
        position: relative;
        color: #fff
    }

    .we_industry p {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        float: left;
        padding: 0;
        margin: 0
    }

    .we_industry .nav-tabs {
        width: 100%;
        float: left;
        border: 0;
        margin: 20px 0 0;
        text-align: center;
        display: inline-block !important
    }

        .we_industry .nav-tabs li {
            width: auto;
            height: auto;
            letter-spacing: 0;
            margin: 10px 10px;
            display: inline-block
        }

            .we_industry .nav-tabs li figure {
                width: 100%;
                float: left;
                margin: 0 0 10px
            }

                .we_industry .nav-tabs li figure img {
                    max-height: 40px
                }

            .we_industry .nav-tabs li a {
                padding: 12px 0;
                width: 225px;
                background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
                display: block;
                border-radius: 10px;
                border-bottom: solid 2px #dfdedecc;
                text-align: center;
                font-size: 18px;
                color: #fff
            }

                .we_industry .nav-tabs li a.active {
                    background: #e39b10;
                    border: 2px solid #fbb733;
                    color: #fff
                }

    .we_industry .tab-content {
        width: 100%;
        float: left;
        border: 0;
        text-align: center;
        padding: 15px 80px 0
    }

        .we_industry .tab-content h3 {
            color: #fff;
            font-size: 28px;
            line-height: 45px;
            margin: 0 0 25px
        }

            .we_industry .tab-content h3 a {
                color: #fff
            }

            .we_industry .tab-content h3 img {
                max-height: 45px
            }

        .we_industry .tab-content p {
            font-size: 15px;
            line-height: 24px;
            letter-spacing: 0;
            margin: 0
        }

.white_color {
    color: #fff !important
}

.counter_section {
    background-color: #fff;
    padding: 50px 0
}

#prg-counter .prg-container {
    text-align: center;
    width: 80%;
    margin: auto
}

#prg-counter .prg-container1 {
    text-align: center;
    width: 100%;
    margin: auto
}

#prg-head h1 {
    text-align: center
}

#prg-counter h3.prg-count {
    background-color: rgba(0,0,0,0);
    color: #0e1e32;
    font-size: 25px;
    padding: 0;
    border: 0 solid #000
}

    #prg-counter h3.prg-count::after {
        content: " +";
        display: inline-block
    }

#prg-counter h4.prg-count-title {
    background-color: rgba(0,0,0,0);
    color: rgba(50,50,50,.8);
    font-size: 15px;
    line-height: 25px;
    font-weight: 400
}

.team_left {
    width: 30%;
    float: left;
    margin-left: 20px;
    padding-top: 0
}

    .team_left img {
        width: 61px
    }

.team_left_Nations {
    width: 30%;
    float: left;
    margin-left: 20px;
    padding-top: 0
}

    .team_left_Nations img {
        width: 54px
    }

.team_left1 {
    width: 25%;
    float: left;
    margin-left: 12px;
    padding-top: 16px
}

    .team_left1 img {
        width: 74px
    }

.team_left_Satisfied {
    width: 25%;
    float: left;
    margin-left: 12px;
    padding-top: 5px
}

.team_left1 img {
    width: 74px
}

.team_right {
    width: 62%;
    float: left;
    text-align: left;
    padding-left: 10px
}

.border_right_1 {
    border-right: 2px solid #d4d4d4
}

.border_left_1 {
    border-left: 2px solid #d4d4d4
}

.border_buttom1 {
    border-bottom: 2px solid #d4d4d4;
    height: 100px;
    padding-top: 16px !important
}

.border_buttom2 {
    height: 100px;
    padding-top: 16px !important
}

.product_Ideation_left {
    width: 100%;
    margin-top: 43px
}

    .product_Ideation_left img {
        width: 100%
    }

.product_Ideation {
    width: 100%;
    margin-top: 20px
}

    .product_Ideation ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .product_Ideation ul li {
            float: left;
            width: 100%;
            padding: 22px 20px;
            margin-bottom: 10px;
            border-bottom: solid 1px #ccc;
            background-color: #ffffff8c
        }

            .product_Ideation ul li:hover {
                background-color: #fff;
                webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -o-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 0 10px -1px #3535353d;
                -moz-box-shadow: 0 0 10px -1px #3535353d;
                -ms-box-shadow: 0 0 10px -1px #3535353d;
                -o-box-shadow: 0 0 10px -1px #3535353d;
                box-shadow: 0 0 10px -1px #3535353d;
                cursor: pointer
            }

.product_list_icon {
    width: 65px;
    text-align: center;
    float: left
}

.product_list {
    width: 78%;
    float: left;
    padding-left: 12px
}

    .product_list h3 {
        font-size: 19px;
        margin: 0 0 10px;
        color: #000
    }

    .product_list p {
        font-size: 15px;
        text-align: left;
        margin-bottom: 0;
        line-height: 24px
    }

.case_studies {
    width: 100%;
    margin-top: 40px
}

.portfolio_1 {
    padding-bottom: 90px;
    height: 100%;
    display: block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    position: relative
}

.case_studies a img {
    width: 100%
}

.portfolio_1__cap {
    padding: 15px 10px;
    background-color: #fff;
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: left
}

    .portfolio_1__cap h5 {
        color: #000;
        text-align: center
    }

    .portfolio_1__cap p {
        color: #999;
        font-size: 12px !important;
        font-style: italic
    }

    .portfolio_1__cap h6 {
        color: #999;
        font-size: 12px;
        font-weight: 700
    }

.case_studies:hover {
    box-shadow: 0 0 10px #73737370
}

.recent_work_section .swiper_nav .swiper-button-prev {
    left: auto;
    right: 120px
}

.swiper-container {
    margin-top: 50px;
    position: relative
}

.arrow-left {
    position: absolute;
    top: 55%;
    left: 111px;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%)
}

.arrow-right {
    position: absolute;
    top: 55%;
    right: 112px;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%)
}

.package_servce {
    width: 100%;
    float: left;
    background-color: #fff;
    color: #fff;
    padding: 50px 0;
    text-align: center
}

    .package_servce h2 {
        font-size: 34px;
        position: relative;
        color: #000
    }

    .package_servce p {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0;
        color: #000;
        margin: 0 0 30px
    }

    .package_servce .nav-tabs {
        width: auto;
        border: 0;
        margin: 20px 0 0;
        text-align: center;
        display: inline-block !important
    }

        .package_servce .nav-tabs li {
            float: left;
            width: 160px;
            letter-spacing: 0;
            margin: 10px 10px;
            display: inline-block
        }

            .package_servce .nav-tabs li figure {
                width: 100%;
                float: left;
                margin: 0 0 10px
            }

                .package_servce .nav-tabs li figure img {
                    max-height: 40px
                }

            .package_servce .nav-tabs li a {
                padding: 1rem 1rem;
                width: 100%;
                height: 160px;
                background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
                display: block;
                border-radius: 10px;
                border-bottom: solid 2px #dfdedecc;
                text-align: center;
                font-size: 15px;
                color: #fff
            }

                .package_servce .nav-tabs li a.active {
                    background: #e39b10;
                    border: 2px solid #fbb733;
                    color: #fff
                }

                    .package_servce .nav-tabs li a.active:before {
                        content: "";
                        display: block;
                        width: 0;
                        height: 0;
                        border-right: 12px solid transparent;
                        border-left: 12px solid transparent;
                        border-top: 12px solid #e39b10;
                        position: absolute;
                        bottom: -12px;
                        left: 40%
                    }

    .package_servce .tab-content {
        width: 100%;
        float: left;
        border: 0;
        text-align: center;
        padding: 15px 80px 0
    }

        .package_servce .tab-content h3 {
            color: #000;
            font-size: 28px;
            line-height: 45px;
            margin: 0 0 10px
        }

            .package_servce .tab-content h3 a {
                color: #000
            }

.we_industry .tab-content h3 img {
    max-height: 45px
}

.package_servce .tab-content p {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000;
    margin: 0
}

.package_servce .tab-content ul {
    margin: 20px 0 0;
    padding: 0;
    list-style-type: none
}

.package_servce .tab-content li {
    width: 16.5%;
    float: left;
    border: 1px solid #ccc;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #fff;
    text-align: center;
    transition: all .5s ease-in-out;
    position: relative;
    padding: 20px 0
}

    .package_servce .package_servce .tab-content li:nth-child(3), .package_servce .tab-content li:nth-child(1), .package_servce .tab-content li:nth-child(2), .package_servce .tab-content li:nth-child(4), .package_servce .tab-content li:nth-child(5) {
        border-bottom: 0
    }

    .package_servce .tab-content li span {
        padding: 5px 0 0;
        display: block;
        color: #273037
    }

.delivery_models_left {
    width: 100%;
    margin-top: 15px
}

    .delivery_models_left p {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0;
        color: #000;
        margin: 0
    }

.delivery_models {
    width: 100%
}

    .delivery_models img {
        width: 70px
    }

    .delivery_models h3 {
        font-size: 18px;
        color: #000;
        margin: 10px 0 6px;
        border-bottom: solid 2px #1f59a4;
        padding-bottom: 7px
    }

    .delivery_models p {
        font-size: 15px;
        line-height: 24px
    }

.purposeful_section {
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    padding: 50px 0
}

.left_purposeful {
    width: 100%;
    padding-right: 110px
}

    .left_purposeful h6 {
        position: relative;
        color: #fff;
        margin-bottom: 30px
    }

        .left_purposeful h6::after {
            position: absolute;
            height: 1px;
            background-color: #fff;
            width: 30px;
            left: 0;
            margin: auto;
            content: "";
            bottom: -10px
        }

    .left_purposeful h2 {
        margin-bottom: 15px;
        font-size: calc(18px+(34 - 18) *((100vw - 320px)/(1920 - 320)))
    }

        .left_purposeful h2 span {
            font-weight: 400;
            font-size: 23px
        }

    .left_purposeful p {
        color: #fff;
        line-height: 24px;
        font-size: 15px
    }

.btn.btn-yallo {
    color: #fff;
    border-radius: 50rem !important;
    background: #e39b10;
    border: 2px solid #fbb733
}

.relationships {
    width: 100%;
    margin-bottom: 15px
}

    .relationships img {
        max-width: 100%;
        width: 70px;
        height: auto
    }

    .relationships h4 {
        font-size: 18px;
        margin: 20px 0 15px;
        color: #fff
    }

    .relationships p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 3px;
        color: #fff
    }

.Engagement_section {
    background-color: #fff;
    padding: 50px 0;
    clear: both
}

.engagement_practices {
    width: 100%;
    box-shadow: 0 10px 6px -6px #777;
    border: solid 1px #e1e1e1;
    background-color: #f0f0f0;
    border-radius: 6px;
    padding: 13px 10px;
    margin-top: 20px;
    min-height: auto;
    text-align: center
}

    .engagement_practices img {
        text-align: center;
        width: 65px
    }

    .engagement_practices h4 {
        font-size: 18px;
        color: #000;
        margin: 10px 0 6px
    }

.Engagement_section p {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
    margin: 0 0 30px
}

.engagement_practices p {
    font-size: 15px;
    line-height: 24px
}

.box_shedo {
    box-shadow: 1px 1px 0 0 #aeaeae85;
    margin-bottom: 17px
}

.recent_work_section {
    background: linear-gradient(180deg, #F6FAF9 -6.81%, #E9F7FD 106.1%);
    padding: 100px 0;
    position: relative
}

    .recent_work_section p {
        font-size: 14px;
        line-height: 23px
    }

.swiper-button-next, .swiper-button-prev {
    cursor: pointer;
    color: var(--swiper-navigation-color,#fff)
}

.testimonial_box {
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    margin-bottom: 5px;
    padding: 14px 0;
    min-height: 270px
}

.heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999
}

.white-heading {
    color: #fff
}

.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url(img/heading-line.png);
    background-repeat: no-repeat;
    background-position: center
}

.white-heading:after {
    background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
    background-repeat: no-repeat;
    background-position: center
}

.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500
}

.white-heading span {
    color: #fff
}

.testimonial:after {
    position: absolute;
    top: 0 !important;
    left: 0;
    content: " ";
    background: url(img/testimonial.bg-top.png);
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99
}

.testimonial {
    min-height: 375px;
    position: relative;
    background: url(https://i.ibb.co/PTJDkgb/testimonials.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: center;
    background-size: cover
}

#testimonial4 .carousel-inner:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab
}

#testimonial4 .carousel-inner:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

#testimonial4 .carousel-inner .item {
    overflow: hidden
}

.testimonial4_indicators .carousel-indicators {
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    height: 20px;
    bottom: 15px;
    padding: 0 5px;
    cursor: e-resize;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

    .testimonial4_indicators .carousel-indicators li {
        padding: 0;
        width: 14px;
        height: 14px;
        border: 0;
        text-indent: 0;
        margin: 2px 3px;
        cursor: pointer;
        display: inline-block;
        background: #fff;
        -webkit-border-radius: 100%;
        border-radius: 100%
    }

    .testimonial4_indicators .carousel-indicators .active {
        padding: 0;
        width: 14px;
        height: 14px;
        border: 0;
        margin: 2px 3px;
        background-color: #9dd3af;
        -webkit-border-radius: 100%;
        border-radius: 100%
    }

    .testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
        height: 3px
    }

    .testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
        background: #eee;
        -webkit-border-radius: 0;
        border-radius: 0
    }

.testimonial4_control_button .carousel-control {
    top: 175px;
    opacity: 1;
    width: 40px;
    bottom: auto;
    height: 40px;
    font-size: 10px;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    line-height: 38px;
    text-shadow: none;
    text-align: center;
    position: absolute;
    background: 0;
    border: 2px solid #fff;
    text-transform: uppercase;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .6s cubic-bezier(.3,1,0,1);
    transition: all .6s cubic-bezier(.3,1,0,1)
}

    .testimonial4_control_button .carousel-control.left {
        left: 7%;
        top: 50%;
        right: auto
    }

    .testimonial4_control_button .carousel-control.right {
        right: 7%;
        top: 50%;
        left: auto
    }

        .testimonial4_control_button .carousel-control.left:hover, .testimonial4_control_button .carousel-control.right:hover {
            color: #000;
            background: #fff;
            border: 2px solid #fff
        }

.testimonial4_header {
    top: 0;
    left: 0;
    bottom: 0;
    width: 550px;
    display: block;
    margin: 30px auto;
    text-align: center;
    position: relative
}

    .testimonial4_header h4 {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
        position: relative;
        letter-spacing: 1px;
        text-transform: uppercase
    }

.testimonial4_slide {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    padding: 20px;
    position: relative;
    text-align: center
}

    .testimonial4_slide img {
        top: 0;
        left: 0;
        right: 0;
        width: 136px;
        height: 136px;
        margin: auto;
        display: block;
        color: #f2f2f2;
        font-size: 18px;
        line-height: 46px;
        text-align: center;
        position: relative;
        border-radius: 50%;
        box-shadow: -6px 6px 6px rgba(0,0,0,.23);
        -moz-box-shadow: -6px 6px 6px rgba(0,0,0,.23);
        -o-box-shadow: -6px 6px 6px rgba(0,0,0,.23);
        -webkit-box-shadow: -6px 6px 6px rgba(0,0,0,.23)
    }

    .testimonial4_slide p {
        color: #fff;
        font-size: 15px;
        line-height: 23px;
        padding: 0 21px;
        margin: 0 0 20px 0;
        font-weight: 400
    }

    .testimonial4_slide h4 {
        color: #fff;
        font-size: 17px;
        text-transform: uppercase
    }

.testimonial .carousel {
    padding-bottom: 50px
}

.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px
}

.carousel-control-prev {
    left: -15px
}

.carousel-control-next {
    right: -15px
}

.card-img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.card-title {
    margin-bottom: .3rem
}

.cat {
    display: inline-block;
    margin-bottom: 1rem
}

.fa-users {
    margin-left: 1rem
}

.card-footer {
    font-size: .8rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    height: 189px
}

.Our_Journey {
    width: 100%
}

    .Our_Journey img {
        width: 100%
    }

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none
}

.project_Delivered {
    float: right;
    margin: 25px 16px 0 0
}

.project_icon {
    width: 72px;
    margin-bottom: 10px
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    display: none
}

.cont_get_toch1 {
    display: none
}

ul.team-list {
    list-style: none;
    margin: 0;
    display: inherit;
    padding: 0
}

.thumbnail {
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.img-thumbnail {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: relative
}

    .img-thumbnail span.zoom {
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        background: #ccc;
        border-radius: 100%;
        bottom: 8px;
        color: #fff;
        display: block;
        height: 30px;
        padding: 6px;
        position: absolute;
        right: 8px;
        text-align: center;
        width: 30px
    }

        .img-thumbnail span.zoom i {
            font-size: 14px;
            left: -1px;
            position: relative;
            top: -3px
        }

a.thumb-info {
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    max-width: 100%
}

    a.thumb-info:hover span.thumb-info-action-icon {
        right: 0;
        top: 0
    }

    a.thumb-info:hover span.thumb-info-action {
        opacity: 1
    }

    a.thumb-info span.thumb-info-action-icon {
        -moz-border-radius: 0 0 0 25px;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-border-radius: 0 0 0 25px;
        -webkit-transition: all .3s;
        background: #ccc;
        border-radius: 0 0 0 25px;
        display: inline-block;
        font-size: 25px;
        height: 50px;
        line-height: 50px;
        position: absolute;
        right: -100px;
        text-align: center;
        top: -100px;
        transition: all .3s;
        width: 50px
    }

        a.thumb-info span.thumb-info-action-icon i {
            font-size: 24px;
            left: 3px;
            position: relative;
            top: -4px
        }

    a.thumb-info:hover span.thumb-info-title {
        background: #000
    }

    a.thumb-info span.thumb-info-action {
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        background: rgba(36,27,28,.9);
        bottom: 0;
        color: #fff;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .3s;
        width: 100%
    }

    a.thumb-info span.thumb-info-inner {
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        display: block;
        transition: all .3s;
        white-space: nowrap
    }

    a.thumb-info span.thumb-info-title {
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        background: rgba(36,27,28,.9);
        bottom: 10%;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        left: 0;
        letter-spacing: 0;
        padding: 9px 11px 9px;
        position: absolute;
        text-shadow: 1px 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        transition: all .3s;
        z-index: 1
    }

    a.thumb-info span.thumb-info-type {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background-color: #0e6291;
        border-radius: 2px;
        display: inline-block;
        float: left;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 8px -2px -15px -2px;
        padding: 5px 9px;
        text-transform: none
    }

    a.thumb-info:hover img {
        -moz-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1)
    }

    a.thumb-info img {
        width: 100%;
        -moz-border-radius: 3px;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -webkit-border-radius: 3px;
        -webkit-transition: all .2s linear;
        border-radius: 3px;
        position: relative;
        transition: all .2s linear
    }

span.thumb-info-caption {
    padding: 10px 0
}

    span.thumb-info-caption p {
        font-size: .9em;
        line-height: 20px;
        margin: 0 0 8px;
        padding: 10px
    }

span.thumb-info-social-icons {
    border-top: 1px dotted #ddd;
    margin: 0;
    padding: 15px 0;
    display: block
}

    span.thumb-info-social-icons a {
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        background: #ccc;
        border-radius: 25px;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 30px
    }

        span.thumb-info-social-icons a:hover {
            text-decoration: none
        }

        span.thumb-info-social-icons a span {
            display: none
        }

        span.thumb-info-social-icons a i {
            color: #fff;
            font-size: .9em;
            font-weight: 400
        }

a.thumb-info.secundary span.thumb-info-title {
    background: 0;
    bottom: auto;
    left: 0;
    right: 0;
    top: 35%;
    text-align: center;
    opacity: 0
}

a.thumb-info.secundary span.thumb-info-type {
    float: none
}

a.thumb-info.secundary:hover span.thumb-info-title {
    top: 42%;
    opacity: 1
}

.send_resume_cnt {
    text-align: right
}

.sentence {
    color: #1f496c;
    font-size: 45px;
    text-align: center
}

.slidingHorizontal {
    display: inline;
    text-indent: 8px
}

    .slidingHorizontal span {
        animation: leftToRight 12.5s linear infinite 0;
        -ms-animation: leftToRight 12.5s linear infinite 0;
        -webkit-animation: leftToRight 12.5s linear infinite 0;
        font-weight: 700;
        text-align: center;
        height: 63px;
        color: #fff;
        opacity: 0;
        left: 40%;
        overflow: hidden;
        position: absolute;
        top: 45px
    }

        .slidingHorizontal span:nth-child(2) {
            animation-delay: 2.5s;
            -ms-animation-delay: 2.5s;
            -webkit-animation-delay: 2.5s
        }

        .slidingHorizontal span:nth-child(3) {
            animation-delay: 5s;
            -ms-animation-delay: 5s;
            -webkit-animation-delay: 5s
        }

        .slidingHorizontal span:nth-child(4) {
            animation-delay: 7.5s;
            -ms-animation-delay: 7.5s;
            -webkit-animation-delay: 7.5s
        }

        .slidingHorizontal span:nth-child(5) {
            animation-delay: 10s;
            -ms-animation-delay: 10s;
            -webkit-animation-delay: 10s
        }

.margin_top30 {
    margin-top: 30px !important
}

.contfrom {
    width: 100%;
    background: #fff;
    padding: 0
}

    .contfrom label {
        font-size: 14px;
        color: #000;
        width: 100%;
        clear: both;
        margin: 0;
        text-transform: capitalize
    }

    .contact-page .contfrom select, .contfrom input {
        border: 0;
        min-height: 35px;
        margin: 1px 0 15px;
        width: 100%;
        font-size: 14px;
        color: #727f8d;
        border-bottom: 1px solid #dfdfdf;
        clear: both
    }

.text-area {
    width: 100%;
    background: #f2f2f2;
    overflow: hidden;
    margin: 12px 0 0
}

.contfrom textarea {
    width: 100%;
    padding: 20px;
    height: 120px;
    font-size: 14px;
    border: solid 1px #dfdfdf;
    background: 0;
    color: #727f8d
}

    .contfrom textarea:focus {
        border: solid 1px #136d9c;
        box-shadow: 0 0 4px #136d9c
    }

.contfrom .text-area .dz-default {
    margin: 20px
}

    .contfrom .text-area .dz-default button {
        border: 1px solid #297fad;
        padding: 5px 10px;
        border-radius: 0;
        font: 11px/16px Roboto,sans-serif;
        background: 0;
        color: #000;
        text-transform: uppercase;
        margin: 0 !important
    }

.contfrom .tex_note {
    font-size: 14px;
    color: #000;
    margin-top: 20px;
    line-height: 24px;
    margin-bottom: 0
}

.contact_detail {
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    width: 100 %;
    padding: 40px 40px 40px 50px;
    border-radius: 5px
}

.Connect_page_pdg {
    padding: 0 30px 8px 0;
    color: #fff;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center
}

.contact_detail {
    padding: 40px 27px 20px 70px
}

.contact_detail_2 {
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    width: 95%;
    border-radius: 5px;
    padding: 40px 27px 20px 65px
}

    .contact_detail_2 p {
        color: #fff;
        position: relative;
        font-size: 15px;
        display: block;
        margin-bottom: 25px;
        clear: both
    }

        .contact_detail_2 p span i {
            width: 30px;
            height: 30px;
            border-radius: 100%;
            color: #0b5298;
            background: #fff;
            text-align: center;
            line-height: 30px;
            overflow: hidden;
            position: absolute;
            left: -40px;
            top: 0
        }

        .contact_detail_2 p a {
            color: #fff
        }

.detailrow {
    padding: 0 0 30px;
    margin: 0 0 20px;
    border-bottom: 1px solid #e39b10
}

.contact_detail h3 {
    font-size: 19px;
    text-transform: capitalize;
    color: #fff;
    margin: 0 0 20px -37px;
    border-bottom: 1px solid #e39b10;
    width: auto;
    display: inline-block;
    padding-bottom: 5px
}

.contact_detail p {
    color: #fff;
    position: relative;
    font-size: 15px;
    display: block;
    margin-bottom: 25px
}

    .contact_detail p span i {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        color: #0b5298;
        background: #fff;
        text-align: center;
        line-height: 30px;
        overflow: hidden;
        position: absolute;
        left: -40px;
        top: 0
    }

    .contact_detail p a {
        color: #fff
    }

.social-media {
    clear: both;
    margin: 20px 0 0
}

    .social-media ul {
        list-style: none;
        padding: 0
    }

    .social-media li {
        width: 40px;
        height: 40px;
        background: #fff;
        overflow: hidden;
        margin: 0 10px 0 0;
        font-size: 22px;
        border: 1px solid #fff;
        border-radius: 100%;
        line-height: 37px;
        display: inline-block;
        text-align: center
    }

        .social-media li a {
            display: block;
            color: #0c6595
        }

            .social-media li a:hover {
                background: #e39b10;
                color: #fff
            }

.contRequest {
    width: 100%;
    background: #fff;
    padding: 0
}

    .contRequest label {
        font-size: 14px;
        color: #000;
        width: 100%;
        clear: both;
        margin: 0;
        text-transform: capitalize
    }

    .contRequest input, .contRequest select {
        border: 0;
        min-height: 35px;
        margin: 5px 0 21px;
        width: 100%;
        font-size: 14px;
        color: #727f8d;
        border-bottom: 1px solid #dfdfdf;
        clear: both;
        padding-left: 10px;
        background-color: #f2f2f2
    }

.text-area {
    width: 100%;
    background: #f2f2f2;
    overflow: hidden;
    margin: 12px 0 0
}

.contRequest textarea {
    width: 100%;
    padding: 10px 10px;
    height: 215px;
    font-size: 14px;
    border: 0;
    background: 0;
    color: #414244;
    border: solid 1px #e3e2e2
}

    .contRequest textarea:focus {
        border: solid 1px #136d9c;
        box-shadow: 0 0 4px #136d9c
    }

.contRequest .text-area .dz-default {
    margin: 20px
}

    .contRequest .text-area .dz-default button {
        border: 1px solid #297fad;
        padding: 5px 10px;
        border-radius: 0;
        font: 11px/16px Roboto,sans-serif;
        background: 0;
        color: #000;
        text-transform: uppercase;
        margin: 0 !important
    }

.contRequest .tex_note {
    font-size: 14px;
    color: #000;
    margin-top: 20px;
    line-height: 24px
}

.free_quote {
    width: 100%
}

    .free_quote img {
        width: 200px
    }

.currents_section {
    background: rgba(2, 6, 38, 1);
    padding: 70px 0 120px;
    font-family: Poppins;
}

    .currents_section h2 {
    }

.current_Opening .box {
    width: 98%;
    background: rgba(13, 17, 48, 1);
    padding: 20px;
    display: flex;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    align-items: stretch !important;
    border: 1px solid rgba(0, 185, 86, 1);
    margin: 0 auto 25px;
}

.text-right {
    text-align: right !important;
    display: flex;
    align-items: center;
}

.current_Opening .box_icon {
    background-color: #fafafa;
    width: 90px;
    height: 90px;
    float: left;
    text-align: center;
    margin-right: 20px;
    border-radius: .25rem
}

    .current_Opening .box_icon img {
        padding: 20px
    }

.box_cnt {
    float: left;
    width: 85%
}

    .box_cnt h3 {
        font-size: 20px;
        color: rgba(0, 185, 86, 1);
        font-weight: 600;
        line-height: 33px;
    }

    .box_cnt p {
        font-size: 17px;
        line-height: 25px;
        letter-spacing: 0;
        margin: 0 0 30px;
        font-weight: 400;
        color: #fff;
    }

/*.current_Opening .box_btn {
    float: right;
    margin-top: 0;
    font-size: 15px
}*/
.clsViewmore {
    color: rgba(0, 185, 86, 1) !important;
}

.current_Opening .box:hover {
    background: #020626;
    color: rgba(50, 50, 50, .8);
    transform: scale(1.02);
    width: 100%;
    margin: 0 auto 25px;
}

    .current_Opening .box:hover .box_cnt p {
        color: #fff;
    }

.box_cnt {
    color: #fff;
}

    .box_cnt p h5 {
        color: #fff;
    }

.current_Opening .box:hover .box_cnt h5 {
    color: #fff;
}

.custom-file-label {
    position: absolute;
    top: 13px;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em+.75rem+2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border-bottom: 2px solid #d9d9d9 !important;
    border-radius: 0 !important;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.app_aaplist {
    margin: 3rem 0 0
}

    .app_aaplist ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        list-style: none;
        padding: 0
    }

        .app_aaplist ul li {
            flex-basis: 18%;
            border-radius: 5px;
            margin: 7px 7px;
            border: 1px solid #ccc;
            background: #fff
        }

            .app_aaplist ul li:hover {
                box-shadow: 3px 7px 7px rgba(0,0,0,.1)
            }

            .app_aaplist ul li a {
                padding: 1rem 2rem;
                display: flex;
                align-items: center;
                color: #757575
            }

    .app_aaplist .icon1 {
        background-position: 0 12px
    }

    .app_aaplist i {
        background: url(../img/app-application-sprite.png) center no-repeat;
        width: 50px;
        height: 50px;
        display: block;
        margin: 0 1rem 0 0
    }

    .app_aaplist .icon2 {
        background-position: 0 -72px
    }

    .app_aaplist .icon3 {
        background-position: 10px -172px
    }

    .app_aaplist .icon4 {
        background-position: 0 -272px
    }

    .app_aaplist .icon5 {
        background-position: 0 -382px
    }

    .app_aaplist .icon6 {
        background-position: 0 -488px
    }

    .app_aaplist .icon7 {
        background-position: 0 -585px
    }

    .app_aaplist .icon8 {
        background-position: 10px -680px
    }

    .app_aaplist .icon9 {
        background-position: 10px -780px
    }

    .app_aaplist .icon10 {
        background-position: 10px -880px
    }

    .app_aaplist .icon11 {
        background-position: 10px -978px
    }

    .app_aaplist .icon12 {
        background-position: 10px -1076px
    }

    .app_aaplist .icon10 {
        background-position: 10px -880px
    }

    .app_aaplist .icon13 {
        background-position: 10px -1170px
    }

    .app_aaplist .icon14 {
        background-position: 10px -1266px
    }

    .app_aaplist .icon15 {
        background-position: 0 -1363px
    }

.Wide_aaplist {
    margin: 3rem 0 0
}

    .Wide_aaplist ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        list-style: none;
        padding: 0
    }

        .Wide_aaplist ul li {
            flex-basis: 23%;
            border-radius: 5px;
            margin: 7px 7px;
            border: 1px solid #ccc;
            background: #fff
        }

            .Wide_aaplist ul li:hover {
                box-shadow: 3px 7px 7px rgba(0,0,0,.1)
            }

            .Wide_aaplist ul li a {
                padding: 1rem 2rem;
                display: flex;
                align-items: center;
                color: #757575
            }

    .Wide_aaplist i {
        background: url(../img/open-source-sprite.png) center no-repeat;
        width: 59px;
        height: 59px;
        display: block;
        margin: 0 1rem 0 0
    }

    .Wide_aaplist .icon1 {
        background-position: 0 8px
    }

    .Wide_aaplist .icon2 {
        background-position: 0 -76px
    }

    .Wide_aaplist .icon3 {
        background-position: 7px -176px
    }

    .Wide_aaplist .icon4 {
        background-position: 0 -272px
    }

    .Wide_aaplist .icon5 {
        background-position: 0 -382px
    }

    .Wide_aaplist .icon6 {
        background-position: 0 -490px
    }

    .Wide_aaplist .icon7 {
        background-position: 0 -585px
    }

    .Wide_aaplist .icon8 {
        background-position: 10px -680px
    }

.Cross_Platform {
    width: 100%;
    margin: 2rem 0;
    background-color: #fff;
    min-height: 584px !important;
    transition: all .5s ease 0;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    overflow: hidden
}

    .Cross_Platform img {
        width: 100%;
        transition: all .5s ease 0
    }

    .Cross_Platform:hover img {
        transform: scale(1.1)
    }

    .Cross_Platform h3 {
        font-size: 23px;
        margin: 2rem 2rem 1.4rem;
        color: #333
    }

    .Cross_Platform p {
        color: #757575;
        line-height: 24px;
        padding: 0 2rem 4rem;
        font-size: 15px
    }

    .Cross_Platform:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.2)
    }

.cross_app_section {
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    padding: 50px 0
}

    .cross_app_section p {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0;
        color: #fff;
        margin: 0 0 30px
    }

.cross_app_list {
    width: 100%
}

    .cross_app_list ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

        .cross_app_list ul li {
            flex-basis: 18%;
            border-radius: 5px;
            margin: 1rem;
            border: 1px solid #ccc;
            background: #fff;
            display: flex;
            justify-content: center;
            flex-direction: column
        }

            .cross_app_list ul li a {
                padding: 2.5rem 2rem;
                display: flex;
                align-items: center;
                text-align: center;
                flex-direction: column;
                color: #757575
            }

    .cross_app_list i {
        background: url(../img/mobile-techno-list.png) center no-repeat;
        background-position-x: center;
        background-position-y: center;
        width: 72px;
        height: 70px;
        display: block;
        margin: 0 0 1rem
    }

    .cross_app_list .icon7 {
        background-position: 2px -1048px
    }

    .cross_app_list .icon6 {
        background-position: 0 -868px
    }

    .cross_app_list .icon5 {
        background-position: 6px -692px
    }

    .cross_app_list .icon8 {
        background-position: 8px -1233px
    }

    .cross_app_list ul li:hover .icon7 {
        background-position: -119px -1048px
    }

    .cross_app_list ul li:hover {
        box-shadow: 1rem 1rem 1rem rgba(0,0,0,.1);
        background: #e39b10
    }

        .cross_app_list ul li:hover a {
            color: #fff
        }

        .cross_app_list ul li:hover .icon6 {
            background-position: -119px -868px
        }

        .cross_app_list ul li:hover .icon5 {
            background-position: -115px -692px
        }

        .cross_app_list ul li:hover .icon8 {
            background-position: -112px -1233px
        }

.technologies_we {
    width: 100%;
    margin: 2rem 0;
    background-color: #fff;
    min-height: 584px !important;
    transition: all .5s ease 0;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    overflow: hidden
}

    .technologies_we img {
        width: 100%;
        transition: all .5s ease 0
    }

    .technologies_we:hover img {
        transform: scale(1.1)
    }

    .technologies_we h3 {
        font-size: 23px;
        margin: 2rem 2rem 1.4rem;
        color: #333
    }

    .technologies_we p {
        color: #757575;
        line-height: 24px;
        padding: 0 2rem 4rem;
        font-size: 15px
    }

    .technologies_we:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.2)
    }

.technologies_we_section {
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    padding: 50px 0
}

    .technologies_we_section p {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0;
        color: #fff;
        margin: 0 0 30px
    }

.technologies_we_list {
    width: 100%
}

    .technologies_we_list ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

        .technologies_we_list ul li {
            flex-basis: 17%;
            border-radius: 5px;
            margin: 1rem;
            border: 1px solid #ccc;
            background: #fff;
            display: flex;
            justify-content: center;
            flex-direction: column;
            box-shadow: 0 1px 2px rgba(0,0,0,.15);
            transition: all .6s cubic-bezier(.165,.84,.44,1)
        }

            .technologies_we_list ul li a {
                padding: 20px 10px;
                display: flex;
                align-items: center;
                text-align: center;
                flex-direction: column;
                color: #757575
            }

    .technologies_we_list i {
        background: url(../img/laravel-info.png) center no-repeat;
        background-position-x: center;
        background-position-y: center;
        width: 72px;
        height: 70px;
        display: block;
        margin: 0 0 1rem
    }

    .technologies_we_list .icon1 {
        background-position: 2px 15px
    }

    .technologies_we_list .icon2 {
        background-position: 5px -99px
    }

    .technologies_we_list .icon3 {
        background-position: 6px -218px
    }

    .technologies_we_list .icon4 {
        background-position: 8px -330px
    }

    .technologies_we_list .icon5 {
        background-position: 4px -465px
    }

    .technologies_we_list .icon6 {
        background-position: 6px -588px
    }

    .technologies_we_list .icon7 {
        background-position: 6px -713px
    }

    .technologies_we_list .icon8 {
        background-position: 5px -829px
    }

    .technologies_we_list .icon9 {
        background-position: 6px -972px
    }

    .technologies_we_list ul li:hover {
        box-shadow: 0 5px 15px rgb(234 234 234 / 30%);
        transform: scale(1.1,1.1)
    }

.dedicated_box {
    width: 100%
}

    .dedicated_box h4 {
        font-size: 1.25rem;
        margin-bottom: 18px;
        font-weight: 600;
        color: #fff;
        line-height: 1.2
    }

    .dedicated_box p {
        padding: 15px;
        border-radius: 5px;
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0;
        color: #fff;
        background-color: #0b0b0b52;
        box-shadow: 0 1px 4px #fff
    }

.crm_miston {
    width: 100%;
    margin-top: 15px
}

    .crm_miston img {
        width: 100%
    }

.crm_miston1 {
    width: 100%;
    margin-top: 37px
}

    .crm_miston1 ul {
        margin: 0;
        padding: 0;
        list-style: inside
    }

        .crm_miston1 ul li {
            float: left;
            width: 100%;
            font-size: 20px;
            color: #000;
            line-height: 35px;
            margin-top: 15px;
            border-bottom: solid 1px #dfdfdf;
            padding-bottom: 5px
        }

.payment_gateways_box {
    width: 100%;
    padding: 31px 20px;
    min-height: 340px;
    margin-bottom: 40px;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    transition: all .8s cubic-bezier(.2,.8,.2,1) 0;
    border: 1px solid rgba(195,198,213,.3)
}

.payment_gateways_box_left {
    width: 50px;
    float: left;
    height: 50px;
    margin-right: 15px
}

.payment_gateways_box_right {
    width: 70%;
    float: right;
    text-align: left
}

    .payment_gateways_box_right img {
        margin: 0 auto;
        text-align: center;
        width: 89px;
        padding: 20px 0
    }

    .payment_gateways_box_right h4 {
        font-size: 18px;
        color: #000;
        font-weight: 500;
        line-height: 24px
    }

    .payment_gateways_box_right ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .payment_gateways_box_right ul li {
            float: left;
            width: 100%;
            font-size: 15px;
            text-align: left;
            line-height: 24px
        }

.payment_gateways_box:hover {
    background: rgba(98,173,213,.05) none repeat scroll 0 0
}

.API_Development {
    width: 100%
}

    .API_Development img {
        width: 100%
    }

.UX_Design {
    margin: 0
}

    .UX_Design h4 {
        font-size: 18px;
        text-align: left;
        color: #262626;
        margin: 3px 0 15px;
        font-weight: 700;
        padding: 0 25px
    }

    .UX_Design ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        list-style: none;
        padding: 0
    }

        .UX_Design ul li {
            flex-basis: 23%;
            border-radius: 5px;
            margin: 7px 7px;
            border: 1px solid #ccc;
            background: #fff
        }

            .UX_Design ul li:hover {
                box-shadow: 0 4px 2px rgba(0,0,0,.1)
            }

            .UX_Design ul li a {
                padding: 13px 13px;
                display: flex;
                align-items: center;
                color: #444343;
                font-size: 17px
            }

                .UX_Design ul li a img {
                    width: 46px;
                    margin-right: 10px
                }

.enterprise_branding_bg {
    width: 100%;
    background: rgba(234, 247, 253, 1);
    /*  background: url(../img/enterprise-branding-bg.jpg);*/
    /*    background-size: cover;
    background-attachment: fixed;*/
    padding: 50px 0;
    font-family: Poppins;
}

.enterprise_branding_bg2 {
    width: 100%;
    background: url(../img/enterprise-branding-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 50px 0
}

.What_Makes_section {
    width: 100%;
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    padding: 50px 0
}

.What_Makes {
    width: 100%;
    text-align: center
}

    .What_Makes h4 {
        font-size: 34px;
        color: #fff;
        /* color: rgba(7, 14, 61, 1);*/
        line-height: 1.25em;
        font-weight: 600;
        margin-bottom: 15px;
    }

.what-makes-color1 {
    color: rgba(7, 14, 61, 1) !important;
}

.what-makes-color2 {
    color: #5E566A !important;
}

.What_Makes p {
    /*color: #5E566A;*/ color: #fff;
    font-size: 17px;
    line-height: 26px;
}

.What_Makes ul {
    margin: 0;
    list-style: decimal
}

    .What_Makes ul li {
        float: left;
        line-height: 24px;
        font-size: 15px;
        color: #fff;
        margin-bottom: 15px
    }

.testing_approach {
    width: 90%;
    text-align: center;
    margin: 0 auto
}

    .testing_approach img {
        width: 100%
    }

.technologies_list {
    width: 100%
}

    .technologies_list img {
        width: 100%
    }

.software_testing {
    width: 100%
}

    .software_testing ul {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        list-style: none
    }

        .software_testing ul li {
            flex: 0 0 45%;
            border-radius: 5px;
            border: 1px solid #707070;
            margin: 10px 0
        }

            .software_testing ul li:hover {
                box-shadow: 0 10px 6px -6px #777
            }

    .software_testing p {
        font-size: 15px;
        position: relative;
        color: #444;
        margin: 6px 0;
        text-align: left;
        padding: 3px 0 3px 45px;
        background: #fff
    }

        .software_testing p::before {
            content: '\f00c';
            font: 18px/20px FontAwesome;
            color: #115e8c;
            position: absolute;
            left: 20px;
            top: 6px
        }

.benefits .panel-heading {
    background: 0;
    border: medium none;
    border-radius: 0;
    padding: 12px 0;
    border-radius: 39px
}

    .benefits .panel-heading.bottomStrip a {
        position: relative
    }

.benefits a {
    color: #000;
    font-size: 21px;
    letter-spacing: .4px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

    .benefits a i {
        color: #18719f;
        float: right;
        font-size: 18px;
        margin: 2px 0 0;
        position: relative;
        left: -29px;
        top: 8px
    }

.why_benefits_textCoulmn {
    color: #4d4d4d;
    column-count: 2;
    column-gap: 60px;
    font-size: 15px;
    letter-spacing: 0;
    padding: 6px 0 20px;
    text-align: justify;
    margin-top: 10px
}

.Online_Experts {
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    margin: 0;
    padding: 45px 0 64px;
    position: relative
}

    .Online_Experts h2 {
        color: #fff;
        font-size: 30px;
        margin: 0 0 5px
    }

    .Online_Experts p {
        color: #ececec;
        font-size: 22px
    }

    .Online_Experts::before {
        border-top: 13px solid #e1e9f0
    }

    .Online_Experts::before {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 13px solid #f3f3f3;
        content: "";
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }

.SEO_Analysis {
    box-shadow: 0 3px 6px rgba(0,0,0,.2),0 6px 12px rgba(0,0,0,.2);
    min-height: 100px;
    padding: 20px 20px;
    text-align: center
}

    .SEO_Analysis img {
        height: auto;
        max-width: 100%;
        vertical-align: top
    }

.SEO_Seconds {
    width: 100%
}

    .SEO_Seconds h5 {
        font-size: 26px;
        font-style: inherit;
        margin: 0
    }

        .SEO_Seconds h5 strong {
            color: #1f9cd9
        }

    .SEO_Seconds h2 {
        font-size: 42px;
        font-weight: 700;
        color: #000;
        margin: 3px 0 3px
    }

    .SEO_Seconds p {
        font-size: 20px;
        color: #000;
        line-height: 24px
    }

    .SEO_Seconds ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .SEO_Seconds ul li {
            float: left;
            width: 100%;
            font-size: 15px;
            line-height: 50px
        }

            .SEO_Seconds ul li i {
                font-size: 25px;
                color: #2f3781
            }

.social_Media_Plateform {
    background: #060606;
    padding: 30px 0;
    margin: 0
}

.social_Media_left {
    padding-left: 50px;
    position: relative
}

    .social_Media_left::before {
        border: 1px solid #23272b;
        content: "";
        height: 63px;
        position: absolute;
        right: -7.5px;
        top: 50%;
        transform: translateY(-50%)
    }

    .social_Media_left h2 {
        color: #fff;
        font-size: 35px;
        margin: 0 0 6px;
        text-transform: initial
    }

    .social_Media_left span {
        color: #fff;
        font-size: 15px
    }

.social_Media_Right {
    padding-top: 13px
}

    .social_Media_Right ul {
        display: inline-block;
        margin: 0
    }

        .social_Media_Right ul li {
            display: inline-block;
            margin: 0 64px 0 0
        }

            .social_Media_Right ul li a {
                pointer-events: none
            }

.media_logo {
    width: 100%;
    padding-top: 13px
}

    .media_logo ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .media_logo ul li {
            float: left;
            width: 20%;
            margin-right: 15px
        }

            .media_logo ul li img {
                width: 100%
            }

.Online_marketing {
    width: 100%
}

    .Online_marketing p {
        font-size: 15px;
        line-height: 24px;
        color: #000
    }

.bg_bodr {
    background-color: #f4f4f4;
    border: solid 1px #ece9e9;
    border-radius: 5px;
    padding: 0 15px 30px
}

.What_Makes_section1 {
    width: 100%;
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    padding: 50px 0
}

.Easily_Makes {
    width: 100%;
    text-align: center
}

    .Easily_Makes h2 {
        font-size: 55px;
        color: #fff;
        text-align: center;
        margin: 0;
        margin-bottom: 0;
        font-weight: 700;
        margin-bottom: 21px
    }

    .Easily_Makes p {
        color: #fff;
        text-align: center;
        font-size: 19px;
        margin-bottom: 30px
    }

.Campaign_Makes {
    width: 100%;
    text-align: center
}

    .Campaign_Makes h2 {
        font-size: 34px;
        color: #fff;
        text-align: center;
        margin: 0;
        margin-bottom: 0;
        margin-bottom: 0;
        font-weight: 700;
        margin-bottom: 21px
    }

    .Campaign_Makes h3 {
        font-size: 35px;
        color: #fff;
        margin-bottom: 28px;
        text-align: center
    }

    .Campaign_Makes p {
        color: #fff;
        text-align: center;
        margin-bottom: 28px;
        font-size: 19px
    }

.Search_Engine_Plateform {
    background: #000;
    padding: 30px 0;
    margin: 0
}

.Search_Engine1 {
    width: 100%;
    text-align: center;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.Search_Engine2 {
    width: 100%;
    padding-top: 13px
}

    .Search_Engine2 ul {
        display: inline-block;
        margin: 0
    }

        .Search_Engine2 ul li {
            display: inline-block;
            margin: 0 64px 0 0
        }

            .Search_Engine2 ul li a {
                pointer-events: none
            }

.Search_use {
    width: auto;
    margin: 0 auto;
    text-align: center
}

    .Search_use img {
        width: auto;
        margin: 40px 0
    }

.our_client_logo {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px
}

    .our_client_logo ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .our_client_logo ul li {
            display: inline-block;
            width: 31%;
            border: solid 1px #e8e4e4;
            margin: 0 4px 11px 0;
            border-radius: 5px;
            padding: 5px 8px
        }

            .our_client_logo ul li img {
                border-radius: 5px
            }

            .our_client_logo ul li:hover {
                box-shadow: 0 1px 1px 0 #4d4d4d6b
            }

.consulting_process {
    width: 100%;
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    border: 1px solid #0d7ecb;
    border-radius: 17px;
    padding: 50px 30px 0;
    position: relative;
    min-height: 530px
}

    .consulting_process h3 {
        font-size: 20px;
        color: #fff
    }

        .consulting_process h3::after {
            height: 2px;
            background: #ffbc00;
            display: block;
            width: 112px;
            margin-top: 16px;
            bottom: -8px;
            left: 0;
            content: ''
        }

    .consulting_process p {
        color: #fff;
        padding-top: 12px;
        font-size: 15px;
        border-bottom: 1px solid #eceef1;
        float: left;
        padding-bottom: 15px
    }

    .consulting_process ul {
        margin: 15px 0 0;
        padding: 0;
        list-style: inside;
        float: left
    }

        .consulting_process ul li {
            font-size: 15px;
            color: #fff;
            padding: 10px 0 10px 10px;
            float: left
        }

.Understanding_box {
    width: 100%;
    box-shadow: 2px 2px 8px 4px rgba(0,0,0,.1);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 20px !important;
    border-bottom: 10px solid #e39b10;
    background-color: #fff;
    margin-bottom: 50px;
    min-height: 350px
}

    .Understanding_box h3 {
        font-size: 20px;
        color: #444;
        margin: 15px 0
    }

    .Understanding_box p {
        font-size: 15px;
        color: #575757;
        line-height: 24px;
        margin: 0 0 30px
    }

.pricing_card_box {
    flex: 1 1 200px;
    margin: 1rem;
    background: #fff;
    box-shadow: 0 0 30px 1px rgba(0,0,0,.2);
    text-align: center;
    padding: 1.5rem 1rem;
    min-height: 379px
}

    .pricing_card_box h4 {
        font-size: 1.25rem;
        line-height: 1.5
    }

    .pricing_card_box h6 {
        font-size: 18px;
        font-weight: 300;
        color: #444
    }

    .pricing_card_box h2 {
        font-size: 40px;
        font-weight: 700;
        margin: 20px 0;
        color: #000
    }

    .pricing_card_box p {
        font-size: 15px;
        font-weight: 300;
        color: #444;
        margin: 19px 0 0
    }

.service_ASP {
    margin: 20px 0;
    padding: 40px 20px;
    text-align: center;
    border-radius: 5px;
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    transition: all .3s ease 0;
    min-height: 255px
}

    .service_ASP h3 {
        color: #fff;
        font-size: 20px
    }

    .service_ASP p {
        font-size: 15px !important;
        color: #fff !important;
        line-height: 24px !important;
        padding: 8px 5px 0
    }

    .service_ASP ul {
        margin: 0;
        padding: 0;
        list-style: inside
    }

        .service_ASP ul li {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #fff;
            line-height: 28px
        }

    .service_ASP:hover {
        background: rgba(5,7,9,.83)
    }

.web_applications {
    width: 100%;
    text-align: center
}

    .web_applications ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        list-style: none;
        padding: 0
    }

        .web_applications ul li {
            border-radius: 5px;
            margin: 7px 7px;
            align-items: center;
            color: #373737;
            padding: 1rem 12px;
            flex-basis: 15%;
            border: 1px solid #ccc;
            background: #fff;
            font-size: 15px
        }

            .web_applications ul li:hover {
                box-shadow: 1px 2px 0 #e39b10
            }

.ProvideStack {
    background: #091726 !important
}

.request_from {
    width: 100%;
    background: #091726;
    border-radius: 10px;
    padding: 30px 30px
}

    .request_from h3 {
        font-size: 32px;
        color: #fff;
        text-align: center;
        margin: 0 0 10px
    }

    .request_from p {
        font-size: 18px;
        text-align: center;
        color: #fff
    }

.reqafrom {
    width: 100%
}

    .reqafrom label {
        font-size: 14px;
        color: #fff;
        width: 100%;
        clear: both;
        margin: 0;
        text-transform: capitalize
    }

    .contact-page .reqafrom select, .reqafrom input {
        border: 0;
        min-height: 35px;
        padding: 0 5px;
        margin: 5px 0 15px;
        width: 100%;
        border-radius: 5px;
        font-size: 14px;
        color: #080809;
        border-bottom: 1px solid #dfdfdf;
        clear: both
    }

.text-area {
    width: 100%;
    background: #fff;
    overflow: hidden;
    margin: 12px 0 0
}

.reqafrom textarea {
    width: 100%;
    padding: 9px;
    height: 60px;
    font-size: 14px;
    border: 0;
    background: 0;
    color: #000
}

    .reqafrom textarea:focus {
        border: solid 1px #136d9c;
        box-shadow: 0 0 4px #136d9c
    }

.reqafrom .text-area .dz-default {
    margin: 20px
}

    .reqafrom .text-area .dz-default button {
        border: 1px solid #297fad;
        padding: 5px 10px;
        border-radius: 0;
        font-size: 11px;
        background: 0;
        color: #000;
        text-transform: uppercase;
        margin: 0 !important
    }

.reqafrom .tex_note {
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
    line-height: 24px
}

.development_integration {
    width: 100%;
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    padding: 50px 0
}

    .development_integration p {
        font-size: 15px;
        text-align: center;
        line-height: 24px;
        color: #fff
    }

.service_PHP {
    margin: 20px 0;
    padding: 40px 20px 40px;
    text-align: center;
    border-radius: 5px;
    background: #fff;
    transition: all .3s ease 0
}

    .service_PHP h3 {
        color: #000;
        font-size: 20px
    }

    .service_PHP ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        list-style: none;
        padding: 0
    }

        .service_PHP ul li {
            flex-basis: 33%;
            margin: 19px 0 0
        }

.choose_angular_secton {
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    padding: 50px 0
}

.choose_angular {
    width: 100%
}

    .choose_angular ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

        .choose_angular ul li {
            margin: 10px 0
        }

    .choose_angular p {
        font-size: 15px;
        position: relative;
        color: #ffd;
        margin: 0;
        text-align: left;
        border-radius: 5px;
        border: 1px solid #e39b10;
        padding: 6px 9px 8px 39px;
        background: #e39b10
    }

        .choose_angular p::before {
            content: '\f00c';
            font: 18px/20px FontAwesome;
            color: #fff;
            position: absolute;
            left: 10px;
            top: 8px
        }

        .choose_angular p:hover {
            box-shadow: 0 10px 6px -6px #777
        }

.consider_angular {
    width: 100%
}

    .consider_angular ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .consider_angular ul li {
            float: left;
            width: 33%;
            font-size: 15px;
            line-height: 50px;
            margin-right: 10px
        }

            .consider_angular ul li i {
                font-size: 25px;
                color: #2f3781
            }

.net_developers_section {
    width: 100%;
    padding: 50px 0;
    background-color: #f2f2f2d9
}

.net_developers {
    width: 100%;
    background-color: #fff;
    padding: 20px 10px 20px;
    border: solid 1px #dfdfdf;
    border-radius: 5px;
    min-height: 240px;
    margin-top: 15px
}

    .net_developers img {
        height: 45px;
        width: 53px;
        float: left
    }

    .net_developers h3 {
        font-size: 17px;
        color: #202124;
        float: left;
        padding-left: 6px;
        padding-top: 7px
    }

    .net_developers p {
        width: 100%;
        float: left;
        color: #000;
        line-height: 24px;
        font-size: 15px;
        margin-top: 13px
    }

.net_developers1 {
    width: 100%;
    margin-top: 20px
}

    .net_developers1 img {
        width: 100%
    }

.most_preferred {
    width: 100%;
    text-align: center
}

    .most_preferred h4 {
        font-size: 24px;
        color: #000;
        margin-top: 34px
    }

    .most_preferred p {
        font-size: 15px;
        line-height: 24px;
        color: #000
    }

.service_powerful {
    margin: 20px 0;
    padding: 40px 20px;
    text-align: center;
    border-radius: 5px;
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    transition: all .3s ease 0;
    min-height: 494px
}

    .service_powerful h3 {
        color: #fff;
        font-size: 20px
    }

    .service_powerful p {
        font-size: 15px;
        color: #fff;
        line-height: 24px;
        padding: 8px 5px 0
    }

    .service_powerful ul {
        margin: 0;
        padding: 0;
        list-style: inside
    }

        .service_powerful ul li {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #fff;
            line-height: 28px
        }

    .service_powerful:hover {
        background: rgba(5,7,9,.83)
    }

.benefits_embracing {
    width: 100%;
    border-radius: 10px;
    width: 100%;
    border-radius: 10px;
    background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
    padding: 40px;
    transition: all .1s ease-in-out .5s;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 10px rgba(45,45,45,.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
    margin-top: 30px;
    margin-bottom: 30px
}

    .benefits_embracing h3 {
        font-size: 26px;
        color: #fff;
        text-transform: capitalize;
        position: relative
    }

        .benefits_embracing h3:after {
            content: '';
            background: #ffbc00;
            height: 2px;
            width: 100px;
            bottom: -10px;
            left: 0;
            display: block;
            position: absolute
        }

    .benefits_embracing p {
        font-size: 15px;
        color: #fff;
        width: 100%;
        line-height: 24px;
        float: left;
        padding-top: 25px
    }

    .benefits_embracing .inner_bift {
        padding: 0;
        position: relative;
        z-index: 99
    }

        .benefits_embracing .inner_bift ul {
            margin: 15px 0 0;
            float: left;
            width: 100%;
            border-left: 1px solid #ffbc00;
            padding: 0 0 0 50px
        }

        .benefits_embracing .inner_bift li {
            list-style: none;
            width: 100%;
            font-size: 15px;
            color: #fff;
            position: relative;
            z-index: 99999;
            margin: 0 0 16px
        }

            .benefits_embracing .inner_bift li::before {
                content: '';
                background: url(../img/health_arrow_right.png) no-repeat;
                width: 30px;
                height: 30px;
                position: absolute;
                left: -62px;
                top: 0
            }

            .benefits_embracing .inner_bift li:last-child {
                margin: 0
            }

.feature-area {
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: #f2f2f2d9
}

.feature-text .p-title {
    color: #959595;
    line-height: 14px
}

.feature-text > h2 {
    color: #252830;
    font-size: 43px;
    line-height: 55px;
    margin: 0
}

.feature-text > h1 {
    color: #252830;
    display: block;
    font-size: 54px;
    line-height: 61px;
    margin-bottom: 23px;
    font-weight: 700
}

.feature-text a.button {
    margin-top: 25px
}

.app-image {
    margin-top: 0;
    padding-left: 25px;
    position: relative;
    z-index: 99
}

.single-feature-text h5 {
    color: #252830;
    font-size: 16px;
    margin-bottom: 2px;
    font-weight: 700
}

.single-feature-text p {
    font-size: 15px;
    line-height: 24px;
    color: #000
}

.single-feature > span {
    display: inline-block;
    float: left;
    height: 33px;
    margin-right: 22px;
    width: 33px
}

.single-feature-text {
    display: inline-block
}

.single-feature {
    margin-bottom: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 10px;
    border-bottom: solid 2px #e39b10
}

.project_profile {
    width: 100%
}

    .project_profile h2 {
        font-size: 39px;
        color: #2f3782;
        margin-bottom: 34px;
        position: relative;
        font-weight: 700;
        padding-bottom: 5px
    }

        .project_profile h2::after {
            content: '';
            background: #2f3782;
            height: 2px;
            width: 314px;
            bottom: -10px;
            left: 0;
            display: block;
            position: absolute
        }

.project_profile_left {
    width: 25%;
    float: left;
    padding: 21px 15px;
    background-color: #0490df
}

    .project_profile_left img {
        width: auto;
        float: left;
        width: 78px
    }

    .project_profile_left h4 {
        font-size: 19px;
        color: #fff;
        float: left;
        padding: 13px 0 6px 0
    }

.project_profile_right {
    width: 75%;
    float: right;
    background-color: #2f3782;
    border-radius: 0 20px 20px 0
}

    .project_profile_right p {
        font-size: 14px;
        color: #fff;
        line-height: 24px;
        padding: 10px;
        margin: 0
    }

.project_profile_btm {
    width: 100%
}

.project_profile_btm1 {
    width: 100%
}

    .project_profile_btm1 ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .project_profile_btm1 ul li {
            float: left;
            width: 25%
        }

.duration_proj {
    width: 100%;
    padding: 10px
}

    .duration_proj h5 {
        font-size: 20px;
        color: #2f3781;
        padding: 8px 0 0;
        margin-bottom: 0
    }

.duration_proj_left {
    width: 30%;
    float: left
}

    .duration_proj_left img {
        width: 135px;
        vertical-align: top
    }

.duration_proj_right {
    width: 70%;
    float: left;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px
}

    .duration_proj_right p {
        font-size: 13px;
        margin: 0;
        color: #000;
        text-transform: uppercase
    }

.testimonial_1 {
    margin: 0 70px 20px 0;
    text-align: center;
    position: relative
}

    .testimonial_1 .description::after {
        content: "";
        width: 19px;
        height: 22px;
        border: 1px solid #553e4e;
        border-top-color: #553e4e;
        border-top-style: solid;
        border-top-width: 1px;
        border-left-color: #553e4e;
        border-left-style: solid;
        border-left-width: 1px;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        margin-left: -2.5px;
        position: absolute;
        bottom: -17.5px;
        left: 50%;
        z-index: -1;
        transform: rotate(45deg) translateX(-50%)
    }

    .testimonial_1 .description {
        padding: 19px 9px;
        margin-bottom: 30px;
        background-color: #2f3782;
        font-size: 15px;
        color: #fff;
        line-height: 24px;
        position: relative;
        border-radius: 14px
    }

        .testimonial_1 .description::before {
            content: "";
            border-top: 15px solid #2f3782;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%)
        }

    .testimonial_1 .pic {
        display: inline-block;
        width: 83px;
        height: auto;
        margin-bottom: 0
    }

        .testimonial_1 .pic img {
            width: 100%;
            height: auto
        }

    .testimonial_1 .title1 {
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: #2f3782;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin: 0 0 4px 0
    }

    .testimonial_1 .post_1 {
        display: block;
        font-size: 14px;
        color: #000;
        text-transform: capitalize
    }

.project_benefits_left {
    width: 30%;
    float: left;
    padding: 29px 0;
    background-color: #0490df;
    min-height: 160px
}

    .project_benefits_left img {
        width: auto;
        float: left;
        padding-top: 29px;
        width: 65px
    }

    .project_benefits_left h4 {
        font-size: 21px;
        color: #fff;
        float: left;
        padding: 43px 0 0 0
    }

.project_benefits_right {
    width: 70%;
    float: right;
    margin-bottom: 15px;
    background-color: #2f3782;
    border-radius: 0 20px 20px 0;
    padding: 10px 0
}

    .project_benefits_right ul {
        margin: 0;
        padding: 0;
        list-style: inside
    }

        .project_benefits_right ul li {
            font-size: 14px;
            color: #fff;
            line-height: 23px;
            padding: 2px 0 3px 15px;
            margin: 0;
            width: 100%
        }

.padding_top33 {
    padding-top: 33px
}

.our_clientele_section {
    width: 100%;
    background-color: #fff;
    padding: 40px 0
}

.our_clientele {
    width: 100%
}

    .our_clientele ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .our_clientele ul li {
            float: left;
            margin-bottom: 12px
        }

            .our_clientele ul li img {
                width: 100%
            }

.eCommerce_listing {
    width: 100%
}

    .eCommerce_listing ul {
        margin: 0;
        padding: 0;
        list-style: inside
    }

        .eCommerce_listing ul li {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #fff;
            line-height: 25px
        }

.how_it_works {
    width: 100%;
    background: #12131b url(../img/performance_audit_banner_1920.jpg);
    background-size: auto;
    background-size: cover;
    padding: 70px 0
}

.short_promotions {
    width: 100%;
    min-height: 361px
}

    .short_promotions h4 {
        font-size: 19px;
        color: #000;
        margin: 13px 0 8px
    }

.offline_brnd a:hover h4 {
    color: #115e8e
}

.short_promotions img {
    width: 100%
}

.short_promotions p {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000;
    margin: 0
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 15px
}

.clientele_home_sct {
    background-color: #0e1f31;
    text-align: center
}

.Clientele_home {
    width: 100%
}

    .Clientele_home img {
        width: auto
    }

.footer_bottom_strip {
    width: 100%;
    text-align: center;
    padding-bottom: 15px
}

    .footer_bottom_strip img {
        width: auto
    }

@-moz-keyframes leftToRight {
    0 {
        opacity: 0
    }

    5% {
        opacity: 0;
        -moz-transform: translateX(-50px)
    }

    10% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    25% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    30% {
        opacity: 0;
        -moz-transform: translateX(50px)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes leftToRight {
    0 {
        opacity: 0
    }

    5% {
        opacity: 0;
        -webkit-transform: translateX(-50px)
    }

    10% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    25% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    30% {
        opacity: 0;
        -webkit-transform: translateX(50px)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes leftToRight {
    0 {
        opacity: 0
    }

    5% {
        opacity: 0;
        -ms-transform: translateX(-50px)
    }

    10% {
        opacity: 1;
        -ms-transform: translateX(0)
    }

    25% {
        opacity: 1;
        -ms-transform: translateX(0)
    }

    30% {
        opacity: 0;
        -ms-transform: translateX(50px)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@media only screen and (min-width:1920px) {

    .portfolio_1__cap {
        padding: 15px 13px
    }

    .banner_working_area {
        padding: 400px 0 0;
    }
}

@media only screen and (max-width:1920px) {
    .banner_working_area {
        padding: 60px 0 0;
    }
}

@media only screen and (max-width:1600px) {
    .banner_working_area {
        padding: 80px 0 0;
    }

    .arrow-left {
        position: absolute;
        top: 55%;
        left: 2%;
        width: 53px;
        height: 53px;
        border-radius: 50%;
        background: linear-gradient(90deg,#2f3781 0,#078bd8 100%)
    }

    .arrow-right {
        position: absolute;
        top: 55%;
        right: 2%;
        width: 53px;
        height: 53px;
        border-radius: 50%;
        background: linear-gradient(90deg,#2f3781 0,#078bd8 100%)
    }
}

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

    .arrow-left {
        position: absolute;
        top: 55%;
        left: 1%;
        width: 37px;
        height: 37px;
        border-radius: 50%;
        background: linear-gradient(90deg,#2f3781 0,#078bd8 100%)
    }

    .arrow-right {
        position: absolute;
        top: 55%;
        right: 1%;
        width: 37px;
        height: 37px;
        border-radius: 50%;
        background: linear-gradient(90deg,#2f3781 0,#078bd8 100%)
    }
}

@media only screen and (max-width:1366px) {
    .banner_working_area {
        padding: 100px 0 0;
    }
}

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

    .team_left1 {
        width: 30%;
        float: left;
        margin-left: 9px;
        padding-top: 5px
    }

    .package_servce .nav-tabs li a {
        height: 126px
    }

    .payment_gateways_box {
        width: 100%;
        padding: 31px 20px;
        min-height: 433px;
        margin-bottom: 40px;
        border-radius: 10px;
        background-color: #fff;
        text-align: center;
        transition: all .8s cubic-bezier(.2,.8,.2,1) 0;
        border: 1px solid rgba(195,198,213,.3)
    }

    .payment_gateways_box_left {
        width: 36%;
        float: left;
        height: auto;
        margin-right: 15px;
        margin-bottom: 15px
    }

        .payment_gateways_box_left img {
            width: 100%
        }

    .payment_gateways_box_right {
        width: 100%;
        float: right;
        text-align: left
    }

        .payment_gateways_box_right h4 {
            font-size: 16px;
            color: #000;
            font-weight: 500;
            line-height: 24px
        }

    .social_Media_Right ul li {
        display: inline-block;
        margin: 0 40px 0 0
    }

    .social_Media_left h2 {
        color: #fff;
        font-size: 28px;
        margin: 0 0 6px;
        text-transform: initial
    }

    .Online_Experts h2 {
        color: #fff;
        font-size: 27px;
        margin: 0 0 5px
    }

    .Easily_Makes h2 {
        font-size: 45px;
        color: #fff;
        text-align: center;
        margin: 0;
        margin-bottom: 0;
        margin-bottom: 0;
        font-weight: 700;
        margin-bottom: 21px
    }

    .pricing_card_box {
        padding: 1.5rem 10px
    }

        .pricing_card_box h6 {
            font-size: 16px;
            font-weight: 300;
            color: #444
        }

        .pricing_card_box h4 {
            font-size: 17px;
            line-height: 1.5
        }

        .pricing_card_box h2 {
            font-size: 33px;
            font-weight: 700;
            margin: 20px 0;
            color: #000
        }

    .btn_get_started2 {
        padding: 10px 10px 10px 10px
    }

    .service_PHP {
        margin: 20px 0;
        padding: 25px 20px 25px;
        text-align: center;
        border-radius: 5px;
        background: #fff;
        transition: all .3s ease 0;
        min-height: 224px
    }
}

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

    #prg-counter h4.prg-count-title {
        background-color: rgba(0,0,0,0);
        font-size: 14px;
        line-height: 25px;
        font-weight: 400
    }

    .engagement_practices {
        min-height: 322px
    }

    #hero h1 {
        font-size: 61px;
        line-height: 83px;
        margin: 0 auto 15px;
    }

    #hero h6 {
        font-size: 19px;
        line-height: 32px;
        max-width: 83%;
    }
}

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

    .pricing_card_box h2 {
        font-size: 33px;
        font-weight: 700;
        margin: 20px 0;
        color: #000
    }

    .package_servce .nav-tabs li a {
        height: 126px
    }

    .package_servce .nav-tabs li {
        float: left;
        width: 140px;
        letter-spacing: 0;
        margin: 10px 10px;
        display: inline-block
    }

    .package_servce .tab-content {
        width: 100%;
        float: left;
        border: 0;
        text-align: center;
        padding: 15px 10px 0
    }

    .Wide_aaplist ul li {
        flex-basis: 42%;
        border-radius: 5px;
        margin: 7px 7px;
        border: 1px solid #ccc;
        background: #fff
    }

    .Search_Engine2 ul li {
        display: inline-block;
        margin: 0 40px 0 0
    }
}

@media only screen and (max-width:1199px) {
    footer {
        padding: 40px 0 0;
    }

    .project_profile_left {
        width: 29%;
        float: left;
        padding: 30px 15px 12px;
        background-color: #0490df
    }

        .project_profile_left h4 {
            font-size: 22px;
            color: #fff;
            float: left;
            padding: 7px 0 16px 26px
        }

    .project_profile_right {
        width: 71%;
        float: right;
        background-color: #2f3782;
        border-radius: 0 20px 20px 0;
        min-height: 99px
    }

    .project_benefits_left h4 {
        font-size: 18px;
        color: #fff;
        float: left;
        padding: 43px 0 0 0
    }

    .project_benefits_right ul li {
        font-size: 14px;
        color: #fff;
        line-height: 23px;
        padding: 2px 4px 3px 8px;
        margin: 0;
        width: 100%
    }

    .engagement_practices {
        min-height: auto
    }
}

@media only screen and (max-width:1170px) {
    .team_left {
        width: 30%;
        float: left;
        margin-left: 5px;
        padding-top: 5px
    }

        .team_left img {
            width: 74%
        }

    #prg-counter h3.prg-count {
        background-color: rgba(0,0,0,0);
        color: #0e1e32;
        font-size: 18px;
        padding: 0;
        border: 0 solid #000
    }

    #prg-counter h4.prg-count-title {
        background-color: rgba(0,0,0,0);
        font-size: 14px;
        line-height: 17px
    }

    .border_buttom2 {
        height: 100px;
        padding-top: 7px !important;
        padding: 0
    }

    .team_left1 {
        width: 30%;
        float: left;
        margin-left: 13px;
        padding-top: 5px
    }
}

@media only screen and (max-width:1160px) {
    #hero h1 {
        max-width: 95%;
        font-size: 59px;
    }

    #hero h6 {
        max-width: 80%;
    }

    #hero h6 {
        font-size: 20px;
        line-height: 34px;
    }

    .margin0 {
        margin: 0
    }

    .package_servce .nav-tabs li {
        float: left;
        width: 126px;
        letter-spacing: 0;
        margin: 10px 10px;
        display: inline-block
    }

    .left_purposeful {
        width: 100%;
        padding-right: 10px
    }

    .sentence {
        font-size: 34px;
        text-align: center
    }

    .social-media li {
        margin: 0 3px 0 0
    }

    .Campaign_Makes h2 {
        font-size: 44px
    }

    .request_from p {
        font-size: 15px;
        text-align: center;
        color: #fff
    }

    .request_from h3 {
        font-size: 28px
    }

    .service_PHP h3 {
        color: #000;
        font-size: 18px
    }

    .service_PHP ul li {
        flex-basis: 40%;
        margin: 9px 0 0
    }

    .reqafrom label {
        font-size: 13px;
        font-weight: 400
    }
}

@media only screen and (max-width:1119px) {
    .project_profile_left {
        width: 100%;
        float: left;
        padding: 30px 15px 12px;
        background-color: #0490df;
        border-radius: 15px
    }

    .project_profile_right {
        width: 100%;
        float: right;
        background-color: #2f3782;
        border-radius: 15px;
        min-height: auto;
        margin-top: 12px
    }

    .project_profile_wtih100 {
        width: 100% !important;
        flex: 100%;
        display: block;
        max-width: 100%
    }

    .project_benefits_left {
        width: 40%;
        float: left;
        padding: 29px 14px;
        background-color: #0490df;
        min-height: 160px;
        border-radius: 20px 0 0 20px
    }

    .project_benefits_right {
        width: 60%;
        float: right;
        margin-bottom: 15px;
        background-color: #2f3782;
        border-radius: 0 20px 20px 0;
        padding: 10px 0
    }

    .project_benefits_left h4 {
        font-size: 23px;
        color: #fff;
        float: left;
        padding: 43px 0 0 0
    }

    .testimonial_1 {
        margin: 0 0 20px 0;
        text-align: center;
        position: relative
    }
}

@media(min-width:1024px) {
    #hero {
        background-attachment: fixed
    }
}

@media only screen and (max-width:1114px) {
    #hero h1 {
        max-width: 86%;
        font-size: 50px;
        line-height: 66px;
        margin-bottom: 5px;
    }

    #hero h6 {
        font-size: 18px;
        line-height: 26px;
        max-width: 70%;
    }
}

@media only screen and (max-width:1100px) {
    #hero h1 {
        max-width: 100%;
    }
}

@media only screen and (max-width:1024px) {
    #hero h1 {
        font-size: 50px;
        line-height: 70px;
        max-width: 96%;
    }

    .What_Makes h4 {
        font-size: 25px;
    }

    .What_Makes p {
        font-size: 14px
    }

    .pricing_card_box p {
        font-size: 15px;
        font-weight: 300;
        color: #444;
        margin: 19px 0 0;
        line-height: 24px
    }

    .pricing_card_box h2 {
        font-size: 26px;
        font-weight: 700;
        margin: 20px 0;
        color: #000
    }

    .sentence {
        font-size: 19px
    }

    .contfrom {
        width: 100%;
        background: #fff;
        padding: 40px 0
    }

    .offerings_left {
        width: 100%;
        margin-bottom: 30px
    }

    .we_industry .tab-content {
        width: 100%;
        float: left;
        border: 0;
        text-align: center;
        padding: 15px 0 0
    }

    .project_icon {
        width: 28%;
        margin-bottom: 5px
    }

    .product_list h3 {
        font-size: 17px;
        margin: 0 0 10px;
        color: #000
    }

    .product_list p {
        font-size: 14px;
        text-align: left;
        color: #000;
        margin-bottom: 0;
        line-height: 22px
    }

    .cont_get_toch2 {
        display: block
    }

    .how_it_works {
        padding: 50px 0
    }
}

@media only screen and (max-width:991px) {
    .current_Opening .box {
        width: 100%;
        display: block;
    }

    .box_cnt {
        float: left;
        width: 100%;
    }

    .text-right {
        text-align: left !important;
        display: inline-block;
        margin-top: 15px;
    }
}

@media only screen and (max-width:980px) {
    #hero .btn-get-started {
        font-size: 20px;
    }

    .cont_get_toch1 {
        display: block
    }

    .cont_get_toch2 {
        display: none
    }

    .package_servce .nav-tabs li {
        float: left;
        width: 119px;
        letter-spacing: 0;
        margin: 10px 10px;
        display: inline-block
    }



    .box_cnt {
        float: left;
        padding-top: 5px;
        padding-right: 81px
    }

    .UX_Design ul li {
        flex-basis: 31%;
        border-radius: 5px;
        margin: 7px 7px;
        border: 1px solid #ccc;
        background: #fff
    }

    .social_Media_Right ul li {
        display: inline-block;
        margin: 0 11px 0 0
    }

    .social_Media_left h2 {
        color: #fff;
        font-size: 21px;
        margin: 0 0 6px;
        text-transform: initial
    }

    .Search_Engine2 ul li {
        display: inline-block;
        margin: 0 20px 0 0
    }

    .relationships_mt_30 {
        margin-top: 30px
    }
}

@media only screen and (max-width:930px) {
    .package_servce .nav-tabs li {
        float: left;
        width: 30%;
        letter-spacing: 0;
        margin: 10px 10px;
        display: inline-block
    }

    .relationships {
        width: 100%;
        margin-bottom: 0;
        margin-top: 35px
    }

    .Cross_Platform p {
        color: #757575;
        line-height: 24px;
        padding: 15px;
        font-size: 15px
    }

    .Cross_Platform h3 {
        font-size: 18px;
        margin: 20px 14px 0;
        color: #333
    }

    .current_Opening .box_icon img {
        padding: 0
    }

    .Understanding_box h3 {
        font-size: 17px;
        color: #444;
        margin: 15px 0
    }

    .request_from {
        padding: 25px 16px
    }

        .request_from h3 {
            font-size: 24px
        }

    .engagement_practices {
        min-height: 280px
    }

    .btn_get_started {
        padding: 10px 8px 10px 8px;
        font-size: 12px
    }
}

@media only screen and (max-width:898px) {
    #hero h1 {
        max-width: 95%;
    }
}

@media only screen and (max-width:815px) {
    #hero h1 {
        max-width: 94%;
    }

    #hero h1 {
        font-size: 45px;
    }

    .banner_working_area {
        padding: 0px 0 0;
    }
}

@media only screen and (max-width:800px) {
    #hero {
        height: 100vh;
    }

    span .word-rotate {
        visibility: hidden;
        width: 198px !important;
        height: 0;
        margin-bottom: -7px;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        position: relative
    }

    .social_Media_left h2 {
        color: #fff;
        font-size: 21px;
        margin: 0 0 6px;
        text-transform: initial
    }

    .social_Media_left h2 {
        color: #fff;
        font-size: 18px;
        margin: 0 0 6px;
        text-transform: initial
    }

    .team_left_Nations {
        width: 30%;
        float: left;
        margin-left: 10px;
        padding-top: 0;
        text-align: center
    }

        .team_left_Nations img {
            width: 36px
        }
}

@media(max-width:768px) {
    #hero h1 {
        max-width: 93%;
    }

    #hero h1 {
        font-size: 40px;
        line-height: 60px;
    }

    #hero h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px
    }

    .Wide_aaplist ul li {
        flex-basis: 47%;
        border-radius: 5px;
        margin: 7px 7px;
        border: 1px solid #ccc;
        background: #fff
    }
}

@media only screen and (max-width:767px) {
    footer {
        padding: 50px 0 0 !important;
    }

    div.footer-copyright p {
        text-align: center;
    }

    .current_Opening .box {
        display: block;
        justify-content: space-between;
        align-content: center
    }

    .current_Opening .box_icon {
        margin-right: 10px;
        height: 80px
    }

    .team_left_Nations {
        width: 30%;
        float: none;
        margin: 0 auto;
        padding-top: 0;
        text-align: center
    }

        .team_left_Nations img {
            width: 36px
        }

    .team_left_Satisfied {
        width: 25%;
        float: none;
        margin: 0 auto;
        padding-top: 5px
    }

    .send_resume_cnt {
        text-align: center
    }

    .engagement_practices {
        width: 100%;
        min-height: 299px
    }

    .cross_app_list ul li {
        flex-basis: 44%;
        border-radius: 5px;
        margin: 1rem;
        border: 1px solid #ccc;
        background: #fff;
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .Cross_Platform {
        width: 100%;
        margin: 2rem 0;
        background-color: #fff;
        min-height: auto !important;
        transition: all .5s ease 0;
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        overflow: hidden
    }

    .cross_app_list ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        padding: 0
    }

    .custom-file {
        margin-bottom: 15px !important
    }

    .banner_wrap {
        margin: 0 auto
    }

    h1 span.word-rotate, h2 span.word-rotate {
        margin-bottom: -6px
    }

    .offerings_box {
        width: 100%;
        padding: 30px 13px;
        margin-bottom: 25px
    }

        .offerings_box h5 {
            font-size: 14px;
            color: #666;
            margin-bottom: 0;
            margin-top: 5px;
            line-height: 20px
        }

    .we_industry h2 {
        font-size: 20px;
        position: relative;
        color: #fff
    }

    .sub_heading {
        color: #000;
        font-size: 11px;
        line-height: 24px;
        padding: 0;
        letter-spacing: 1px
    }

    .we_industry .tab-content {
        width: 100%;
        float: left;
        border: 0;
        text-align: center;
        padding: 15px 0 0
    }

    .team_left1 {
        width: 100%;
        float: left;
        margin-left: 0;
        padding-top: 0
    }

    .team_right {
        width: 100%;
        float: left;
        text-align: center;
        padding-left: 0;
        padding-top: 6px
    }

    .team_left {
        width: 100%;
        float: left;
        margin-left: 0;
        padding-top: 0
    }

        .team_left img {
            width: 23%
        }

    #prg-counter h3.prg-count {
        background-color: rgba(0,0,0,0);
        color: #0e1e32;
        font-size: 15px;
        padding: 0;
        border: 0 solid #000;
        margin-bottom: 0
    }

    #prg-counter h4.prg-count-title {
        background-color: rgba(0,0,0,0);
        font-size: 12px;
        line-height: 17px
    }

    .team_left1 img {
        width: 34%
    }

    .border_buttom1 {
        border-bottom: 2px solid #d4d4d4;
        height: 100px;
        padding-top: 0 !important
    }

    .product_Ideation ul li {
        float: left;
        width: 100%;
        padding: 22px 10px;
        margin-bottom: 10px;
        border-bottom: solid 1px #ccc;
        background-color: #ffffff8c
    }

    .product_list_icon {
        width: 57px;
        text-align: center;
        float: left
    }

    .product_list {
        width: 75%;
        float: left;
        padding-left: 9px
    }

        .product_list h3 {
            font-size: 16px;
            margin: 0 0 10px;
            color: #000
        }

    .package_servce .tab-content li {
        width: 32.5%;
        float: left
    }

    .package_servce h2 {
        font-size: 20px;
        position: relative;
        color: #000
    }

    .testimonial_box {
        background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
        margin-bottom: 30px;
        padding: 39px 0;
        margin-top: 21px
    }

    .slidingHorizontal span {
        animation: leftToRight 12.5s linear infinite 0;
        -ms-animation: leftToRight 12.5s linear infinite 0;
        -webkit-animation: leftToRight 12.5s linear infinite 0;
        font-weight: 700;
        text-align: center;
        height: 50px;
        color: #fff;
        opacity: 0;
        left: 36%;
        overflow: hidden;
        position: absolute;
        font-size: 35px
    }

    .app_aaplist {
        margin: 0
    }

        .app_aaplist ul li {
            flex-basis: 31%;
            border-radius: 5px;
            margin: 7px 7px;
            border: 1px solid #ccc;
            background: #fff
        }

    .box_cnt {
        float: left;
        padding-top: 5px;
        padding-right: 10px;
        width: 100%;
    }

        .box_cnt p {
            font-size: 13px;
            line-height: 18px;
            letter-spacing: 0;
            margin: 5px 0 30px;
            margin-bottom: 30px
        }

    .clsViewmore {
        padding-top: 5px;
        display: inline-block
    }

    .current_Opening .box_btn {
        float: left;
        margin-top: 4px;
        font-size: 13px
    }

    .text-right {
        text-align: left !important;
        display: inline-block;
    }

    .box_cnt h3 {
        font-size: 15px;
        margin-bottom: 4px;
        font-weight: 600
    }

    .What_Makes h4 {
        font-size: 25px;
        color: #020626;
        margin: 0 0 15px;
        text-align: center
    }

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

    .enterprise_branding_bg {
        padding: 50px 0;
    }

    .margin_top_resp30 {
        margin-top: 30px
    }

    .Online_Experts h2 {
        color: #fff;
        font-size: 22px;
        margin: 0 0 5px;
        padding: 0 15px
    }

    .Online_Experts {
        background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
        margin: 0;
        padding: 45px 0 22px;
        position: relative
    }

        .Online_Experts p {
            color: #ececec;
            font-size: 17px
        }

    .SEO_Seconds {
        width: 100%;
        margin-top: 25px
    }

        .SEO_Seconds h5 {
            font-size: 22px;
            font-style: inherit;
            margin: 0
        }

        .SEO_Seconds p {
            font-size: 18px;
            color: #000;
            line-height: 24px;
            margin-bottom: 6px
        }

        .SEO_Seconds ul li {
            float: left;
            width: 100%;
            font-size: 14px;
            line-height: 39px
        }

    .benefits a {
        color: #000;
        font-size: 17px;
        letter-spacing: normal;
        text-align: center;
        text-transform: uppercase;
        width: 100%
    }

        .benefits a i {
            color: #18719f;
            float: right;
            font-size: 18px;
            margin: 2px 0 0;
            position: relative;
            left: 0;
            top: 8px
        }

    .social_Media_left {
        padding-left: 0;
        position: relative;
        text-align: center
    }

        .social_Media_left h2 {
            color: #fff;
            font-size: 20px;
            margin: 0 0 6px;
            text-transform: initial
        }

    .social_Media_Right {
        padding-top: 19px
    }

    .Easily_Makes h2 {
        font-size: 27px;
        color: #fff;
        text-align: center;
        margin: 0;
        margin-bottom: 0;
        margin-bottom: 0;
        margin-bottom: 0;
        font-weight: 700;
        margin-bottom: 21px
    }

    .Easily_Makes p {
        color: #fff;
        text-align: center;
        font-size: 17px;
        margin-bottom: 30px
    }

    .social_Media_left::before {
        display: none
    }

    .Campaign_Makes h2 {
        font-size: 44px
    }

    .Campaign_Makes h3 {
        font-size: 28px;
        color: #fff;
        margin-bottom: 13px;
        text-align: center
    }

    .Campaign_Makes p {
        color: #fff;
        text-align: center;
        margin-bottom: 28px;
        font-size: 15px
    }

    .Campaign_Makes h2 {
        font-size: 31px
    }

    .media_logo ul li {
        float: none;
        width: 20%;
        margin-right: 15px;
        display: inline-block
    }

    .media_logo ul {
        padding: 0;
        list-style: none;
        display: inline-block;
        margin: 0 auto;
        text-align: center
    }

    .crm_miston1 ul li {
        font-size: 17px
    }

    .consulting_process {
        width: 100%;
        padding: 30px 30px 30px;
        min-height: auto;
        margin-bottom: 20px
    }

    .Understanding_box {
        min-height: 310px
    }

        .Understanding_box h3 {
            font-size: 19px;
            color: #444;
            margin: 15px 0
        }

    .pricing_card_box {
        min-height: auto
    }

    .request_from {
        padding: 25px 16px;
        margin-top: 30px
    }

        .request_from h3 {
            font-size: 28px
        }

    .web_applications ul li {
        border-radius: 5px;
        margin: 7px 7px;
        align-items: center;
        color: #373737;
        padding: 7px 12px;
        flex-basis: 22%;
        border: 1px solid #ccc;
        background: #fff;
        font-size: 15px
    }
}

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

    #hero h6 {
        font-size: 18px;
        line-height: 32px;
        max-width: 95%;
    }

    #hero .btn-get-started {
        font-size: 17px;
        padding: 7px 26px;
    }

    .UX_Design ul li {
        flex-basis: 47%;
        border-radius: 5px;
        margin: 7px 7px;
        border: 1px solid #ccc;
        background: #fff
    }

    .banner_wrap {
        margin: 0 auto
    }

    #hero h1 {
        font-size: 36px;
        line-height: 50px;
        max-width: 95%;
    }

    #hero h2 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px
    }

    .package_servce .nav-tabs li {
        float: left;
        width: 29%;
        letter-spacing: 0;
        margin: 10px 10px;
        display: inline-block
    }

    .testimonial4_slide h4 {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase
    }

    .app_aaplist ul li {
        flex-basis: 36%;
        border-radius: 5px;
        margin: 7px 7px;
        border: 1px solid #ccc;
        background: #fff
    }

        .app_aaplist ul li a {
            padding: 10px 9px;
            display: flex;
            align-items: center;
            color: #757575
        }

    .cross_app_list ul li {
        flex-basis: 43%;
        border-radius: 5px;
        margin: 1rem;
        border: 1px solid #ccc;
        background: #fff;
        display: flex;
        justify-content: center;
        flex-direction: column
    }
}

@media screen and (max-width:667px) {
    .What_Makes h4 {
        font-size: 24px;
    }

    footer {
        padding: 0px 0 0 !important;
    }

    #hero h1 {
        max-width: 100%;
        margin: 0 auto 8px;
    }

    #hero h6 {
        max-width: 95%;
        margin: 0px auto 15px;
    }

    #hero {
        width: 100%;
        height: 100vh
    }

    .banner_working_area {
        width: 100%;
        padding: 100px 0 0 0
    }

    .engagement_practices {
        min-height: 325px
    }

    h1 span.word-rotate, h2 span.word-rotate {
        margin-bottom: -4px
    }

    .product_list {
        width: 72%;
        float: left;
        padding-left: 9px
    }

    .package_servce .tab-content h3 {
        color: #000;
        font-size: 23px;
        line-height: 27px;
        margin: 0 0 10px
    }

    .package_servce .tab-content p {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0;
        color: #000;
        margin: 0
    }

    .Wide_aaplist ul li {
        flex-basis: 100%;
        border-radius: 5px;
        margin: 7px 7px;
        border: 1px solid #ccc;
        background: #fff
    }

    .delivery_models p {
        font-size: 12px;
        line-height: 24px
    }

    .delivery_models h3 {
        font-size: 15px
    }
}

@media only screen and (max-width:580px) {
    #hero h6 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .social_Media_Right ul li {
        display: inline-block;
        margin: 0 10px 0 0
    }

    span.word-rotate {
        visibility: hidden;
        width: 131px !important;
        height: 0;
        margin-bottom: -7px;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        position: relative
    }

    .we_industry .nav-tabs li {
        width: 96%;
        height: auto;
        letter-spacing: 0;
        margin: 10px 10px;
        display: inline-block
    }

        .we_industry .nav-tabs li a {
            width: 100%
        }

    .Online_Experts h2 {
        color: #fff;
        font-size: 18px;
        margin: 0 0 5px;
        padding: 0 15px
    }

    .Online_Experts p {
        color: #ececec;
        font-size: 14px
    }


    .social_Media_left::before {
        display: none
    }

    .engagement_practices {
        min-height: auto;
        padding: 13px 15px
    }

        .engagement_practices p {
            font-size: 12px;
            line-height: 24px
        }

    .testimonial4_slide p {
        font-size: 12px
    }

    .recent_work_section p {
        font-size: 12px;
        line-height: 23px
    }
}

@media only screen and (max-width:575px) {
    .delivery_models p {
        font-size: 12px;
        line-height: 20px
    }

    .relationships_mt_30 {
        margin-top: 0
    }

    .relationships p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 3px;
        color: #fff
    }

    .project_Delivered {
        float: none;
        margin: 0
    }

    .service_ASP p {
        margin-bottom: 0
    }

    .service_ASP {
        min-height: auto
    }

    .service_ASP {
        margin: 10px 0
    }

    .Innovation_heading {
        padding: 0 15px
    }

    .service_PHP {
        min-height: auto
    }

        .service_PHP ul li {
            flex-basis: 19%;
            margin: 9px 0 0
        }

    .Understanding_box {
        min-height: auto
    }

    .pricing_card_box {
        flex: 1 1 200px;
        margin: 38px 0 0
    }

    .crm_miston1 {
        width: 100%;
        margin-top: 0
    }

    .how_it_works {
        padding: 25px 0
    }

    .Easily_Makes h2 {
        font-size: 22px;
        color: #fff;
        text-align: center;
        margin: 0;
        margin-bottom: 0;
        margin-bottom: 0;
        margin-bottom: 0;
        font-weight: 700;
        margin-bottom: 21px
    }

    .Easily_Makes p {
        color: #fff;
        text-align: center;
        font-size: 16px;
        margin-bottom: 30px
    }

    .crm_miston1 ul li {
        float: left;
        width: 100%;
        font-size: 16px;
        color: #000;
        line-height: 35px;
        margin-top: 15px;
        border-bottom: solid 1px #dfdfdf;
        padding-bottom: 5px
    }

    .payment_gateways_box {
        width: 100%;
        padding: 31px 20px;
        min-height: auto;
        margin-bottom: 40px;
        border-radius: 10px;
        background-color: #fff;
        text-align: center;
        transition: all .8s cubic-bezier(.2,.8,.2,1) 0;
        border: 1px solid rgba(195,198,213,.3)
    }

    .payment_gateways_box_left {
        width: 21%;
        float: left;
        height: auto;
        margin-right: 15px;
        margin-bottom: 15px
    }


    .current_Opening .box_btn {
        float: left;
        margin-top: 0;
        font-size: 13px
    }

    .current_Opening .box_icon {
        margin-right: 5px;
        height: 63px;
        width: 96px
    }

        .current_Opening .box_icon img {
            padding: 0;
            width: 70%
        }

    .box_cnt {
        float: left;
        padding-top: 4px;
        padding-right: 5px;
        width: 95%
    }

        .box_cnt h3 {
            font-size: 14px;
            margin-bottom: 5px;
            font-weight: 600;
            line-height: 22px;
        }

        .box_cnt p {
            font-size: 12px !important;
            line-height: 21px;
            max-width: 95%;
        }

    .clsViewmore {
        padding-top: 10px;
        display: inline-block;
        padding-bottom: 7px;
    }

    .box h5 {
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: 600;
        line-height: 22px;
    }

    .contact-page .contfrom select, .contfrom input {
        margin: 5px 0 30px
    }

    .cross_app_list ul li {
        flex-basis: 100%;
        border-radius: 5px;
        margin: 1rem;
        border: 1px solid #ccc;
        background: #fff;
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .we_industry .nav-tabs li {
        width: 95%;
        height: auto;
        letter-spacing: 0;
        margin: 10px 10px;
        display: inline-block
    }

    #prg-counter .prg-container {
        text-align: center;
        width: 100%;
        margin: auto
    }

    .offerings_box {
        width: 100%;
        padding: 30px 30px;
        margin-bottom: 25px
    }

    .border_right_1 {
        border-right: 0
    }

    .project_icon {
        width: 64px;
        margin-bottom: 5px
    }

    .team_left1 img {
        width: 75px
    }

    .team_left_Satisfied {
        width: 75px
    }

    .team_left img {
        width: 65px
    }

    .team_left_Nations img {
        width: 51px
    }

    .border_left_1 {
        border-left: 0
    }

    #prg-counter h3.prg-count {
        background-color: rgba(0,0,0,0);
        color: #0e1e32;
        font-size: 26px;
        padding: 0;
        border: 0 solid #000;
        margin-bottom: 5px
    }

    #prg-counter h4.prg-count-title {
        background-color: rgba(0,0,0,0);
        font-size: 14px;
        line-height: 25px
    }

    .border_buttom1 {
        border-bottom: 0;
        height: 100px;
        padding-top: 0 !important
    }

    .border_buttom1 {
        border-bottom: 0;
        height: 100px;
        padding-top: 15px !important
    }

    .team_left1 {
        width: 100%;
        float: left;
        margin-left: 0;
        padding-top: 0;
        margin-top: 10px
    }

    .team_left {
        width: 100%;
        float: left;
        margin-left: 0;
        padding-top: 9px
    }

    .product_Ideation {
        width: 100%;
        margin-top: 38px
    }

    .product_list h3 {
        font-size: 18px;
        margin: 0 0 10px;
        color: #000
    }

    .package_servce .nav-tabs li {
        float: left;
        width: 45%;
        letter-spacing: 0;
        margin: 10px 10px;
        display: inline-block
    }

    .left_purposeful {
        width: 100%;
        padding-right: 10px;
        text-align: center
    }

        .left_purposeful h6::after {
            position: absolute;
            height: 1px;
            background-color: #fff;
            width: 30px;
            left: 46%;
            margin: auto;
            content: "";
            bottom: -10px
        }

    .relationships {
        width: 100%;
        margin-bottom: 0;
        margin-top: 20px;
        text-align: center
    }

    .testimonial_box {
        background: linear-gradient(90deg,#2f3781 0,#078bd8 100%);
        margin-bottom: 30px;
        padding: 0;
        margin-top: 21px
    }

    .card {
        margin-top: 15px
    }

    .socil_media {
        width: 100%;
        margin-bottom: 15px
    }

    .software_testing ul {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        list-style: none;
        padding: 0
    }

        .software_testing ul li {
            flex: 0 0 100%;
            border-radius: 5px;
            border: 1px solid #707070;
            margin: 10px 0
        }

    .Campaign_Makes h2 {
        font-size: 22px
    }
}

@media only screen and (max-width:570px) {
    .dedicated_box h4 {
        font-size: 14px
    }

    .disply_1 {
        display: none
    }

    .disply_2 {
        display: block;
        text-align: left;
        width: 67%
    }

    .infoneo_barand {
        width: 100%;
        margin-top: 26px
    }

    #hero h1 {
        font-size: 27px;
        line-height: 37px;
    }

    #hero h2 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 30px
    }

    .social_Media_Right ul li {
        display: inline-block;
        margin: 0 5px 0 0
    }

        .social_Media_Right ul li a img {
            width: 73%
        }

    .Search_use img {
        width: auto;
        margin: 0
    }
}

@media only screen and (max-width:560px) {
    .slidingHorizontal span {
        animation: leftToRight 12.5s linear infinite 0;
        -ms-animation: leftToRight 12.5s linear infinite 0;
        -webkit-animation: leftToRight 12.5s linear infinite 0;
        font-weight: 700;
        text-align: center;
        height: 50px;
        color: #fff;
        opacity: 0;
        left: 36%;
        overflow: hidden;
        position: absolute;
        font-size: 24px
    }

    .UX_Design ul li {
        flex-basis: 100%;
        border-radius: 5px;
        margin: 7px 7px;
        border: 1px solid #ccc;
        background: #fff
    }
}

@media only screen and (max-width:480px) {
    .hero-container {
        height: calc(116vh - 100px);
    }

    .left_purposeful h2 span {
        font-size: 20px;
    }

    .left_purposeful h2 {
        font-size: 20px;
    }

    .payment_gateways_box_right ul li {
        font-size: 12px
    }

    .service_web_section p {
        font-size: 12px
    }

    .crm_miston1 ul li {
        font-size: 14px;
        line-height: 24px
    }

    .portfolio_1__cap h5 {
        color: #000;
        text-align: center;
        font-size: 16px
    }

    .Engagement_section p {
        font-size: 12px;
        line-height: 20px
    }

    .service_PHP ul li {
        flex-basis: 33%;
        margin: 9px 0 0
    }

    .btn_get_started2 {
        padding: 9px 10px 9px 15px;
        margin-top: 20px;
        font-size: 13px;
        width: 140px;
    }

    .SEO_Seconds h5 {
        font-size: 20px;
        font-style: inherit;
        margin: 0;
        line-height: 27px
    }

    .Online_Experts h2 {
        color: #fff;
        font-size: 17px;
        margin: 0 0 5px;
        padding: 0 15px;
        line-height: 24px
    }

    .Online_Experts p {
        color: #ececec;
        font-size: 14px;
        padding: 0 15px
    }

    .modal-header {
        padding: 8px 1rem
    }

    .cross_app_section {
        padding: 25px 0
    }

    .Engagement_section {
        background-color: #fff;
        padding: 25px 0
    }

    .we_industry {
        padding: 25px 0
    }

    .recent_work_section {
        background: linear-gradient(180deg, #F6FAF9 -6.81%, #E9F7FD 106.1%);
        padding: 25px 0;
        position: relative
    }

    #hero h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    #hero {
        width: 100%;
        height: 100vh;
        /*            background: url(../img/banner.jpg) top center;
            background-size: auto;
            background-size: cover;*/
        position: relative;
        padding: 0
    }

        #hero .btn-get-started {
            text-transform: capitalize;
            font-weight: 700;
            font-size: 16px;
            display: inline-block;
            padding: 6px 25px 6px 25px;
            border-radius: 25px;
            transition: .5s;
            color: #01D381;
            background: #070E3D;
            border: solid 1px #070E3D;
        }

    .package_servce .nav-tabs li {
        float: left;
        width: 44%;
        letter-spacing: 0;
        margin: 10px 10px;
        display: inline-block
    }

    .package_servce .tab-content h3 {
        color: #000;
        font-size: 19px;
        line-height: 27px;
        margin: 0 0 10px
    }

    .carousel-control-prev {
        left: -9px
    }

    .carousel-control-next {
        right: -9px
    }

    .btn_get_started {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 11px;
        display: inline-block;
        padding: 9px 15px;
        transition: .5s;
        color: #fff;
    }

    .arrow-left {
        position: absolute;
        top: 59%
    }

    .arrow-right {
        position: absolute;
        top: 59%
    }

    .offerings_section {
        background-color: #f2f2f2d9;
        padding: 25px 0
    }

        .offerings_section p {
            font-size: 12px;
            line-height: 22px;
            letter-spacing: 0;
            margin: 0 0 30px
        }

    .we_industry h2 {
        font-size: 17px;
        position: relative;
        color: #fff
    }

    .app_aaplist ul li {
        flex-basis: 48%;
        border-radius: 5px;
        margin: 7px 3px;
        border: 1px solid #ccc;
        background: #fff
    }

    .Search_Engine2 ul li {
        display: inline-block;
        margin: 0 8px 0 0
    }

        .Search_Engine2 ul li a img {
            width: 76%
        }

    .What_Makes_section1 {
        padding: 25px 0
    }

    .Campaign_Makes h2 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .Campaign_Makes h3 {
        font-size: 18px;
        margin-bottom: 9px
    }

    .Campaign_Makes p {
        margin-bottom: 28px;
        font-size: 12px
    }

    .media_logo ul li {
        float: none;
        width: 20%;
        margin-right: 5px;
        display: inline-block
    }

    .Understanding_box h3 {
        font-size: 18px;
        color: #444;
        margin: 6px 0 8px
    }

    .Understanding_box p {
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 0;
        color: #000;
        margin: 0 0 4px
    }

    .Cross_Platform {
        margin: 2rem 0 0
    }

    .offerings_section p {
        font-size: 12px;
        line-height: 22px;
        letter-spacing: 0;
        margin: 0
    }

    .request_from h3 {
        font-size: 23px
    }

    .web_applications ul li {
        border-radius: 5px;
        margin: 7px 7px;
        align-items: center;
        color: #373737;
        padding: 7px 12px;
        flex-basis: 46%;
        border: 1px solid #ccc;
        background: #fff;
        font-size: 12px
    }

    .left_purposeful p {
        color: #fff;
        line-height: 24px;
        font-size: 12px
    }

    .relationships p {
        font-size: 12px
    }

    .delivery_models {
        width: 100%;
        margin-top: 15px
    }

    .testimonial4_slide h4 {
        font-size: 14px
    }

    div.footer-copyright p {
        font-size: 9px !important;
    }
}

@media only screen and (max-width:430px) {
    #hero h1 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    #hero h6 {
        max-width: 100%;
    }

    #hero .btn-get-started {
        font-size: 15px;
    }
}

@media only screen and (max-width:414px) {
    #hero h1 {
        font-size: 32px;
        line-height: 41px;
        margin-bottom: 7px;
    }

    .disply_1 {
        display: none
    }

    .disply_2 {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 100%
    }

    .package_servce .nav-tabs li {
        float: left;
        width: 94%;
        letter-spacing: 0;
        margin: 10px 10px;
        display: inline-block
    }

    .package_servce .tab-content li {
        width: 100%;
        float: left
    }
}

@media only screen and (max-width:406px) {
    span.word-rotate {
        visibility: hidden;
        width: 101px !important;
        height: 0;
        margin-bottom: -7px;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        position: relative
    }

    .social-media li {
        width: 30px;
        height: 30px;
        background: #fff;
        overflow: hidden;
        margin: 0 3px 0 0;
        font-size: 15px;
        border: 1px solid #fff;
        border-radius: 100%;
        line-height: 30px;
        display: inline-block;
        text-align: center
    }

    .our_client_logo ul li {
        width: 47%
    }
}

@media only screen and (max-width:390px) {
    div.footer-copyright p {
        font-size: 10px !important;
    }
}

@media only screen and (max-width:375px) {
    .app_aaplist ul li {
        flex-basis: 100%;
        border-radius: 5px;
        margin: 7px 7px;
        border: 1px solid #ccc;
        background: #fff
    }

    .crm_miston1 ul li {
        float: left;
        width: 100%;
        font-size: 14px;
        color: #000;
        line-height: 27px;
        margin-top: 15px;
        border-bottom: solid 1px #dfdfdf;
        padding-bottom: 5px
    }

    .delivery_models {
        width: 100%;
        margin-bottom: 8px
    }
}

@media only screen and (max-width:360px) {
    .slidingHorizontal span {
        animation: leftToRight 12.5s linear infinite 0;
        -ms-animation: leftToRight 12.5s linear infinite 0;
        -webkit-animation: leftToRight 12.5s linear infinite 0;
        animation-delay: 0;
        font-weight: 700;
        text-align: center;
        height: 50px;
        color: #fff;
        opacity: 0;
        left: 29%;
        overflow: hidden;
        position: absolute;
        font-size: 21px
    }

    .banner_wrap {
        margin: 0 auto
    }

    #hero h1 {
        font-size: 28px;
        line-height: 36px;
        max-width: 100%;
        margin-bottom: 2px;
    }

    #hero h6 {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    #hero .btn-get-started {
        font-size: 14px;
    }

    #hero {
        width: 100%;
        height: 100vh;
        position: relative;
        padding: 0
    }

    div.footer-copyright p {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 13px
    }

    .product_list h3 {
        font-size: 16px;
        margin: 0 0 10px;
        color: #000
    }

    .product_list p {
        font-size: 13px;
        text-align: left;
        color: #000;
        margin-bottom: 0;
        line-height: 19px
    }

    .delivery_models h3 {
        font-size: 16px;
        color: #000;
        margin: 10px 0 6px;
        border-bottom: solid 2px #1f59a4;
        padding-bottom: 7px
    }

    .delivery_models p {
        font-size: 12px;
        line-height: 20px
    }


    .web_analysis h4 {
        color: #000;
        letter-spacing: 0;
        margin-bottom: 8px;
        font-size: 18px;
        margin-top: 8px
    }

    .arrow-left {
        position: absolute;
        top: 60%
    }

    .arrow-right {
        position: absolute;
        top: 60%
    }

    .portfolio_1__cap {
        padding: 15px 13px
    }

    .portfolio_1 h5 {
        color: #000;
        font-size: 18px
    }

    .social_Media_Right ul li {
        display: inline-block;
        margin: 0
    }

        .social_Media_Right ul li a img {
            width: 60%
        }

    .Search_Engine2 ul li {
        display: inline-block;
        margin: 0 1px 0 0
    }

    .media_logo ul li {
        float: none;
        width: 31%;
        margin-right: 10px;
        display: inline-block;
        margin-bottom: 14px
    }

    .consulting_process {
        width: 100%;
        padding: 30px 20px 20px;
        min-height: auto;
        margin-bottom: 20px
    }

    .request_from h3 {
        font-size: 20px
    }

    .request_from {
        padding: 25px 0;
        margin-top: 30px
    }

    .service_PHP ul li {
        flex-basis: 52%;
        margin: 9px 0 0
    }
}

@media only screen and (max-width:320px) {
    .hero-container {
        height: calc(122vh - 100px);
    }

    .Wide_aaplist ul li a {
        padding: 1rem 10px;
        display: flex;
        align-items: center;
        color: #757575
    }

    #hero h2 {
        font-size: 12px;
        line-height: 19px;
        margin-bottom: 30px
    }

    #hero .btn-get-started {
        text-transform: capitalize;
        font-weight: 700;
        font-size: 13px;
        display: inline-block;
        padding: 5px 25px 5px 25px;
        border-radius: 25px;
        transition: .5s;
        color: #01D381;
        background: #070E3D;
    }
}

footer {
    background: #020626;
    font-size: 15px;
    margin-top: 0;
    padding: 70px 0 0;
    position: relative;
    clear: both
}

div.footer-copyright {
    background: #fff;
    border-top: 1px solid #020626;
    margin-top: 50px;
    padding: 11px 0 10px
}

    div.footer-copyright p {
        color: #000;
        margin: 0;
        font-size: 12px;
        padding: 0
    }