@import url(variables.css);
/* .mobile-header{
    display: none;
} */
.mobile-view-block{
    display: none;
}
.web-view-block{
    display: block;
}
/* .mobile-header-menu{
    display: none;
} */
 .gloabl-presencemap-MOBILE{
    display: none;
 }
 .thetitle-sub-area-mobile{
    display: none;
}

@media screen and (max-width: 950px) {
    body{
        overflow-x: hidden!important;
    }
    .header-main{
        height: 60px!important;
    }
    .text-xxxl{
        font-size: 36px !important;
        line-height: 44px !important;
    }
    .text-xxl{
        font-size: 28px !important;
        line-height: 36px;
    }
    .text-xl{
        font-size: 26px!important
    }
    .text-l{
        font-size: 18px!important ;
        line-height: 24px!important;
    }
    .mobile-view-block{
        display: block!important;
    }
    .web-view-block{
        display: none!important;
    }    
    .mobile-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        background: var( --primary-dark);
        width: 100vw;
        height: 70px;
        position: fixed;
        z-index: 5;
        top: 0;
    }
    .mobile-headerr-logo img{
        height: 23px;
    }
    img.mobile-menu{
        height: 23px;
    }
    .space-container-medium{
        padding: 0 24px;
    }
    .ser-body-area{
        height: auto!important;
        margin-bottom: 20px;
    }
    img.hero-bg {
        top: -12%!important;
        right: -50%!important;
    }
    img.or-ico {
        height: 45px!important;
    }
    .red-grad-card {
        padding: 15px 5px!important;
        min-height: 70px!important;
    }
    .hero-bg-mobile{
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 0;
        top: 10%;
    }
    .mobile-header-menu{
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
    }
    .mobile-header-menu.show{
        display: block;
        background: var(--primary-graydark);
        padding: 20px;
    }
    a.header-nav {
        font-size: 14px!important;
        margin-left: 0px!important;
        transition: 0.3s;
        text-decoration: unset !important;
    }
    .footer .row{
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .footer .col-12{
        padding-right: 0!important;
        padding-left: 0!important;
    }
    .text-special-gray-big {
        font-size: 40px;
    }
    .whatwedo-area-main{
        margin-top: 0!important;
    }
    .whatwedo-area-main .col-12{
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 25px!important;
    }
    .logoboxes{
        height: 120px!important;
    }
    .logo-box{
        height: 55px!important;
        margin-right: -20px!important;
        margin-left: -20px!important;
    }
    .logoboxes{
        margin-top: 15px;
    }
    .logoboxes.logoboxesCus .logo-box.logo-boxCus{
        height: 55px!important;
    }
    .whatwedo-area-main .wwdo-card:hover .title-c {
        font-size: 26px !important;
        padding: 30px 20px !important;
        font-weight: 400 !important;
        line-height: 43px !important;
    }
    .linebox-d.text-right {
        display: flex!important;
        justify-content: flex-start;
        text-align: left!important;
    }
    .left-abs-line {
        width: 100%!important;
        top: -10px!important;
    }
    .right-abs-line {
        width: 100%!important;
        bottom: -10px!important;
        top: unset!important;
    }
    .darkgray-area-secondary-custom {
        padding: 25px 20px!important;
        border-radius: 20px!important;
    }
    .footer .border-left-orange{
        border-left: 0!important;
    }
    .footer .col-12{
        margin-bottom: 25px;
    }
    .footer .px-3{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    img.bysign {
        transform: scale(1) rotate(8deg) !important;
        width: 48px !important;
        margin-left: -8px !important;
        margin-right: -8px !important;
    }
    .hero-homepage{
        padding-bottom: 50px;
    }
    .vision-mis-card {
        padding: 20px 20px!important;
        border-radius: 15px!important;
    }
    .hover-large-area{
        display:block !important;
    }
    .row--cu4-hover{
        margin-bottom: 25px!important;
    }
    .d-flex.mobile-d-block{
        display: block!important;
    }
    .header-nav-items{
        display: none!important;
    }
    .header-nav-items.show{
        display: grid !important;
        position: absolute;
        top: 60px!important;
        background: #202020;
        width: 100vw;
        left: 0;
        padding: 20px;
        text-align: left;
    }
    .nav-item, a.header-nav {
        margin-left: 0!important;
        margin-bottom: 25px;
    }
    .mega-menu {
        padding: 20px 0px!important;
        height: calc(100svh - 100px);
        overflow: auto;
    }
    .header-main.scroll-down .nav-item.text-s, .header-main.scroll-down a.header-nav{
        font-size: 14px!important;
    }
    .header--nav-items{
        justify-content: unset!important;
    }
    .header--nav-items a.button-secondary{
        margin-left: 0!important;
    }
    .whatwedo-area-main .justify-content-end{
        justify-content: flex-start!important;
    }
    .whatwedo-area-main br {
        display: none;
    }
    .subage-hero{
        background-position: center!important;
        padding-top: 75px!important;
        padding-bottom: 50px!important;
    }
    .areas-mesu .row {
        left: 30px!important;
        opacity: 1!important;
        position: relative!important;
    }
    .wwdo-card .title-c, .whatwedo-area-main .wwdo-card:hover .title-c{
        height: auto!important;
        font-size: 26px!important;
        padding: 30px 20px 20px 20px!important;
        font-weight: 400!important;
        line-height: 43px!important;
        margin-bottom: 0!important;
    }
    .areas-mesu{
        height:inherit!important;
        padding-bottom: 25px;
    }
    .wwdo-card{
        height: unset!important;
    }
    .home-whatwedo{
        padding-bottom: 10px!important;
        padding-top: 40px!important;
    }
    .home-whatwedo br{
        display: none;
    }
    .thetitle-sub-area .text-xxl{
        font-size: 24px!important;
        line-height: 34px;
    }
    .linebox-d {
        height: auto!important;
    }
    .str-solu.wwdo-card:hover .bg-area, .tech-exp.wwdo-card:hover .bg-area, .tact-sol.wwdo-card:hover .bg-area, .str-solu.wwdo-card .bg-area, .tech-exp.wwdo-card .bg-area, .tact-sol.wwdo-card .bg-area {
        background-size: 100%!important;
        background-position: center;
    }
    .partner-nert-area br{
        display: none;
    }
    .hover-large-h:hover .thetitle-sub-area {
        transform: scale(1.05)!important;
        transition: 2s;
    }
    .hover-large-h br{
        display: none;
    }
    .hover-large-h .thetitle-sub-area{
        margin-bottom: 70px;
    }
    .bult-points.row{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .bult-points .col-12{
        padding-right: 0;
        padding-left: 0;
    }
    .bult-points .text-m {
        font-size: 14px!important;
        line-height: 18px!important;
    }
    .bult-points .mb-5.col-12{
        margin-bottom: 25px!important;
    }
    .border-left-orange-thik {
        border-width: 2px!important;
    }
    .home-bullp{
        margin-bottom: 50px;
    }
    .footer .space-container-medium{
        /* padding: 0 35px!important; */
    }
    .footer{
        padding-top: 210px!important;
    }
    .cntnww, .vision-mis-card {
        box-shadow: rgba(255, 119, 0, 0.101) 0px 0px 70px 5px !important;
    }
    .abooutus-bg .text-color-primary.px-2 {
        padding-left: 3px!important;
        padding-right: 4px!important;
    }
    .text-m {
        font-size: 14px!important;
        line-height: 20px!important;
    }
    .abooutus-bg .hero-content br{
        display: none;
    }
    .abooutus-bg .hero-content, .mob-heroo.hero-content{
        margin-bottom: 35px;
        padding-bottom: 60px;
        margin-top: 65px;
        min-height: auto!important;
    }
    .mx-mob-0{
        margin-left: 0!important;
        margin-left: 0!important;
    }
    .row.mx-mob-0{
        margin-left: 0!important;
        margin-left: 0!important;
    }
    .px-mob-0{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .mt-mob-20px{
        margin-top: 20px!important;
    }
    div.mb-mob-20px{
        margin-bottom: 20px!important;
    }
    div.mb-mob-15px{
        margin-bottom: 15px!important;
    }
    div.mb-mob-0{
        margin-bottom: 0!important;
    }
    .hero-section {
        margin-top: 30px!important;
    }
    .mission-mobs br{
        display: none;
    }
    .mobile-br-none br{
        display: none;
    }
    .row--cu4-hover:hover .cu4-title {
        font-size: 24px !important;
        margin-bottom: 8px !important;
    }
    .row--cu4-hover:hover .hovar-area {
        font-size: 12px!important;
    }
    .row--cu4-hover {
        padding: 20px!important;
        height: 275px!important;
    }
    .lead-pic {
        filter: grayscale(0)!important;
    }
    .lead-info{
        display: flex;
    }
    .lead-info .lead-pic{
        width: 35%!important;
        margin-right: 15px;
        margin-bottom: 15px!important;
    }
    .text-xxs {
        font-size: 10px!important;
        line-height: 20px!important;
    }
    .text-s {
        font-size: 14px!important;
        line-height: 22px!important;
    }
    .lead-details .text-m{
        font-size: 16px !important;
    }
    #com-leaders .mt-4{
        margin-top: 10px!important;
    }
    .gloabl-presencemap {
        display: none;
    }
    .gloabl-presencemap-MOBILE{
        display: block!important;
     }
    .abooutus-bg {
        background-position: 77% 20%!important;
    }
    .hero-content.hero-homepage .text-xxl {
        font-size: 40px !important;
        line-height: 45px !important;
        margin-top: 100px;
    }
    .heroban-mob{
        margin-bottom: 35px!important;
        padding-bottom: 60px!important;
        margin-top: 65px!important;
        min-height: auto !important;
        padding-top: 0!important;
    }
    .heroban-mob .row{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .heroban-mob .col-12{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .heroban-mob .text-color-primary.px-2 {
        padding-left: 3px !important;
        padding-right: 4px !important;
    }
    .part-mob{
        padding-bottom: 0!important;
        margin-bottom: 0!important;
    }
    .darkgray-area, .darkgray-area-secondary {
        min-height: auto!important;
        padding: 30px 0!important;
    }
    .text-xs {
        font-size: 12px!important;
    }
    .com-card-hover{
        padding: 20px!important;
    }
    .com-card-def .icon-on{
        height: 70px!important;
    }
    .partner-netrktiles .com-card-{
        height: 240px!important;
    }
    .caree-card{
        max-height: 140px!important;
    }
    .caree-card .p-4{
        padding: 0!important;
    }
    .caree-card .text-right{
        text-align: center!important;
    }
    .caree-card.carre-1{
        max-height: 140px!important;
        min-height: 50px!important;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .bult-points .text-xl{
        font-size: 24px !important;
    }
    .blog-1 .blog-img, .blog-2 .blog-img, .blog-3 .blog-img, .blog-4 .blog-img, .blog-5 .blog-img, .blog-6 .blog-img, .blog-7 .blog-img , .blog-8 .blog-img, .blog-9 .blog-img, .blog-10 .blog-img  {
        height: 150px!important;
    }
    .blog-intro-title{
        font-size: 16px!important;
        line-height: 20px!important;
        margin-top: 12px!important;
    }
    .blog-categ {
        font-size: 10px!important;
        padding: 5px 10px!important;
        margin-bottom: 12px!important;
        margin-top: 12px!important;
    }
    .blog-intro-detail {
        font-size: 12px!important;
    }
    .blog--card{
        border-radius: 15px!important;
        padding: 13px!important;
    }
    .blog-img {
        border-radius: 8px!important;
    }
    .blog-deatils .blog-a{
        opacity: 1!important;
    }
    .blog-cd-eq{
        height: auto!important;
    }
    .com-card-.case-stu-card img {
        max-height: 125px!important;
        margin: 0 auto;
        display: block;
    }
    .casestudies-block .com-card-.case-stu-card {
        height: 260px!important;
    }
    .dark-orange-border-card {
        padding: 20px 15px!important;
    }
    .dark-orange-border-card .mb-3 {
        margin-bottom: 10px!important;
    }
    .row.mobrow{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .row.mobrow .col-12{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .blocksz .mb-5{
        margin-bottom: 20px!important;
    }
    .hero-content{
        min-height: auto!important;
    }
    .hero-content .row, .misisn-floating .row, .hero-content-- .row{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .hero-content .col-12, .misisn-floating .col-12, .hero-content-- .col-12{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .conte-col {
        padding: 36px 15px 15px 15px!important;
        border-radius: 20px 20px 0 0px!important;
    }
    #connectnowpopup .popup-box{
        overflow-y: auto;
        width: 90vw;
    }
    #connectnowpopup .popup-box .row{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    #connectnowpopup .popup-box .col-12{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    #connectnowpopup .popup-box .text-xxl {
        font-size: 22px !important;
        line-height: 28px!important;
    }
    #connectnowpopup .popup-box  .text-s {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .conte-col-right {
        padding: 20px 10px 10px 10px!important;
        border-radius: 0 0px 20px 20px!important;
        margin-bottom: 20px!important;
    }
    .footer-Services{
        display: none;
    }
    .amsbg, .automat-org-bg, .datandanl-bg, .hostcloudbg, .hybrid-it-bg, .itserv-bg, .trustcenter-bg, .saprisebg, .finops-bg{
        background-position: center!important;
    }
    .datandanl-bg, .s4hanabg, .pagemigrations0bg, .onprem-bg, .itserv-bg, .sapupgrade-bg, .carrers-bg, .hybrid-it-bg {
        background-position: right!important;
    }
    .hom-heroo-banner{
        background-position: 68% 100% !important;
    }
    h1 span.text-color-primary{
        color: #ff5f07!important;
    }
    .py-0.mob-fr-p{
        padding-bottom: 0!important;
    }
    .thetitle-sub-area{
        display: none;
    }
    .thetitle-sub-area-mobile{
        display: block!important;
        margin-bottom: 30px;
    }
    .button-primary.hero-action-button {
        height: 38px !important;
        width: 150px!important;
        font-size: 14px !important;
    }  
    .hom-heroo-banner .button-primary-large.hero-action-button{
        height: 40px!important;
        width: 150px!important;
        font-size: 14px !important;
    } 
    .FOOTER-AREA .darkgray-area-secondary-custom {
        padding: 25px 20px 10px 20px !important;
    }
    .text-special-gray-big {
        color: #4a4a4a!important;
    }
    a.ext-mob {
        display: flex;
        align-items: center;
    }
    a.ext-mob .mt-1{
        margin-top: 0!important;
        margin-left: 10px;
    }
    .pe-2{
        padding-right: 0!important;
    }
    .px-2-web{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    a.header-options-menu {
        height: 35px !important;
        display: block;
    }
    .wwdo-card .areas-mesu .col-12{
        margin-bottom: 0!important;
    }
    .cookie-banner-pop p {
        margin-bottom: 15px!important;
    }
    .cookie-banner-pop{
        padding-top: 20px!important;
        padding-bottom: 20px!important;
    }
    .cookie-banner-pop button{
        height: 38px!important;
    }
    .h-100.mob-h100-not{
        height: auto!important;
    }
    img.about-leader-img {
        max-width: 50vw;
    }
    div.lead-bio-bg{
        background-size:contain!important
    }
    .logo-track img {
      height: 55px!important;
    }
      .logo-track {
        gap: 25px!important;
    }
    .scroll-wrapper {
        animation: scrollLeftToRight2 180s linear infinite!important;
    }
    @keyframes scrollLeftToRight2 {
        0% 
        { transform: translateX(-9000px) }
        100% 
        { transform: translateX(0) }
    }
    .job-card{
        padding: 20px 5px!important;
    }
    .car-buttons{
        display: flex;
        justify-content: flex-start!important;
        flex-direction: row!important;
    }
    .car-buttons .button-secondary{
        margin-left: 10px;
    }
    .job-details-card{
        margin-top: 80px!important;
        padding: 15px!important;
    }
    .job-tags{
        display: block!important;
    }
    .job-tags .jb-cd{
        margin-bottom: 15px;
        float: none;
        font-size: 12px!important;
        padding: 3px 8px!important;
        border-radius: 4px!important;
        margin-right: 15px!important;
        height: 20px!important;
    }
    .buttons-on-preview {
        display: flex;
        justify-content: flex-start!important;
        margin-bottom: 20px;
    }
}