.no-webp .sprite_img_off {
    background-image: url('../images/dot-net-outsourcing/dot-net-landing-sprite.png')
}

.webp .sprite_img_off {
    background-image: url('../images/dot-net-outsourcing/webp/dot-net-landing-sprite.webp')
}

.sprite_img_off {
    background-repeat: no-repeat;
    display: inline-block
}

.cloud_services.single_souce {
    padding-bottom: 35px
}

.tech_black {
    clear: both
}

.td_tech {
    padding-top: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.Rtable-cell {
    width: 125px;
    padding: 0 0 10px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.table_width {
    width: 175px
}

.tech_sec .Rtable-cell {
    width: 113px;
    padding: 5px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.tech_cell .Rtable-cell {
    height: 113px;
    width: 162px
}

.technology_sprite {
    width: 102px;
    height: 35px;
    background-repeat: no-repeat;
    margin: auto
}

.tec_dotnet {
    background-position: -12px -224px
}

.tec_framework {
    background-position: -129px -223px
}

.tec_asp_core {
    background-position: -260px -225px
}

.tec_ner_maui {
    background-position: -388px -225px
}

.tec_blazor {
    background-position: -512px -224px
}

.tec_wpf {
    background-position: -610px -225px
}

.tec_winforms {
    background-position: -713px -225px
}

.tec_ms_azure {
    background-position: -10px -315px
}

.tec_aws {
    background-position: -134px -314px
}

.tec_gcp {
    background-position: -258px -314px
}

.tec_devops {
    background-position: -388px -314px
}

.tec_docker {
    background-position: -510px -313px
}

.tec_kubernetes {
    background-position: -623px -315px
}

.tec_githubaction {
    background-position: -716px -315px
}

.tec_efcore {
    background-position: -11px -397px
}

.tec_grpc {
    background-position: -135px -398px
}

.tec_azure_core_web_api {
    background-position: -258px -397px
}

.tec_signalr {
    background-position: -386px -398px
}

.tec_mediatr {
    background-position: -513px -398px
}

.tec_automapper {
    background-position: -601px -397px
}

.tec_json_net {
    background-position: -721px -397px
}

.tec_text_json {
    background-position: -23px -480px
}

.tec_id_server {
    background-position: -166px -481px
}

.tec_vs_studio {
    background-position: -270px -480px
}

.tec_studio_code {
    background-position: -385px -480px
}

.tec_jetbrains {
    background-position: -508px -480px
}

.tec_cli {
    background-position: -615px -479px
}

.tec_resharper {
    background-position: -723px -480px
}

.tec_xunit {
    background-position: -7px -561px
}

.tec_nunit {
    background-position: -136px -563px
}

.tec_mtest {
    background-position: -257px -562px
}

.tec_app_azure {
    background-position: -385px -562px
}

.tec_serilog {
    background-position: -510px -564px
}

.tec_sonarqube {
    background-position: -609px -564px
}

.tec_jaeger {
    background-position: -705px -562px
}

.tec_benchmark {
    background-position: -9px -643px
}

.testimonials_controlleddata_dev,
.testimonial_utc,
.testimonial_coinstar,
.testimonial_threem,
.testimonial_starbucks,
.testimonials_terrascan_dev {
    width: 135px;
    height: 100px;
    margin: 0
}

.testimonials_terrascan_dev {
    background-position: -15px -438px
}

.testimonial_utc {
    background-position: -151px -117px;
    width: 110px
}

.testimonial_coinstar {
    background-position: -269px -113px
}

.testimonial_threem {
    background-position: -403px -111px
}

.testimonial_starbucks {
    background-position: -539px -114px
}

.testimonials_terrascan_dev {
    background-position: -674px -111px
}

.testimonials_controlleddata_dev {
    background-position: -2px -111px
}

.tech_txt {
    font-size: 13px;
    color: #626262;
    text-align: center;
    padding-top: 3px;
    position: relative
}

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

.tech_tr {
    display: flex;
    width: 100%
}

.tech_col {
    flex: 1
}

.tech_td.tech_col.col_flex-2_td {
    flex: 2
}

.tech_td {
    flex: 1;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    margin: 5px;
    background-color: #fff;
    padding-bottom: 5px
}

    .tech_td p {
        text-align: center;
        margin-bottom: 15px;
        margin-top: 15px;
        font-size: 16px
    }

    .tech_td b::before {
        position: absolute;
        content: '';
        height: 2px;
        width: 75%;
        left: 0;
        right: 0;
        background-color: #ce312a;
        margin: 0 auto;
        top: 30px
    }

    .tech_td b {
        position: relative
    }

@media screen and (min-width:1600px) {
    .tech_cell .Rtable-cell {
        height: 137px;
        width: auto;
        display: inline-block;
        vertical-align: top
    }
}

@media screen and (max-width:1340px) {
    .tech_cell .Rtable-cell {
        height: 113px;
        width: 150px
    }

    .tech_cell {
        text-align: center
    }
}

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

    .cloud_services.single_souce {
        padding-top: 0;
        padding-bottom: 60px;
        margin-top: 0
    }

    .sharepoint_process {
        margin-top: 40px
    }

    .tech_td p {
        font-size: 16px
    }

    .tec_height1 {
        min-height: 293px
    }

    .tech_table {
        padding: 0
    }

    .tec_height3 {
        min-height: 294px
    }

    .tech_text p {
        height: 37px
    }
}

@media screen and (max-width:1030px) {
    .tech_td {
        margin-left: 0;
        margin-right: 0
    }

    .tech_tr {
        display: block
    }

    .tec_height1,
    .tec_height2,
    .tec_height3 {
        min-height: auto;
        margin-left: auto;
        margin-right: auto
    }

    .tech_text p {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .tech_black {
        padding: 0
    }

    .tech_cell .Rtable-cell {
        height: 113px;
        width: 130px
    }

    .tech_head h2 .outline {
        -webkit-text-stroke: 1px #fff
    }
}

@media screen and (max-width:640px) {
    .tech_cell .Rtable-cell {
        height: 113px;
        width: 120px;
        padding: 5px
    }
}

@media screen and (max-width:360px) {
    .tech_td p {
        font-size: 14px
    }

    .tech_black {
        padding: 0
    }

    .tech_cell .Rtable-cell {
        height: 113px;
        width: 48%;
        padding: 5px
    }

    .cloud_services.single_souce {
        padding-bottom: 40px;
        padding-top: 15px
    }
}

.fadeOut.owl-carousel.owl-theme .item.last_quote_lp_left {
    margin-left: 17%
}

.fadeOut.owl-carousel.owl-theme .item.last_quote_lp_right {
    margin-right: 17%
}

.fadeOut.owl-carousel.owl-theme {
    display: flex;
    flex-wrap: wrap
}

    .fadeOut.owl-carousel.owl-theme .item {
        width: 31%;
        margin: 20px auto;
        box-shadow: 0 2px 8px 4px rgba(121,119,119,.2);
        -webkit-box-shadow: 0 2px 8px 4px rgba(121,119,119,.2);
        -moz-box-shadow: 0 2px 8px 4px rgba(121,119,119,.2);
        background-color: #fff;
        border-radius: 40px;
        padding-top: 10px
    }

.top_quotes_txt {
    font-size: 16px;
    padding: 0 20px 30px 20px;
    margin-top: -5px;
    font-style: italic
}

.quote_span {
    color: #b5280e;
    font-weight: bold;
    margin: 0;
    font-size: 22px;
    line-height: 0;
    display: inline-block
}

.technical_support {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 30px
}

.technical_support_left {
    width: 55%;
    text-align: left;
    order: 2;
}

    .technical_support_left p {
        margin-top: 0;
    }

.technical_support_right {
    width: 45%;
    padding-right: 30px
}

    .technical_support_right img {
        width: 85%;
        text-align: center;
        float: none;
        border-radius: 15px;
        margin: 0 auto;
        display: block;
        max-height: 370px;
        object-fit: revert-layer
    }

.service_head {
    position: relative
}

.sub_carts_main:after {
    position: absolute;
    content: '';
    right: -68px;
    bottom: 0;
    background-color: #f08c79;
    height: calc(100% - 15px);
    width: 82%;
    z-index: -1;
}

.service_sec {
    overflow: hidden;
    background: #F9F0E9;
}

.service_head_blk {
    background-color: #1b2632;
    width: 100%;
    max-width: 680px;
    padding: 40px 40px 100px;
    z-index: 3;
    position: absolute;
    overflow: hidden
}

.service_sec .m-body {
    padding: inherit 0
}

.service_head_blk .cloud_content h2 {
    color: #fff
}

.service_head_blk p {
    color: #fff;
    text-align: left;
    position: relative;
    z-index: 1
}

.service_head_blk .cloud_content {
    position: relative;
    z-index: 1
}

.sub_carts_main {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    padding-top: 40px;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 2;
    position: relative
}

    .sub_carts_main .cart_inner_design {
        width: 47%;
        flex: 1 1 47%;
        position: relative;
        background-color: #fff;
        margin: 20px 10px 0;
        box-shadow: 1px 6px 15px rgba(0,0,0,.2);
        border-radius: 15px;
        padding: 0;
    }

.service_icon {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: flex;
    margin-bottom: 10px;
    margin-right: 10px
}

.service_1 {
    background-image: url('../images/dot-net-outsourcing/services/flexibility.svg')
}

.service_2 {
    background-image: url('../images/dot-net-outsourcing/services/team-connect.svg')
}

.service_3 {
    background-image: url('../images/dot-net-outsourcing/services/delivery.svg')
}

.service_4 {
    background-image: url('../images/dot-net-outsourcing/services/support.svg')
}

.cart_inner_design li b {
    color: #444141
}

.cart_inner_design.cart_des_2 {
    width: 100%;
    flex: 1 1 100%
}

.cart_inner_design h3 {
    text-align: left;
    color: #222;
    font-size: 18px;
    margin: 0;
    font-weight: bold;
    text-transform: none
}

.cart_inner_design p {
    margin: 0;
    text-align: left;
    line-height: 170% !important;
    padding: 0
}

    .cart_inner_design p b {
        font-size: 17px
    }

.cloud_services.single_souce {
    padding-bottom: 35px
}

.why_cart_icon {
    display: inline-block
}

.benefits_icon {
    width: 50px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-bottom: 10px
}

.migration_services {
    background-color: #fff;
    padding-bottom: 25px
}

.cards_flex_imp_1 {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: auto;
    flex-wrap: wrap
}

.cart_benefit_imp {
    background-color: #fff;
    padding: 40px;
    position: relative;
    flex: 0 0 33%;
    max-width: 33%
}

.color_flex_cart {
    background: linear-gradient(0deg,#f5eee9 31.24%,transparent 81.61%);
    background-color: rgba(0,0,0,0)
}

.cart_benefit_imp h3 {
    color: #222;
    font-size: 18px;
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 0;
    font-family: 'BeVietnamPro-Regular';
    font-weight: bold;
    text-transform: none;
    text-align: left;
    margin-bottom: 15px
}

.cloud_content .cart_benefit_imp p {
    padding: 0;
    margin-bottom: 0;
    text-align: left
}

.benefit_icons_imp {
    width: 60px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    display: flex;
    margin-bottom: 15px;
    background-color: #b5280e;
    border-radius: 15px
}

.benefit_icon1 {
    background-image: url(../images/dot-net-outsourcing/benefits/cost-efficiency.svg)
}

.benefit_icon2 {
    background-image: url(../images/dot-net-outsourcing/benefits/flexibility.svg)
}

.benefit_icon3 {
    background-image: url(../images/dot-net-outsourcing/benefits/skilled.svg)
}

.benefit_icon4 {
    background-image: url(../images/dot-net-outsourcing/benefits/faster.svg)
}

.benefit_icon5 {
    background-image: url(../images/dot-net-outsourcing/benefits/focus-management.svg)
}

.benefit_icon6 {
    background-image: url(../images/dot-net-outsourcing/benefits/arround-the-clock.svg)
}

.text_footer h2 {
    font-family: "roboto-bold",Open Sans,Arial
}

.text_footer p {
    font-family: "roboto-regular",Open Sans,Arial
}

.contact_form_blk {
    background-color: #fcf3ec
}

.sub_flex {
    width: 22%;
    margin: 20px
}

.cart_flex_2 {
    padding-top: 0;
    display: flex;
    flex-wrap: wrap;
    width: 79%;
    text-align: center;
    vertical-align: top;
    margin: auto
}

.flex_choose p {
    text-align: left
}

.cart_flex {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    vertical-align: top
}

.cart_flex_2 {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    text-align: center;
    vertical-align: top;
    margin: auto
}

.flex_choose {
    width: 100%;
    text-align: left;
    margin: auto;
    padding-top: 15px
}

    .flex_choose h3 {
        text-align: left;
        color: #222;
        font-size: 18px;
        margin: 0;
        font-weight: bold;
        text-transform: none
    }

.flex_sub span {
    display: block;
    width: 100%
}

.achieve_sec {
    background-color: #fff
}

.sub_flex {
    width: 31%;
    padding: 10px 15px 10px 25px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    margin: 0 auto 0;
    margin-bottom: 0;
    background-color: #fff;
    box-shadow: 0 2px 9px 6px rgba(121,119,119,.2);
    -webkit-box-shadow: 0 2px 9px 6px rgba(121,119,119,.2);
    -moz-box-shadow: 0 2px 9px 6px rgba(121,119,119,.2);
    margin-bottom: 30px
}

    .sub_flex.cart_sub_flex_left {
        margin-left: 17.8%
    }

    .sub_flex.cart_sub_flex_right {
        margin-right: 17.8%
    }

    .sub_flex:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 3px;
        height: 50px;
        background-color: #b5280e
    }

    .sub_flex:after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 50px;
        height: 3px;
        background-color: #b5280e
    }

.para_right_align {
    padding-left: 25%;
    text-align: left
}

.para_left_align {
    padding-right: 25%;
    text-align: left
}

.intro_sec_txt_blk {
    display: flex;
    width: 100%
}

.collapsible-btn {
    text-align: left;
    outline: 0;
    font-size: 18px;
    width: 100%;
    background-color: transparent;
    border-top: 0;
    position: relative;
    padding: 20px 0;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    overflow: hidden;
    border-bottom: 1px solid #bababa;
    border-left: 0;
    border-right: 0;
    color: #222;
    font-family: 'bevietnampro-regular'
}

.collapsible-content {
    transform: height 5s;
    display: none
}

.collapsible-section.active .collapsible-content {
    transform: height 5s
}

.collapsible-content p {
    text-align: left;
    transition: none !important
}

.faq_nm {
    width: 90%;
    float: left
}

.caret {
    float: right;
    transform: scaleY(-1);
    transition: transform .25s ease-in-out;
    color: #9b9a9a;
    font-size: 30px;
    font-weight: normal;
    position: absolute;
    right: 15px;
    top: 6px;
    width: 15%;
    float: right;
    text-align: right
}

.collapsible-section.active .caret {
    transform: scaleY(1);
    transition: transform .25s ease-in-out;
    top: 20px
}

.right_side_border h2:before {
    right: 0;
    left: auto
}

.right_side_border h2 {
    text-align: right
}

.cloud_content h2 {
    position: relative
}

.no-src.lazyload {
    opacity: 0
}

.no-src.lazyloaded {
    opacity: 1;
    transition: opacity 300ms
}

.ques_sign {
    color: #ce312a
}

.red_dot {
    width: 16px;
    height: 16px;
    background-color: #ce312a;
    border-radius: 100%;
    display: inline-block;
    margin-left: 6px
}

.space_bottom {
    width: 100%;
    display: inline-block;
    height: 5vw
}

.banner_bg {
    background: #f9f0e9;
    position: relative;
    z-index: 2
}

.typo_bold span {
    display: block;
    color: #ededeb;
    -webkit-text-stroke: 0 !important;
    margin-left: 0;
    color: #010101 !important;
    letter-spacing: 1.5px
}

.microsoft_solution_logo_banner {
    clear: both;
    float: left;
    margin-bottom: 55px
}

.left_header h1 {
    text-align: left;
    font-size: 20px;
    color: #222;
    line-height: 112%;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: none;
    font-family: 'bevietnampro-regular',Open Sans,HelveticaNeue,Helvetica,Arial,sans-serif !important;
    font-weight: normal
}

.hub_tec span {
    display: block;
    padding: 7px 0;
    font-size: 40px;
    text-transform: none;
    text-align: left;
    font-family: 'roboto-bold';
    line-height: 120%;
    letter-spacing: 1.5px;
    margin-top: 60px
}

.hub_tec p {
    font-family: 'roboto-regular';
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.5 !important;
    margin-top: 5px
}

.left_header h1 span {
    position: relative
}

    .left_header h1 span::after {
        position: absolute;
        content: '';
        width: auto;
        height: 5px;
        background: #ce312a;
        background: linear-gradient(90deg,rgba(206,49,42,1) 0%,rgba(120,0,160,1) 70%);
        display: flex;
        -webkit-animation: mainFadeIn .8s forwards;
        -o-animation: mainFadeIn .6s forwards;
        animation: mainFadeIn .6s forwards;
        margin-top: 5px
    }

@keyframes mainFadeIn {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.right_header {
    width: 60%;
    float: left;
    padding-left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0;
    order: 2;
    background-position: bottom;
    margin-top: 0;
    height: 39vw;
    bottom: 0
}

.right_dashboard {
    width: 100%;
    height: 100%;
    position: relative;
    top: -30px;
    background-repeat: no-repeat;
    background-size: 75%;
    transition: .3s ease;
    background-position: center;
    right: 0;
    bottom: inherit;
}

.headersec {
    z-index: 99 !important
}

.common_font {
    background-color: #fcf3ec;
    font-family: 'bevietnampro-regular';
    color: #222;
    font-size: 18px
}

    .common_font .m-body {
        padding: 60px 60px
    }

    .common_font .offer_consultants .m-body {
        padding-top: 0
    }



.intro_sec_main p:last-child {
    margin-bottom: 0
}

.intro_sec_main .m-body {
    padding-bottom: 0;
}

.roles_outsource .m-body {
    padding-top: 30px;
    padding-bottom: 0
}

.cloud_content .font_h3_head,
.font_h3_head {
    text-align: left;
    font-weight: bold;
    margin: 0
}

.header_slider .m-body {
    padding-bottom: 0;
    padding-right: 80px;
}

.left_header {
    width: 50%;
    float: left;
    margin-top: 30px;
    position: relative;
    margin-bottom: 0
}

.header_slider {
    position: relative;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden
}

.banner_container {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    display: flex;
    align-items: center;
    padding-right: 0;
    padding: 80px 0 0 30px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 42%;
}

.no-webp .banner_container {
    width: 100%;
    background-image: url(../images/dot-net-outsourcing/dot-net-top-bg-banner.png?v=3)
}

.webp .banner_container {
    width: 100%;
    background-image: url(../images/dot-net-outsourcing/webp/dot-net-top-bg-banner.webp?v=3)
}

.btn_more {
    float: left;
    margin: 15px 0 20px;
    padding-bottom: 40px
}

.call_btn {
    background-color: #ce312a;
    padding: 15px 70px;
    font-size: 16px;
    border-radius: 50px;
    color: #fff;
    font-weight: normal
}

    .call_btn:hover {
        background-color: #c41e16
    }

.common_toc_bg {
    background-color: #fff9f5
}

.headersec {
    z-index: 99 !important
}

.head_image_size {
    padding: 15px 60px 0 40px;
    max-width: 1920px
}

.breadcrumb ol {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.breadcrumb li {
    display: inline
}

    .breadcrumb li a {
        color: #222;
        text-decoration: underline;
        font-size: 14px
    }

    .breadcrumb li + li::before {
        display: inline-block;
        margin: 0 .25em;
        transform: rotate(15deg);
        border-right: .1em solid currentColor;
        height: .8em;
        content: '';
        font-size: 14px
    }

    .breadcrumb li + li::before {
        color: #222
    }

img {
    max-width: 100%;
    height: auto
}

.cloud_content h2 {
    text-align: left;
    font-size: 42px;
    text-transform: none;
    font-family: 'bevietnampro-bold';
    line-height: 120% !important;
    color: #111;
    font-weight: 100;
    margin-bottom: 75px;
    position: relative
}

    .cloud_content h2:before {
        content: '';
        position: absolute;
        left: 0;
        background-color: #b5280e;
        height: 10px;
        width: 80px;
        bottom: -35px
    }

    .cloud_content h2:after {
        content: '';
        position: absolute;
        left: 0;
        height: 3px;
        width: 204px;
        bottom: -32px;
        background-color: #b5280e
    }

.cloud_content.left_head_cloud h2 {
    text-align: left
}

.right_side_border h2:before {
    right: 0;
    left: auto
}

.right_side_border h2 {
    text-align: right
}

.welcome_content p {
    text-align: justify;
    margin-bottom: 0
}

.cloud_services.billing_services {
    padding-bottom: 30px
}

.consulting_carts h3 {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: none
}

.cart_inner_design h3 {
    text-align: left;
    color: #222;
    font-size: 18px;
    margin: 0 0 15px 0;
    font-weight: bold;
    text-transform: none;
}

.cart_inner_design {
    padding: 30px 25px;
    margin: 0 15px 30px
}

.sub_carts_main {
    display: flex;
    flex-wrap: wrap
}

.service_icon_blk {
    display: flex;
    align-items: center;
    border-bottom: 3px solid #b5280e;
    padding: 15px 15px 0;
}

.cart_inner_design p {
    margin: 0;
    text-align: left;
    padding: 15px 15px 0 30px;
}

.cart_inner_design ul {
    margin: 0 0 0 30px;
    padding: 15px 20px 30px 20px;
    text-align: left;
}

.cart_inner_design li {
    margin: 0;
    padding: 0 0 0 4px;
    position: relative;
    list-style: none;
}

.cart_inner_design ul li::before {
    content: '';
    position: absolute;
    left: -25px;
    background-image: url('../images/dot-net-outsourcing/list-icon-red.svg');
    top: 6px;
    width: 100%;
    height: 18px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
}

.consulting_carts {
    padding-bottom: 0
}

.sub_carts_main.cloud_content {
    padding: 0;
    margin-top: 0
}

.cloud_content.left_head_cloud {
    padding-left: 0
}

.carts_services {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px
}

    .carts_services h3 {
        text-align: left;
        font-size: 18px;
        text-transform: none;
        line-height: 120% !important;
        color: #111;
        font-weight: bold;
        margin: 0 0 15px 0
    }

.challenges_main .carts_services p {
    text-align: left;
    margin: 0px 0 10px
}

.challenges_main .carts_services {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.flex_cart_service {
    flex: 0 0 32%;
    max-width: 32%;
    background: #fff;
    margin: 0 auto 40px;
    padding: 40px 30px 30px;
    position: relative;
    box-shadow: 0 2px 9px 6px rgba(121,119,119,.2)
}

    .flex_cart_service ::before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 5px;
        height: 60px;
        background-color: #b5280e
    }

    .flex_cart_service ::after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 60px;
        height: 5px;
        background-color: #b5280e
    }

    .flex_cart_service.left_cart_service {
        margin-left: 17.3%
    }

    .flex_cart_service.right_cart_service {
        margin-right: 17.3%
    }

.challenges_main .flex_cart_service::after {
    display: none
}

.outsource_model p {
    text-align: left
}

.flex_cart_box {
    width: 48%;
    background-color: #fff;
    margin: 0 auto 40px;
    padding: 25px 30px;
    position: relative;
    text-align: left
}

    .flex_cart_box p {
        text-align: left
    }

    .flex_cart_box::before {
        position: absolute;
        content: '';
        height: 100px;
        width: 7px;
        background-color: #00a2e3;
        left: 0;
        top: 0
    }

.flex_cart_design_2:before {
    content: none
}

.flex_cart_box::after {
    position: absolute;
    content: '';
    height: 7px;
    width: 100px;
    background-color: #00a2e3;
    left: 0;
    top: 0
}

.flex_cart_service span {
    font-weight: bold;
    text-align: left;
    margin: 10px 0 20px 0;
    line-height: 150%;
    text-transform: none;
    clear: both;
    float: left;
    width: 100%;
    position: relative
}

    .flex_cart_service span::before {
        content: '';
        position: absolute;
        bottom: -19px;
        left: 0;
        background-color: #b5280e;
        width: 100px;
        height: 5px
    }

.why_content_blk p {
    text-align: left
}

.why_choose_offshore .cloud_content p {
    padding-right: 22%;
    padding-left: 0
}

.accordion_head_ang {
    width: 100%;
    position: relative;
    padding: 20px 0 0;
    font-weight: 600;
    text-align: left
}

    .accordion_head_ang h3 {
        text-align: left;
        font-weight: bold;
        margin: 0;
        padding: 0;
        padding-top: 0;
        padding-top: 0;
        color: #222;
        padding-top: 15px;
        font-size: 18px;
    }

        .accordion_head_ang h3::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 70px;
            height: 3px;
            background: #b5280e
        }

.accordion_main_cart {
    border-bottom: 1px solid #cdcdcd;
}

    .accordion_main_cart:last-child {
        border-bottom: 0px;
    }

.accordion_body_ang {
    padding: 0 20px;
    height: auto;
    margin-top: 0
}

    .accordion_body_ang p {
        margin-top: 0;
        margin-left: 0;
        text-align: left;
        margin-bottom: 0
    }

    .accordion_body_ang ul {
        padding: 0 0 20px 71px;
        margin: 0;
        text-align: left
    }

        .accordion_body_ang ul li {
            padding: 0;
            margin: 0
        }

.benefit_space p {
    margin-left: 0
}

.accordion_body_ang {
    padding: 20px 0 15px;
    height: auto
}

.benefit_space {
    padding: 15px 0 0
}

.accordion_body_ang ul {
    margin: 0;
    padding: 10px 0 15px 90px;
    text-align: left;
    list-style: disc
}

    .accordion_body_ang ul li {
        padding: 0 0;
        margin-top: 0;
        margin-left: unset
    }

        .accordion_body_ang ul li a {
            text-decoration: underline
        }

.accordion_head_ang h3 {
    color: #222;
    font-size: 18px;
    text-align: left;
    margin-left: 15px;
    margin: 0 0 0;
    font-weight: bold;
    width: inherit;
    text-transform: none
}

.plusminus_ang {
    float: right;
    position: absolute;
    right: 15px;
    top: 30px;
    font-size: 16px;
    color: #9b9a9a;
    font-weight: bold
}

.align_left {
    text-align: left
}

.common_font .why_section_blk .m-body {
    padding: 0
}

.why_section h2,
.flex_cart_why p,
.why_section p {
    color: #222
}

.why_cart {
    display: inline-block;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 20px
}

.why_cart_mobile {
    display: none;
    text-align: left;
    position: relative
}

.why_section_blk .why_content {
    float: left;
    width: 65%;
    background-color: #fff;
    padding: 30px 50px;
    position: absolute;
    right: 56px;
    top: 210px;
    border-radius: 50px;
    -webkit-box-shadow: 0 0 15px rgba(126,126,126,.45);
    -moz-box-shadow: 0 0 15px rgba(126,126,126,.45);
    -ms-box-shadow: 0 0 15px rgba(126,126,126,.45);
    -o-box-shadow: 0 0 15px rgba(126,126,126,.45);
    box-shadow: 0 0 15px rgba(126,126,126,.45)
}

.why_content p {
    text-align: left
}

.why_section_blk .cloud_content h2 {
    color: #fff
}

.benefit_cards_flex_1 {
    display: flex;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
}

.flex_cart_benefit {
    width: 31%;
    background-color: #fff;
    margin: 20px auto 20px;
    padding: 20px;
    position: relative;
    box-shadow: 0 2px 8px 4px rgba(121,119,119,.2);
    -webkit-box-shadow: 0 2px 8px 4px rgba(121,119,119,.2);
    -moz-box-shadow: 0 2px 8px 4px rgba(121,119,119,.2);
    border-radius: 5px;
    border-image-slice: 1;
    border-width: 5px;
    border-top: 5px solid;
    border-image-source: linear-gradient(151.54deg,#f96247 3.59%,#fcab4f 73.08%);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

    .flex_cart_benefit p.font_h3_head {
        text-align: left;
        margin-bottom: 0px;
        padding: 0px;
    }



    .flex_cart_benefit p {
        padding: 0;
        margin-bottom: 0;
        text-align: left;
    }

    .flex_cart_benefit.left_space_benefit {
        margin-left: 17.3%;
    }

    .flex_cart_benefit.right_space_benefit {
        margin-right: 18.5%;
    }

.cart_benefit_imp:last-child {
    margin: 0 auto
}

.app_testing {
    background: #FFECDD;
}

.expertise_table {
    padding-bottom: 30px
}

.migration_services {
    background-color: #fff;
    padding-bottom: 35px
}

.customers_logo {
    background: #fff9f5
}

.migration_img_blk {
    width: 100%;
    max-width: 90%;
    margin: auto
}

.migration_img img {
    width: 100%;
    object-fit: contain
}

.migration_img_blk .why_content {
    display: none
}

.process_sec {
    background: #fff
}

.services_process_cart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    text-align: center;
    flex-direction: row;
    text-align: left;
    margin-bottom: 30px;
    background: #fcf3ec;
    padding: 15px 30px
}

.left_process_c {
    display: flex;
    width: 40%;
    position: relative;
    margin-bottom: 0;
    flex-direction: row;
    gap: 0;
    align-items: center
}

.process_count {
    font-size: 45px;
    color: #e55014;
    width: 68px;
    text-align: center;
    font-weight: normal;
    font-style: normal
}

.right_process_c {
    width: 55%;
    margin-left: auto
}

    .right_process_c p {
        margin: 0
    }

.left_process_c p.font_h3_head {
    margin-left: 30px;
    max-width: 260px;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin-right: 30px;
    position: relative;
    padding-left: 30px
}

    .left_process_c p.font_h3_head::after {
        position: absolute;
        content: '';
        background: #c7b3a3;
        width: 2px;
        height: 100%;
        left: 0;
        top: 0
    }

.icon_process {
    width: 70px;
    /*! height: 70px; */ min-width: 70px
}

    .icon_process div {
        width: 60px;
        height: 60px;
        background-repeat: no-repeat;
        background-position: center
    }

.icon_process1 {
    background-image: url('../images/dot-net-outsourcing/process/assesment.svg')
}

.icon_process2 {
    background-image: url('../images/dot-net-outsourcing/process/proposal.svg')
}

.icon_process3 {
    background-image: url('../images/dot-net-outsourcing/process/team.svg')
}

.icon_process4 {
    background-image: url('../images/dot-net-outsourcing/process/development-qa.svg')
}

.icon_process5 {
    background-image: url('../images/dot-net-outsourcing/process/deployment.svg')
}

.icon_process6 {
    background-image: url('../images/dot-net-outsourcing/process/support.svg')
}

main.adv {
    padding: 0 0 0;
    position: relative;
    z-index: 2
}

.center {
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

    .center:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

.left-sidebar {
    float: left;
    width: 50%;
    text-align: center;
    background-color: transparent
}

.content {
    margin-top: 6.5vw;
    padding-bottom: 0
}

.why_choose_offshore .left-sidebar {
    order: 2
}

.resources_sec .accordion_main_cart {
    border-bottom: 1px solid #cdcdcd
}

.adv.why_choose.net_expertise {
    padding-top: 0;
    background-color: #fff;
    padding-bottom: 20px
}

    .adv.why_choose.net_expertise .row {
        align-items: self-start;
        padding: 0;
        margin-top: -30px
    }

.net_expertise .main-content {
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 0;
    text-align: left
}

.net_expertise .StickySidebar {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0
}

.net_expertise .content {
    position: relative;
    padding-top: 9vw;
    margin-top: 0
}

    .net_expertise .content h2 {
        color: #fff;
        text-align: left;
        margin-bottom: 75px
    }

    .net_expertise .content p {
        color: #fff;
        text-align: left
    }

.StickySidebar {
    width: 100%
}

.main-content {
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 52%;
    padding-bottom: 20px
}

.row {
    float: left;
    width: 100%;
    clear: both;
    margin: 0;
    display: flex;
    padding: 0 0
}

.mid_app_services {
    width: 20%;
    float: left;
    align-items: center;
    padding-top: 10%
}

.mid_app_services_bg {
    margin: auto;
    width: 100%;
    position: relative
}

    .mid_app_services_bg img {
        width: 100%;
        object-fit: contain;
        height: 100%;
        max-width: 80%;
    }

.benefits_p_con {
    position: absolute;
    background: #1b2632;
    width: 60%;
    left: 35%;
    top: 65%;
    padding: 30px
}

.challenges_main {
    background: linear-gradient(320.54deg,#ffcdc4 3.59%,#fff0df 73.08%)
}

.why_section {
    background: #1b2632;
    position: relative;
    padding-top: 0;
    padding-bottom: 30px
}

    .why_section h2,
    .flex_cart_why p,
    .why_section p {
        color: #fff
    }

.why_cart {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 10px
}

.flex_cart_why h3 {
    color: #fff;
    font-size: 18px;
    margin: 0;
    font-family: 'BeVietnamPro-Regular';
    font-weight: bold;
    text-transform: none;
    text-align: left
}

.flex_cart_why.flex_cart_left_sp {
    margin-left: 19.4%;
    margin-right: 0
}

.flex_cart_why.flex_cart_right_sp {
    margin-left: 2.3%
}

.flex_cart_why {
    width: 47%;
    margin: 10px 11px;
    padding: 0;
    position: relative;
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 10px 15px
}

    .flex_cart_why h3 {
        font-weight: bold;
        text-align: left;
        margin: 10px 0 0
    }

    .flex_cart_why p {
        padding-left: 0;
        text-align: left;
        width: 100%;
        font-size: 16px;
        display: flex;
        align-items: center;
        margin: 0;
        color: #fff;
        font-weight: bold
    }

    .flex_cart_why b {
        color: #ffcc78
    }

    .flex_cart_why h3 {
        text-align: left;
        font-size: 16px
    }

.why_icon {
    background-repeat: no-repeat;
    background-position: center;
    width: 55px;
    height: 55px
}

.why_icon_1 {
    background-image: url('../images/dot-net-outsourcing/why/record.svg')
}

.why_icon_2 {
    background-image: url('../images/dot-net-outsourcing/why/skilled.svg')
}

.why_icon_3 {
    background-image: url('../images/dot-net-outsourcing/why/flexible.svg')
}

.why_icon_4 {
    background-image: url('../images/dot-net-outsourcing/why/security.svg')
}

.why_icon_5 {
    background-image: url('../images/dot-net-outsourcing/why/delivered.svg')
}

.why_icon_6 {
    background-image: url('../images/dot-net-outsourcing/why/support.svg')
}


.why_point_blk {
    display: flex;
    width: 100%;
    align-items: center
}

.why_icon_align {
    width: 70px;
    padding-top: 4px
}

.why_point_align {
    width: 85%
}

.cloud_content .flex_cart_benefit p {
    padding: 0 20px;
    margin-bottom: 0;
    text-align: left
}

.sub_devp_head p.font_h3_head {
    text-align: left;
    text-transform: none;
    color: #fff;
    float: left;
    margin-top: 0;
    width: auto
}

.why_section_blk {
    height: 880px;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 0
}

.common_font .why_section_blk .m-body {
    padding: 0
}

.why_section_blk .why_sec_img {
    position: relative !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 50px;
    height: 668px;
    width: 670px;
}

.no-webp .why_section_blk .why_sec_img {
    background-image: url('../images/dot-net-outsourcing/outsource-dotnet-development.jpg')
}

.webp .why_section_blk .why_sec_img {
    background-image: url('../images/dot-net-outsourcing/webp/outsource-dotnet-development.webp')
}

.why_section_blk .why_sec_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(166deg,rgba(47,47,47,.51) 11.24%,transparent 54.61%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    width: 100%;
    height: 100%
}

.why_section_blk .why_sec_img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    /*background: linear-gradient(0deg,rgba(0,0,0,.6) -4.76%,transparent 86.61%);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    width: 100%;
    height: 100%
}

.why_section_blk .why_content {
    float: left;
    width: 65%;
    background-color: #fff;
    padding: 30px 50px;
    position: absolute;
    right: 56px;
    top: 175px;
    border-radius: 50px;
    -webkit-box-shadow: 0 0 15px rgba(126,126,126,.45);
    -moz-box-shadow: 0 0 15px rgba(126,126,126,.45);
    -ms-box-shadow: 0 0 15px rgba(126,126,126,.45);
    -o-box-shadow: 0 0 15px rgba(126,126,126,.45);
    box-shadow: 0 0 15px rgba(126,126,126,.45)
}

.why_content p {
    text-align: left
}

.why_content ul {
    margin: -8px 0 0 0;
    padding: 0 0 0 45px;
    text-align: left
}

    .why_content ul li {
        margin: 0;
        padding: 4px 0 4px 0;
        position: relative;
        list-style: none
    }

        .why_content ul li::before {
            content: '';
            position: absolute;
            left: -32px;
            background-image: url('../images/dot-net-outsourcing/list-icon.svg');
            top: 9px;
            width: 100%;
            height: 19px;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: contain;
            z-index: 0
        }

.btn_more.contact_rate {
    float: none;
    margin-top: 20px;
    margin-bottom: 0
}

.why_section_blk .cloud_content h2 {
    color: #fff;
    z-index: 22;
}

.choosing_right {
    background: #fff;
}

.responsive-table td {
    border: 1px solid #fff;
    border-collapse: collapse;
    padding: .5em;
    text-align: center
}

.responsive-table tbody td {
    background-color: #fff;
    color: #111
}

.responsive-table tbody th[scope="row"] {
    background-color: #fff;
    color: #111 !important;
    text-align: left
}

.responsive-table th {
    background-color: #DF5232;
    color: #fff !important;
}

.responsive-table tbody td:last-child {
    background-color: #fff
}

.full_width_tr_clr {
    width: 100%
}

    .full_width_tr_clr td {
        text-align: center;
        background: linear-gradient(151.54deg,#ffcdc4 3.59%,#fff0df 73.08%);
        font-weight: bold;
        padding-left: 10px;
        padding-right: 35px
    }

.responsive-table th span {
    font-weight: normal
}

.responsive-table tbody td ul {
    margin: 0;
    padding: 0 0 0 20px
}

.responsive-table {
    width: 100%;
    border-spacing: 0;
    padding-bottom: 30px
}

    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table th,
    .responsive-table td {
        display: block;
        padding: 0;
        text-align: center;
        white-space: normal
    }

    .responsive-table th,
    .responsive-table td {
        padding: 15px;
        vertical-align: middle
    }

    .responsive-table caption {
        margin-bottom: 1em;
        font-size: 1em;
        font-weight: bold;
        text-align: center
    }

    .responsive-table tfoot {
        font-size: .8em;
        font-style: italic
    }

    .responsive-table tbody tr {
        margin-bottom: 10px
    }

        .responsive-table tbody tr:last-of-type {
            margin-bottom: 0
        }

    .responsive-table tbody td {
        text-align: left
    }

        .responsive-table tbody td[data-title]:before {
            content: attr(data-title);
            float: left;
            color: rgba(0,0,0,1);
            font-weight: 500
        }

@media(min-width:900px) {
    .responsive-table th {
        min-width: 165px
    }

    .responsive-table tr {
        display: table-row
    }

    .first_tr {
        display: table-row !important
    }

    .responsive-table th,
    .responsive-table td {
        display: table-cell;
        padding: 15px 10px;
        border: 3px solid #ffe9e4;
        border-radius: 10px;
        font-size: 16px
    }

    .responsive-table caption {
        font-size: 1.5em
    }

    .responsive-table tbody {
        display: table-row-group
    }

        .responsive-table tbody tr {
            display: table-row;
            border-width: 1px
        }

        .responsive-table tbody td[data-title]:before {
            content: none
        }

    .responsive-table th {
        background-color: #DF5232;
        color: #fff;
    }
}

@media screen and (max-width:899px) {
    .first_tr {
        display: none !important
    }

    .responsive-table tbody td {
        font-size: 15px;
        text-align: left;
        background-color: #ffe9e4
    }

        .responsive-table tbody td:last-child,
        .responsive-table tbody th:last-child {
            background-color: #ffe9e4
        }

    .responsive-table tbody tr:nth-child(2n+2) {
        background: none
    }

    .responsive-table th,
    .responsive-table td {
        padding: 10px;
        margin: 5px
    }

    .responsive-table tbody td[data-title]:before {
        content: attr(data-title);
        float: left;
        color: rgba(0,0,0,.8);
        font-weight: 500;
        display: block;
        width: 100%;
        text-align: left;
        font-size: 14px;
        border-bottom: 1px solid #838383;
        margin-bottom: 5px;
        font-weight: bold
    }

    .responsive-table tbody td {
        font-size: 15px;
        text-align: left
    }

    .responsive-table tbody th[scope="row"] {
        background-color: #DF5232 !important;
        color: #fff !important;
        text-align: left;
        padding-top: 0px;
        padding-bottom: 0;
    }
}

.expert_section {
    background-color: #1b1b1b;
    position: relative;
    overflow: hidden;
    padding: 45px 0 35px
}

    .expert_section .border_line {
        float: right;
        width: 80%;
        background-color: #8dd599;
        margin-bottom: 0
    }

    .expert_section h2 {
        text-align: left;
        color: #fff;
        margin: 0 0 30px
    }

.cloud_content .tab-content p {
    padding-left: 0
}

.expert_section .m-body {
    display: block;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px
}

.expert_section .tabs {
    width: 100%;
    position: relative
}

.expert_section .tab_heading {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 48%
}

.case_text_img {
    display: flex;
    width: 100%;
    align-items: self-start;
    padding: 30px 0
}

.case_text_blk p {
    font-family: 'roboto-regular',Open Sans,Arial;
    color: #fff;
    font-size: 16px;
    text-align: left;
    margin: 0;
    margin-bottom: 10px
}

.case_text_blk {
    width: 75%;
    padding-left: 35px;
    text-align: left
}

    .case_text_blk h3 {
        text-align: left;
        position: relative;
        text-transform: none;
        transition: all ease .2s;
        width: auto;
        display: inline-block;
        margin-top: 0
    }

        .case_text_blk h3:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 150px;
            height: 2px;
            background-color: #b5280e;
            transition: 1s ease all
        }

.case_text_img a {
    display: flex;
    text-decoration: none
}

.case_text_blk a:hover h3:after {
    width: 100%
}

@keyframes lineFadeIn {
    0% {
        width: 10%
    }

    100% {
        width: 100%
    }
}

.case_study_img {
    width: 23%;
    padding-top: 0;
    position: relative
}

    .case_study_img img {
        width: 100%;
        height: 15vw;
        background-repeat: no-repeat;
        margin: 0;
        background-size: cover;
        background-position: bottom;
        border-radius: 25px;
        object-fit: cover
    }

.expert_section #tabs-content {
    width: 50%
}

.expert_section #tabs-nav li a.active {
    color: #000;
    font-weight: bold
}

.tabshow {
    display: flex
}

.expert_section #tabs-nav li a {
    color: #000
}

.case_heading {
    width: 100%
}

.case_industry {
    font-size: 18px;
    text-align: right;
    width: 100%;
    padding-top: 12px;
    display: none !important
}

.expert_section #tabs-nav li .case_heading:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 100%;
    border-bottom: 1px solid #6f6d6d;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.77,0,.175,1);
    transition: -webkit-transform .4s cubic-bezier(.77,0,.175,1);
    -o-transition: -o-transform .4s cubic-bezier(.77,0,.175,1);
    transition: transform .4s cubic-bezier(.77,0,.175,1);
    transition: transform .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1),-o-transform .4s cubic-bezier(.77,0,.175,1)
}

.expert_section #tabs-nav li a:hover .case_heading::after,
.expert_section ul#tabs-nav li a.active .case_heading::after {
    width: 100%;
    margin-left: 3px;
    color: #fff;
    -webkit-animation: line-out .4s cubic-bezier(.77,0,.175,1);
    -o-animation: line-out .4s cubic-bezier(.77,0,.175,1);
    animation: line-out .4s cubic-bezier(.77,0,.175,1);
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    border-bottom: 1px solid #000;
    -webkit-animation: line-in .4s cubic-bezier(.77,0,.175,1);
    -o-animation: line-in .4s cubic-bezier(.77,0,.175,1);
    animation: line-in .4s cubic-bezier(.77,0,.175,1);
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.expert_section #tabs-nav li a {
    font-size: 22px;
    line-height: 100%;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 0;
    text-decoration: none;
    color: #000;
    font-weight: normal;
    height: auto;
    text-transform: capitalize
}

.expert_section #tabs-nav li a {
    position: relative;
    -webkit-transition: color .25s linear;
    -o-transition: color .25s linear;
    transition: color .25s linear;
    padding-bottom: 30px;
    display: list-item
}

    .expert_section #tabs-nav li a span {
        display: inline-block;
        position: relative;
        -webkit-transition: -webkit-transform .4s cubic-bezier(.77,0,.175,1);
        transition: -webkit-transform .4s cubic-bezier(.77,0,.175,1);
        -o-transition: -o-transform .4s cubic-bezier(.77,0,.175,1);
        transition: transform .4s cubic-bezier(.77,0,.175,1);
        transition: transform .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1),-o-transform .4s cubic-bezier(.77,0,.175,1)
    }

    .expert_section #tabs-nav li a:hover {
        color: #fff
    }

        .expert_section #tabs-nav li a:hover:after {
            -webkit-animation: line-in .4s cubic-bezier(.77,0,.175,1);
            -o-animation: line-in .4s cubic-bezier(.77,0,.175,1);
            animation: line-in .4s cubic-bezier(.77,0,.175,1);
            -webkit-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards
        }

@-webkit-keyframes line-in {
    0% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-o-keyframes line-in {
    0% {
        -o-transform-origin: left;
        transform-origin: left;
        -o-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -o-transform-origin: left;
        transform-origin: left;
        -o-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes line-in {
    0% {
        -webkit-transform-origin: left;
        -o-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform-origin: left;
        -o-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.header_slider {
    position: relative;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden
}

.cards_flex_models {
    display: flex;
    flex-wrap: wrap
}

.flex_cart_models {
    width: 31%;
    background-color: #fff;
    margin: 20px auto 30px;
    padding: 30px 20px;
    position: relative;
    box-shadow: 0 2px 8px 4px rgba(121,119,119,.2);
    -webkit-box-shadow: 0 2px 8px 4px rgba(121,119,119,.2);
    -moz-box-shadow: 0 2px 8px 4px rgba(121,119,119,.2);
    border-radius: 30px
}

    .flex_cart_models p.font_h3_head {
        text-align: center;
        position: relative;
    }

    .flex_cart_models p {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0;
    }

.icon_models {
    width: 50px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-bottom: 10px;
}

.icon_model1 {
    background-image: url('../images/dot-net-outsourcing/modern-practices.svg');
}

.icon_model2 {
    background-image: url('../images/dot-net-outsourcing/end-to-end.svg');
}

.icon_model3 {
    background-image: url('../images/dot-net-outsourcing/scalable-engagement.svg');
}

@media screen and (min-width:1400px) {
    .intro_sec_img {
        height: 565px
    }

    .content {
        margin-top: 6.5vw
    }

    .mid_app_services_bg img {
        max-width: 90%
    }

    .benefits_p_con {
        width: 60%;
        left: 40%;
        top: 70%;
        padding: 30px
    }
}

@media screen and (min-width:1450px) {
    .why_section_blk {
        height: 850px;
    }
}

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


    .why_need_left_bg {
        height: 28vw
    }

    .banner_container {
        padding-top: 105px;
        background-size: 47%
    }

    .right_process_c,
    .left_process_c {
        width: 50%
    }

        .left_process_c p.font_h3_head {
            max-width: 355px
        }
}

@media screen and (min-width:1600px) {
    .why_section_blk .why_content {
        padding: 50px 60px
    }

    .case_cutomers_main_cart_img {
        height: 340px
    }

    .right_header {
        height: 610px
    }

    .content {
        margin-top: 90px
    }

    .mid_app_services_bg img {
        max-width: 90%
    }

    .benefits_p_con {
        width: 60%;
        left: 40%;
        top: 80%;
        padding: 30px
    }

    .net_expertise .content p {
        font-size: 20px
    }
}

@media screen and (min-width:1700px) {
    .why_section_blk .why_sec_img {
        width: 800px;
        height: 800px;
    }

    .why_section_blk {
        height: auto;
    }

        .why_section_blk .why_content {
            padding: 50px
        }

    .why_section:after {
        height: 450px
    }

    .right_dashboard {
        width: 100%;
        background-size: 65%;
    }

    .technical_support_right img {
        width: 72%;
    }

    .banner_container {
        padding: 90px 0px 0 30px;
        background-size: 40%;
    }

    .header_slider .m-body {
        padding-bottom: 0;
        padding-right: 160px;
    }

    .hub_tec {
        font-size: 22px;
        max-width: 705px
    }

    .why_section:after {
        height: 450px
    }

    .why_section_blk .why_sec_img {
        width: 800px;
        height: 800px
    }

    .why_section_blk .why_content {
        padding: 60px
    }
}

@media screen and (min-width:1800px) {
    .service_head_blk:after {
        height: 135%;
        width: 150%
    }

    .left_process_c p.font_h3_head {
        max-width: 485px
    }

    .right_process_c,
    .left_process_c {
        width: 50%
    }

    .mid_app_services_bg img {
        max-width: 70%
    }

    .benefits_p_con {
        width: 60%;
        left: 40%;
        top: 80%;
        padding: 30px
    }

    .net_expertise .content p {
        font-size: 22px
    }
}

@media screen and (min-width:1900px) {
    .hub_tec span {
        font-size: 45px
    }

    .case_study_img img {
        height: 258px;
    }
}

@media screen and (min-width:2000px) {
    .why_section_blk .why_sec_img {
        width: 900px;
        height: 900px;
    }

    .tech_td p {
        font-size: 18px;
    }

    .why_content ul li::before {
        top: 11px;
    }

    .banner_container {
        padding: 90px 0px 0 30px;
        background-size: 37%;
    }
    .header_slider .m-body {
        padding-bottom: 0;
        padding-right: 260px;
    }
    .cart_lead, .top_quotes_txt {
        font-size: 18px
    }

    .common_font,
    .cloud_content .font_h3_head,
    .font_h3_head,
    .hub_tec p,
    .flex_sub_choose_main h3,
    .accordion_head_ang p,
    .question_partner h3,
    .dev_ser_section2 p,
    .flex_cart_bg .flex_cart_service p,
    .flex_cart_benefit h3, .case_text_blk p, .collapsible-btn {
        font-size: 20px
    }

    .space_bottom {
        height: 60px
    }

    .accordion_head_ang h3,
    .cart_inner_design h3,
    .flex_choose h3,
    .support_models_cart h3,
    .carts_services h3,
    .cart_lead h3,
    .cart_benefit_imp h3 {
        font-size: 20px
    }

    .welcome_list ul li {
        background-size: 24px;
        background-position: 0 10px;
        padding: 2px 0 2px 40px
    }

    .flex_cart_why p {
        font-size: 18px
    }

    .hub_tec img {
        margin-top: 130px
    }

    .m-body h2 {
        font-size: 50px !important;
        line-height: 110% !important
    }

    .content {
        margin-top: 90px
    }

    .m-body {
        max-width: 1920px;
        margin: auto
    }
}



@media screen and (max-width:1500px) {
    .banner_bg {
        padding-bottom: 0
    }
}


@media screen and (max-width:1300px) {
    .why_section_blk {
        height: 870px;
    }

    .case_study_img {
        height: 200px;
        width: 300px
    }

        .case_study_img img {
            height: 100%;
            width: 100%
        }


    .right_dashboard {
        width: 94%;
        right: -7%
    }

    .right_header {
        height: 500px;
        bottom: -10px
    }

    .benefit_cards_flex_1 {
        flex-wrap: wrap
    }
}

@media screen and (max-width:1280px) {
    .m-body h2 {
        font-size: 35px
    }
}

@media screen and (max-width:1235px) {
    .app_testing {
        padding-bottom: 0
    }

    .flex_cart_benefit.left_space_benefit {
        margin-left: auto;
    }

    .flex_cart_benefit.right_space_benefit {
        margin-right: auto;
    }

    .flex_cart_benefit {
        max-width: 48%;
        margin: 0 auto 30px;
        flex: 0 0 48%;
    }

    .row {
        flex-wrap: wrap;
        padding: 0
    }

    .left-sidebar {
        float: left;
        width: 100%;
        text-align: center;
        height: auto
    }

    .StickySidebar {
        position: inherit !important;
        top: 0 !important;
        left: 0 !important
    }

    .net_expertise .StickySidebar {
        height: 100%;
        position: relative !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .mid_app_services_bg img {
        display: none
    }

    .net_expertise .content p {
        color: #222;
        text-align: center
    }

    .benefits_p_con {
        position: inherit;
        background: transparent;
        width: 100%;
        left: 0;
        top: 0;
        padding: 0
    }

    .net_expertise .content {
        padding: 0
    }

    .net_expertise .main-content,
    .main-content {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .accordion_head_ang .font_h3_head {
        width: 100%;
        padding-top: 15px
    }

    .accordion_body_ang {
        padding: 10px 0 0 0;
        margin-top: 0
    }

        .accordion_body_ang p {
            margin-top: 10px;
            margin-left: 0;
            text-align: left;
            margin-bottom: 15px
        }

        .accordion_body_ang ul {
            padding: 10px 0 15px 46px
        }

    .why_section_blk .why_sec_img:before,
    .why_section_blk .why_sec_img:after {
        display: none
    }

    .webp .why_section_blk .why_sec_img,
    .no-webp .why_section_blk .why_sec_img {
        background-image: none
    }

    .why_section_blk .why_sec_img {
        background-position: top center;
        background-size: cover;
        height: auto;
        width: 100%;
        background-image: none;
        padding-bottom: 0;
    }

    .why_section_blk {
        background-color: #fff5ee;
        height: auto;
    }

        .why_section_blk .why_content {
            width: 100%;
            background-color: #fff5ee;
            padding: 0 60px 50px;
            position: relative;
            right: 0;
            top: 0;
            border-radius: 0;
            box-shadow: none
        }
}

@media screen and (max-width:1200px) {
    .sub_carts_main .cart_inner_design {
        width: 45%;
        flex: 1 1 45%
    }

    .service_head_blk {
        max-width: 542px
    }

    .why_section_blk .cloud_content h2 {
        color: #111
    }

    .why_cart {
        width: 100%
    }

    .flex_cart_why {
        width: 47%
    }

    .right_header img {
        width: 80%
    }

    .hub_tec span {
        font-size: 35px;
        margin-top: 50px
    }

    .left_header h1 {
        font-size: 18px
    }

    .banner_bg {
        padding-bottom: 0
    }

    .hub_tec p {
        font-size: 18px
    }

    .banner_container {
        padding: 0 0 0 0
    }

    .header_slider .m-body {
        padding-top: 60px
    }
}



@media screen and (max-width:1160px) {
    .right_header {
        height: 465px;
        bottom: -10px
    }

    .intro_sec_text {
        width: 100%
    }

    .welcome_content {
        width: 100%
    }

    .adv.why_choose_offshore {
        padding: 35px 0 40px
    }

    .main_section_app_flex {
        margin-top: 0
    }

    .right_app_services .flex_combo_why:last-child .cart_why_content {
        padding-bottom: 0;
        clear: both;
        margin: 0 auto 30px
    }

    .why_choose_offshore .left-sidebar,
    .resources_sec .left-sidebar {
        display: none
    }

    .left-sidebar {
        float: left;
        width: 100%;
        text-align: center;
        height: auto;
        position: inherit !important
    }

    .para_right_align {
        padding-left: 0%
    }

    .para_left_align {
        padding-right: 0%
    }

    .row {
        flex-wrap: wrap;
        padding: 0
    }

    .StickySidebar {
        position: inherit !important;
        top: 0 !important
    }

    .main-content {
        width: 100%;
        padding: 30px 0 0
    }

    .why_need_left {
        display: none
    }
}

@media screen and (max-width:1100px) {
    .tech_td b::before {
        display: none;
    }

    .call_btn {
        padding: 15px 45px
    }

    .header_txt h1 {
        padding-bottom: 10px
    }

    .btn_more {
        padding-top: 15px;
        padding-bottom: 35px
    }

    .left_process_c p.font_h3_head,
    .right_process_c p {
        font-size: 16px
    }
}



@media screen and (max-width:1030px) {
    .technical_support {
        padding-bottom: 0px;
    }

    .technical_support_right {
        display: none
    }

    .technical_support_left {
        width: 100%
    }

        .technical_support_left .why_content {
            padding-bottom: 10px;
        }

    .fadeOut.owl-carousel.owl-theme .item {
        width: 48%;
    }

    .cloud_content .tab-content p {
        padding-left: 0;
        margin-bottom: 10px
    }

    .expert_section h2:after {
        max-width: 351px
    }

    .read-more-hide {
        top: 40px
    }

    .expert_section {
        padding-top: 0;
        padding-bottom: 45px
    }

    .case_text_blk h3 {
        width: 85%;
        margin-top: 15px
    }

        .case_text_blk h3:after {
            content: none
        }

    .case_text_blk a:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 15px;
        width: 100%;
        height: 2px;
        background-color: #b5280e;
        transition: 1s ease all
    }

    .case_text_blk a {
        position: relative
    }

        .case_text_blk a .m_arrow_show {
            width: 40px;
            height: 23px;
            margin-left: 30px;
            background-image: url(../images/dot-net-outsourcing/right-arrow-link.svg);
            background-repeat: no-repeat;
            background-size: 32px;
            display: inline-block;
            position: absolute;
            bottom: 33px;
            right: 0
        }

    .why_section_blk .why_sec_img {
        padding: 35px 35px 0
    }

    .why_section_blk .why_content {
        padding: 0 35px 35px
    }

    .align_left {
        margin-top: 0
    }

    .cards_flex_imp_1 {
        margin-top: -15px
    }

    .intro_sec_main {
        padding-top: 0
    }

    .cloud_services.technology_stack {
        padding-bottom: 0
    }

    .net_expertise .StickySidebar {
        padding-left: 30px
    }

    .hub_tec p {
        font-size: 16px
    }

    .common_font,
    .cloud_content .font_h3_head,
    .font_h3_head,
    .accordion_head_ang h3,
    .cart_inner_design h3,
    .flex_sub_choose_main h3,
    .accordion_head_ang p,
    .question_partner h3,
    .support_models_cart h3,
    .flex_choose h3,
    .cart_lead h3,
    .left_process_c p.font_h3_head,
    .cart_benefit_imp h3,
    .carts_services h3,
    .flex_cart_benefit h3, .collapsible-btn {
        font-size: 16px
    }

    .net_expertise .main-content,
    .main-content {
        padding-top: 20px
    }

    .common_font .m-body {
        padding: 35px 30px 35px 30px
    }

    .why_section_blk .why_sec_img {
        padding: 35px 35px 0
    }

    .why_section_blk .why_content {
        padding: 0 35px 35px
    }

    .head_image_size {
        padding: 15px 30px 40px
    }

    .why_choose_offshore {
        padding-top: 60px
    }

    .cart_why_content {
        padding: 0 8px
    }

    .sub_carts_main.cloud_content {
        padding: 0;
        margin-top: 0
    }

    .billing_services {
        padding-top: 0
    }

    .adv.why_choose_offshore {
        padding: 60px 0 40px
    }

    .header_slider .m-body {
        padding-left: 30px;
        padding-right: 0
    }

    .right_header {
        height: 43vw;
        top: 0
    }

    .cloud_content.left_head_cloud {
        padding-left: 0
    }

    .why_need_sec {
        padding: 0
    }

    .cloud_content {
        padding-right: 0
    }

    .why_choose::after {
        display: none
    }

    .why_choose_left {
        width: 100%
    }

    .space_left_h {
        margin-left: 0
    }

    .cloud_content.left_head_cloud p {
        padding: 0
    }

    .steps_main_sub {
        margin: 30px 0 30px
    }

    .welcome_content p {
        padding-right: 0;
        padding: 0
    }

    .welcome_content {
        padding-right: 0
    }

    .hub_tec img {
        margin-top: 70px;
        display: none;
        width: 170px;
        max-width: 100%
    }

    .m-body h2 {
        font-size: 32px;
        width: 100% !important;
        display: inline-block
    }

    .cart_lead {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 15px 0 60px
    }

        .cart_lead:last-child {
            margin-bottom: 0
        }

    .adv.why_choose.net_expertise {
        padding-top: 0;
        padding-bottom: 10px
    }

    .why_section_blk .why_sec_img {
        padding-top: 0
    }

    .why_section_blk {
        padding-top: 15px
    }
}

@media screen and (max-width:1000px) {
    .challenges_main .btn_more.contact_rate {
        float: none;
        margin-top: 0;
        margin-bottom: 20px
    }

    .consulting_carts {
        padding-bottom: 30px
    }

    .flex_cart_models {
        width: 46%;
        margin: 15px auto
    }

    .carts_services {
        margin-top: 0
    }

    .call_btn {
        padding: 15px 45px
    }

    .banner_container {
        padding-top: 0;
        flex-wrap: wrap;
        padding-bottom: 0;
        background-size: 70%;
        background-position: right bottom;
    }
    .header_slider .m-body{
        padding-right: 30px;
    }
    .left_header {
        width: 100%;
        max-width: 750px;
        padding-right: 30px;
        margin-top: 20px
    }

    .btn_more {
        padding-bottom: 0
    }

    .hub_tec span {
        font-size: 32px;
        margin-top: 40px
    }

    .right_header {
        width: 100%
    }

    .right_dashboard {
        width: 90%;
        background-position: bottom right;
        right: 30px;
        margin: 0 auto;
        float: right;
        background-size: 64%;
    }

    .right_header {
        height: 45vw;
        top: 0
    }

    .why_content_blk {
        width: 100%
    }

    .right_header img {
        width: 58%
    }

    .cloud_services.billing_services {
        padding-bottom: 35px
    }

    .flex_cart_service {
        flex: 0 0 48%;
        max-width: 48%
    }

        .flex_cart_service.left_cart_service {
            margin-left: auto
        }

        .flex_cart_service.right_cart_service {
            margin-right: auto
        }

    .why_img_blk {
        width: 80%
    }

    .sub_flex {
        width: 48%
    }

        .sub_flex.cart_sub_flex_left {
            margin-left: 0
        }

        .sub_flex.cart_sub_flex_right {
            margin-right: 0
        }

    .cart_flex_2 {
        width: 100%;
        padding-top: 0
    }

    .sub_flex_2 {
        width: 48%;
        margin: 10px auto;
        padding: 0 5px 5px
    }

    .flex_cart_overlay {
        padding: 20px 25px 20px 25px
    }

    .cart_inner_design p {
        margin-bottom: 10px
    }

    .sub_carts_main .cart_inner_design {
        padding-bottom: 15px
    }

    .challenges_main {
        padding-bottom: 0
    }

    .why_section_blk {
        padding-bottom: 35px
    }

    .services_process_cart {
        flex-wrap: wrap;
        padding: 30px 15px
    }

    .left_process_c {
        width: 100%;
        flex-wrap: wrap
    }

    .icon_process {
        width: 100%;
        min-width: auto;
        margin: 10px auto;
        text-align: center;
        display: none
    }

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

    .left_process_c p.font_h3_head {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 0;
        margin: 10px auto
    }

    .process_count,
    .icon_process div {
        margin: 0 auto
    }

    .right_process_c {
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .left_process_c p.font_h3_head::after {
        width: 100px;
        height: 2px;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        top: -13px
    }

    .service_carts_img {
        display: none
    }

    .service_head:after {
        content: none
    }

    .service_head_blk {
        max-width: 100%;
        position: inherit;
        margin-bottom: 30px;
        padding: 30px
    }


    .sub_carts_main .cart_inner_design {
        flex: 1 1 45%;
        vertical-align: top;
        margin: 15px;
        width: 45%
    }
}


@media screen and (max-width:900px) {
    .sub_carts_main .cart_inner_design {
        flex: 1 1 100%;
        vertical-align: top;
        margin: 10px 0
    }

    .cart_inner_design_n {
        width: 100%
    }

    .flex_cart_service {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .fadeOut.owl-carousel.owl-theme .item {
        width: 100%;
        margin: 15px 0
    }

        .fadeOut.owl-carousel.owl-theme .item.last_quote_lp_left {
            margin-left: 0
        }

        .fadeOut.owl-carousel.owl-theme .item.last_quote_lp_right {
            margin-right: 0
        }

    .case_text_img {
        display: block
    }

    .case_text_blk {
        width: 100%;
        padding-left: 0
    }



    .m-body {
        max-width: 100%
    }

    .flex_cart_benefit {
        height: auto;
        max-width: 100%;
        margin: 0 auto 15px;
        flex: 0 0 100%
    }


    .cart_benefit_imp {
        vertical-align: top;
        background: linear-gradient(0deg,#f5eee9 31.24%,transparent 81.61%);
        margin: 15px auto 0;
        padding-top: 0;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 20px 20px
    }

    .container_leading.cloud_content {
        flex-wrap: wrap;
        padding: 0
    }

    .flex_cart_why {
        width: 100%
    }

    .banner_container {
        padding: 0 0 0 0;
        background-size: 65vw
    }
}

@media screen and (max-width:770px) {
    .intro_sec_main {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .hub_tec span {
        margin-top: 40px
    }

    .right_header img {
        width: 70%
    }

    .banner_container {
        flex-wrap: wrap
    }

    .left_header {
        width: 100%
    }

    .sub_banner_main {
        width: auto
    }

    .header_slider .m-body {
        padding-top: 60px;
        padding-left: 30px;
        padding-bottom: 0
    }

    .hub_tec span {
        margin-top: 40px
    }

    .hub_tec p {
        width: 100%
    }

    .left_header {
        width: 100%
    }

    .hub_tec {
        font-size: 20px
    }
}

@media screen and (max-width:640px) {
    .m-body h2 {
        font-size: 30px
    }

    .why_img_blk {
        display: none
    }
}

@media screen and (max-width:700px) {
    .app_testing {
        padding-bottom: 15px
    }

    .flex_cart_models {
        width: 100%
    }

    .carts_services {
        margin-top: 0
    }

    .flex_cart_benefit {
        width: 100%;
        margin: 10px auto
    }


    .right_header img {
        max-width: 100%
    }

    .why_choose_offshore .cloud_content p {
        padding-right: 0;
        padding-left: 0
    }

    .migration_img_blk .migration_img {
        display: none
    }

    .migration_img_blk .why_content {
        display: block
    }

    .migration_img_blk {
        width: 100%;
        max-width: 100%;
        margin: auto
    }

    .right_dashboard {
        width: 80%
    }
}

@media screen and (max-width:600px) {
    .responsive-table {
        margin-top: 15px;
    }

    .why_section_blk .why_sec_img {
        padding: 0 15px 0;
    }

    .why_section_blk .why_content {
        padding: 0 15px 40px;
    }

    .case_study_img {
        display: none;
    }

    .case_text_img {
        padding: 0px;
    }

    .expert_section {
        padding-bottom: 20px;
        padding-top: 15px;
    }

    .accordion_body_ang ul {
        padding-left: 20px
    }

    .carts_services {
        margin-top: 20px
    }

    .sub_carts_main {
        margin-top: 15px
    }

    .migration_img_blk {
        padding-top: 20px
    }

    .why_section_blk {
        padding-bottom: 0
    }

    .services_process_implementation {
        padding-top: 20px
    }

    .benefits_p_con {
        padding-top: 30px
    }

    .net_expertise .content p {
        margin-bottom: 0
    }

    .hub_tec span {
        font-size: 30px
    }

    .cloud_services.billing_services {
        padding-bottom: 25px
    }

    .challenges_main {
        padding-bottom: 15px
    }

    .cloud_content h2 {
        margin-bottom: 50px
    }

    .common_font .m-body {
        padding: 30px 15px
    }

    .cart_flex,
    .cloud_content.sharepoint_process,
    .carts_services.flex_cart_bg {
        padding-top: 30px
    }

    .benefit_carts_services {
        margin-top: 0
    }

    .net_expertise .StickySidebar {
        padding-left: 15px
    }

    .right_header {
        height: 48vw
    }

    .hub_tec span {
        font-size: 30px
    }
}

@media screen and (max-width:560px) {
    .right_dashboard {
        width: 90%
    }
}

@media screen and (max-width:500px) {
    .header_img > .m-body {
        padding: 30px;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width:480px) {
    .no-webp .banner_container,
    .webp .banner_container {
        background-image: none
    }

    .header_slider .m-body {
        padding-top: 40px;
        padding-bottom: 60px
    }

    .right_header img,
    .right_header {
        display: none
    }

    .hub_tec span {
        font-size: 28px;
        margin-top: 30px
    }

    .right_header img {
        width: 85%
    }

    .benfits_choosing {
        padding-top: 15px;
        padding-bottom: 20px
    }

    .right_header img {
        max-width: 90%
    }

    .call_btn {
        float: none
    }

    .hub_tec span {
        font-size: 28px;
        margin-top: 30px
    }

    .hub_tec p {
        margin-top: 10px
    }

    .btn_more {
        float: none
    }

    .billing_services {
        padding-left: 0
    }

    .welcome_content {
        padding-right: 0
    }

        .welcome_content p {
            padding-right: 0
        }

    .m-body h2,
    .benfits_choosing .cloud_content h2 {
        font-size: 25px
    }

    .mobile_footer_h2 {
        font-size: 30px
    }

    .cloud_content {
        padding-left: 0;
        padding-right: 0
    }

        .cloud_content.left_head_cloud {
            padding-right: 0;
            padding-left: 0
        }

    .welcome_content {
        padding-left: 0
    }

    .why_choose_offshore {
        padding-top: 45px;
        padding-bottom: 15px
    }

    .call_btn {
        padding: 15px 20px !important;
        font-size: 15px
    }

    .btn_more {
        margin: 25px 0
    }

    .hub_tec span {
        padding: 10px 0
    }

    .ser_bod {
        margin: 10px auto
    }
}

@media screen and (max-width:470px) {
    .why_section {
        padding-top: 0;
        padding-bottom: 25px
    }

    .cloud_content .sub_devp_head2 .font_h3_head {
        font-size: 18px
    }
}

@media screen and (max-width:360px) {
    .cloud_services.challenges_main {
        padding-top: 15px;
    }

    .responsive-table {
        padding-bottom: 10px;
    }

    .migration_services {
        padding-bottom: 15px;
    }

    .intro_sec_main {
        padding-bottom: 15px
    }

    .left_header h1 {
        font-size: 16px
    }

    .left_header {
        padding-right: 0
    }

    .header_slider .m-body {
        padding-top: 35px;
        padding-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px
    }

    .common_font .m-body {
        padding: 30px 15px
    }

    .banner_container {
        padding-bottom: 40px
    }

    .benefit_space p {
        margin-left: 0
    }

    .m-body h2,
    .benfits_choosing .cloud_content h2 {
        font-size: 23px
    }

    .cloud_content p {
        font-size: 16px
    }

    .welcome_content p {
        font-size: 16px
    }

    .net_expertise .StickySidebar {
        padding: 15px
    }

    .cloud_services.billing_services {
        padding-bottom: 15px
    }

    .net_expertise .main-content {
        padding-left: 0;
        padding-right: 0
    }

    .challenges_main .m-body {
        padding-bottom: 15px;
        padding-top: 0
    }

    .hub_tec span {
        font-size: 26px;
        margin-top: 30px
    }
}

@media screen and (max-width:340px) {
    .call_btn {
        padding: 10px 20px !important
    }
}