.tab_sub_head{
     font-size:18px;
     font-weight:bold;
     padding-bottom:15px;
}

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

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

    .left_tabs_text ul li, .cart_benefit_imp ul li {
        margin: 0;
        padding: 4px 0 4px 0;
        position: relative;
        list-style: none;
    }
/*---------------------------------*/

.ai_software_outsourcing {
}

.ai_software_outsourcing_img {
    
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 600px;
}
.no-webp .ai_software_outsourcing_img {
    background-image: url('../images/salesforce-service-cloud/core-services-section.jpg');
}
.webp .ai_software_outsourcing_img {
    background-image: url('../images/salesforce-service-cloud/webp/core-services-section.webp');
}
@media screen and (min-width:1600px) {
}
/*----------------------------------*/

/*-----------------------------------------*/
.service_head {
    position: relative
}

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

    .service_head.service_left:after {
        right: auto;
        left: -68px;
    }

.service_sec.servoce_sec2 {
    background: #fff
}

.service_sec {
    overflow: hidden
}

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

.service_icon {
    width: 72px;
    height: 65px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    display: flex;
    margin-bottom: 15px;
    background-color: #b5280e;
    border-radius: 15px
}

.service_1 {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-1.svg');
}

.service_2 {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-2.svg');
}

.service_3 {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-3.svg');
}

.service_4 {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-4.svg');
}

.service_5 {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-5.svg');
}

.service_6 {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-6.svg');
}

.service_7 {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-7.svg');
}

.service_8 {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-8.svg');
}

.service_9 {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-9.svg');
}

.service_10 {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-10.svg');
}

.service_11 {
    background-image: url('https://www.congruentsoft.com/images/custom-software-development-services/why/flexible.svg');
}

.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
}

.service_carts_img {
    height: 610px;
    width: 54%;
    background-repeat: no-repeat;
    position: absolute;
    top: 80px;
    right: 0;
    background-size: contain;
    background-position: right;
    z-index: 1
}

.sub_carts_main {
    display: flex;
    flex-wrap: wrap;
    padding: 70px 0;
    z-index: 2;
    position: relative
}

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

.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.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 ul {
    list-style: none;
    margin: 0;
    padding: 0 0 30px
}

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

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

/*---------------------------------------*/


.expertise_table {
    background: #fff;
    padding-bottom: 40px;
}


.heading_des_p {
    text-align: left
}


@media screen and (max-width:1030px) {
    .cloud_services.single_souce {
        padding-top: 0;
        padding-bottom: 25px;
        margin-top: 0
    }

    .sharepoint_process {
        margin-top: 40px
    }
}




.vetting_process {
    background: #fff;
    background-color: rgba(0,0,0,0);
    background-color: #fff
}

.vetting_process_main ul {
    position: relative;
    z-index: 1
}

    .vetting_process_main ul li {
        position: relative;
        margin-bottom: 3rem;
        display: flex
    }

.number_vetting {
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: #b5280e;
    height: 50px;
    min-width: 50px;
    width: 50px;
    border-radius: 50%
}

.vetting_process_main ul li::after {
    content: '';
    border-left: 2px dashed #ecd1bc;
    bottom: -3rem;
    content: "";
    left: 25px;
    position: absolute;
    top: 0;
    z-index: -1
}

.vetting_process_main ul li:last-child::after {
    display: none
}

.vetting_process_main ul li:last-child::after {
    display: none
}

.vetting_dcs {
    padding-left: 30px;
    text-align: left
}

    .vetting_dcs .step_num {
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: 14px;
        text-align: left;
        font-weight: bold;
        color: #dda981;
        margin: 0 0 0 0
    }

    .vetting_dcs p {
        font-size: 17px;
        margin: 0
    }

    .vetting_dcs p {
        font-size: 17px;
        margin: 0
    }

        .vetting_dcs p.font_h3_head {
            font-size: 20px;
            margin: 0 0 15px
        }

.vetting_process .cloud_content p {
    text-align: left;
    padding-bottom: 50px
}

.vetting_process .content {
    padding-bottom: 0
}

.v_c {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    margin-top: 10px;
    font-size: 18px
}

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: 65px;
    padding-bottom: 0
}

.StickySidebar {
    width: 100%
}

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

.mid_app_services_bg {
    margin: 0 auto;
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height:80vh;
}

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

.custom_split .cloud_content p {
    text-align: justify;
    float: right;
    clear: both
}

.custom_main {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    align-items: center
}

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

.custom_content p {
    margin-top: 5px;
    text-align: left;
    padding-right: 10px
}

.custom_left.main_service {
    width: 50%;
    position: relative;
    z-index: 2;
    padding: 0
}

.custom_service_space {
    padding-top: 30px
}

.custom_right {
    width: 50%
}

.custom_full {
    width: 100%
}

.custom_right .custom_content {
    width: 100%
}

.custom_right p {
    text-align: left;
    margin-bottom: 5px
}

.custom_right .custom_content li {
    list-style: disc;
    text-align: left;
    padding: 7px 0 7px 7px;
    margin: 0
}

.custom_right .custom_content ul {
    margin: 0;
    padding: 0 0 0 15px
}

.service_set_image {
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center
}

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

.custom_service_set1 {
    height: 290px
}

.custom_service_set2 {
    height: 395px
}

.custom_service_set3 {
    height: 380px
}

.custom_service_set4 {
    height: 340px
}

.custom_service_set5 {
    height: 354px;
    padding-left: 30px;
}

.custom_service_set6 {
    height: 320px
}

.custom_service_set7 {
    height: 375px
}

.custom_service_set8 {
    height: 550px;
    padding-left: 30px;
    padding-bottom: 30px;
}

    .custom_service_set8 img {
        border-radius: 20px;
    }

.custom_service_image_blk {
    display: flex
}

.service_text_blk {
    flex: 1
}

.service_blk {
    display: flex;
    padding-bottom: 15px
}


.service_set1_1 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-2.svg')
}

.service_set1_2 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-1.svg')
}

.service_set1_3 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-3.svg')
}

.service_set1_4 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-4.svg')
}

.service_set1_5 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-5.svg')
}

.service_set1_6 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-6.svg')
}

.service_set1_7 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-7.svg')
}

.service_set1_8 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-8.svg')
}

.service_set1_9 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-9.svg')
}

.service_set1_10 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-10.svg')
}

.service_set1_11 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-11.svg')
}

.service_set1_12 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-12.svg')
}

.service_set1_13 {
    background-image: url('../images/custom-software-development-services/services/custom-service-set1-13.svg')
}

.service_set2_1 {
    background-image: url('../images/custom-software-development-services/solutions/custom-service-set2-1.svg')
}

.service_set2_2 {
    background-image: url('../images/custom-software-development-services/solutions/custom-service-set2-2.svg')
}

.service_set2_3 {
    background-image: url('../images/custom-software-development-services/solutions/custom-service-set2-3.svg')
}

.service_set2_4 {
    background-image: url('../images/custom-software-development-services/solutions/custom-service-set2-4.svg')
}

.service_set2_5 {
    background-image: url('../images/custom-software-development-services/solutions/custom-service-set2-5.svg')
}

.service_set2_6 {
    background-image: url('../images/custom-software-development-services/solutions/custom-service-set2-6.svg')
}

.service_set3_1 {
    background-image: url('../images/custom-software-development-services/digital/custom-service-set3-1.svg')
}

.service_set3_2 {
    background-image: url('../images/custom-software-development-services/digital/custom-service-set3-2.svg')
}

.service_set3_3 {
    background-image: url('../images/custom-software-development-services/digital/custom-service-set3-3.svg')
}

.service_set3_4 {
    background-image: url('../images/custom-software-development-services/digital/custom-service-set3-4.svg')
}

.service_set3_5 {
    background-image: url('../images/custom-software-development-services/digital/custom-service-set3-5.svg')
}

.service_set4_1 {
    background-image: url('../images/custom-software-development-services/scalability/custom-service-set4-1.svg')
}

.service_set4_2 {
    background-image: url('../images/custom-software-development-services/scalability/custom-service-set4-2.svg')
}

.service_set4_3 {
    background-image: url('../images/custom-software-development-services/scalability/custom-service-set4-3.svg')
}

.service_set5_1 {
    background-image: url('../images/custom-software-development-services/advisory/custom-service-set5-1.svg')
}

.service_set5_2 {
    background-image: url('../images/custom-software-development-services/advisory/custom-service-set5-2.svg')
}

.service_set5_3 {
    background-image: url('../images/custom-software-development-services/advisory/custom-service-set5-3.svg')
}

.service_set5_4 {
    background-image: url('../images/custom-software-development-services/advisory/custom-service-set5-4.svg')
}

.service_set6_1 {
    background-image: url('../images/custom-software-development-services/support/custom-service-set6-1.svg')
}

.service_set6_2 {
    background-image: url('../images/custom-software-development-services/support/custom-service-set6-2.svg')
}

.service_set6_3 {
    background-image: url('../images/custom-software-development-services/support/custom-service-set6-3.svg')
}

.service_set6_4 {
    background-image: url('../images/custom-software-development-services/support/custom-service-set6-4.svg')
}

.service_set7_1 {
    background-image: url('../images/custom-software-development-services/quality/custom-service-set7-1.svg')
}

.service_set7_2 {
    background-image: url('../images/custom-software-development-services/quality/custom-service-set7-2.svg')
}

.service_set7_3 {
    background-image: url('../images/custom-software-development-services/quality/custom-service-set7-3.svg')
}

.service_icon_txt {
    padding-left: 0;
    display: inline-block;
    width: 87%
}

.service_set1_blk {
    display: flex
}

.service_set1_txt {
    flex: 1
}

.migration_services {
    background-color: #f9f0e9;
}

.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
}

.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: #1b2632
}

.faq_list {
    background: #fff9f5
}

.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%
}

.business_central_logo {
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    margin: auto;
    text-align: center
}

    .business_central_logo img {
        margin: 0 auto;
        width: 100%
    }

.intro_sec_text {
    width: 60%
}

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


.benefit_top_blk, .benefit_split {
    display: flex;
    width: 100%;
    align-items: center
}

.benefit_split {
    flex-wrap: wrap
}

.benefit_txt_blk, .benefit_img_blk {
    flex: 1
}

.custom_benefit .custom_left.main_service {
    width: 100%
}

.benefit_split .accordion_main_cart {
    width: 50%;
}

.accordion_main_cart {
    padding-bottom: 20px
}

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

.accordion_body_sf p {
    text-align: left
}

.accordion_body_sf {
    height: auto
}

    .accordion_body_sf ul {
        margin: 0;
        padding-top: 15px;
        padding-left: 72px;
        text-align: left;
        list-style: disc;
        padding-bottom: 20px
    }

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

            .accordion_body_sf ul li a {
                color: #000;
                text-decoration: underline
            }

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

.accordion_head_sf span {
    width: 85%;
    display: inline-block
}

    .accordion_head_sf span.plusminus_sf {
        width: 15% !important;
        text-align: right
    }

.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
}

.choose_cart_flex {
    padding-top: 20px;
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.flex_sub_choose {
    width: 100%;
    display: flex;
    align-items: self-start
}

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

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

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

.sub_choose_flex {
    width: 50%;
    margin: 0 auto 15px;
    padding: 0 15px 15px
}

.welcome_content .sub_choose_flex p {
    text-align: left !important;
    width: auto;
    float: left;
    margin: 0;
    margin-bottom: 0;
    padding-left: 54px
}

.welcome_content .sub_choose_flex .flex_sub_choose p {
    padding-left: 0;
    width: inherit;
    min-height: 76px
}

.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: #fcf3ec;
    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 .7s forwards;
        -o-animation: mainFadeIn .5s forwards;
        animation: mainFadeIn .5s forwards;
        margin-top: 5px
    }

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

    100% {
        width: 100%
    }
}

.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 .process_sec .m-body {
        padding-bottom: 40px
    }

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

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

.intro_sec_main {
    padding-bottom: 0;
    padding-top: 35px
}

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

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

.steps_services {
    background-color: #fff
}

.step_services {
    text-align: left;
    margin-bottom: 30px
}

    .step_services p span {
        color: #b5280e
    }

        .step_services p span.result_span {
            color: #14a44d
        }

.select_option {
    text-align: left;
    margin-bottom: 30px
}

.step_services ul, .support_models_cart ul {
    margin: 0;
    padding: 0 0 0 35px
}

    .step_services ul li, .support_models_cart ul li {
        margin: 0;
        padding: 0
    }

.support_models_cart {
    text-align: left;
    margin-bottom: 30px
}

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

        .support_models_cart h3::after {
            position: absolute;
            content: '';
            background: #b5280e;
            width: 60px;
            height: 5px;
            left: 0;
            bottom: -12px
        }

    .support_models_cart p {
        margin: 0 0 15px
    }

    .select_option:last-child, .step_services:last-child, .support_models_cart:last-child {
        margin-bottom: 0
    }

.select_option p b {
    margin: 0 0 25px 0;
    font-weight: bold;
    text-transform: none;
    position: relative
}

    .select_option p b::after {
        position: absolute;
        content: '';
        background: #b5280e;
        width: 60px;
        height: 5px;
        left: 0;
        bottom: -12px
    }

.info_img {
    width: 40%;
    float: right;
    padding: 15px
}

.info_img_align img {
    border: 2px solid #b5280e;
    border-radius: 30px;
    width: 100%
}

.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: 0
}

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

.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 bottom;
    background-size: 55%
}

.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: 40vw;
    bottom: 0;
    z-index: 222;
    position: inherit;
}

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

.no-webp .right_dashboard {
    background-image: url('../images/salesforce-service-cloud/salesforce-service-cloud-banner.png');
}

.webp .right_dashboard {
    background-image: url('../images/salesforce-service-cloud/webp/salesforce-service-cloud-banner.webp');
   
}

.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
}


.ser_bod {
    background-color: #b5280e;
    height: 3px;
    width: 90px;
    margin: 10px 0;
    margin-bottom: 20px
}

.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
}


.consulting_carts {
    padding-bottom: 0
}


.cloud_content.left_head_cloud {
    padding-left: 0
}

.sub_choose_flex:last-child {
    padding-bottom: 0
}

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

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

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

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

.flex_cart_service {
    width: 31%;
    background: linear-gradient(0deg,#f5eee9 31.24%,transparent 81.61%);
    margin: 0 auto 40px;
    padding: 25px 30px;
    position: relative;
    box-shadow: 0 2px 9px 6px rgba(121,119,119,.2)
}

.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
}

@media screen and (max-width:1160px) {
    .cloud_content p {
        padding-right: 0%;
        text-align: left
    }

    .outsource_model p {
        padding-left: 0%;
        text-align: left
    }
}

@media screen and (max-width:1030px) {
    .flex_cart_box {
        width: 100%
    }

    .carts_services h3 {
        font-size: 18px
    }
}

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

.why_content_blk {
    width: 55%
}

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

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

.con_icon_1, .con_icon_2, .con_icon_3, .con_icon_4, .con_icon_5, .con_icon_6, .con_icon_7, .con_icon_8, .con_icon_9, .con_icon_10, .con_icon_11 {
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    margin-right: auto;
    float: left;
    margin-right: 18px;
    margin-top: 0
}

.con_icon_1 {
    background-image: url('../images/salesforce-service-cloud/salesforce-challenges-1.svg');
}

.con_icon_2 {
    background-image: url('../images/salesforce-service-cloud/salesforce-challenges-2.svg');
}

.con_icon_3 {
    background-image: url('../images/salesforce-service-cloud/salesforce-challenges-3.svg');
}

.con_icon_4 {
    background-image: url('../images/salesforce-service-cloud/salesforce-challenges-4.svg');
}

.con_icon_5 {
    background-image: url('../images/salesforce-service-cloud/salesforce-challenges-5.svg');
}

.con_icon_6 {
    background-image: url('../images/salesforce-service-cloud/salesforce-challenges-6.svg');
}

.con_icon_7 {
    background-image: url('../images/salesforce-service-cloud/salesforce-challenges-7.svg');
}

.con_icon_8 {
    background-image: url('../images/salesforce-service-cloud/salesforce-challenges-8.svg');
}

.con_icon_9 {
    background-image: url('../images/salesforce-service-cloud/salesforce-challenges-9.svg');
}

.con_icon_10 {
    background-image: url('../images/salesforce-service-cloud/salesforce-challenges-9.svg');
}

.con_icon_10 {
    background-image: url('https://www.congruentsoft.com/images/software-outsourcing/benefit-icon-6.svg');
}

.con_icon_11 {
    background-image: url('https://www.congruentsoft.com/images/software-outsourcing/benefit-icon-4.svg');
}

.accordion_head_ang {
    width: 100%;
    position: relative;
    padding: 0 13px 0;
    font-weight: 600;
    text-align: left;
    overflow: hidden;
    display: flex;
    align-items: self-start
}

.accordion_body_ang p {
    margin-top: 0;
    margin-left: 58px;
    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: 0 20px;
    height: auto;
    padding-left: 15px;
    margin-top: -48px;
    position: relative;
    z-index: 22
}

.benefit_space {
    padding: 15px 0 0
}

.head_sp_process .font_h3_head, .proceess_cart_sp p {
    text-align: left;
    padding-right: 0
}

.sharepoint_process {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    margin-top: 95px
}

.process_sec {
    padding-top: 0;
    margin-top: 0
}

.steps_main_sub {
    display: flex;
    flex-wrap: wrap;
    margin: 70px 0 90px;
    align-items: center;
    position: relative
}

.content_step {
    width: 60%;
    display: flex
}

.cpq_steps_main {
    width: 100%;
    margin: 0 auto;
    max-width: 1110px
}

.sub_content_step p {
    padding: 0;
    text-align: justify;
    margin-top: 10px
}

    .sub_content_step p.font_h3_head {
        text-align: left
    }

.process_number {
    height: 70px;
    width: 70px;
    font-weight: bolder;
    font-size: 33px;
    background: #b5280e;
    margin-right: 25px;
    border-radius: 10px;
    color: #fff;
    margin-top: -53px;
    padding-top: 9px;
    -webkit-box-shadow: 0 3px 9px -2px #5b6b78;
    -moz-box-shadow: 0 3px 9px -2px #5b6b78;
    box-shadow: 0 3px 9px -2px #5b6b78
}

.proceess_cart_sp {
    width: 32%;
    padding: 25px 15px 30px 15px;
    text-align: center;
    position: relative;
    display: inline-block;
    border: 1px solid #ece7e2;
    border-radius: 20px;
    margin: 0 8px 55px;
    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)
}

.process_sec p {
    text-align: left
}

.process_head_fl {
    display: flex
}

.proceess_cart_sp .head_sp_process {
    text-align: center;
    padding-top: 0;
    margin-bottom: 0;
    width: 70%
}

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

.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
}

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: 60px;
    padding-bottom: 0
}

.why_choose_offshore .left-sidebar {
    order: 2
}

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

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

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

.challenges_main {
    background-color: #fff
}

.custom_benefit {
    background: #fff8f5
}

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

.cloud_services .benefit_carts_services p {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0
}

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

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

.flex_cart_benefit {
    flex: 0 0 31%;
    max-width: 31%;
    background-color: #fff;
    padding: 20px 20px 35px 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ddd;
    margin: 10px
}

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

        .flex_cart_benefit h3::before {
            content: '';
            position: absolute;
            bottom: -19px;
            left: 0;
            background-color: #b5280e;
            width: 64px;
            height: 4px
        }

    .flex_cart_benefit.flex_cart_left_sp {
        flex: inherit;
        max-width: 100%;
        width: 47.5%
    }

.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: 48px;
    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;
        align-items: center;
        margin: 0
    }

    .flex_cart_why b {
        color: #ffcc78
    }

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

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

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

.carts_flex_text {
    flex: 1;
}

.carts_img_blk {
    flex: 1;
}

.ai_software_outsourcing {
    padding-left: 30px;
    padding-bottom: 30px;
}

.cart_benefit_imp {
    background: #fff;
    padding: 15px;
    position: relative;
    flex: 0 0 48%;
    max-width: 96%;
    margin: 0 auto 30px;
    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)
}

    .cart_benefit_imp li {
        text-align: left
    }

.benefit_p p {
    text-align: left;
}

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

    .cart_benefit_imp h3::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -10px;
        height: 3px;
        width: 100%;
        max-width: 30%;
        background-color: #b5280e
    }

.icon_usecase {
    background-image: url(../images/custom-software-development-services/list-icon-red.svg);
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
    margin-top: 2px
}

.bg_usecase {
    clear: both;
    width: 100%;
    display: inline-block
}

.cart_benefit_imp p.bg_usecase {
    font-weight: bold;
    margin-top: 30px;
    font-size: 17px
}

.cart_benefit_imp p.top_usespace {
    margin-top: 8px;
    font-size: 17px
}

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

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

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

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

.why_icon_1 {
    background-image: url('../images/salesforce-service-cloud/salesforce-why-1.svg');
}

.why_icon_2 {
    background-image: url('../images/salesforce-service-cloud/salesforce-why-2.svg');
}

.why_icon_3 {
    background-image: url('../images/salesforce-service-cloud/salesforce-why-3.svg');
}


.why_icon_7 {
    background-image: url('../images/salesforce-service-cloud/salesforce-why-7.svg');
}

.why_icon_8 {
    background-image: url('https://www.congruentsoft.com/images/custom-software-development-services/why/certified-professional.svg');
}

.why_icon_9 {
    background-image: url('https://www.congruentsoft.com/images/software-outsourcing/why-icon-quality.svg');
}

.why_icon_10 {
    background-image: url('https://www.congruentsoft.com/images/custom-software-development-services/why/skilled.svg');
}

.why_icon_11 {
    background-image: url('https://www.congruentsoft.com/images/software-outsourcing/why-icon-rightsize.svg')
}

.why_icon_12 {
    background-image: url('../images/salesforce-service-cloud/salesforce-why-4.svg');
}

.why_icon_13 {
    background-image: url('../images/salesforce-service-cloud/salesforce-why-5.svg');
}

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

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

.why_point_align {
    width: 85%
}

    .why_point_align strong {
        color: #ffcc78
    }

.cloud_content .flex_cart_benefit p {
    padding: 0;
    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
}

.global_services {
    background: #fcf3ec;
    position: relative;
    padding-bottom: 35px
}

.right_outsourcing_partner {
    background-color: #fff
}

.question_partner {
    position: relative;
    padding-left: 20px;
    margin: 40px 0
}

    .question_partner::before {
        position: absolute;
        content: '';
        background-color: #b5280e;
        left: 0;
        height: 100%;
        width: 3px
    }

    .question_partner h3 {
        color: #222;
        text-align: left;
        margin-bottom: 0;
        font-size: 18px
    }

    .question_partner p {
        text-align: left;
        margin-top: 5px
    }

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

.deployment_table {
    padding-top: 15px
}

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

    .responsive-table tbody td ul li {
        margin: 0;
        padding: 2px 0 2px 10px
    }

.table_example {
    font-style: italic;
    background-color: #fff7ea;
    padding: 10px;
    display: block
}

.responsive-table {
    width: 100%;
    border-spacing: 0
}

    .responsive-table th[scope="col"] {
        text-align: center
    }

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

    .responsive-table tbody th + th, .responsive-table tbody td + td {
        color: #222;
        text-align: left
    }

    .responsive-table tbody th, .responsive-table tbody td {
        background-color: #ffdeac;
        color: #222
    }

    .responsive-table tbody .table_head_column {
        position: relative
    }

    .responsive-table tbody th[scope="row"] {
        background-color: #ffd2a6;
        color: #222;
        text-align: left;
        min-width: 201px
    }

    .responsive-table tbody .table_head_column:before {
        position: absolute;
        content: '';
        height: 7px;
        width: 100%;
        background: linear-gradient(109deg,#ffcc78 6.24%,#e18574 98.61%);
        left: 0;
        top: -7px
    }

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

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

.first_tr {
    display: none !important
}

@media(min-width:900px) {
    .responsive-table tr {
        display: table-row
    }

    .first_tr {
        display: table-row !important
    }
}

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

@media(min-width:900px) {
    .responsive-table th, .responsive-table td {
        display: table-cell;
        padding: 15px;
        border: 4px solid #fff;
        border-radius: 10px
    }
}

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

@media(min-width:900px) {
    .responsive-table caption {
        font-size: 1.5em
    }
}

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

@media(min-width:900px) {
    .responsive-table tbody {
        display: table-row-group
    }
}

.responsive-table tbody tr {
    margin-bottom: 1em
}

    .responsive-table tbody tr:nth-child(2n+2) {
        background: rgba(0,162,227,.06)
    }

@media(min-width:900px) {
    .responsive-table tbody tr {
        display: table-row;
        border-width: 1px
    }
}

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

@media(min-width:900px) {
    .responsive-table tbody th[scope=row] {
        color: #000001;
        text-align: center
    }
}

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

@media(min-width:900px) {
    .responsive-table tbody td, .responsive-table tbody th {
        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 tbody td[data-title]:before {
        content: none
    }
}

@media screen and (max-width:899px) {
    .responsive-table tbody td {
        text-align: left
    }

    .responsive-table tbody th[scope=row] {
        background-color: #ffd2a6
    }

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

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

    .responsive-table {
        background-color: transparent
    }

        .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
        }

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

@media screen and (max-width:1280px) {
    .second_slide {
        max-width: 570px
    }
}

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

@media screen and (max-width:900px) {
    .m-body {
        max-width: 100%
    }
}

@media screen and (max-width:600px) {
    .accordion_body_ang ul {
        padding-left: 20px
    }
}

@media screen and (min-width:2000px) {
    .toc_box {
        margin: auto
    }

    .banner_container {
        padding: 90px 0 0 30px
    }
}

@media screen and (min-width:1400px) {
    .heading_con_xxxl {
        width: 100%;
        max-width: 1200px
    }

    .intro_sec_img {
        height: 565px
    }

    .cart_why_content::after {
        right: 55px;
        left: inherit
    }

    .right_app_services .cart_why_content::after {
        right: inherit;
        left: 55px
    }



    .right_dashboard {
        width: 650px;
        height: 100%;
        position: absolute;
        right: 0;
        background-position: bottom right;
        margin: 0 auto;
        top: 0
    }
}

@media screen and (min-width:1500px) {
    .why_need_left_bg {
        height: 28vw
    }

    .banner_container {
        padding-top: 105px
    }

    .resources_img {
        height: 31vw
    }

    .cart_why_content::after {
        right: 61px;
        left: inherit
    }

    .right_app_services .cart_why_content::after {
        right: inherit;
        left: 62px
    }
}

@media screen and (min-width:1600px) {
    .left_tabs_text {
        width: 60%;
        font-size: 16px
    }

    .right_tabs_text {
        width: 40%
    }

    .tabs_wrapper ul.tabs li {
        font-size: 16px
    }

    .resources_img {
        height: 28vw
    }

    .resources_img {
        height: 30vw
    }
}

@media screen and (min-width:1700px) {
    .right_dashboard {
        width: 751px;
        margin: 0 auto;
        right: 0;
        height: 581px
    }

    .right_header {
        position: relative;
        height: 570px;
    }

    .need_cpq_sec .row {
        align-items: center
    }

    .banner_container {
        padding-top: 120px
    }

    .why_need_left_bg {
        height: 29vw
    }

    .need_cpq_sec .content {
        margin-top: 0
    }

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

    .why_section:after {
        height: 450px
    }
}

@media screen and (min-width:1800px) {
    .banner_container {
        background-position: bottom right 9%;
        background-size: 43%
    }

    .global_services .info_img {
        width: 40%
    }

    .info_img {
        width: 43%
    }

    .resources_img {
        height: 28vw
    }

    .why_need_left_bg {
        height: 26vw
    }

    .left_founder_img {
        height: 920px
    }
}

@media screen and (min-width:1900px) {
    .right_dashboard {
         height:660px;
    }

    .service_head:after {
        height: calc(100% - 230px);
    }

    .heading_con_xxxl {
        width: 100%;
        max-width: 1300px
    }

    .business_central_toplogo {
        right: 42%;
        top: 30%;
        width: 103px;
        height: 148px
    }

    .banner_container {
        background-position: bottom right 11%;
        background-size: 43%
    }

    .hub_tec span {
        font-size: 45px
    }

    .why_need_left_bg img {
        width: 557px
    }



    .right_dashboard {
        width: 830px;
        margin: 0 auto;
        right: 0;
        bottom: 0;       
        top: inherit
    }
}

@media screen and (min-width:2000px) {
    .left_tabs_text {
        width: 60%;
        font-size: 17px
    }

    .right_tabs_text {
        width: 40%
    }

    .tabs_wrapper ul.tabs li {
        font-size: 17px
    }

    .flex_cart_bg .flex_cart_service h3 {
        font-size: 24px
    }

    .flex_cart_why p {
        font-size: 18px
    }

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

    .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, cart_benefit_imp h3, .flex_cart_benefit h3, .head_sp_process h3 {
        font-size: 20px
    }

    .space_bottom {
        height: 60px
    }

    .cart_why_content::after {
        right: 61px;
        left: inherit
    }

    .right_app_services .cart_why_content::after {
        right: inherit;
        left: 62px
    }

    .resources_img img {
        width: 431px
    }

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

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

    .border_line_banner {
        width: 547px;
        animation: none
    }

    .hub_tec img {
        margin-top: 130px
    }

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

    .benfits_choosing .m-body .cloud_content h2 {
        font-size: 35px !important
    }



    .content {
        margin-top: 90px
    }

    .right_founder h2 {
        margin-right: 100px
    }

    .hub_tec img {
        margin-top: 150px
    }

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

@media screen and (max-width:1700px) {
    .right_header {
        position: inherit;
        height: 550px;
    }
}

@media screen and (max-width:1280px) {
    .info_img {
        width: 46%
    }

    .cart_inner_design_n {
        width: 32%
    }

        .cart_inner_design_n.left_cart_offer {
            margin-left: 17.5%;
            margin-right: 1.5%
        }

    .m-body h2 {
        font-size: 35px
    }

    .why_need_left {
        width: 100%;
        margin-left: auto;
        margin-top: 0;
        margin-bottom: 15px
    }

    .why_need_left_bg {
        height: 40vw;
        background-size: contain;
        background-position: center
    }

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

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

@media screen and (max-width:1300px) {
    .right_dashboard {
        width: 100%;
        right: 0
    }

    .right_header {
        height: 548px
    }

    .heading_area_we .head_area3 {
        font-size: 22px
    }

    .proceess_cart_sp {
        padding: 25px 30px
    }
}

@media screen and (max-width:1235px) {
    .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: 50px !important;
        padding-bottom: 50px !important
    }

    .vetting_process .main-content {
        width: 100%
    }

    .vetting_process_main ul li:last-child {
        margin-bottom: 0
    }

    .vetting_process ul {
        padding-left: 0
    }

    .mid_app_services_bg {
        display: none
    }

    .vetting_process .content {
        padding-bottom: 0;
        margin: 0
    }

    .vetting_process .cloud_content p {
        padding-bottom: 0
    }

    .net_expertise .content {
        padding: 0
    }

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

    .how_point_align .how_point_align_icon p {
        width: 100%
    }

    .flex_cart_how {
        width: 48%;
        padding: 30px 20px;
        position: relative;
        border: 1px solid #ddd;
        margin: 15px auto
    }

        .flex_cart_how:last-child {
            border-bottom: 1px solid #ddd
        }

    .how_cart {
        width: 100%;
        padding-bottom: 63px;
        padding-top: 50px;
        display: flex;
        flex-wrap: wrap
    }

    .con_icon_1, .con_icon_2, .con_icon_3, .con_icon_4, .con_icon_5, .con_icon_6, .con_icon_7, .con_icon_8, .con_icon_9, .con_icon_10 {
        margin: 0 auto;
        float: none;
        display: inline-block
    }

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

    .accordion_body_ang {
        padding: 0 0 15px 54px
    }

    .accordion_body_ang {
        padding: 0 0 15px 54px;
        margin-top: -57px
    }

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

    .accordion_head_ang {
        display: inline-block
    }

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

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


    .tabs_img_text {
        height: 190px;
    }


    .business_central_toplogo {
        width: 75px;
        right: 26%;
        top: 36%
    }

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

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

    .why_section:after {
        height: 285px;
        margin: auto;
        background-position: center;
        display: none
    }

    .why_cart {
        width: 100%
    }

    .flex_cart_why {
        width: 47%
    }

    .dev_ser_section2 span {
        width: 125px;
        font-size: 20px
    }

    .pricing_div_in span {
        width: auto;
        font-size: 14px
    }

    .right_header img {
        width: 80%
    }

    .right_header {
        height: 452px;
        top: 0
    }

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

    .left_header h1 {
        font-size: 18px
    }

    .benfits_choosing {
        padding-bottom: 30px
    }

        .benfits_choosing .sub_choose_flex {
            width: 47%
        }

            .benfits_choosing .sub_choose_flex p {
                min-height: inherit
            }

    .banner_bg {
        padding-bottom: 0
    }

    .hub_tec p {
        font-size: 18px
    }

    .banner_container {
        padding: 0 0 0 0
    }

    .billing_sub_cart {
        width: 45%
    }

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

@media screen and (max-width:1160px) {
    .business_central_logo, .intro_sec_img {
        display: none
    }

    .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
    }

    .cart_why_content h3 {
        margin-bottom: 5px;
        margin-top: 15px
    }

    .cart_why_content::after {
        display: none
    }

    .left_app_services {
        width: 50%;
        text-align: center;
        padding-left: 0
    }

    .icon_why_cong {
        margin: 0 auto;
        height: 75px;
        width: 80px
    }

    .cart_why_content p {
        min-height: 70px
    }

    .cart_why_content {
        flex-wrap: wrap;
        width: 100%;
        float: left;
        text-align: center;
        margin: 0 0 30px;
        padding: 0 30px;
        min-height: inherit !important
    }

    .detail_cong_why {
        order: 2
    }

    .icon_why_cong::after {
        display: none
    }

    .mid_app_services {
        display: none
    }

    .right_app_services {
        width: 50%;
        padding-right: 0;
        margin-left: 0
    }

    .fuel_bg {
        width: 75%
    }

    .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
    }

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

    .why_need_left {
        display: none
    }

    .need_cpq_sec .left-sidebar {
        display: none
    }
}

@media screen and (max-width:1130px) {
    .right_header {
        height: 522px
    }
}

@media screen and (max-width:1100px) {
    .call_btn {
        padding: 15px 45px
    }

    .header_txt h1 {
        padding-bottom: 10px
    }

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

@media screen and (max-width:1030px) {
    .custom_right p {
        padding-right: 0
    }

    .custom_service_space {
        padding-top: 0
    }

    .vetting_dcs {
        padding-left: 15px;
        text-align: left
    }

        .vetting_dcs p.font_h3_head {
            font-size: 16px;
            margin: 0 0 16px
        }

    .custom_content h3 {
        font-size: 16px
    }



    .cloud_services.technology_stack {
        padding-bottom: 0
    }

    .seemless_integration {
        padding-bottom: 25px
    }

    .steps_services {
        padding-bottom: 10px
    }

    .global_services {
        padding-bottom: 10px
    }

    .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_benefit_imp h3, .flex_cart_benefit h3, .head_sp_process h3 {
        font-size: 16px
    }

    .flex_cart_bg .flex_cart_service {
        width: 50%
    }

    .need_cpq_sec .main-content {
        padding: 0
    }

    .last_steps_p {
        width: 100%
    }

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

    .accordion_head_ang .font_h3_head {
        width: 100%;
        padding-left: 10px
    }

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

    .toc_box {
        flex-wrap: wrap;
        padding: 35px 30px
    }

    #btn_to_top {
        bottom: 55px;
        right: 10px
    }

    .toc_fix {
        width: 100%
    }

    .toc_content {
        width: 100%
    }

    .common_font .process_sec .m-body {
        padding-bottom: 30px
    }

    .steps_main_section .cloud_content p {
        width: 95%
    }

    .heading_area_we .head_area3 {
        font-size: 18px
    }

    .sales_guide_implementation {
        padding-top: 60px;
        padding-bottom: 50px
    }

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

    .billing_services {
        padding-top: 20px
    }

    .need_cpq_sec {
        padding-top: 55px;
        padding-bottom: 0
    }

    .benfits_choosing {
        padding-top: 25px;
        padding-bottom: 30px
    }

    .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
    }

    .sub_content_step ul li {
        padding: 0
    }

    .guide_steps_impl ul, .guide_steps_impl ol {
        padding-left: 30px
    }

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

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

    .why_need_left_bg {
        height: 40vw;
        background-size: contain;
        background-position: center
    }

    .why_need_left {
        width: 100%;
        margin-left: auto;
        margin-top: 0;
        margin-bottom: 15px
    }

    .cloud_content.left_head_cloud {
        padding-left: 0
    }

    .why_need_sec {
        padding: 0
    }

    .steps_main_section {
        padding-bottom: 60px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 25px
    }

    .cloud_content {
        padding-right: 0
    }

    .why_choose::after {
        display: none
    }

    .why_choose_left {
        width: 100%
    }

    .typo_bold {
        font-size: 55px
    }

    .content_step {
        width: 100%
    }

    .space_left_h {
        margin-left: 0
    }

    .typo_bold span {
        font-size: 50px;
        line-height: 100%
    }

    .sub_content_step ul li {
        line-height: 150% !important
    }

    .billing_sub_cart p {
        padding-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
    }

    .tagline_sentance {
        font-size: 16px
    }

    .border_line {
        margin-bottom: 10px
    }

    .right_header_img {
        height: 370px
    }

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

    .border_line {
        margin-bottom: 10px
    }

    .ser_bod {
        margin: 10px 0
    }

    .red_dot {
        width: 10px;
        height: 10px;
        margin-left: 3px
    }

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

    .got_options {
        padding-bottom: 35px
    }

    .challenges_main {
        padding-bottom: 20px
    }

    .benefit_carts_services {
        margin-top: -25px
    }

    .common_font .area_s .m-body {
        padding-bottom: 0;
        padding-top: 0
    }

    .service_set_image {
        display: none
    }

    .service_set1_blk {
        display: inline-block
    }

    .custom_service_image_blk {
        display: inline-block
    }

    .service_blk {
        float: left;
        width: 100%;
        clear: both
    }

    .custom_right {
        float: left;
        width: 100%;
        clear: both
    }

    .benefit_top_blk, .benefit_split {
        display: inline-block;
        width: 100%
    }
}

@media screen and (min-width:1001px) {
    .tabs_wrapper {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        background: #fff;
        display: flex;
        box-shadow: 2px 2px 10px rgba(0,0,0,.4);
        padding: 0;
        border-radius: 0;
        margin-top: 30px;
    }

        .tabs_wrapper ul.tabs {
            display: inline-block;
            vertical-align: top;
            position: relative;
            z-index: 10;
            margin: 0;
            padding: 0;
            width: 33%;
            min-width: 175px;
            list-style: none;
            -ms-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            border: 0;
        }

            .tabs_wrapper ul.tabs li {
                margin: 0;
                cursor: pointer;
                line-height: 1.5;
                text-align: left;
                -ms-transition: all .3s ease;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                padding: 15px 10px 15px 35px;
                font-size: 16px;
                background: linear-gradient(200.78deg,#fff 33%,#fff 109%)
            }

                .tabs_wrapper ul.tabs li:hover {
                    background: #f5edd5;
                    color: #222;
                    -ms-transition: all .3s ease;
                    -webkit-transition: all .3s ease;
                    transition: all .3s ease
                }

                .tabs_wrapper ul.tabs li.active {
                    background: #f5edd5;
                    color: #222;
                    -ms-transition: all .3s ease;
                    -webkit-transition: all .3s ease;
                    transition: all .3s ease;
                    font-weight: bold;
                    font-size: 15px;
                    border-radius: 0;
                   
                }

    .tab_content .tab_heading {
        font-weight: bold
    }

    .tab_container ul {
        margin: 15px 0;
    }

    .tab_container {
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 20;
        left: 0;
        width: 70%;
        min-width: 10px;
        text-align: left;
        background: #fdfaf0;
        min-height: inherit !important;
        padding: 15px 0
    }

    .tabtext {
        padding-bottom: 25px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 100%;
    }

    .left_tabs_text {
        width: 60%;
        font-size: 16px
    }

    .right_tabs_text {
        width: 40%;
        text-align: center;
        display: inherit
    }

    .tabs_img_text {
        width: 100%;
        position: relative;
        height: 240px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom right;
        margin: 0 auto;
        text-align: center;
        max-width: 100%;
    }

    .img_text1 {
        background-image: url('../images/salesforce-service-cloud/key-features-2.svg');
    }

    .img_text2 {
        background-image: url('../images/salesforce-service-cloud/key-features-1.svg');
    }

    .img_text3 {
        background-image: url('../images/salesforce-service-cloud/key-features-3.svg');
    }

    .img_text4 {
        background-image: url('../images/salesforce-service-cloud/key-features-4.svg');
    }

    .img_text5 {
        background-image: url('../images/salesforce-service-cloud/key-features-5.svg');
    }

    .img_text6 {
        background-image: url('../images/salesforce-service-cloud/key-features-6.svg');
    }

    .img_text7 {
        background-image: url('../images/salesforce-service-cloud/key-features-7.svg');
    }

    .img_text8 {
        background-image: url('../images/salesforce-service-cloud/key-features-8.svg');
    }

    .img_text9 {
        background-image: url('../images/salesforce-service-cloud/key-features-9.svg');
    }

    .tab_content {
        padding: 0 40px;
        height: 100%;
        display: none
    }

        .tab_content p {
            margin: 0
        }

    .tab_drawer_heading {
        display: none
    }
   
    .tab_content li {
        list-style: disc;
        text-align: left;
        padding: 3px 0 3px 7px;
        margin: 0;
        width: 100%;
        float: left
    }
}

@media screen and (max-width:1200px) {
    .benefit_top_blk, .benefit_split {
        display: inline-block;
    }

        .benefit_split .accordion_main_cart {
            width: 100%;
        }

    .accordion_body_ang {
        padding: 0 0 15px 73px;
        margin-top: -57px;
    }

    .tabs_img_text {
        height: 190px;
    }

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

    .carts_flex_text {
        flex: none;
        order: 1;
        width: 100%;
    }

    .carts_img_blk {
        flex: none;
        width: 100%;
    }

    .ai_software_outsourcing_img {
      
        width: 100%;
        height: 40vw;
    }

    .cart_benefit_imp {
        flex: none;
        width: 100%;
    }
}

@media screen and (max-width:1000px) {
    .td_tech {
        padding-top: 30px
    }

    .tab_content {
        padding: 0;
        height: 100%;
        display: none
    }

        .tab_content li {
            width: 100%
        }

            .tab_content li:nth-child(even) {
                padding-right: 15px
            }

    .tabs_wrapper {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        background: #fff;
        display: block;
        box-shadow: none
    }

        .tabs_wrapper ul.tabs li {
            position: relative
        }

    .tab_mob_arrow {
        display: block;
        position: absolute;
        top: 50%;
        right: 36px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-right-style: solid;
        border-right-width: 1px;
        display: inline-block;
        height: 10px;
        width: 10px;
        transform: translateY(-50%) rotate(45deg);
        transition: all .3s
    }

    .tab_drawer_heading.d_active .tab_mob_arrow {
        transform: translateY(-50%) rotate(225deg);
        top: 50%
    }

    .tabs_wrapper ul.tabs {
        display: none
    }

    .tab_container {
        display: block;
        margin: 0 auto;
        width: 100%;
        border-top: none;
        border-radius: 0;
        box-shadow: 0 0 10px #a19a9a
    }

    #tab12 {
        padding-bottom: 20px
    }

    .tab_drawer_heading {
        background: #fff;
        color: #b5280e;
        margin: 0px 0 0 0;
        padding: 20px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        border-top: 1px solid #ccc;
        display: flex;
        align-items: center
    }

        .tab_drawer_heading:hover {
            background: #fff;
            color: #ce312a
        }

    .d_active {
        background: #fff;
        border-bottom: 1px solid #ccc
    }

    .tab_content p {
        display: none
    }

    .tab_content .left_tabs_text p {
        display: block;
        text-align: left
    }

    .left_tabs_text ul {
        text-align: left;
        margin: -10px 0 0 0;
        padding: 0 0 0 30px
    }

    .left_tabs_text {
        margin: 15px 30px;
        font-size: 16px;
        margin-bottom:0;
        padding-bottom:20px;
    }

    .right_tabs_text {
        display: none
    }
}

@media screen and (max-width:1000px) {
    .service_head:after {
        height: calc(100% - 315px);
    }
    .tab_sub_head {
        display: none !important;
    }
    .ai_software_outsourcing_img {
        height: 57vw;
    }

    .sub_carts_main .cart_inner_design {
        flex: 1 1 35%;
        vertical-align: top
    }



    .cart_inner_design_n {
        width: 48%
    }


    .sub_carts_main .cart_inner_design.cart_des_1 {
        margin-left: auto;
        margin-right: auto;
        width: 32%;
        border-bottom: 0;
        border-top: 0
    }


    .call_btn {
        padding: 15px 45px
    }

    .banner_container {
        padding-top: 0;
        flex-wrap: wrap;
        padding-bottom: 40px
    }

    .left_header {
        width: 100%;
        max-width: 750px
    }

    .btn_more {
        padding-bottom: 0
    }

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

    .left_header {
        padding-top: 30px
    }

    .right_header {
        width: 100%;
        display: none
    }

    .right_dashboard {
        width: 100%;
        left: 0
    }

    .microsoft_solution_logo_banner {
        margin-bottom: 15px
    }

    .why_content_blk {
        width: 100%
    }

    .right_header img {
        width: 58%
    }

    .cloud_services.billing_services {
        padding-bottom: 0
    }

    .flex_cart_service {
        width: 48%
    }

    .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
    }

    .ai_software_outsourcing {
        padding-left: 0px;
        padding-bottom: 30px;
    }

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

    .business_central_toplogo.float-bob-y {
        display: none
    }

    .banner_container {
        background-size: 65%
    }

    .flex_cart_benefit, .flex_cart_benefit.flex_cart_left_sp {
        flex: 0 0 47%;
        max-width: 47%
    }

        .flex_cart_benefit.left_flex_cart_benefit {
            margin-left: auto
        }

        .flex_cart_benefit.right_flex_cart_benefit {
            margin-right: auto
        }



    .cart_benefit_imp.flex_cart_right_sp {
        margin-left: auto;
        margin-right: auto
    }
}

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


    .flex_cart_why {
        width: 100%
    }

    .banner_container {
        padding: 0 0 40px 0
    }

    .right_header {
        height: 40vw
    }

    .proceess_cart_sp {
        width: 100%
    }

    .common_font .process_sec .m-body {
        padding-bottom: 20px
    }
}

@media screen and (max-width:770px) {
    .benfits_choosing .sub_choose_flex {
        width: 100%;
        padding: 0
    }

    .sub_choose_flex {
        width: 100%;
        padding: 0 0 20px
    }

    .welcome_content .sub_choose_flex .flex_sub_choose p {
        min-height: inherit
    }

    .why_need_left_bg {
        height: 48vw
    }

    .tagline_sentance {
        margin-top: 30px
    }
}

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

    #btn_to_top {
        bottom: 70px;
        right: 6px
    }

    .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-right: 30px;
        padding-bottom: 0
    }

    .hub_tec span {
        margin-top: 40px
    }

    .hub_tec p {
        width: 100%
    }

    .left_header {
        width: 100%
    }

    .hub_tec {
        font-size: 20px
    }

    .flex_cart_benefit, .flex_cart_benefit.flex_cart_left_sp {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:750px) {
    .cart_why_content p {
        min-height: inherit
    }

    .right_app_services {
        width: 100%
    }

    .left_app_services {
        width: 100%
    }

    .flex_combo_why {
        flex-wrap: wrap
    }

    .cart_why_content {
        width: 100%;
        padding: 0
    }

    .heading_area_we {
        min-height: auto
    }

    .area_s {
        padding-top: 30px
    }

    .cart_area_1 {
        width: 100%;
        height: auto;
        margin: 15px 0;
        padding: 0
    }

    .des_area_we {
        width: 88%
    }

    .sm_thumbnail {
        width: 100%;
        margin: 0 auto
    }
}

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

    .why_img_blk {
        display: none
    }

    .carts_img_blk {
        display: none;
    }
}

@media screen and (max-width:700px) {
    .service_head:after {
        height: calc(100% - 350px);
    }

    .sub_carts_main .cart_inner_design {
        flex: 1 1 100%;
        vertical-align: top;
        padding: 25px
    }

    .cart_inner_design p {
        margin-bottom: 0
    }



    .sub_carts_main .cart_inner_design:after {
        right: 0;
        bottom: -7px;
        width: 12px;
        height: 12px;
        margin-left: auto;
        margin-right: auto;
        left: 0
    }


    .cart_inner_design.cart_des_2::after {
        top: -7px !important
    }



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

    .cart_inner_design_n {
        width: 100%
    }

    .flex_cart_service {
        width: 100%
    }

    .right_header img {
        max-width: 100%
    }

    .billing_sub_cart {
        width: 100%
    }

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

    .billing_sub_cart p {
        margin: 0
    }

    .billing_sub_cart h3 {
        min-height: inherit;
        margin-bottom: 15px;
        font-family: roboto-medium
    }

    .service_cart {
        flex: 0 0 100%;
        max-width: 100%
    }

    .flex_cart_bg .flex_cart_service {
        width: 100%
    }

    .flex_cart_overlay {
        position: relative;
        z-index: 5;
        padding: 15px 30px 15px 15px
    }

    .service_link {
        bottom: 15px;
        right: 15px
    }

    .flex_cart_service.intranet_cart_10 {
        margin: -1px 0 0
    }

    .flex_cart_how {
        width: 100%
    }

    .cart_benefit_imp {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 20px 20px
    }
}

@media screen and (max-width:600px) {
    .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
    }

    .common_font .process_sec .m-body {
        padding-bottom: 10px
    }

    .toc_box {
        flex-wrap: wrap;
        padding: 35px 0
    }

    .toc_content {
        padding-right: 0
    }

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

    .cart_flex, .cloud_content.sharepoint_process, .carts_services.flex_cart_bg {
        padding-top: 0;
        margin-top: 55px
    }

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

    .net_expertise .main-content {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px
    }

    .benefit_carts_services {
        margin-top: 0
    }

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

    .right_header {
        height: 48vw
    }

    .tagline_sentance {
        width: 100%;
        padding: 0 30px;
        font-size: 16px
    }

    .hub_tec span {
        font-size: 30px
    }

    .sub_flex, .sub_flex_2 {
        width: 100%
    }
}

@media screen and (max-width:560px) {
    .resources_sec .heading_con_l {
        max-width: 370px
    }
}

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

@media screen and (max-width:480px) {
    .net_expertise .main-content, .main-content {
        padding-top: 30px;
    }

    .accordion_body_ang {
        padding: 0 0 15px 50px;
    }

    .service_head:after {
        height: calc(100% - 335px);
        content: none;
    }

    .sub_carts_main {
        padding: 36px 0;
    }

    .service_icon_txt {
        width: 100%
    }

    .accordion_head_ang {
        padding: 0 0px 0;
    }

    .flex_cart_why {
        border-radius: 9px;
    }

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

    .why_point_align {
        width: 100%;
    }



    .tab_drawer_heading {
        padding: 20px 20px;
        margin: 0;
        padding-right: 65px;
    }

    .sub_carts_main .cart_inner_design {
        margin: 20px 0;
    }

    .custom_content h3 {
        text-align: center
    }

    .custom_content p {
        margin-top: 5px;
        text-align: center
    }

    .service_blk {
        display: inline-block
    }

    .service_set1_txt:first-child {
        padding-right: 0
    }

    .webp .banner_container, .no-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%
    }

    .heading_area_we .head_area3 {
        width: 80%
    }

    .adv.why_choose_offshore {
        padding: 45px 0 25px
    }

    .call_btn {
        float: none
    }

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

    .hub_tec p {
        margin-top: 10px
    }

    .btn_more {
        float: none
    }

    .tagline_sentance {
        margin-top: 30px
    }

    .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_need_sec {
        padding: 0
    }

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

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

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

    .btn_more {
        margin: 25px 0
    }

    .hub_tec span {
        padding: 10px 0
    }

    .why_need_left_bg {
        height: 61vw
    }

    .flex_cart_benefit {
        margin: 0 0 15px 0
    }

    .cart_inner_design h3 {
        text-align: left
    }

    .ser_bod {
        margin: 10px auto
    }

    .cart_inner_design p {
        text-align: left
    }
}

@media screen and (max-width:470px) {
    .cloud_content .sub_devp_head2 .font_h3_head {
        font-size: 18px
    }
}

@media screen and (max-width:400px) {
    .tagline_sentance {
        margin-top: 20px
    }
}

@media screen and (max-width:360px) {
    .left_header h1 {
        font-size: 16px
    }

    .resources_sec .heading_con_l {
        max-width: 280px
    }

    .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
    }

    .border_line_banner {
        width: 242px;
        top: 48px
    }

    .tagline_sentance {
        padding-left: 15px;
        padding-right: 15px
    }

    .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
    }

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

    .right_outsourcing_partner .m-body {
        padding-bottom: 15px
    }

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

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

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