/* iPad Pro Portrait */

/*******Sonata and Microsoft 26 Mar 2025******/

@media only screen and (max-width: 960px) {
.node--type-winwire p {
    font-size: 2vw;
    margin-bottom: 2.1762vh;
}
    .node--type-winwire .box-5, .node--type-winwire .col-lg-5, .node--type-winwire .box-3, .node--type-winwire .col-lg-4, .node--type-winwire .col-lg-3 {
        display: block !important;
        padding: 0;
        width: 100%;
    }
.navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

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


.sub-solutions-container .managed-content {
    height: auto;
}
.sub-solutions-container .managed-content .knowMoreButton .circle .icon {
        top: 2px !important;
		left:-7px;
    }

#servicearea .views-view-responsive-grid__item .views-field-body .field-content .sub-solutions-container .product-text p {
    font-size: 1vw;
}

.page-node-10 #servicearea .sub-solutions-container .managed-content .knowMoreButton {

    padding: 5px 8px 5px 40PX;
    margin-left: 7px;
}

    .page-node-10 #servicearea .sub-solutions-container .managed-content .knowMoreButton .circle {
        height: 20px;
        width: 20px;
    }



.page-node-10 .knowMoreButton .circle{
  height: 28px;
  width: 28px;
}
#edit-actions button{
  font-size: 14px;
}
.node--type-winwire .navbar-collapse .logo img {
    height: auto;
    padding: 5% 0;
    margin-left: 0%;
    width: 100%;
}

        .node--type-winwire .banner-section {
            margin-top: 20px;
        }
.node--type-winwire nav#navbar-main {
    width: 100%;
    margin: 0;
    margin-left: 0%;
    padding: 20px 0;
}
    .navbar-expand-lg .navbar-toggler {
        display: none !important;
    }
    }

@media only screen and (max-width: 767px) {
  .page-node-10 #servicearea .knowMoreButton .circle .icon {
        top: -13px !important;
    }
  .page-node-10 #servicearea .sub-solutions-container .managed-content .knowMoreButton .circle .icon {
        top: 0px !important;
}


#servicearea .sub-solutions-container .managed-content h6 {
    font-size: 2vw;
}
 #servicearea .views-view-responsive-grid__item .views-field-body .field-content .sub-solutions-container .product-text p {
        font-size: 2.3vw;
 }
#servicearea .sub-solutions-container .managed-content .animationButton span {
    font-size: 2.3vw;
}
 #servicearea .ckeditor-accordion-container .styled dd p {
        font-size: 14px !important;
        padding-top: 5px !important;
    }
}	
@media only screen and (max-width: 1366px) {

.node--type-winwire .banner-section {
    position: relative;
    margin-top: 13px;
}
#servicearea .ckeditor-accordion-container .styled dd p {
    font-size: 0.9vw;
    padding-top: 5px !important;
}

#servicearea .ckeditor-accordion-container .views-view-responsive-grid__item .views-field-body .field-content p {
    padding: 10px 18px 16px 18px !important;
    color: #6D6E71;
    width: 100% !important;
    font-family: 'Segoe-UI';
    font-size: 1.3vw;
}   

/* .node--type-winwire nav#navbar-main {
        width: 100%;
        margin: 0;
        margin-left: 2%;
        padding: 8px 0;
        display: block;
    }
*/
.node--type-winwire .box-5, .node--type-winwire .col-lg-5, .node--type-winwire .box-3, .node--type-winwire .col-lg-4, .node--type-winwire .col-lg-3 {
    display: flex;
    padding: 0;
}

}
/*****Sonata and Microsoft 26 Mar 2025 END********/

@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
    #servicearea .ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
        background-color: transparent;
        font-size: 1.8vw !important;
        color: #000;
        font-weight: normal;
        font-family: 'Segoe-UI-Bold' !important;
        padding-right: 20px;
    }   
 .col-sm-3.logo.hide-mobile {
        width: 29%;
        display: block;
    }

    .node--type-winwire .banner-section {
        margin-top: 39px;
    }
.node--type-winwire .banner-section {
    position: relative;
}
/*******Sonata and Microsoft********/
    .page-node-10 .banner .content {
        display: flex;
        height: 100%;
        justify-content: center;
        flex-direction: column;
    }
.page-node-10 .views-element-container .views-field-title span, 
.page-node-10 .views-field-title span {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 1.2;
}
#webinars #block-sonata-views-block-resources-block-9 .views-row:nth-child(1), #webinars #block-sonata-views-block-resources-block-9 .views-row:nth-child(2) {
    width: 48%;
}
#webinars #block-sonata-views-block-resources-block-9 .views-row {
    width: 48.5%;
}
 
.col-xs-12.col-md-7,
p.w-80 {
    width: 100%;
}
.views-view-responsive-grid.views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2 !important;
}
.page-node-10 .quicktabs-wrapper .item-list ul li {
    margin: 0;
    padding: 0px 24px 0px 19px !important;
    text-align: center;
    font: normal 19px / 29px Segoe UI !important;
    letter-spacing: 0px;
    color: #000000 !important;
    border-right: 2px solid #000 !important;
    border-radius: 0px;
    line-height: 55px !important;
}
.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul {
    display: inline;
    word-break: break-word;
}

.page-node-10 #quicktabs-container-case_study .views-element-container .view-id-resources .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 1;
    --views-responsive-grid--cell-min-width: 100px;
    --views-responsive-grid--layout-gap: 10px;
}
.page-node-10 #servicearea .view-content .views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2;
    --views-responsive-grid--cell-min-width: 100px;
    --views-responsive-grid--layout-gap: 0px !important;
}
    .page-node-10 section.banner .image.col-md-7 {
        flex: 0 0 auto;
        width: 55% !important;
    }

.page-node-10 .tabsscroll {
    width: 94%;
}
.page-node-10 .middle-align img {
    display: flex;
    height: 100%;
    justify-content: center;
     margin-top: 1%;
    margin-bottom: 5%;
}
.page-node-10 .mstabs{display:none}
	.page-node-10 section.microsoft-services .col-md-2 {
        flex: 0 0 auto;
        width: 33%;
    }
	    .page-node-10 #quicktabs-tabpage-q-0 .field--name-body.field--type-text-with-summary .col-sm-6:first-child {
        flex: 0 0 auto;
        /* width: 100%; */
        min-height: 47vh;
        min-height: 31vh;
        max-height: 100vh;
        height: 44vh;
        overflow: auto;
    }
.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title span,
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span,
.page-node-10 .overview .content header p {
    font-size: 20px;
    color: #000;
    font-weight: normal;
    font-family: 'Segoe-UI-Bold';
    width: 100%;
}
.page-node-10 .block-views.block-views-blockresources-block-1 .views-view-responsive-grid__item {
    border: 1px solid #ccc;
    min-height: 25vh;
    padding-top: 2vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
}
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span a {
    font-family: 'Segoe-UI-Bold';
    font-size: 22px;
}
.list-group-item.active a {
    border-bottom: 3px solid #8E5DA3 !important;
    font-weight: bolder !important;
    margin: 10px 26px !important;
}
/********Sonata and Microsoft End********/
    .page-node-5197.node--type-industry .overview-content {
        display: flex;
        padding: 0px 0px !important;
    }
 .case-studies-wrap,
 .case-studies-wrap .cs-stacked-cards {
   min-height: 55vh;
 } 
 .case-studies-wrap .cs-stacked-cards {
   margin-left: -25%;
 }
 .offering-list li picture {
  max-height: 13vh;
 }
 .offering-list li .actual-content {
   max-height: 13vh;
 }
 .page-node-4534 .offering-list li .actual-content {
  max-height: 10vh;
 } 
  [id*="industries-"],
  [id*="industries"] img {
    min-height: inherit !important;
  }

  [id*="industries-"] .industry-paragraph-wrap {
    top: 50%;
    transform: translateY(-50%);
  }
  [id*="industries-"] picture {
    min-height: 50vh;
  }
  .industries .nav-wrap {
    display: none;
  }
  .board-members {
    min-height: 75vh !important;
  }

  .members-list li .board-img {
    height: 65%;
  }

  .members-list li.active .member-info .board-img {
    transform: scale(1) translateX(60%);
    animation: activeImg 0.5s ease-in-out;
  }

  @keyframes activeImg {
    from {
      transform: scale(1) translateX(7%);
    }

    to {
      transform: scale(1) translateX(60%);
    }
  }

   /*scalable issues*/
   .node--type-platformation .consulting-pg .banner-content h2 {
     font-size: 50px;
    }
   p,a,span{
    font-size: 15px;
   }
   .page-node-1820 .overview-content p {
    font-size: 15px;
   }
   .page-node-5026 .icon-hover p{
     width: 100%;
     margin: 0 auto;
   }
   .page-node-4888.node--type-digital-modernization-engineer .allianceSection .icon img {
    max-width: 70%;
  }
  /***OP to OL***/
  .dark-carousel .dark-h2 {
    margin-left: 0 !important;
  }
  /***sustainablity***/
   .ESG-Progress .card-desc p{
    font-size: 15px;
  }
  .ESG-Progress .card-title-purple h3,
  .ESG-Progress .card-title-blue h3,
  .ESG-Progress .card-title-green h3{
    font-size: 25px
   }
  .ESG-Progress .font-weight-normal{
   font-size: 21px;
  }
  .card-body.pt-2 {
    padding: 4px 13px !important;
  }
  /***ms-fabric***/
  .msfabric-video .rajVideo p.font40 {
    font-size: 23px !important;
  }
  .msfabric-video .rajVideo .imageContent {
    width: 80%;
  }
  .resources-main-container .resource-container {
    position: relative;
    height: 90vh;
    background-color: #DEE0E1;
    padding: 0 1%;
   }
   .resource-content {
    left: 1%;
  }
  /***bfsi***/
  .banner-carousel .owl-nav{
   left: 50%;
  }
  .case-studies-wrap .cs-title {
    left: -11% !important;
    top: 54% !important;
  }
  .cards-bfsi .offerings .container-wrap {
    padding-left: calc(4.35% - 4.5px);
    padding-right: calc(4.35% - 4.5px);
 }
 .cards-bfsi .card-tit h2,
 .cards-bfsi .card-tit h4{
  padding-left: 5%;
 }
 /***webinar-page-verticaltabs***/
.page-view-insights.path-insights .view-rhs-list .tabs {
    width: 100%;
}
}


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

.site-footer__bottom .region-footer-fifth .nav .nav-item a
{font-size:14px;}
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 14px;
    }

    section.row.region.region-footer-first {
        left: 0px;
    }
	section.row.region.region-footer-fourth {
        right: 0px;
    }
	
.site-footer #block-sonata-sociallinks ul.clearfix.nav {
    float: right;
    margin-right: 3%;
    margin-top: -45px;
    height: 67px;
   }
.site-footer ul.clearfix.nav.navbar-nav {
    display: inline-block;
    margin-left: 2%;
   }

#webinars #block-sonata-views-block-resources-block-9 .views-row:nth-child(1), #webinars #block-sonata-views-block-resources-block-9 .views-row:nth-child(2) {
    width: 48%;
}
#webinars #block-sonata-views-block-resources-block-9 .views-row {
    width: 48.5%;
}
 

    .page-view-insights.path-insights .col-lg-3.offset-lg-1.blog-views-rhs {
        /* overflow: hidden; */
        overflow-x: scroll;
        overflow-y: hidden;
        width: 95%;
    }
}


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


.site-footer #block-sonata-footer .navbar-nav > li {
    float: left;
    margin-right: 0%;
    font-size: 1.042vw;
    display: inline-block !important;
}


    .site-footer #block-sonata-sociallinks ul.clearfix.nav {
        float: left;
                margin-top: 0px;
                height: auto;
    }
        .region-footer-first .nav > li {
                position: relative;
                display: inline-block !important;
                font-size: 13px;
}
    .site-footer #block-sonata-sociallinks ul.clearfix.nav {
        float: left;
        margin-right: 3%;
        margin-top: 0px;
        height: auto;
    }
        .site-footer nav#block-sonata-copyrightmenu li.nav-item:last-child {
    color: #fff;
    float: left;
   width: 100%;
}
    footer.site-footer a {
        color: #fff;
        font-size: 14px;
        padding-right: 13px;
    }

}

/* iPad Pro Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
.node--type-winwire .site-footer #block-sonata-copyrightmenu ul.clearfix.nav {
    width: 99%;
    display: block;
}   
 .node--type-winwire .banner-section {
        margin-top: 33px;
    }
.node--type-winwire .show-mobile {
    display: none;
}
#webinars #block-sonata-views-block-resources-block-9 .views-row:nth-child(1), #webinars #block-sonata-views-block-resources-block-9 .views-row:nth-child(2) {
    width: 48%;
}
 
.page-node-10 ul.mstabs-nav{padding:2px 15px;}
.page-node-10 ul.mstabs-nav li{padding: 0px 15px;}
.page-node-10 ul.mstabs-nav li a{color:#000; font-size: 16px;}

.page-node-10 .tabsscroll {
    width: 67%;
}
.modal-dialog {
    max-width: 40vw !important;
    width: 100% !important;
}
.owl-carousel .owl-stage-outer {
    padding-bottom: 40px;
}


.node--type-newsletter-landing-page .nl-cs .owl-theme .owl-nav.disabled+.owl-dots {
    margin-left: 4%;
    width: 15%;
}

.nl-cs .owl-theme .owl-nav.disabled+.owl-dots {
    margin-left: 3%;
    width: 25%;
} 
 .board-members {
    min-height: 78vh !important;
  }
  .page-node-4534 .offering-list li .actual-content {
    max-height: 19vh;
  }

  .members-list li:nth-child(2) .board-img {
    left: -90px;
  }

  .members-list li:nth-child(3) .board-img {
    left: -40px;
  }

  .members-list li .board-img {
    transform: translateX(-17%) scale(1);
    animation: memImg1 0.7s ease-in-out;
  }

  @keyframes memImg1 {
    from {
      transform: translateX(0) scale(1.5);
    }

    to {
      transform: translateX(-17%) scale(1);
    }
  }

  .members-list li.active .member-info .board-img {
    transform: scale(1.5) translateX(0);
  }

  @keyframes activeImg {
    from {
      transform: scale(1.5) translateX(0);
    }

    to {
      transform: scale(1.5) translateX(50%);
    }
   }
   .page-node-5026 .icon-hover p{
     width: 100%;
     margin: 0 auto;
   }
   .page-node-4888.node--type-digital-modernization-engineer .allianceSection .icon img {
    max-width: 70%;
  }
  
  /*scalable issues*/
   .node--type-platformation .consulting-pg .banner-content h2 {
    font-size: 50px;
   }
  /* p,a,span{
    font-size: 1.7vw;
   }
*/
   .page-node-10 .overview .content header p {
    font-size: 1.5vw;
   } 
   li{
    font-size: 14px;
   }
   .banner-carousel .owl-nav{
    left: 8%;
   }
   /***sustainablity***/
  .resource-container {
    height: 81vh !important;
   }
   /***thankyou***/
  .thankyou {
    padding-top: 23vh !important;
  } 
  }
/*@media screen and (min-width: 1366px) and (max-width: 1439px){
.node--type-winwire .show-mobile {
    display: block;
    max-width: 21%;
}
.node--type-winwire .banner-section {
    position: relative;
    margin-top: 10px;
}
}*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
  
#servicearea .views-view-responsive-grid__item .views-field-body .field-content .sub-solutions-container .product-text p {
    font-size: 1.5vw;
}
  .site-footer #block-sonata-copyrightmenu ul.clearfix.nav {
        width: 100%;
        display: block;
    }
\.site-footer #block-sonata-sociallinks ul.clearfix.nav {
    float: right;
}

#servicearea .ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
    background-color: transparent;
    font-size: 20px !important;
    color: #000;
    font-weight: normal;
    font-family: 'Segoe-UI-Semibold' !important;
    padding-right:10px;
}

#servicearea .ckeditor-accordion-container .styled dd p {
    font-size: 17px !important;
    padding-top: 5px !important;
}

#servicearea .ckeditor-accordion-container .views-view-responsive-grid__item .views-field-body .field-content p {
    padding: 10px 18px 16px 18px !important;
    color: #6D6E71;
    width: 100% !important;
    font-family: 'Segoe-UI';
    font-size: 1.7vw;
}


.node--type-winwire .show-mobile {
    display: none;
}
/*******Sonata and Microsoft********/
 .page-node-10 section.banner{
        padding:0px 0px 0px 35px;
        background-color: #f1f2f2;
        margin-top: 100px;
	 display:flex;
}
.page-node-10 .banner .content {
    display: flex;
  /*  height: 30%;*/
    justify-content: center;
    flex-direction: column;
}

div#CollapsingNavbar {
    padding: 0;
}
.page-node-10 .navbar-collapse .logo img {
    margin-left: 0 !important;
}
.banner img {
    width: 100%;
    height: 100%;
}
.page-node-10 .overview .content header p {
    font-size: 20px;
}
p.w-75 {
    width: 100% !important;
}
.display-mobile {
    display: none;
}
.col-xs-12.col-md-7,
p.w-80 {
    width: 100%;
}
.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title span,
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span,
.page-node-10 .block-quicktabs-blockinsights .views-view-responsive-grid__item .views-field-title {
    font-size: 20px;
}
.views-view-responsive-grid.views-view-responsive-grid--horizontal,
.page-node-10 #quicktabs-container-case_study .views-element-container .view-id-resources .views-view-responsive-grid.views-view-responsive-grid--horizontal,
.page-node-10 #servicearea .view-content .views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2 !important;
}

.page-node-10 .overview .content h2 {
    font-size: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
}
p, span {
    font-size: 14px;
}
.page-node-10 .views-element-container .views-field-title span,
.page-node-10 .views-field-title span {
    font-size: 20px;
    font-family: 'Segoe-UI-Semibold';
    font-weight: bold;
    line-height: 1.2;
}

.page-node-10 block-quicktabs-blockour-global-footprint h2 {
    font-size: 35px;
}

.page-node-10 .block-views.block-views-blockresources-block-1 h2, 
.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study h2 {
    font-size: 35px;
}
.page-node-10 .block h2, .page-node-10 .block-quicktabs.block-quicktabs-blockcase-study h2 {
        font-size: 35px;
 }


.page-node-10 .mstabs{display:none}

   .page-node-10 section.overview .middle-align.col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
	.page-node-10 section.overview .middle-align.col-md-6 img {
        width: 65%;
    }
	.page-node-10 section.microsoft-services .col-md-2 {
        flex: 0 0 auto;
        width: 30%;
                margin: 9px;
        display: inline-flex;
    }
	    .page-node-10 #quicktabs-tabpage-q-0 .field--name-body.field--type-text-with-summary .col-sm-6:first-child {
        flex: 0 0 auto;
        /* width: 100%; */

        min-height: 30vh;
        overflow: auto;
        max-height: 100vh;
        height: 30vh;
    }
.page-node-10 .block-views.block-views-blockresources-block-1 .views-view-responsive-grid__item {
    border: 1px solid #ccc;
    min-height: 17vh;
    padding-top: 2vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-right: 0;
}
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span a {
    font-family: 'Segoe-UI-Bold';
    font-size: 22px;
}
.list-group-item.active a {
    border-bottom: none !important;
    font-weight: bolder !important;
    margin: 10px 0px !important;
}
.col-sm-3.logo.hide-mobile {
    width: 37%;
    display:block;
}
.page-node-10 ul.quicktabs-tabs li {
    display: block !important;
    margin-bottom: 20px !important;;
}
    .page-node-10 block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a, .page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li a {
        font: normal normal normal 21px / 1.4 Segoe UI;
    }
.page-node-10 .quicktabs-wrapper .item-list ul li {
    margin: 0;
    padding: 10px 15px !important;
    text-align: left !important;
    font: normal 19px / 29px Segoe UI !important;
    letter-spacing: 0px;
    color: #000000 !important;
    border-right: none !important;
    border-radius: 0px;
    border-bottom: 1px solid #000 !important;
}
.page-node-10 .quicktabs-tabs .list-group-item.active {
    z-index: 2;
    color: #8E5DA3 !important;
    background: none;
    border-bottom: 3px solid #8E5DA3 !important;
}


/********Sonata and Microsoft End********/

 .page-node-5197.node--type-industry .overview-content {
        display: flex;
        padding: 0px 45px;
    }
.new-insights .slideroptima .thought-leadership.testimonials img:first-child {
    max-width: fit-content;
    float: right;
    display: none;
}

.isv-new .dyn-tabbed-content li strong {
    display: table-cell;
    font-size: 20px;
}
.node--type-newsletter-landing-page .tabs {
        width: 100% !important;
    }
hr {
    border: 2px solid #00BE9B;
    opacity: 1;
    width: 95% !important;
    margin: 15px auto;
}
   .node--type-newsletter-landing-page .section-spacing {
        padding: 5% 7%;
    }
.slideroptima .thought-leadership.testimonials img:first-child {
   max-width: 50%;
}
.slideroptima .owl-carousel .owl-stage-outer{
  height: auto !important;
}
.modal-dialog {
    max-width: 80vw !important;
    width: 100% !important;
}
}


@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    #servicearea .ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
        background-color: transparent;
        font-size: 1.8vw !important;
        color: #000;
        font-weight: normal;
        font-family: 'Segoe-UI-Bold' !important;
        padding-right: 20px;
    }
.site-footer #block-sonata-copyrightmenu ul.clearfix.nav {
    width: 94%;
    display: block;
}
    .col-sm-3.logo.hide-mobile {
        width: 29%;
        display: block;
    }
    .node--type-winwire .banner-section {
        margin-top: 27px;
    }
 .node--type-winwire img.logo.pd0 {
        width: 240px;
        margin-left: 0px !important;
    }
/*******Sonata and Microsoft********/
.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul {
    display: inline;
    word-wrap: break-word;
}
.page-node-10 .quicktabs-wrapper .item-list ul li {
    font: normal 19px / 55px Segoe UI !important;

}
   .page-node-10 section.overview .content.col-md-6 {
        /* flex: 0 0 auto; */
        /* width: 100%; */
        height: 300px;
        overflow: auto;
        margin-bottom: 25px;
    }

.page-node-10 #quicktabs-container-case_study .views-element-container .view-id-resources .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2 !important;
    --views-responsive-grid--cell-min-width: 100px !important;
    --views-responsive-grid--layout-gap: 10px !important;
}
.page-node-10 #servicearea .view-content .views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2 !important;
    --views-responsive-grid--cell-min-width: 100px !important;
    --views-responsive-grid--layout-gap: 0px !important;
}

   .page-node-10 section.banner .image.col-md-7 {
        /* flex: 0 0 auto; */
        /* width: 100%; */
    }
   .page-node-10 section.overview .middle-align.col-md-6 {
        /* flex: 0 0 auto; */
        /* width: 100%; */
    }
	.page-node-10 section.overview .content.col-md-6 {
        /* flex: 0 0 auto; */
        /* width: 100%; */
    }
	.page-node-10 section.overview .middle-align.col-md-6 img {
        /* width: 65%; */
    }
	.page-node-10 section.microsoft-services .col-md-2 {
        flex: 0 0 auto;
        width: 33%;
    }
	    .page-node-10 #quicktabs-tabpage-q-0 .field--name-body.field--type-text-with-summary .col-sm-6:first-child {
        flex: 0 0 auto;
        /* width: 100%; */
        min-height: 47vh;
        min-height: 31vh;
        max-height: 100vh;
        height: 44vh;
        overflow: auto;
    }
	.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title span {
    font-size: 2.3vw;
    color: #000;
    font-weight: normal;
    font-family: 'Segoe-UI-Bold';
    width: 100%;
}
.page-node-10 .block-views.block-views-blockresources-block-1 .views-view-responsive-grid__item {
    border: 1px solid #ccc;
    min-height: 25vh;
    padding-top: 2vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
}
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span a {
    font-family: 'Segoe-UI-Bold';
    font-size: 22px;
}
.list-group-item.active a {
    border-bottom: 3px solid #8E5DA3 !important;
    font-weight: bolder !important;
    margin: 10px 26px !important;
}
    .page-node-10 img.logo.pd0 {
        width: 40%;
    }
.page-node-10 .tabsscroll {
    width: 85%;
}
/********Sonata and Microsoft End********/
}





/** css style for iPadAir landscape  **/

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

.body-content  > div.row:first-child {
    flex-direction: column-reverse;
}

}


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

.page-node-10 .knowMoreButton:hover .circle {
        background: transparent;
        border: 1px solid #fff;
        width: 28px;
        border-radius: 25px;

    }
.page-node-10 .knowMoreButton:hover>p a {
    color: #fff;
    text-decoration: none;
    padding-left: 30px;
}
#servicearea h3.services-subtext {
    font-size: 20px;
}
.owl-carousel .owl-stage-outer {
    padding-bottom: 40px;
}
/***bfsi-iminsurance***/
.page-node-5207 .banner-text {
    bottom: auto;
    top: 15%;
}
.offering-list li picture img{
  height: auto;
}

.page-view-insights .col-lg-8 {
        flex: 0 0 auto;
        width: 100%;
    }

  html{
    overflow: auto;
  }
  h1,
  h2,
  h3,
  p,
  h4 {
    margin-bottom: 1vh;
  }
  h5{
    font-size: 20px;
  }
  li, a {
    font-size: 14px;
  }
  label,strong {
    font-size: 16px;
  }
  .font h4{
    font-size: 18px;
  }
  .font p{
    font-size: 14px;
  }
  .width80  {
    width: 100%;
  } 
  .common-paragraph-text{
     font-size: 14px;
  }
  .insight-area .imageArea .insight-image:nth-child(even){
    margin-top: 10%;
  }
  .circle-info .col-sm-12 > div > p {
    width: 150px;
    height: 150px;
  }
  .youtube-bfsi iframe {
    border: 0;
    width: 100%;
    height: 40vh;
 }
  /***thanyou page***/
  .thankyou .ver-hor-center h2 {
    font-size: 50px;
  }
  .thankyou .ver-hor-center h3, .thankyou .ver-hor-center p strong {
    font-size: 30px;
  }
  .thankyou .ver-hor-center img {
    width: 50%;
    margin: 0 auto 3vh;
  }
  .thankyou .ver-hor-center {
    padding: 0 5%;
  }
  .thankyou .ver-hor-center p, .thankyou .ver-hor-center span {
    font-size: 16px !important;
  }
  .thankyou {
    padding-top: 9vh;
    min-height: calc(100vh - 22vh);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /***three-column--carosuel***/
  .carousel .owl-prev, .carousel .owl-next {
    height: 5.5vw !important;
    width: 5.5vw !important;
 }
 .carousel .owl-prev span, .carousel .owl-next span {
    font-size: 8vw;
 }
 .carousel .allianceSection p {
    width: 90%;
    margin: 0 auto;
 }
 .carousel p.common-subheading {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    width: 100%;
 }
 .carousel .icon-section {
    margin: 0;
 }
 .carousel .allianceSection p.common-subheading {
    padding-top: 0 !important;
 }
  /***op-to-ol***/
  .op-to-ol .d365-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -8%;
    top: 5%;
}

 .op-to-ol  .d365-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -8%;
    top: 5%;
}
.dark-carousel .dark-h2 {
    font-size: 30px;
    margin-left: 5%;
}
 .op-to-ol .ckeditor-accordion-container > dl dd{
  margin: 10px 0;
  padding:10px;
}
.op-to-ol ul {
    padding-left: 2.5rem;
}
.op-to-ol .dark-carousel .swiper-slide-active{
  box-shadow: 0;
}
.op-to-ol #swiperDetails p {
    width: 100%;
}
  /***scm-process-automation***/
  .page-node-5109 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img {
    height: auto;
  }
  /*modal-popup*/
  #js-modal-page-show-modal.modal.show .modal-dialog {
  max-width: 90% !important;
}
#js-modal-page-show-modal.modal.show h4.modal-title.modal-page-title {
    font-size: 15px;
}
#js-modal-page-show-modal.modal.show label.modal-dont-show-again-label {
    font-size: 12px;
}
#js-modal-page-show-modal.modal.show .modal-dialog {
  max-width: 74% !important;
}
/*.page-node-4993 .hov-pointer .icon-hover:hover .icon {
    left: 0;
}*/
.page-node-4197 .img-wrap-gap img {
  max-width: 50%;
}
/***career-opportunities-mexico***/
.career-opportunities-mexico div.webform-managed-file-placeholder,
.career-opportunities-mexico div#edit-upload-resume--description {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 2%;
}
.career-opportunities-mexico button#edit-actions-submit {
    margin-top: 0!important;
}
.career-opportunities-mexico #edit-upload-resume-upload{
  width: 100%;
}
.career-opportunities-mexico .hiring-drive-wrap table tr td:nth-child(2) {
    width: 250px;
    display: table;
    /* min-height: 250px; */
}
/***blogs***/
.blog-written-name {
    font-size: 16px;
  }
  /***platformation page***/
  .technology-environment .bg-content-platformation.row {
    width: 100%;
    margin: 0;
  } 
  /*googlespace*/
  .page-node-4822 p{
    font-size: 14px;
  }
  /*alliance icon*/
  .allianceSection p {
    margin-bottom: 2vh;
  }
  .allianceSection p.common-subheading{
    padding-top: 25px !important;
  }
  /*contactUS*/
  .addressSection h4 {
    font-size: 22px;
  }

  .page-node-1096 .communicationSection .heading {
    width: auto;
    padding-top: 2px;
    margin-left: 10px;
  }

  .page-node-1096 .views-field.views-field-nothing {
    float: left;
  }
  /*news room*/
.node--type-newsletter-landing-page .banner.inner-carousel{
  margin: 0;
}
  .newsRoom .animationButton a {
    color: #fff;
}
  /*aws*/
  .spec-section {
    position: relative;
    top: 1vh;
    color: #000;
    width: 100%;
    left: 7vw;
  }
  /*bfsi*/
  .partnersSection a {
    font-size: 14px;
  } 
  /*ai-data-modernization*/
  .overview-extra .know-more-btn span {
    position: relative;
    z-index: 9;
    color: #fff;
}
.overview-extra .knowMoreButton .circle {
    left: 34px;
}


  /*microsoft-fabric*/
  .page-node-4349 .banner-carousel .owl-nav,
  .page-node-5078 .banner-carousel .owl-nav {
    position: absolute;
    left: 10%;
    bottom: 0%;
    color: #fff;
  }

  /*hfs form*/
  .node--type-report-form-landing-page form.webform-submission-form {
    width: 80%;
  }

  .imageContent {
    position: relative;
    width: 100%;
    margin-left: 0;
  }

/*case studie pages*/
p.retail-cs-spec-head {
    font-size: 35px!important;
    color: #fff;
}
div#abt-client {
    padding-left: 5%;
}
div#outcomes {
    height: auto;
}
h3 strong{
 font-size: 26px;
}
.cs-pblm-lftcnt.left {
    width: 50%;
    padding: 3% 5% 0;
}
.cs-pblm-lftcnt.left h3 {
    padding-bottom: 0;
}
.cs-pblm-rttcnt p {
    font-size: 20px;
}
.cs-pblm-rttcnt {
    width: 50%;
    padding: 0 5% 2%;
}
.cs-prsnsol-lf{
  width: 100%;
}
#problem-solutions .cs-prsnsol-rt {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
}
.first-section-cs {
    margin-top: 6vh;
    height: auto;
}
.first-cs-rtimg {
    float: right;
    width: 50%;
}
.cs-sonat-edge{
 width: 100%;
}
.first-section-cs.left{
  width: 90%;
} 

  /*Rajvideo*/
  .rajVideo p.font40 {
    font-size: 22px !important;
  }

  .rajVideo .imageContent {
    margin-left: 4%;
    width: 75%;
  }

  /*homepage-alignemnt*/
  .ourpeople-area .animationButton {
    right: 14.3vw;
  }

  /** know more button with red background **/
  /*.knowMoreButton .circle {
    background: #ff0000;
    border: 1px solid #ff0000;
    width: 100%;
    border-radius: 25px;
  }

  .knowMoreButton .circle .icon {
    color: #fff;
    left: calc(100% - 55px);
  }
  .knowMoreButton>span,
  .knowMoreButton>p {
    transform: translateX(-30px);
  }*/

  /***know more button diaabled hover effect ***/
  .knowMoreButton:hover .circle {
    background: transparent;
    border: 1px solid #606060;
    width: 28px;
    border-radius: 25px;
  }

  .knowMoreButton:hover .circle .icon {
    left: 0;
    color: #606060;
  }

  .knowMoreButton:hover>span, .knowMoreButton:hover>p {
    transform: none;
  }

  .knowMoreButton:hover>span a,
  .knowMoreButton:hover>span a:not([href]),
  .knowMoreButton:hover>p a, .knowMoreButton:hover>p a:not([href]) {
    color: #ff0000;
    text-decoration: none;
  }
 
  .page-node-764 .knowMoreButton>span a,
  .page-node-764 .knowMoreButton>span a:not([href]),
  .page-node-764 .knowMoreButton>span a.know-more-btn,
  .page-node-764 .knowMoreButton>p a,
  .page-node-764 .knowMoreButton>p a:not([href]),
  .page-node-764 .knowMoreButton>p a.know-more-btn {
    color: #000;
    text-decoration: none;
  }

 /* .knowMoreButton>span a,
  .knowMoreButton>span a:not([href]),
  .knowMoreButton>span a.know-more-btn,
  .knowMoreButton>p a,
  .knowMoreButton>p a:not([href]),
  .knowMoreButton>p a.know-more-btn {
    color: #fff;
  }*/

  .subsidaries-parent-cstm .ckeditor-accordion-container>dl dt>a{
     font-size: 30px;
  }
  .ESG-Progress .card-content{
    margin-bottom: 35px;
  }
  .reports-disclouser .knowMoreButton{
    padding-left: 81px;
  }
  .reports-disclouser .col-md-3 {
    width: 51%;
  } 
  .sthome-vertical-tabs .tab-content img{
   width: 100%;
  }
  #sustainability-carousel .secondImage {
    height: auto;
  }
  .details-card.awards-recognitions p {
    width: 75%;
  }
  .ESG-Progress .card-content{
    margin-right: 2vw;
  } 
  .badge-content {
    height: 422px;
   }
   .reports-disclouser .knowMoreButton:hover>p a{
    color: #ff0000;
   }
  /*carrers*/
  .page-node-3885 section.viewport-height.container-fluid.careers-gallery-wrap{
    min-height: auto;
  }
  .hover-effect-lists ul li .knowMoreButton:hover .circle {
    border: 1px solid #fff;
  }

  .culture-area .knowMoreButton:hover .circle,
  .videotext-area-second .knowMoreButton:hover .circle {
    border: 1px solid #fff;
  }

  .culture-area .knowMoreButton:hover .circle .icon,
  .videotext-area-second .knowMoreButton:hover .circle .icon {
    color: #fff;
  }

  section.in-the-news .knowMoreButton:hover>span a {
    color: #ff0000;
  }

  /*banner*/

  .newsroom-inner-content {
    margin-left: 5%;
  }

  .path-insights .view-filters span.glyphicon {
    top: 9%;
  }

  .path-insights .pointer .hdrDesc {
    font-size: 60px !important;
    font-family: 'Segoe-UI-Bold';
  }

  .path-insights .pointer-cont span {
    font-size: 24px;
  }

  /*ctaButton*/

  .page-node-15 #H1-section11.insight-area .animationButton {
    display: flex;
    justify-content: center;
  }

  /*newsection*/
  .page-node-15 .newSection {
    padding: 1.5% 10% 5%;
  }

  .page-node-15 .partnersSayingSection {
    padding: 5% 5% 0;
  }

  /*careers*/
  .page-node-3885 .banner-text {
    width: 80% !important;
    position: absolute;
    bottom: 0;
    top: 8%;
    left: 4%;
    right: auto;
  }

  .page-node-3885 .cr-overview-info {
    width: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 39%;
    left: 0;
  }

  .page-node-3885 #cr-office-slider {
    max-width: 100%;
    min-height: 10vh;
  }

  .page-node-3885 .cr-overview-info {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    margin-top: 0;
    border-radius: 0;
    position: relative;
  }

  .container-sec.allianceSection .animationButton {
    margin: 0 auto 30px;
  }

  /*data-privacy*/
  .page-node-4307 .hover-effect-lists li h3 {
    font-size: 18px;
    font-weight: bold;
    padding-left: 5vw;
    width: 90%;
  }

  .page-node-4307 .hover-effect-lists ul li {
    display: flex;
    align-items: center;
    width: 85vw;
    margin-bottom: 5px;
    padding: 3vw 2vw;
    border: 1px solid #bebebe;
    border-radius: 1.5vw;
    justify-content: flex-start;
    transition: all 0.2s linear;
    height: 100px;
  }

  .page-node-4307 .hover-effect-lists li span {
    font-size: 16px;
  }

  .page-node-4307 .hover-effect-lists .col-md-5 {
    width: 100%;
    margin-bottom: 2%;
  }

  .page-node-4307 .title-red,
  .page-node-4307 .overview-content h2 {
    padding: 0;
    font-size: 30px !important;
    margin-left: -1%;
  }

  /*conatctus*/
  form#webform-submission-contact-node-1096-add-form button#edit-actions-submit {
    margin-top: 30px !important;
  }

  form#webform-submission-contact-node-1096-add-form {
    top: 0px;
  }

  #block-sonata-new-webform-10 button {
    margin-top: -41vw;

  }

  .page-node-4617 .banner-text .colorB {
    color: #fff;
  }

  /*diversity-inclusion*/

  .page-node-4491 .content-image.imageArea{
   margin-top: 5%;
  }
  .leftContentImage .client-div {
    left: 12vw;
    max-width: 37.5%;
  }
  .page-node-4491 .path-div {
    position: relative;
    top: 0;
  }
  .rightContentText .quote-div {
    position: relative;
    left: -6vw;
    z-index: 2;
    width: 100%;
  }
  .d-i-page .imageArea .rightContentText p{
    right: 0;
  }

  .page-node-4491 .d-i-page .overview-content p {
    width: 100%;
    float: left;
  }

  .page-node-4491 .col-sm-6 {
    width: 100%;
  }

  .page-node-4491 .overview-content {
    flex-direction: column;
  }

  

  .d-i-page .overview-content p {
    font-size: 18px;
    width: 76%;
  }

  .page-node-4491 .quote{
    margin-top: -34%;
  }
  .page-node-4491 p.hdrDesc{
    display: inline-block;
    margin-top: 3%;
  }
  /*health-and-lifesciences*/
  .page-node-4250 .adv-card h5 {
    font-size: 16px;
  }

  .hover-effect-lists ul li {
    width: 65vw;
    padding: 20px;
  }

  /*energy-utilities*/
  .page-node-4617 .hover-effect-lists li h4 {
    font-size: 19px;
    font-weight: bold;
    padding-left: 5vw;
    width: 74%;
  }
    to {

  .page-node-4617 .hover-effect-lists li span {
    font-size: 14px;
  }

  .page-node-4617 .hover-effect-lists ul li {
    width: 80vw;
    height: 18vw;
  }

  /*alliance*/
  .allianceSection .icon img {
    width: 85px !important;
    height: auto;
  }

  /*platformation*/
  .page-node-3567 .space-clearing div#deeperservices,
  .space-clearing .dataServices-sec {
    position: relative;
    width: 100%;
    padding: 5%;
    top: 0;
    left: 0;
    background-color: #000;
  }

  .page-node-3567 .space-clearing div#deeperservices {
    left: auto;
    right: 0;
  }

  /*circle*/
  /*.icon-hover:hover {
    cursor: none;
    transform: none;
  }

  .icon-hover:hover .circle {
    transform: none;
    height: 95px;
    width: 95px;
    margin-bottom: 56px;
  }

  .icon-hover:hover svg.colorWhite {
    fill: #000;
  }

  .icon-hover:hover .icon {
    left: 41%;
    top: -2vw;
  }*/

  .page-node-4993 .icon-hover .icon{
    position: static;
 }
.page-node-4993 .allianceSection .icon-hover {
    padding-top: 0 !important;
}
.page-node-4170 .icon-hover span{
  font-size: 16px;
}
  /***sustainablity button 10-04***/
 /***sustainablity-button-changes***/
.page-node-1820 .knowMoreButton {
    display: inline-block;
    padding: 5px 20px 5px 80px;
    background: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    width: auto;
}
.page-node-1820 .knowMoreButton .circle {
    height: 28px;
    width: 28px;
    border-radius: 25px;
    border: 1px solid #606060;
    display: inline-block;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in;
    line-height: 30px;
    background: transparent;
}
.page-node-1820 .knowMoreButton .circle .icon {
    left: 0;
    position: absolute;
    height: 14px;
    margin-left: 11px;
    font-size: 30px !important;
    transition: 0.3s ease-in;
    color: #606060;
    top: -4px;
}
.page-node-1820 .knowMoreButton>span a,
.page-node-1820 .knowMoreButton>span a:not([href]),
.page-node-1820 .knowMoreButton>span a.know-more-btn {
    color: #ff0000;
    font-size: 18px;
    text-decoration: none;
    height: 26px;
    line-height: 26px;
    display: block;
    font-weight: 600;
}
.page-node-1820 .knowMoreButton:hover .circle {
    height: 28px;
    width: 28px;
    border-radius: 25px;
    border: 1px solid #606060;
    display: inline-block;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in;
    line-height: 30px;
    background: transparent;
}
.page-node-1820 .knowMoreButton:hover .circle .icon {
    color: #606060;
    left: 0;
}
.page-node-1820 .knowMoreButton>span a,
.page-node-1820 .knowMoreButton>span a:not([href]),
.page-node-1820 .knowMoreButton>span a.know-more-btn,
.page-node-1820 .knowMoreButton>p a,
.page-node-1820 .knowMoreButton>p a:not([href]),
.page-node-1820 .knowMoreButton>p a.know-more-btn{
   color: #ff0000;
 }
  /*encore and scalable*/
  .icon-hover .icon {
    margin: 0 auto;
    width: 100%;
    left: auto; 
}
  /*providers*/
  #quicktabs-container-healthcare_payers_offerings p,
  #quicktabs-container-healthcare_providers p {
    font-size: 14px;
  }

  /**Stacked card style **/
  .card-stack-wrap article {
    padding: 15px 35px 0;
  }

  .card-stack-wrap article,
  .card-stack-wrap .stack-card {
    min-height: 450px;
  }

  .card-stack-wrap article img {
    max-height: 450px;
  }

  /* Hover effect lists */
  .hover-effect-lists ul li>span,
  .hover-effect-lists ul li h4 {
    font-size: 18px;
  }

  /*accolades*/
  .page-node-674 div#main-wrapper {
    padding-top: 9vh;
  }

  /*about-us-sustainability*/
  .page-node-1820 #csr-policy ul.csr-list {
    margin-left: 5%;
  }

  .page-node-1820 #csr-policy li,
  #csr-policy a {
    display: inline-block;
    font-size: 16px;
  }

  /*homepage*/
  .our-expertise .owl-carousel .owl-stage-outer {
    overflow: unset;
  }


  .client-exp .quote {
    top: -110px;
  }

  .class-rel {
    left: 23vw;
  }

  .awards-carousel {
    height: auto;
    margin-block: 5%;
  }

  #H1-section7 .quote {
    padding-top: 9px;
  }

  .culture-area .textArea {
    width: 325px;
    padding: 10px 20px;
    top: 135px;
    height: 50%;
    left: 50px;
    bottom: auto;
  }

  #block-sonata-new-webform-10 button {
    margin-top: -180px;
    position: relative;
  }

  .textArea.scroll {
    height: 350px;
  }

  /*newsRoom*/
  .node--type-newsroom div#block-sonata-new-page-title h1.title span.field {
    font-size: 30px;
  }

  .node--type-newsroom div#block-sonata-new-page-title {
    margin: 20% 10vw 0;
  }

  /*issue-fixing-130923*/
  ul#block-sonata-new-sociallinks {
    padding: 8px 0px 8px 0vw;
    margin: 0px 0px 0px 4% !important;
    width: auto !important;
  }

  .site-footer__bottom {
    margin-top: 25px;
    width: 90%;
    margin-left: 2%;
  }

  .site-footer ul#block-aboutusfootermenu-2 {
    padding-left: 2vw;
  }

  .page-node-15 h2.hdrText {
    font-size: 3.2rem;
    width: 75%;
    margin-left: 12.4% !important;
    font-family: 'Segoe-UI';
  }

  .banner-text .bannerSection {
    margin-left: 5%;
  }

  /*issuefixing s*/
  .overview-content ul {
    padding-left: 5%;
  }

  .overview-content ul li {
    margin-bottom: 2%;
  }

  .cont-left,
  .cont-right {
    padding-left: 0;
  }

  h3 {
    font-size: 26px;
  }

  .result-content {
    font-size: 18px !important;
  }

  .Marchitecture-sec p {
    padding-left: 0;
  }

  /*140923 investorsRelationship*/
  .page-node-764 .knowMoreButton .circle .icon {
    color: indianred;
    left: 0;
  }

  .page-node-764 .knowMoreButton .circle {
    background: transparent;
    width: 28px;
    border-radius: 25px;
  }

  .page-node-764 .knowMoreButton>span {
    transform: none;
  }

  /*aboutUs*/
  li.borderblue h4,
  li.borderGreen h4 {
    font-size: 24px;
  }

  /*hyper-automation-automation*/
  .page-node-4507 .banner-text h2 {
    color: #fff;
    margin-left: 0;
  }

  /* Board of directors  */
  .etl-wrap {
    padding-top: 1vh;
  }

  .etl-lists .knowMoreButton a {
    color: #fff;
  }

  .board-members {
    min-height: 100vh !important;
  }

  .members-list .knowMoreButton {
    padding-top: 0;
  }

  .members-list li p {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .members-list li:nth-child(2) .board-img {
    left: -130px;
  }

  .members-list li:nth-child(4) .board-img {
    left: -65px;
  }

  .members-list li .board-img {
    height: 70%;
    transform: translateX(-22%) scale(1);
  }

  @keyframes memImg1 {
    from {
      transform: translateX(0) scale(1.2);
    }

    to {
      transform: translateX(-22%) scale(1);
    }
  }

  .members-list li:hover .board-img {
    animation: memImg 0.7s ease-in-out;
    transform: scale(1.2) translateX(0);
  }

  @keyframes memImg {
    from {
      transform: translateX(-22%) scale(1);
    }

      transform: translateX(0) scale(1.2);
    }

  }

  .members-list li.active .member-info .board-img {
    transform: scale(1.2) translateX(10%);
    animation: activeImg 0.5s ease-in-out;
    transition: 0.5s ease-in;
  }

  @keyframes activeImg {
    from {
      transform: scale(1.2) translateX(0);
    }

    to {
      transform: scale(1.2) translateX(10%);
    }
  }

  .bm-img-wrap {
    width: 53vw;
  }

  .etl-lists .row-1,
  .etl-lists .row-2,
  .etl-lists .row-3 {
    margin: 5vh auto 0;
  }

  .etl-lists .views-field-nothing {
    margin-bottom: 15vh;
  }

  .etl-lists .row-3 .views-field-nothing {
    margin-bottom: 5vh;
  }

  .etl-inner {
    padding-top: 15%;
  }

  .title-cont {
    margin-top: 10vh;
  }

  /*aboutUs*/
  .aboutUs .abooutUsSection {
    flex-direction: row;
  }

  .allianceSection .icon-hover {
    margin-top: 0;
  }

  .allianceSection p.common-subheading {
    font-weight: bolder;
    font-size: 20px;
    margin-top: 20px;
  }

  .container-sec.allianceSection .animationButton {
    left: 20%;
  }

  .allianceSection p {
    font-size: 14px;
  }


  .container-sec.allianceSection h2 {
    padding-bottom: 3%;
  }

  .page-node-624 .container-sec.boardirectorsSection h2.common-heading {
    font-size: 22px;
  }
.img-cont-right {
  .page-node-624 .rhs .common-heading {
    font-size: 20px;
  }

  /*HFS newSection*/
  .H1-section5.section-spacing .col-sm-6:nth-child(2) {
    height: auto;
    padding-left: 2%;
    padding-top: 4%;
    margin-top: 5%;
  }
  #hfs-data-modernization-report.section-spacing .col-sm-6:nth-child(2) h2 {
    margin-left: 0;
    font-size: 34px;
 }
  .buttonSection .animationButton {
    margin-right: 0;
  }
  .overview-extra .imageContent {
    width: 100%;
  }
  section.overview-extra.container-fluid{
   min-height: 100%;
}
  .buttonSection {
    flex-direction: column;
  }

  .circle.playbtn svg.svg-icon {
    margin-left: 10px;
  }

  .circle.playbtn svg.svg-icon path {
    fill: #fff;
  }

  .buttonSection {
    margin-top: 15px;
  }

  .blueGradientBox {
    width: 80%;
    top: 61%;
    left: 20%;
  }

  .blueGradientBox p {
    font-size: 18px !important;
  }

  .H1-section5.section-spacing .col-sm-6:nth-child(2) {
    align-items: flex-start;
  }

  .H1-section5.section-spacing .col-sm-6:nth-child(2) h2 {
    font-size: 40px;
    margin-left: 3%;
  }

  p.font36 {
    font-size: 25px;
  }

  .blueGradientBox img {
    width: 40px;
  }
  /*encore changes*/
  .allianceSection .icon-hover {
    padding-top: 60px;
}

 
.page-node-4888.node--type-digital-modernization-engineer .allianceSection .icon img {
    width: auto !important;
    height: auto;
    max-width: 40%;
}
/* scalable */
.page-node-5026 .owl-carousel .owl-nav.disabled{
  display: block;
}
.page-node-5026 .platform-carousel h2 {
    font-size: 25px;
}
.page-node-5026 .hover-effect-lists ul li{
  height: 12vw;
}
.page-node-5026 .hover-effect-lists ul li .animationButton{
  width: 40vw;
}
.d365-carousel button, .d365erp-carousel button {
    position: relative;
    top: -10vw;
}
.d365-carousel span, .d365erp-carousel span {
    font-size: 10vw;
}
.icon-hover p{
  font-size: 16px;
}
.d365-carousel.owl-loaded.owl-drag, .d365erp-carousel.owl-loaded.owl-drag{
  padding: 2% 1% 5%;
}
h2.d365-heading.aos-init.aos-animate{
  font-size: 30px;
  padding: 0 3% 3%;
}
  /*error meesage*/
 .node--type-report-form-landing-page .alert-wrapper div {
    font-size: 14px;
 }
  /*from-style*/
.page-node-4920 img.logo.pd0,
.page-node-4921 img.logo.pd0,
.page-node-4922 img.logo.pd0 {
    margin-top: 0;
}
.page-node-4920 header#header .navbar-toggler,
.page-node-4921 header#header .navbar-toggler,
.page-node-4922 header#header .navbar-toggler{
    display: none;
}
  /*scalable fixes 24th*/
/*ipad*/
/*.page-node-4328 .icon-hover:hover .icon {
    top: -60px;
}*/
.page-node-4328 .icon-hover .icon {
    top: -60px;
}
.page-node-4328 .allianceSection .icon-hover {
    margin-top: 23%;
}
.page-node-4328 section.overview-extra.container-fluid {
    min-height: auto;
}
.page-node-4328 .banner-text{
  top: 60%;
}
.accordion-section .ckeditor-accordion-container {
    padding: 0 5%;
}
.space-clearing #delivery-platform {
    right: 0;
    left: auto;
}
.bg-content-platformation {
    position: relative;
    left: 0;
    background-color: #000;
    padding: 8%;
}
.section-spacing.padding-zero {
    padding: 0;
}
/*platformation*/
.page-node-3567 .bg-content {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}
.technology-environment .bg-content {
    flex-direction: column;
}
.bg-content-platformation.platformation-content {
    color: #fff;
    width: 100%;
}
.ai-face-wrap .bg-content-platformation.platformation-content {
   top: 0;
   transform: none;
}
.ai-face-wrap .ai-face-img {
    max-width: 80%;
    left: 20%;
    position: relative;
}
  .show-mobile {
    width: 100%;
}
/*platformationtm-framework*/
.framework-background-content .bg-content-platformation {
    width: 100%;
}
/***/
p.para-text-width {
    float: left;
    width: 68vw;
    padding-top: 5%;
    font-size: 14px;
}
p.img-right img {
    width: 47%;
    position: relative;
    left: 55%;
}
.page-node-5075 img.logo.pd0{
  margin-left: 0 !important;
}
.page-node-5075 header#header .navbar-toggler{
  display: none;
}
.page-node-5075 .rpa-platform-list-wrap ul li svg{
  right: 50px;
}
.page-node-5075 .banner-text {
    left: 9%;
}
/***applybutton***/
.applybutton {
    background-color: red;
    padding: 2px 25px;;
}
#careers-page .knowMoreButton {
    padding: 20px 20px 20px 35px;
    background: transparent;
    width: auto;
    top: auto;
}
.applybutton .knowMoreButton .circle {
    border: 0;
}
/***ms-fabric***/
.resource-container {
    position: relative;
    height: 128vh;
    background-color: #DEE0E1;
}
img.res-mob-image {
    position: absolute;
    top: auto;
    bottom: -67px;
    display: none;
}
.resource-content p {
    left: 5vw;
}
.resource-content {
    position: relative;
    top: 50px;
    padding: 0 4%;
}
.resource-content h2{
  font-size: 48px;
}
.resource-content p {
    font-size: 32px;
    left: 10%;
}
.resource-container .animationButton.fade-bottom.reveal p {
    font-size: 32px;
    left: 18%;
}
.resource-container .animationButton.fade-bottom.reveal {
    top: 300px;
    left: 11vw;
}
/***vertical-tabs***/
.page-view-insights.path-insights .blog-views-lhs {
    margin-top: 7%;
    padding-left: 4%;
    padding-right: 4%;
}

.page-view-insights.path-insights .blog-views-wrap .blog-views-rhs .view-rhs-list .view-content.row {
    margin: 0;
    width: 100%;
}
.page-view-insights.path-insights .blog-views-wrap > .row {
    flex-direction: row;
}
.page-view-insights.path-insights .col-lg-5.blog-views-rhs .view-rhs-list {
    width: auto;
    margin-left: auto;
}
/*.page-view-insights.path-insights .tabs{
  width: 220px;
}*/
/* .page-view-insights.path-insights .col-lg-3.offset-lg-1.blog-views-rhs {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 95%;
 }
*/
.page-view-insights.path-insights .view-insights .blog-views-wrap .view-rhs-list {
    position: relative;
        top: auto;
}
.tabs .field-content .tab-button.active,
.tabs .field-content .tab-button {
    padding: 0;
    border-bottom: 0;
    flex-direction: column;
}
.blog-views-rhs::-webkit-scrollbar-thumb {
  background: #ccc;
}

.blog-views-rhs::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.blog-views-rhs::-webkit-scrollbar:hover {
  width: 12px;
  height: 12px;
}

.blog-views-rhs::-webkit-scrollbar-track,
.blog-views-rhs::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

.blog-views-rhs::-webkit-scrollbar-track {
   background: #fff;
    border:1px solid #ccc;
    border-radius: 4px;
}
/*.path-insights .tabs .field-content,
.tabs .views-field-field-event-date {
    border-bottom: none;
}*/

/***newsletter-new***/
.blog-views-lhs .overview-content, .blog-views-lhs .both-side-content .container-fluid {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}
.col-lg-9.blog-views-lhs {
    margin-top: 5%;
}
.col-lg-3.blog-views-rhs {
    margin-top: 5%;
}

.left-banner-cont {
    justify-content: start;
    height: 100%;
    left: 6%;
    top: 5%;
}
.font24 {
    font-size: 14px;
}
h4.font24{
  font-size: 18px;
}
.per60,
.per90 {
    width: 98%;
}
.font46 {
    font-size: 23px;
}
h3.top-btm {
    margin: 2.5vh 0 1.5vh;
}
.knowMoreButton>span a, .knowMoreButton>span a:not([href]), .knowMoreButton>span a.know-more-btn, .knowMoreButton>p a, .knowMoreButton>p a:not([href]), .knowMoreButton>p a.know-more-btn {
    font-size: 14px;
}
.org-announcement .p-1{
  border-bottom: 1px solid #ccc;
}
.org-announcement .animationButton{
  padding-bottom: 3%
}
.leaders-content.accordion-section {
    width: 100%;
    margin-left: 0;
}
.org-announcement h4.font24 {
    width: 95%;
    min-height: auto;
}
.leader-image-section {
    width: 100%;
}
.H-section .both-side-content .container-fluid {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}
.nl-cs .owl-dots {
    width: 29%;
}
.playcontent {
    width: 60%;
}
.play-image {
    width: 40%;
}
/*landing -page */
#content #block-sonata-webform-2 .form-no-label {
    width: 45%;
    margin-left: 5%;
}
}

/* 1180px media query closing here */
/*css style for iPad mini landscape*/
@media only screen and (max-width:1024px) {
  /*d&I*/
  .rightContentText {
    width: 35%;
    float: right;
    margin-top: 10%;
}
.leftContentImage {
    float: left;
    width: 61%;
}
/**/
  #navbar-main {
    padding: 0px;
  }

  img.logo.pd0 {
    width: 240px;
    margin-left: 20px;
  }

  .navbar-toggler-icon {
    width: 20px;
    height: 20px;
  }

  header#header .navbar-toggler {
    background: #fff;
    display: block;
    position: absolute;
    right: 6%;
    top: 20px;
  }

  nav#navbar-top {
    z-index: 30;
    display: none;
  }


  .region-we-mega-menu {
    display: none;
  }

  section#H1-section2 {
    display: block;
    width: 100%;
  }
  .ei-rhs .show-mobile {
    display: none;
  }

  /*careers*/
  .cr-insights-wrap .animationButton {
    position: absolute;
    right: auto;
    top: 20px;
    left: -33px;
  }

  /** Board of directors **/
  .board-members {
    min-height: 800px !important;
  }

  .members-list li h3 {
    font-size: 26px;
  }

  .members-list li .board-img {
    transform: translateX(-12%) scale(1);
    height: 68%;
    left: -110px;
  }

  @keyframes memImg1 {
    from {
      transform: translateX(7%) scale(1.2);
    }

    to {
      transform: translateX(-12%) scale(1);
    }
  }

  .members-list li:nth-child(1) .board-img {
    left: -100px;
  }

  .members-list li:nth-child(2) .board-img {
    left: -160px;
  }

  .members-list li:nth-child(3) .board-img {
    left: -120px;
  }

  .members-list li:nth-child(4) .board-img {
    left: -110px;
  }

  .members-list li.active .bio-cont {
    max-height: inherit;
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
  }

  .members-list li:hover .board-img {
    animation: memImg 0.7s ease-in-out;
    transform: translateX(7%) scale(1.2);
  }

  @keyframes memImg {
    from {
      transform: translateX(-15%) scale(1);
    }

    to {
      transform: translateX(7%) scale(1.2);
    }
  }

  .members-list li.active .member-info .board-img {
    transform: scale(1.4) translateX(53%);
    animation: activeImg 0.5s ease-in-out;
    transition: 0.5s ease-in;
  }

  @keyframes activeImg {
    from {
      transform: scale(1.4) translateX(7%);
    }

    to {
      transform: scale(1.4) translateX(53%);
    }
  }

  /** Executive leadership page **/
  .bm-img-wrap {
    width: 58vw;
  }

  .etl-lists .row-1,
  .etl-lists .row-2,
  .etl-lists .row-3 {
    margin: 5vh auto 0;
  }

  .etl-lists .views-field-nothing {
    margin-bottom: 15vh;
  }

  .etl-lists .row-3 .views-field-nothing {
    margin-bottom: 5vh;
  }

  /*homepage*/
  section#H1-section2 {
    padding: 0;
    position: relative;
  }

  .expertise-text .common-paragraph-text {
    font-size: 14px;
    padding-left: 6vw;
    margin-top: 1vh;
  }

  .newSection .common-paragraph-text {
    font-size: 20px;
    width: 100% !important;
  }

  .expertise-text .common-heading {
    width: 45vw;
    padding-left: 6vw;
    margin-top: 5vh;
  }

  .common-paragraph-text {
    width: 45vw;
  }

    border-left: 13.6vw solid rgba(255, 0, 0, 0.7);
    padding: 0;
    min-height: 35vh !important;
    position: relative;
  }

  .our-expertise .owl-theme .owl-nav {
    position: absolute;
    top: 10vh;
    width: 98%;
  }

  .client-exp {
    margin-top: 5vh;
  }

  .quote {
    top: -6vh;
  }

  .col-sm-12.icon-list {
    position: relative;
    right: 20%;
  }

  .class-rel {
    position: relative;
    top: 4vh;
    left: 14vw;
  }

  .class-abs {
    position: absolute !important;
    top: 9vh;
    left: 11vw;
  }

  .awards-carousel {
    height: 9vh;
  }

  .newsroom-inner-content {
    width: 90%;
    min-height: 5vh;
  }

  .culture-area .textArea {
    width: 32vw;
    border-radius: 30px;
    padding: 2vw 2vw;
    z-index: 40;
    top: 15vw;
    height: 17vh;
  }


  .culture-area .animationButton {
    margin-top: 0;
  }

  .overviewSection.joinSection .textArea {
    width: 35vw;
  }

  .overviewSection.joinSection .knowMoreButton {
    margin-top: 0vh;
  }

  /*expertise section*/
  .expertise-content {
    width: 50%;
    float: right;
    margin-right: 4%;
  }

  .expertise-content img.img-fluid {
    position: relative;
    margin-right: -236px;
    width: 100%;
  }
 /*scalble finance-and-operations*/
  .page-node-5026 .hover-effect-lists ul li {
    height: 20vw;
  }
  .page-node-5026 .hover-effect-lists ul li {
    width: 100%;
    padding: 20px;
  }
  .page-node-5026 .hover-effect-lists ul li{
     width: 100%;
}
/***ms-fabric***/
.thought-leadership.testimonials.ms-fabric-leadership p {
    width: 100%;
}
.thought-leadership.testimonials.ms-fabric-leadership .d-flex {
    flex-direction: column;
}
.thought-leadership.testimonials.ms-fabric-leadership .inner-content>.row {
    flex-direction: column;
}
.thought-leadership.testimonials.ms-fabric-leadership .quote-section img:first-child{
   top: 40px;
}
.thought-leadership.testimonials.ms-fabric-leadership{
   height: auto;
}
.thought-leadership.testimonials.ms-fabric-leadership .video-img img:last-child,
.thought-leadership.testimonials.ms-fabric-leadership .video-img video:last-child {
    top: 0;
}
/***vedio section***/
.msfabric-video  .com-sm-12.col-md-6.centerAlign {
    margin-top: 20vw;
    width: 45%;
}
/* ticker */
.bg-color-ticker a {
    font-size: 21px;
}
}

/*** max-width-1023px ***/
/* mobile responsive */
@media only screen and (max-width: 1023px) {
   h4{
    font-size: 25px;
  }
  .banner-text p {
    font-size: 20px;
  }
  .card-stack-wrap article ul {
    max-height: inherit;
    overflow-y: visible;
  }
  .offering-list li ul li, .offering-list li ol li,
  .offering-list li ul li span {
    font-size: 14px;
  } 
  .tab-height {
    display: block;
  }
 .overview-content h2 {
    margin-top: 5%;
  }

  .dyn-tabbed-content {
    display: block;
    margin-top: 20px;
  }
  .dyn-tabbed-content li {
    width: 100%;
    margin-bottom: 10px;
  }
  .dyn-tabbed-content li strong {
    margin: 0;
  }
  .d-tabbed-info {
    padding-top: 10px;
    width: 100%;
  }
  
  /***ms-fabric***/
  
   .msfabric-video  .com-sm-12.col-md-6.centerAlign {
    margin-top: 0px;
    width: 80%;
  }

  /***OP to OL***/
  .op-to-ol .overview-content {
    display: flex;
    width: 97%;
    margin-left: 2%;
 }
  /*haloysy*/
  .page-node-4567 section.advantages {
    margin-bottom: 0px;
  }
  /*contactUS*/
  .views-field.views-field-nothing {
    width: 100%;
    float: left;
  }

  .col-sm-4.addressSection {
    width: 50%;
  }

  .views-field.views-field-field-gmap {
    float: left;
    width: 50%;
    position: relative;
    right: 0;
  }

  #quicktabs-container-locations .views-field.views-field-field-thumbnail-image {
    right: 0;
    top: 0;
    position: relative;
    float: left;
    width: 50%;
  }
  /*homepage*/
  .insight-area .imageArea .insight-image:nth-child(even){
   margin-top: 4%;
  }

  /*fabricPage*/
  h2.displayMobile {
    display: block;
    padding: 0 9%;
  }

  h2.displayDT {
    display: none;
  }
  .rajVideo h2.displayMobile {
    display: block;
    padding: 10% 7% 0;
    font-size: 30px;
  }
  #block-sonata-new-microsoftfabricsameervideo .buttonContent {
    margin-left: 4%;
    margin-top: 20%;
}
#block-microsoftfabricrajvideo .buttonContent {
    margin-left: 4%;
    margin-top: -25%;
}
.msfabric-video.inner-carousel .owl-theme .owl-nav {
    position: absolute;
    top: auto;
    left: auto;
    right: 40%;
    bottom: 0;
}
  /* Blog page font size control */
  .blog-inside-content {
    padding: 0;
  }

  .path-comment .main-content .section {
    max-width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .blog-template-wrap p,
  .blog-template-wrap span,
  .blog-follow-icon {
    font-size: 14px;
  }

  .blog-template-wrap .addtoany_list.a2a_kit_size_32>a {
    font-size: 14px;
  }

  .blog-template-wrap .addtoany_list.a2a_kit_size_32 a>span {
    width: 20px;
    height: 20px;
  }

  .blog-template-wrap .blog-title {
    padding-left: 0;
  }

  .blog-template-wrap .time-info {
    position: static;
    padding: 0 10px;
  }

  .blog-template-wrap .blog-content-wrap {
    margin-top: 15vh;
  }

  .blog-template-wrap .blog-date,
  .blog-template-wrap .blog-time {
    font-size: 12px;
  }


  .blog-title h2.title-short {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .blog-title h3.title-long {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .blog-template-wrap h3 {
    font-size: 20px;
  }

  .blog-template-wrap h4 {
    font-size: 16px;
  }

  .blog-template-wrap li {
    font-size: 14px;
  }

  .hiring-drive-wrap h2 {
    font-size: 18px;
  }
  .hiring-drive-wrap table tr td,
  .hiring-drive-wrap table tr th,
  .hiring-drive-wrap table tr td a {
    font-size: 14px;
  }
  .hiring-drive-wrap table tr td {
    white-space: nowrap;
  }
  .empowering-women .hiring-drive-wrap table tr td,
  .focused-hiring-drive .hiring-drive-wrap table tr td,
  .career-opportunities-mexico .hiring-drive-wrap table tr td {
    white-space: normal;
  }
  /*hfs section*/
  .H1-section5 .common-outline-text {
    font-size: 50px;
  }

  .imageContent {
    position: relative;
    width: 80%;
    margin-left: 14%;
  }
  .etl-lists p {
    min-height: 40px;
  }
  .blueGradientBox {
    width: 80%;
    top: 61%;
    left: 20%;
  }

  .blueGradientBox .font40 {
    font-size: 25px !important;
  }

  .H1-section5 .col-sm-6 {
    width: 100%;
  }

  .expertise-text .knowMoreButton {
    left: 0;
  }

  .node--type-report-form-landing-page {
    overflow-x: hidden;
  }

  p{
    font-size: 17px;
  }
  li{
    font-size: 14px; 
   }
  .etl-lists .knowMoreButton a {
    font-size: 15px;
  }

  .bm-banner-wrapper {
    padding: 70px 0 0;
  }

  .bm-banner-wrapper h2 {
    position: relative;
    margin: 10% 0 10% 5%;
  }

  .path-executive-leadership .etl-wrap:before {
    display: none;
    justify-content: center;
    text-align: center;
    width: 220px;
    font-size: 6.5vw;
  }

  .etl-lists {
    margin-top: 18%;
  }

  .bm-banner-img-wrap {
    margin-top: 0;
    justify-content: center;
  }

  /*.bm-banner-img-wrap img {
    max-width: 80%;
  }*/

  .icon-hover:hover p.common-subheading {
    padding-top: 0;
  }

  /*cookies*/
  /*cookies*/
  .eu-cookie-compliance-secondary-button,
  .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-message h1,
  .eu-cookie-compliance-message h2,
  .eu-cookie-compliance-message h3,
  .eu-cookie-compliance-message p,
  button.find-more-button.eu-cookie-compliance-more-button.find-more-button-processed {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #000 !important
  }

  div#sliding-popup,
  div#sliding-popup .eu-cookie-withdraw-banner,
  .eu-cookie-withdraw-tab {
    background-color: #fff !important;

  }

  .eu-cookie-compliance-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .eu-cookie-compliance-banner div#popup-buttons {
    display: flex;
    width: 100%;
    margin: 5px auto;
  }

  /*footer */
  ul#block-sonata-new-sociallinks {
    float: left;
    margin-right: 0;
    margin-left: 3%;
    margin-top: 3%;
    width: 48%;
  }

  header#header .navbar-toggler {
    top: 15px;
  }

  div#popup-buttons {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  /*** home-page ***/
  div#main {
    overflow: hidden;
  }

  .scrolldown {
    margin-top: -10%;
  }

  .title-red {
    padding-left: 0;
    margin-left: 0;
  }

  .container-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-node-4578 .hdrArea h2.colorB,
  .page-node-4578 .banner-text p.colorB {
    color: #fff !important;
  }

  .page-node-5036 .banner-text p,
  .page-node-5026 .banner-text p {
    width: 100%;
  }
  .gray-bg-content .col-md-3.col-sm-12 {
    margin-bottom: 10px;
  }

  /*newstyles **/
  .section-spacing .col-sm-6:nth-child(2) p {
    display: block;
  }

  .section-spacing .col-sm-6:nth-child(2) p img {
    width: 100%;
  }

  .banner-content .img-fluid {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .hdrArea h2,
  .banner-text h2,
  .banner-txt-temp2 span.txt-bold {
    font-size: 50px !important;
  }

  header#header nav#navbar-top {
    display: none;
  }

  .banner-text .bannerSection {
    /*margin-top: 70vw;*/
    margin-left: 0;
  }

  .banner-text {
    width: 70% !important;
    position: absolute;
    bottom: 10%;
    top: auto;
    left: 11%;
    right: auto;
  }
  .digital-contact-centre .banner-text {
    bottom: auto;
    top: 30%;
  }
  /***program-reboot-empowering-women***/
  .empowering-women .banner-text {
    width: 45% !important;
}
  .banner-carousel .owl-nav {
    left: 50%;
    bottom: 0;
    height: auto;
   }
  .page-node-4491  .banner-text {
    left: 7%;
  }
  .page-node-4491 .hdrArea {
    width: 50%;
  }
  .section-spacing {
    padding: 5% 7%;
    display: flex;
    flex-direction: column;
  }

  nav#navbar-main {
    padding: 15px 0;
  }

  /***/
  .search-icon.search {
    right: 4rem;
    position: relative;
    top: 26px;
  }

  .page-node-15 section {
    min-height: fit-content !important;
  }

  .banner-content video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }

  .banner.inner-carousel {
    padding: 0;
    margin: 0 -15px;
  }

  .page-view-insights .banner.inner-carousel {
    padding: 0;
    margin: 0;
  }

  .page-node-15 .banner-text {
    top: 0;
    left: 0;
  }

  .page-node-15 h2.hdrText {
    font-size: 3.2rem;
    width: 75%;
    margin-left: 9%;
    font-family: 'Segoe-UI';
  }

  .page-node-15 .pointer {
    width: 30rem;
    height: 18rem;
    margin: 3% 0;
  }

  .page-node-15 .pointer:before {
    content: "";
    position: absolute;
    right: -9rem;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 9rem solid rgba(255, 0, 0, 0.5);
    border-top: 18rem solid transparent;
  }

  .page-node-15 .pointer-cont {
    font-size: 4.5rem;
    margin-left: 12%;
  }

  .page-node-15 p.hdrDesc {
    margin-top: 2%;
    font-size: 20px !important;
    width: 100%;
    margin-left: 12%;
  }

  sup {
    top: -0.5em;
    font-size: 12px;
    margin: 0 2px 0 0;
  }

  .page-node-15 .bannerSection .pointer:before {
    right: -13.52vw;

    border-top: 19vh solid transparent;
  }

  .page-node-15 .bannerSection .pointer {
    width: 86vw;
    height: 40vw;
  }
    margin: 0 auto;
  .banner .owl-dots {
    position: absolute;
    bottom: 6rem;
    margin: 0;
    width: 49%;
    left: 6px;
    right: auto;
  }

  .banner .owl-dots .owl-dot:nth-child(1) {
    transform: rotate(-45deg);
    margin-right: 20%;
  }

  .banner-text {
    width: 100%;
  }

  .page-node-15 .banner-text {
    width: 90%;
  }

 

  /*new changes for prod */
  .vcl_content h2 {
    font-size: 40px;
  }

  div#edit-privacy-policy {
    padding-top: 75px !important;
  }

  .node--type-report-form-landing-page button#edit-actions-submit {
    margin-top: 0 !important;
  }

  button#edit-actions-submit {
    margin-top: -195px !important;
  }

  #select2-edit-select-enquiry-type-container {
    padding-top: 0 !important;
  }

  .owl-carousel.owl-theme.testimonials-carousel {
    padding-bottom: 50px;
  }

  .in-the-news h2.common-outline-text {
    text-transform: uppercase;
  }

  .mm-panel_opened p,
  .mm-panel_opened span {
    font-size: 20px;
  }

  div#quicktabs-container-healthcare_payers_offerings,
  div#quicktabs-container-healthcare_providers {
    display: flex;
    height: 410px;
    overflow: hidden;
    overflow-y: scroll;
  }

  #block-quicktabshealthcarepayersofferings ul.quicktabs-tabs.list-group li,
  #block-quicktabshealthcareprovidersofferings ul.quicktabs-tabs.list-group li {
    padding: 1% 4%;
  }

  #block-quicktabshealthcarepayersofferings ul.quicktabs-tabs.list-group a.quicktabs-loaded,
  #block-quicktabshealthcareprovidersofferings ul.quicktabs-tabs.list-group a.quicktabs-loaded {
    font-size: 20px;
  }

  .title-red {
    padding-left: 0 !important;
    font-size: 16px !important;
  }

  h2.quick-tab-heading {
    font-size: 22px;
    margin-top: 7px;
    margin-left: 6%;
  }

  .col-sm-12.icon-list {
    position: relative;
    right: 0;
  }

  /*** overview-section ***/
  .overview-content {
    display: flex;
  }

  .overview .overview-content p a {
    font-size: 14px;
  }

  .overviewSection {
    display: flex;
    flex-direction: column-reverse;
    min-height: 65rem !important;
    padding: 0;
  }

  .overviewSection .textArea {
    padding: 5% 2%;
  }

  .image-content {
    width: 100%;
  }

  .overviewSection .textArea {
    width: 90%;
    right: 0;
    position: relative !important;
    left: 6vw;
    top: 0;
  }

  .common-outline-text {
    -webkit-text-stroke: 1px black;
    font-size: 40px;
  }

  .overviewSection .textArea .common-paragraph-text {
    width: 100%;
  }

  .common-paragraph-text {
    margin-top: 1.4vw;
    font-size: 16px !important;
    transform: translateY(0px);
    opacity: 1;
  }

  .common-heading {
    font-size: 40px;
    width: 100%;
    transform: translateY(0px);
    opacity: 1;
  }

  .overviewSection .common-heading {
    width: 100%;
    margin: 3% 0 3%;
  }

  /*** carousel-section ***/
  .expertise-content {
    width: 100%;
    float: left;
    margin-right: 0;
  }

  .expertise-text {
    width: 90%;
    position: relative;
    left: 5%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

  .expertise-text .common-paragraph-text {
    padding-left: 0;
    margin-top: 0;
    width: 100%;
  }

  .expertise-text {
    margin-top: -65vh;
  }

  .expertise-content {
    padding-top: 21%;
  }

  .expertise-content .common-heading {
    padding-top: 62vh;
  }

  .expertise-text .common-heading {
    padding-left: 0;
    margin-top: 0;
  }

  .our-expertise .owl-prev span,
  .our-expertise .owl-next span {
    position: relative;
    top: -5px;
  }

  section#H1-section2 {
    padding: 0;
    min-height: 89rem !important;
    position: relative;
  }

  .expertise-text button.common-outline-button {
    margin-left: 0;
    width: 24%;
    margin-top: 2vw;
    font-size: 12px;
  }

  .our-expertise .owl-prev,
  .our-expertise .owl-next {
    height: 40px !important;
    width: 40px !important;
    font-size: 14vw !important;
  }

  .our-expertise .owl-prev span,
  .our-expertise .owl-next span {
    font-size: 50px !important;
  }

  .page-node-15 .bannerSection h2.hdrText {
    font-size: 28px !important;
    width: 100%;
    line-height: 1.2;
  }

  .page-node-15 .bannerSection .pointer-cont {
    font-size: 45px;
    margin-left: 12%;
  }

  /*** videoSection ***/
  .videotext-area {
    position: relative;
    min-height: 25.5rem;
  }

  h4.subheading {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 1vh;
  }

  .videotext-area .textArea {
    top: 28vw;
    right: auto;
    left: 18vw;
    width: 81%;
  }

  .common-outline-button {
    font-size: 12px;
  }

  section#H1-section4 {
    width: 100%;
  }

  /*** genrativeAI ***/
  .harmoniVideo .video-container-sec {
    padding: 0;
  }

  .harmoniVideo .videotext-area-second .common-outline-text {
    top: 5vw;
  }

  .harmoniVideo h3.common-subheading {
    font-size: 24px;
  }

  .harmoniVideo .videotext-area-second .common-outline-text {
    top: -5vw;
  }

  .container-sec.videotext-area-second {
    margin-top: -1%;
    min-height: 60rem;
    background-color: #000;
    position: relative;
  }

  .video-container-sec {
    width: 100%;
  }

  h4.subheading {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 1vh;
  }

  .videotext-area-second .textArea {
    bottom: 0;
    top: 10vh;
    left: 17vw;
    width: 75%;
  }


  .videotext-area-second .common-paragraph-text,
  .videotext-area-second .common-heading {
    width: 100%;
    color: #fff;
  }

  /*** awardsSection ***/
  .awards-cont .common-heading {
    font-size: 24px;
    width: 90%;
  }

  .awards-cont {
    flex-direction: column;
    margin-top: 2vh;
  }

  .awards-carousel {
    height: auto;
    display: flex !important;
    justify-content: end;
    align-items: end;
  }

  .awards-carousel.owl-carousel img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .awards-cont p {
    width: 100%;
  }

  .awards-cont .common-outline-text {
    width: 60%;
  }

  .awards-carousel .owl-dots {
    display: none !important;
  }

  .awards-recognition .common-outline-text {
    width: 60%;
  }

  .awards-recognition .content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
  }

  .awards-carousel.owl-carousel img {
    width: auto;
  }

  /* newsroomSection */
  .newsroom-inner-content:first-child {
    margin: 0 auto;
  }

  .newsroom-inner-content:last-child {
    margin-bottom: 0;
    border-bottom: 0;
  }

  .insight-image .knowMoreButton {
    margin-top: 0;
  }

  /*** partnersSection ***/
  .partnersSection {
    padding: 5% 7% 0;
  }

  .header-text-black {
    font-size: 9.5vw;
    margin-top: 2vh;
  }

  .partnersSection .common-paragraph-text {
    width: 100%;
    margin-top: 2vh;
  }

  .icon-list img {
    width: 50%;
    height: auto;
    margin: 5% auto 0;
  }

  #H1-section8 .img-content {
    margin-top: 0;
  }

  .icon-list {
    display: flex;
  }

  /*** whyPartnersSection ***/
  .partner-img-content {
    position: absolute;
    left: 44%;
    width: 27%;
    top: 36%;
  }

  /**** partners section ****/
  .class-rel {
    top: -8vh;
    left: 25vw;
    width: 20vw !important;
  }

  .class-abs {
    top: -5vh;
    left: 25vw;
    width: 18vw !important;
  }

  .newSection .common-paragraph-text {
    width: 100%;
  }

  /*** InTheNewsSection ***/
  .in-the-news h2.common-outline-text {
    margin-bottom: 2vh;
    text-transform: uppercase;
    margin-left: 2vw;
  }

  .newsSectionlist {
    border-bottom: 1px solid #808080;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  section.in-the-news a {
    font-size: 4.5vw;
  }

  section.in-the-news span {
    font-size: 15px;
  }

  .newsSectionlist,
  .newsSectionCont {
    width: 100%;
  }

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

  .newsSectionCont {
    margin-left: 3%;
  }

  .newsSectionCont .newsroom-inner-content {
    font-size: 14px;
    margin: 10px auto;
  }

  .view-newsroom .animationButton {
    margin-left: 0;
  }

  /*** InsightsSections ***/
  .insight-area .imageArea {
    height: 100%;
    flex-wrap: wrap;
  }

  .insight-area .imageArea .insight-image img {
    height: 50%;
  }

  .insight-area .imageArea .insight-image .insight-text {
    font-size: 20px;
    width: 79%;
  }

  .insight-area .imageArea .insight-image {
    height: 100%;
    width: 100%;
    margin: 4% 0;
  }

  .insight-area .imageArea .insight-image:hover {
    margin-left: 10%;
  }

  .insight-area .animate-active-bottom,
  .insight-area .animate-active-top {
    transform: translateY(1vw);
  }

  /*** OurCulture ***/

  .ourpeople-area .animationButton {
    right: -1vw;
  }

  .culture-area .animationButton a,
  .culture-area .animationButton a:hover {
    color: #fff !important;
  }

  /*** EperienceAreaSection ***/
  .client-exp {
    flex-direction: column;
    margin-top: 24%;
  }

  .experiences-area .slide .imageArea {
    width: 100%;
    margin-top: -12%;
  }

  .experiences-area .slide .imageArea .quote {
    height: 9vw;
    left: -16vw;
    top: 25px;
  }

  .experiences-area .slide .imageArea .path {
    height: auto;
    z-index: 5;
    top: 5vw;
    animation: opacityAnimate 1s linear;
    animation-delay: 1s;
    width: auto;
  }

  .experiences-area .slide .imageArea .img-client {
    margin-top: -263px;
    width: auto;
  }

  .experiences-area .slide .textArea {
    margin-top: -162%;
    width: 99%;
  }

  .experiences-area .slide .textArea p {
    width: 100%;
    padding-top: 65vh;
    font-size: 3.5vw;
  }

  .experiences-area .owl-dots {
    left: 60vw;
  }

  .experiences-area .owl-dots {
    bottom: 15rem;
    width: 50%;
  }

  .experiences-area .owl-dots .owl-dot:nth-child(1) {
    transform: rotate(-45deg);
    margin-right: 27%;
  }

  .experiences-area li:first-child,
  .experiences-area li {
    font-size: 3.5vw;
    margin-top: 1vh;
  }

  /*** joinSection ***/
  .joinSection {
    display: flex;
    flex-direction: column-reverse;
    min-height: auto;
    padding: 0;
  }

  .joinSection .textArea {
    width: 100%;
    right: 0;
    position: relative !important;
    left: 6vw;
    top: 7vw;
  }

  /*** ourCulture ***/
  .culture-area .imageArea {
    height: auto;
    width: 100%;
    position: relative;
  }

  .culture-area .textArea {
    width: 40%;
    left: 7vw;
    bottom: auto;
    background: rgba(246, 25, 25, 0.8);
    border-radius: 30px;
    transition: bottom 1s linear;
    z-index: 40;
    top: 4vw;
    height: 70%;
    margin: 0 auto;
    padding: 2vw 2vw;
  }

  .culture-area .animationButton {
    margin-top: 0;
  }

  .culture-area .imageArea .trek {
    height: 50%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    position: absolute;
    right: 0;
    z-index: 40;
    bottom: 0;
  }

  /*** ourPeopleSection ***/
  .ourpeople-area {
    padding: 0% 4% 0;
  }

  .ourpeople-area .textArea {
    width: 100%;
    justify-content: unset;
    align-items: unset;
    margin-top: 5vh;
  }

  .ourpeople-area .common-heading {
    width: 100%;
  }

  .ourpeople-area .textArea .common-paragraph-text {
    width: 100%;
    right: 0;
  }

  .ourpeople-area .textArea .common-outline-button {
    right: 0;
    width: 40%;
  }

  .ourpeople-area .imageArea {
    height: 50vh;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-top: 5vh;
  }

  .ourpeople-area {
    flex-direction: column;
  }

  /* joinsonata */
  .overviewSection.joinSection .textArea .common-paragraph-text {
    width: 100%;
  }

  .overviewSection.joinSection .textArea {
    width: 90vw;
  }

  .featured-bottom .vcl_content p {
    font-size: 40px !important;
  }

  .featured-bottom .vcl_content p+p,
  a.schedule-meeting,
  .featured-bottom .form-control,
  #select2-edit-select-enquiry-type-container {
    font-size: 14px !important;
  }

  a.schedule-meeting {
    padding: 10px;
  }

  /*** end-styles ***/

  .page-node-4169 .banner-text {
    top: auto;
  }

  .page-node-4169 p.hdrDesc {
    font-size: 5.8vw !important;
  }

  .page-node-4169 .pointer-cont {
    font-size: 10vw;
    width: 90%;
  }

  .page-node-4169 h2.hdrText {
    font-size: 7.2vw !important;
    width: 70%;
  }

  .leadership-spot-content {
    display: flex;
    flex-direction: column;
  }

  .leadership-spot-content h4 {
    font-size: 26px;
  }

  section.thought-leadership-spotlight {
    top: 0;
    padding: 5% 5%;
  }


  /** L1 page stacked cards **/
  .platform-carousel .item .img-shade,
  .platform-carousel .item .carousel-content {
    visibility: visible;
    opacity: 1;
    border-radius: 23% 0;
  }

  .platform-carousel.owl-carousel .owl-item img {
    display: block;
    width: 100%;
  }
    height: auto;
    max-width: inherit;
  }

  .platform-carousel.owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
  }

  .platform-carousel .item .carousel-content h4 {
    font-size: 18px;
  }

  /** Overview stacked cards section **/
  .card-stack-wrap {
    margin-top: 20px;
  }
  .card-stack-wrap article .row {
    margin-left: 0;
    margin-right: 0;
  }

  .card-stack-wrap article {
    padding: 20px;
    min-height: auto;
    border-radius: 16px;
  }

  .card-stack-wrap article h2 {
    font-size: 24px;
  }

  .card-stack-wrap article p,
  .card-stack-wrap article ul li {
    font-size: 14px;
  }

  .card-stack-wrap .stack-card {
    min-height: auto;
    margin-bottom: 20px;
  }

  .card-stack-wrap .stack-card h3,
  .card-stack-wrap .stack-card h4 {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .card-stack-wrap article [class*="col-"] {
    width: 100%;
  }

  .card-stack-wrap article .col-lg-6:last-child {
    display: none;
  }

  section.overview {
    padding-left: 15px;
    padding-right: 15px;
  }

  .overview-content h3 {
    font-size: 26px;
    margin-top: 20px;
  }

  .cr-overview-info {
    width: 260px;
    left: 20px;
  }

  .cr-overview-info h3 {
    font-size: 26px;
  }

  /** Offerings section **/
  .hover-effect-lists .row {
    padding: 0 10px;
  }

  .hover-effect-lists ul li>span {
    width: 10%;
  }

  .hover-effect-lists ul li {
    width: 85vw;
  }

  .offerings .container-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .offerings .row {
    margin: 0 auto;
  }

  .offerings .title-red {
    padding-left: 0 !important;
  }

  .offering-list {
    border-radius: 10px;
    border: 0;
  }

  .offering-list>li,
  .offering-list li .left-section {
    overflow: visible;
    list-style: none;
    height: auto;
    ;
    padding: 0;
  }

  .offering-list li h3 {
    font-size: 4.2vw;
  }

  .offerings [class*="col-"] {
    padding: 0;
  }

  .offerings>.container-wrap>.row>.col-md-5 {
    width: 100%;
  }

  .advantages .adv-card ul {
    padding-left: 20px;
  }

  .offering-list li:first-child picture img {
    border-radius: 10px 0 0 0;
  }

  .offering-list li picture {
    max-height: inherit;
    height: 100%;
  }

  .offering-list li .knowMoreButton>span a {
    color: #fff;
  }

  .offering-list li picture img {
    max-width: 100%;
    width: 100%;
    border-radius: 0;
  }
  .offering-list li:last-child picture img {
    border-radius: 0 0 0 10px;
  }

  .offering-list li .summary-content {
    display: none;
  }
  .offering-list li:hover .actual-content {
    padding-right: 0;
  }

  .offering-list li .actual-content {
    position: static;
    padding: 0;
    display: block;
    visibility: visible;
    opacity: 1;
    max-height: inherit; 
    overflow: visible;
  }
  
  .page-node-4534 .offering-list li .actual-content {
    max-height: inherit;
  }

  .offerings {
    padding-bottom: 30px;
  }

  .offerings h2,
  .overview-content h2,
  .addtl-sec-carousel-wrap h3 {
    font-size: 30px;
  }

 .addtl-sec-carousel-wrap h3{
   font-size: 20px;
  }

  .platform-carousel {
    padding-left: 0;
  }

  .badge-carousel .width40 {
    width: 64vw;
  }
 
  .card-tit p strong,
  .card-tit h2 {
    font-size: 26px !important;
    margin-left: 20px !important;
  }

.page-node-4567 .card-tit h2 {
    font-size: 26px !important;
    margin-left: 20px !important;
}

  .card-tit p {
    margin-left: 15px !important;
  }

  .offering-list .cont-info,
  .offering-list li p,
  .offering-list li ul li {
    font-size: 14px;
  }

  .offering-list>li:first-child,
  .offering-list>li:first-child picture {
    border-radius: 10px 10px 0 0;
  }

  .offering-list>li:last-child {
    border-radius: 0 0 10px 10px;
    border-bottom: 1px solid #707070;
  }

  .offering-list li .left-section {
    position: static;
  }

  .offering-list>li {
    padding: 0;
    margin-bottom: 0;
    border: 1px solid #707070;
    border-bottom: 0;
    border-radius: 0;
    margin-left: 0;
  }

  .offering-list>li .row {
    margin: 0;
  }

  .offering-list li:hover {
    background: #fff;
    color: #000;
  }

  .offering-list li figure {
    display: block;
    position: static;
    background: none;
    height: auto;
    transform: none;
    margin: 0;
  }

  .offering-list li:hover .more-content {
    padding-right: 0;
  }

  .offering-list li .more-content .summary-remainder {
    display: inline;
    font-size: 14px;
  }

  .offering-list li figure img {
    transform: none;
    max-width: 50%;
    top: 0;
  }

  .offering-list li .offer-list-info {
    padding: 15px;
  }

  .offering-list li .off-know-more {
    display: none;
  }

  .offering-list li .cta-section {
    bottom: auto;
    top: 0;
    right: 0;
    position: static;
    display: none;
    text-align: left;
  }

  .offering-list li .num-more {
    position: absolute;
    bottom: 15px;
    right: 15px;
  }

  .offerings a.read-more {
    display: none;
  }

  .offering-list li .read-more i {
    transform: rotate(-90deg);
  }

  .offering-list li .read-more {
    visibility: visible;
    margin: 0;
  }

  .offering-list li:hover .num-more {
    visibility: visible;
  }

  /* cards */
  .card-stacking .animationButton {
    width: 83% !important;
  }

  /** Advantages section **/
  .advantages {
    height: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
.page-node-4360 .advantages, .page-node-5002 .advantages{
    margin-bottom: 0px;
  }

  .advantages h2 {
    font-size: 30px;
  }

  .advantages .adv-title {
    position: sticky !important;
    padding-top: 20px;
  }

  .advantages .adv-card {
    width: 260px;
    max-width: 260px;
    position: static;
    margin: 20px 0;
    box-sizing: content-box;
  }

  .advantages .adv-card h4 {
    font-size: 18px;
  }

  .advantages .adv-card p,
  .advantages .adv-card li {
    font-size: 14px;
  }

  /** Our partners section **/
  .our-partners [class*="col-"] {
    width: 100%;
    text-align: center;
  }

  .our-partners .container-wrap h2 {
    padding: 50px 0 30px;
  }

  .our-partners .container-wrap figure {
    height: auto;
  }

  .our-partners .container-wrap img {
    position: static;
    transform: none;
    display: block;
    margin: 0 auto;
    max-width: 40%;
  }

  /** Industries section **/
  .industries .nav-wrap {
    display: none;
  }

  [id*="industries-"] {
    position: relative;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    border-radius: 0;
    min-height: auto !important;
  }

  [id*="industries-"] picture {
    min-height: 50vh;
  }

  [id*="industries"] img {
    position: static;
    width: 100%;
    min-height: auto;
  }

  .industries-wrap ul {
    padding-left: 25px;
  }

  .industries-wrap ul li {
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
  }

  .industries:before {
    content: 'Industries';
    color: #ff0000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 20px;
  }

  .industries-wrap {
    padding-top: 15px;
  }

  .industries-wrap .container-wrap {
    position: absolute;
    bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 30%;
    height: auto;
    top: auto;
}

[id*="industries-"] h2, 
[id*="industries-"] .industry-paragraph-wrap, 
[id*="industries-"] ul, 
[id*="industries-"] ol {
  position: static;
}



  [id*="industries-"] h2 {
    font-size: 24px;
    font-weight: 600;
    position: static;
    margin-bottom: 20px;
    color: #fff;
    width: 100% !important;
  }

  [id*="industries-"] .industry-paragraph-wrap {
    font-size: 12px;
    width: 100% !important;
    position: static;
  }

  /** Case studies section **/
  .case-studies-wrap {
    min-height: 600px;
  }

  .case-studies-wrap [class*="col-"] {
    width: 100%;
  }

  .case-studies-wrap [class*="offset-"] {
    margin: 0;
  }

  .case-studies-wrap .cs-title {
    transform: none;
    position: absolute;
    left: 15px;
    top: 10px;
    margin: 0;
    font-size: 14px;
  }

  .case-studies-wrap .cs-stacked-cards {
    padding-left: 0;
  }

  .case-studies-wrap .cs-stacked-cards .cs-card-element {
    width: 335px;
    margin-left: -30px;
  }

  .case-studies-wrap,
  .case-studies-wrap .cs-stacked-cards {
    min-height: 85vh;
  }
  .case-studies-wrap .cs-stacked-cards {
    margin-left: 0;
  }

  .case-studies-wrap .cs-stacked-cards .cards-wrap {
    display: block;
    width: 300px;
    margin: 0 auto;
  }

  .case-studies-wrap .elementor-widget-container h3 {
    font-size: 16px;
    margin: 10px 0;
  }

  .case-studies-wrap .elementor-widget-container p {
    font-size: 11px;
    margin-bottom: 10px;
  }

  .slideroptima .thought-leadership.testimonials {
    height: auto;
  }
  .slideroptima .thought-leadership.testimonials p{
   margin: 0!important;
  }
  .slideroptima .thought-leadership h2 {
    font-size: 24px;
    margin-left: 0;
 }
  .case-studies-wrap .cs-arrow-wrap {
    left: 0;
    right: 0;
    width: 80px;
    margin: 0 auto;
  }

  /** Testmonials section **/
  .testimonials [class*="col-"] {
    width: 100%;
  }

  .thought-leadership.testimonials {
    padding-top: 40px;
    margin-top: 30px;
     height: 43vh;
  }
.page-node-4360 .thought-leadership.testimonials {
    padding-top: 40px;
    margin-top: 30px;
    height:25vh !important;
  }

  .thought-leadership .inner-content {
    position: static;
    top: 0;
    transform: none;
  }

  .thought-leadership.testimonials .inner-content>.row {
    flex-direction: column-reverse;
  }

  .thought-leadership.testimonials img:first-child {
    left: auto;
    right: 50px;
    bottom: -150px;
    max-width: 12%;
  }

  .thought-leadership.testimonials img:last-child {
    max-width: 22%;
    position: absolute;
    right: 0;
    top: 0;
  }

  .thought-leadership.testimonials .tm-animation-wrap {
    position: absolute;
    top: -40%;
    right: 0;
    transform: scale(0.7);
  }

  .thought-leadership.testimonials.image-fadein img:first-child {
    left: auto;
    right: 50px;
  }

  .thought-leadership.testimonials.image-fadein img:last-child {
    margin-right: 0;
  }

  .thought-leadership.testimonials .owl-nav {
    top: -55px;
  }

  /* owl dots fix */
  .testimonials-carousel .owl-nav {
    bottom: 0;
  }

  .vertical-carousal-wrap {
    padding-top: 20px;
  }

  .vertical-carousal li {
    padding-top: 50px;
  }

  /*** header ***/
  div#block-secondarynavigation {
    display: none;
  }

  .region-we-mega-menu {
    display: none;
  }

  svg.svg-inline--fa.fa-search.fa-w-16 {
    display: none;
  }

  .collapse:not(.show) {
    display: block;
    box-shadow: none;
  }

  .col-sm-2.col-xs-8.logo {
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 40;
  }

  .col-sm-10.col-xs-4.pd0.menu-list {
    display: none;
  }

  .navbar-form:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background: #fff;
    right: -15px;
    position: absolute;
    top: 5px;
    left: 0;

  }

  .navbar-form {
    padding: 5px 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    width: 30px;
  }

  .videotext-area .textArea {
    top: 5%;
  }

  /* aboutUs */
  .container-sec.headerSection {
    flex-direction: column-reverse !important;
  }

  .aboutUs .headerSection .common-paragraph-text {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
  }

  .abooutUsSection h2.common-heading {
    color: #ff0000;
  }

  .textArea.width70,
  .textArea.width80,
  .width50,
  .ImageArea.width50 {
    width: 100%;
  }

  .platformationSection .common-subheading {
    width: 100%;
    font-weight: 600;
    margin-top: 2vh;
  }

  .aboutUs .common-subheading {
    font-size: 20px;
  }


  .textArea.width50.rhs {
    left: 0;
  }

  .banner-bg-gradient {
    top: 98px;
  }

  .icon-hover {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
  }

  .allianceSection .animationButton {
    width: 196px;
    margin-bottom: 5vh;
  }

  /*.icon-hover:hover .circle {
    transform: inherit;
    height: 95px;
    width: 95px;
    margin-bottom: 0;
    position: relative;
    right: 0;
  }

  .icon-hover:hover .icon {
    top: -5vw;
  }

  .icon-hover:hover svg.colorWhite {
    fill: #000;
  }*/

 .icon-hover .icon {
    top: -20px;
    left: 20px;
 }
  svg.colorWhite {
    width: 80%;
  }

  .allianceSection .row:last-child {
    margin-top: 0 !important;
  }

  li.borderblue,
  li.borderGreen {
    margin-left: 0;
  }

  /** Board of directors **/
  .path-board-of-directors .bm-banner .container-wrap {
    min-height: 700px;
  }

  .bm-banner h2 {
    font-size: 40px;
    position: absolute;
    margin-top: 40%;
  }

  .path-board-of-directors .bm-banner .v-center {
    flex-direction: column;
    height: auto;
  }

  .bm-banner .container-wrap .v-center .col-md-5 {
    width: 100%;
  }

  .bm-banner .bm-img-wrap {
    top: auto;
    width: 90vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .board-members {
    position: static;
  }

  .board-members-wrap [class*="col-"] {
    width: 100%;
  }

  .board-members .members-list {
    display: block;
    position: relative;
    margin-bottom: 0;
  }

  .board-members .members-list li {
    width: 100%;
    margin-left: 0;
  }

  .members-list li .mem-designation {
    min-height: auto;
  }

  .members-list li h3 {
    font-size: 26px;
    position: absolute;
    top: 20px;
    left: 20px;
  }

  .members-list li .visible-on-hover {
    visibility: visible;
    opacity: 1;
    transition: none;
    display: block;
    position: static;
    padding-left: 20px;
  }

  .members-list li .member-info {
    height: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 60px 0 0;
  }

  .members-list li .visible-on-hover .animationButton {
    display: none;
  }

  .members-list li .bio-cont {
    background: #313131;
    padding: 20px 20px 50px;
    margin: 0;
    z-index: 9;
    display: none;
  }
  
  .members-list li.active .mem-close {
    display: none;
  }

  .members-list li.active .bio-cont {
     display: block;
  }

  .members-list li .animationButton {
    position: static;
    margin: 20px 0;
    visibility: visible;
    text-align: center;
  }

  .members-list li.active .animationButton {
    display: none;
  }

  .members-list li p {
    width: 100%;
    opacity: 1;
    line-height: 1.6;
    font-size: 14px;
  }

  .members-list li p.con-linkedit {
    position: absolute;
    bottom: 10px;
  }

  .members-list li h3.mem-title {
    display: none;
  }

  .members-list li h3.hov-mem-title {
    display: block;
    visibility: visible;
    opacity: 1;
    margin-top: 0;
  }

  .board-members .members-list li.active {
    position: relative;
    height: auto;
    transition: 0.7s ease-in;
    animation: none;
  }

  .board-members .members-list li .board-img {
    transition: none;
    position: static;
    margin: 0 auto;
    height: 50vh;
    width: 100%;
    transform: none;
    animation: none;
    object-fit: cover;
    object-position: top;
  }

  .board-members .members-list li.active .board-img {
    transform: none;
    animation: none;
  }

  .board-members .members-list li:hover img,
  .board-members .members-list li.active img {
    transform: none;
    animation: none;
  }

  /* insights */
  .page-view-insights .views-row,
  .page-view-insights-case-study .views-row {
    width: 100%;
    margin: 0;
    padding: 2% 13%;
  }

  .tit-txt {
    font-size: 18px !important;
    line-height: 1.5;
  }

  .blog-views-wrap .views-row {
    padding: 20px 0;
  }

  .blog-views-wrap .views-row:first-child {
    padding-top: 20px;
  }

  .blog-views-wrap .view-rhs-list .views-row:first-child {
    padding-top: 0;
  }

  .blog-views-wrap > .row {
    flex-direction: column-reverse;
  }

  .page-view-insights .view-filters,
  .page-view-insights-case-study .views-filters {
    display: flex;
    flex-direction: column;
  }

  .view-filters svg {
    height: 5.5vw;
    margin-top: 0;
    position: absolute;
    left: 7%;
  }

  .path-insights .view-filters span.glyphicon {
    margin: 0;
    position: absolute;
    left: 14%;
    top: 8%;
  }

  .page-view-insights .d-flex.flex-wrap,
  .page-view-insights-case-study .d-flex.flex-wrap {
    margin-top: 7%;
    margin-left: 2%;
  }

  .page-view-insights-case-study .view-filters span.glyphicon {
    margin: 0;
    position: absolute;
    left: 15%;
    top: 12%;
  }

  .page-view-insights-case-study .view-filters svg {
    height: 5.5vw;
    margin-top: 0;
    position: absolute;
    left: 7%;
    top: 12%;
  }

  .page-node-4250 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_0.jpg);
  }

  .page-node-4309 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_7.jpg);
  }

  .page-node-4312 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage_14.jpg);
  }

  .page-node-4567 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_10.jpg);
  }

  .page-node-4360 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_13.jpg);
  }

  .page-node-4545 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_8.jpg);
  }

  .page-node-4557 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_9.jpg);
  }

  .page-node-4170 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_1.jpg);
  }

  .page-node-4204 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage.jpg);
  }

  .page-node-4270 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage_6.jpg);
  }

  .page-node-4285 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage_8.jpg);
  }

  .page-node-4603 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_2.jpg);
  }

  .page-node-4349 .advantages,
  .page-node-5078 .advantages  {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_3.jpg);
  }

  .page-node-4294 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage_9.jpg);
  }

  .page-node-4905 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_7.jpg);
  }

  .isv-new .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage-mb.webp);
  }
  .devops .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages-mobile.webp);
 }
  /*mobile changes */
  .our-expertise h2.common-outline-text {
    left: 7%;
    position: absolute;
    top: 4vw;
  }

  .testimonials h3 {
    font-size: 5.5vw !important;
  }

  .client-exp {
    flex-direction: column;
    margin-top: 15%;
  }

  .experiences-area .slide .textArea {
    margin-top: 0;
    width: 99%;
  }

  .testimonials-carousel button.owl-prev,
  .testimonials-carousel button.owl-next {
    font-size: 9vw !important;
  }

  .quote {
    width: 18vw;
    position: relative;
    top: -16vh;
    z-index: 9999;
    height: 4vh;
    left: 0;
    padding-top: 9px;
  }

  .testimonials-carousel .owl-nav {
    top: -1vh;
    left: 25vw;
  }

  .experiences-area .slide .textArea p {
    width: 100%;
    padding-top: 0;
  }

  .newsroom-inner-content {
    min-height: 50px;
  }

  .expertise-content .img-fluid {
    max-width: 100%;
    height: 100%;
    width: auto;
    margin: 0 auto !important;
    left: 18vw;

  .insight-image .animationButton {
    margin-top: 0vh;
  }

  .newSection h5 {
    font-weight: bolder;
    font-size: 14px;
    margin-top: 1.5vw;
  }

  .harmoniVideo h4 {
    font-size: 24px;
  }

  .insight-area {
    margin-top: 5vh;
  }

  .expertise-content img {
    width: 50vw !important;
    margin: 0 auto;
  }

  .our-expertise .owl-theme .owl-nav {
    position: absolute;
    top: 27vh;
    width: 98%;
  }

  .container-sec .shadegreen {
    box-shadow: 0 0 500px 10px rgb(23, 153, 185);
  }

  .container-sec .shadered {
    box-shadow: 0 0 500px 10px red;
  }

  .page-node-15 h3 {
    font-size: 40px;
  }

  video.video-sec {
    min-height: 60vh;
    object-fit: cover;
  }

  section#H1-section4 {
    margin: 0;
  }

  section#H1-section4 .container-fluid {
    padding: 0;
  }

  .harmoniVideo .video-sec {
    opacity: 0.7;
  }

  .videotext-area-second .knowMoreButton .circle {
    border: 0;
  }

  .videotext-area .textArea .common-paragraph-text {
    width: 87%;
  }

  ul#block-aboutusfootermenu-2 li.menu-item {
    padding: 0 0 0 8vw;
  }

  #H1-section4 h4.subheading {
    width: 90%;
  }

  /** tabs **/
  div#quicktabs-healthcare_payers_offerings,
  div#quicktabs-healthcare_providers {
    flex-direction: column;
  }

  #block-quicktabshealthcarepayersofferings .item-list,
  #block-quicktabshealthcareprovidersofferings .item-lsit {
    width: 100%;
  }

  #block-quicktabshealthcarepayersofferings ul.quicktabs-tabs.list-group a.quicktabs-loaded,
  #block-quicktabshealthcareprovidersofferings ul.quicktabs-tabs.list-group a.quicktabs-loaded {

    font-size: 22px;
  }

  #block-quicktabshealthcarepayersofferings h4,
  div#block-quicktabshealthcareprovidersofferings h4 {
    font-size: 20px;
  }

  #quicktabs-container-healthcare_payers_offerings p,
  #quicktabs-container-healthcare_providers p {
    margin-bottom: 2vh;
  }

  #quicktabs-container-healthcare_payers_offerings li,
  #quicktabs-container-healthcare_providers li {
    list-style: none;
    font-size: 14px;
    line-height: 1.8;
  }

  #block-quicktabshealthcarepayersofferings ul.quicktabs-tabs.list-group,
  #block-quicktabshealthcareprovidersofferings ul.quicktabs-tabs.list-group {
    display: flex;
    width: 100%;
  }

  .title-cont {
    margin-top: 6vh;
  }

  /*HFS Section*/
  .H1-section5 .knowMoreButton .circle,
  .H1-section5 .knowMoreButton:hover .circle,
  .rajVideo .knowMoreButton .circle,
  .rajVideo .knowMoreButton:hover .circle {
    background: none;
    border: 1px solid #606060;
    width: 28px;
    border-radius: 25px;
  }

  .H1-section5 .knowMoreButton>span a,
  .H1-section5 .knowMoreButton:hover>span a,
  .H1-section5 .knowMoreButton>span a:not([href]),
  .H1-section5 .knowMoreButton:hover>span a:not([href]),
  .H1-section5 .knowMoreButton>span a.know-more-btn,
  .H1-section5 .knowMoreButton:hover>span a.know-more-btn,
  .rajVideo .knowMoreButton>span a,
  .rajVideo .knowMoreButton:hover>span a,
  .rajVideo .knowMoreButton>span a:not([href]),
  .rajVideo .knowMoreButton:hover>span a:not([href]),
  .rajVideo .knowMoreButton>span a.know-more-btn,
  .rajVideo .knowMoreButton:hover>span a.know-more-btn,
  .H1-section5 .knowMoreButton>p a,
  .H1-section5 .knowMoreButton:hover>p a,
  .H1-section5 .knowMoreButton>p a:not([href]),
  .H1-section5 .knowMoreButton:hover>p a:not([href]),
  .H1-section5 .knowMoreButton>p a.know-more-btn,
  .H1-section5 .knowMoreButton:hover>p a.know-more-btn,
  .rajVideo .knowMoreButton>p a,
  .rajVideo .knowMoreButton:hover>p a,
  .rajVideo .knowMoreButton>p a:not([href]),
  .rajVideo .knowMoreButton:hover>p a:not([href]),
  .rajVideo .knowMoreButton>p a.know-more-btn,
  .rajVideo .knowMoreButton:hover>p a.know-more-btn{
    color: #ff0000;
    text-decoration: none;
  }

  .H1-section5 .knowMoreButton>span, 
  .H1-section5 .knowMoreButton:hover>span, 
  .rajVideo .knowMoreButton>span, 
  .rajVideo .knowMoreButton:hover>span, 
  .H1-section5 .knowMoreButton>p, 
  .H1-section5 .knowMoreButton:hover>p, 
  .rajVideo .knowMoreButton>p, 
  .rajVideo .knowMoreButton:hover>p {
    transform: none;
  }

  .H1-section5 .knowMoreButton .circle .icon,
  .H1-section5 .knowMoreButton:hover .circle .icon,
  .rajVideo .knowMoreButton .circle .icon,
  .rajvideo .knowMoreButton:hover .circle .icon {
    color: #606060;
    left: 0;
  }

  .circle.playbtn svg.svg-icon path {
    fill: #606060;
  }

  .circle.playbtn svg.svg-icon {
    margin-left: 3px;
    margin-top: 3px;
  }

  .circle.rotate span.icon {
    margin-top: 0;
  }

  section.H1-section5 {
    padding: 3% 5%;
    margin-top: 8%;
  }

  .blueGradientBox .fontSize15 {
    font-size: 15px !important;
  }

  /*RajVideoSection*/
  h2,
  h3,
  p {
    margin-bottom: 1.5vh;
  }

  .rajVideo .com-sm-12.col-md-6 {
    width: 100%;
  }

  .rajVideo .blueGradientBox .font40 {
    font-size: 30px !important;
  }

  .rajVideo .blueGradientBox .fontSize15 {
    font-size: 15px !important;
  }

  .rajVideo .imageContent img {
    width: auto;
  }

  .rajVideo .imageContent .blueGradientBox img {
    width: 40px;
  }

  .rajVideo .centerAlign {
    padding: 5% 7%;
  }

  /*homepage-alignemnts*/
  .page-node-15 #H1-section4 .width40 .knowMoreButton {
    top: 0;
  }
  /***sustainablity-button-changes***/
.page-node-1820 .knowMoreButton {
    display: inline-block;
    padding: 5px 20px 5px 75px;
    background: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    width: auto;
}
.page-node-1820 .knowMoreButton .circle {
    height: 28px;
    width: 28px;
    border-radius: 25px;
    border: 1px solid #606060;
    display: inline-block;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in;
    line-height: 30px;
    background: transparent;
}
.page-node-1820 .knowMoreButton .circle .icon {
    left: 0;
    position: absolute;
    height: 14px;
    margin-left: 11px;
    font-size: 30px !important;
    transition: 0.3s ease-in;
    color: #606060;
    top: -4px;
}
.page-node-1820 .knowMoreButton>span a,
.page-node-1820 .knowMoreButton>span a:not([href]),
.page-node-1820 .knowMoreButton>span a.know-more-btn {
    color: #ff0000;
    font-size: 18px;
    text-decoration: none;
    height: 26px;
    line-height: 26px;
    display: block;
    font-weight: 600;
}
.page-node-1820 .knowMoreButton:hover .circle {
    height: 28px;
    width: 28px;
    border-radius: 25px;
    border: 1px solid #606060;
    display: inline-block;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in;
    line-height: 30px;
    background: transparent;
}
.page-node-1820 .knowMoreButton:hover .circle .icon {
    color: #606060;
    left: 0;
}
}
@media only screen and (max-width:912px) {
   #leavePageModal .modal-dialog {
    max-width: 65%;
  }
  .ei-content {
    padding-left: 40px;
    padding-right: 40px;
  }
  .ei-content h2 {
    font-size: 24px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .ei-content h4 {
   font-size: 15px;
   margin: 15px 0;
   line-height: 18px;
  }
  .ei-content p {
    font-size: 15px;
  }
  .ei-content #edit-bottom-text p {
    font-size: 10px;
  }
  #leavePageModalBody .row {
    flex-direction: column-reverse;
  }
  .ei-rhs .show-desktop {
    display: none;
  }
  .ei-rhs .show-mobile {
    display: block;
  }
  .ei-content  button#edit-actions-submit {
    margin-top: 0!important;
    font-size: 14px;
  }
  .ei-rhs {
    background: #d12533;
    border-radius: 17px 17px 0 0;
  }
}
@media only screen and (max-width: 767px) {
#servicearea{margin-bottom:30px;}
.page-node-10 #servicearea .ui-accordion .ui-accordion-content {
    padding: 1em 0.5em;
    border-top: 0;
    overflow: auto;
}
 .page-node-10 #servicearea .block-views.block-views-blockresources-block-1 {
            padding: 9% 6% 0;
        }
#servicearea .ui-icon-triangle-1-s, #servicearea .ui-icon-triangle-1-e { display:none;}
    .modal-dialog {
        max-width: 97vw !important;
        width: 100% !important;
    }
  .blog-views-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
  .offering-list li:first-child picture img {
    border-radius: 10px 10px 0 0;
  }
  #leavePageModal {
    padding-top: 20px;
  }
  #leavePageModal .modal-dialog {
    max-width: 90%;
  }
  .content-swap .container-fluid {
    flex-direction: column-reverse;
    display: flex;
  }
  .bg-content-platformation {
    width: auto;
  }
   .bg-content-platformation ul {
     padding-left: 20px;
  }
  .page-node-3567 .section-spacing {
    padding: 0;
  }
  .ai-face-wrap .bg-content-platformation.platformation-content {
    left: 20px;
  }
  .ai-face-wrap .ai-face-img {
   display: none;
  }
  .circle-info .col-sm-12 {
    display: block;
  }
  .circle-info .col-sm-12 > div {
    width: 100%;
    margin-bottom: 15px;
  }
  .v-middle-sec .overview-video,
  .page-node-4578 .overview-content,
  .section-spacing,
  .overview-content {
    display: block;
  }
  /*modal-popup*/
  #js-modal-page-show-modal.modal.show .modal-dialog{
    width: 90%;
    margin: 0 auto;
  }
  /*blog*/
  .page-node-4831 .blog-inside-content ol,
  .page-node-4831 .blog-inside-content ul {
    padding-left: 7%;
  }
  .app-services-list h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  /*insights*/
  .path-insights .pager li>a.button, .path-insights .pager li>span {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
  }
  .page-view-insights-case-study .view-filters svg{
     left: 0;
   }
   .page-view-insights-case-study .view-filters span.glyphicon{
     left: 7%;
   }
  .banner-text .colorB {
    color: #fff !important;
  }

  .page-node-4285 .banner-text .colorB {
    color: #000 !important;
  }

/*case studie page*/
p.retail-cs-spec-head span {
    display: block;
    font-size: 21px;
    padding-bottom: 6%;
}
.retail-cs-banner .retail-cs-banner-text {
    width: 90%;
    top: auto;
    left: 1%;
    bottom: 4%;
    padding: 2% 0;
}
/*1section*/
.first-cs-rtimg,
.first-section-cs {
    width: 100%;
}
.pbm-cs-mnhd h3{
  font-size: 26px;
}
div#key-drivers .container-fluid {
    background: #f1f2f2;
    display: flex;
    flex-direction: column-reverse;
}
.cs-pblm-lftcnt.left {
    width: 100%;
}
.cs-pblm-rttcnt {
    width: 100%;
    padding: 0 5%;
}
#abt-client .container-fluid {
    display: flex;
    flex-direction: column-reverse;
}
.pbm-cs-mnhd h3 span,
.cs-prsnsol-lf h3.main-tit span {
    font-size: 26px;
}
.first-section-cs {
    margin-top: 1%;
}
.pbm-cs-mnhd h3 {
    padding-bottom: 0;
}
.cs-pblm-lftcnt.left,
.cs-pblm-rttcnt{
  width: 100%;
}
/*2section*/
.cs-prsnsol-lf {
    float: left;
    width: 100%;
}
#problem-solutions .cs-prsnsol-rt {
    float: right;
    width: 100%;
    margin-top: 0;
    padding-left: 0;
}
/*3section*/
div#outcomes {
    background: url(/themes/custom/dynamics/images/hoya-cs-benefits.webp);
    width: 100%;
    background-position: unset;
}
.cs-sonat-edge {
    width: 100%;
}
  /*dandi*/
.page-node-4491 .quote{
  width: 50px;
}
.page-node-4491 .banner-text {
    top: auto;
    bottom: 20%;
}
.page-node-4491 .banner-text{
  left: 11%;
}
  /*insights-Blogs*/
  .view-filters svg{
   left: 0;
  }
  .path-insights .view-filters span.glyphicon {
    left: 7%;
    top: 0;
 }
  /*alliance*/
  .allianceSection p.common-subheading {
    margin-top: 0 !important;
  }
  /*aboutUs*/
  .aboutUs .ExecutiveLeaderSection .textArea.width50.rhs {
    left: 10%;
  } 
  /*careers*/
  .page-node-3885 #careers-page .cr-insights-wrap .cr-bg-gradient {
    width: 100%;
} 
 /*sustainablity*/
.page-node-1820 .banner-text {
  width: 47vw;
  top: auto;
}

.page-node-1820 .section-spacing.row.both-side-content {
  padding: 5% 6% !important;
}

.page-node-1820 .d-i-page .overview-content p {
  font-size: 18px;
  width: 100%;
}

.page-node-1820 .philosophy-content{
  width: 100%;
}

.page-node-1820 .outer-div {
  flex-direction: column;
}

.page-node-1820 .inner-div-1, .inner-div-2 {
  width: 100%;
  padding-right: 0 !important;
}

.page-node-1820 .inner-div-2 ul{
  padding-left: 5%;
}


  /*hfs form*/
  .DisplayFlex {
    padding: 5% 0;
  }

  header#header .navbar-toggler {
    right: 4%;
  }

  .offering-list li .knowMoreButton>span a {
    font-size: 14px;
  }

  .overview-content {
    flex-direction: column-reverse;
    margin: 0 -10px;
  }

  .hover-effect-lists .col-md-5 {
    padding-left: 0;
  }

  .hover-effect-lists ul li {
    width: 100%;
    padding: 20px 10px;
    justify-content: space-evenly;
  }

  .hover-effect-lists ul li:hover {
    transform: none;
  }

  .hover-effect-lists li .knowMoreButton>span a {
    white-space: nowrap;
  }

  .hover-effect-lists ul li>span,
  .hover-effect-lists ul li h4,
  .hover-effect-lists ul li h3 {
    font-size: 14px;
    font-weight: 400;
  }

  .hover-effect-lists ul li h4 {
    width: 50%;
  }

  .hover-effect-lists ul li .knowMoreButton {
    transform: scale(0.6);
    float: left;
    margin-left: -20px;
  }

  .container-wrap .container-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  /*awards&recognization*/
  .page-node-3541 .awards-inner,
  .page-node-3543 .awards-inner,
  .page-node-3545 .awards-inner,
  .page-node-786 .awards-inner{
    padding: 12%;
  }

  /*hfs section*/
  .imageContent {
    position: relative;
    width: 100%;
    margin-left: 0;
  }

  .blueGradientBox p.font40 {
    font-size: 18px !important;
  }

  .H1-section5 .common-outline-text {
    font-size: 32px;
    margin-left: 0;
  }

  /* etl lists page */
  .bm-banner-wrapper {
    min-height: 100vh !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .bm-banner-img-wrap {
    margin-top: 0;
    justify-content: flex-end;
  }

  .bm-banner-wrapper h2 {
    text-transform: uppercase;
    width: 110px;
  }

  .bm-banner-wrapper.bm-font h2 {
    width: 150px;
  }

  .etl-wrap {
    padding-top: 10vh;
  }

  /*.bm-banner-img-wrap img {
    max-width: 110%;
    right: -10%;
    position: relative;
  }*/

  .etl-lists .row-3 .views-field-nothing {
    margin-bottom: 22vh;
  }

  .page-view-leadership-team .etl-members {
    margin: 6vh 0 0;
  }

  .bm-img-wrap {
    top: 0;
    width: 90vw;
    right: 20px;
  }

  .bm-banner .img-background {
    height: 36vh;
    top: 10vh;
  }

  .leadership-banner h2 {
    font-size: 5em;
    margin-left: 0.5em;
    margin-top: 16vw;
  }

  .leadership-banner p {
    font-size: 14px;
    width: 80%;
    margin-left: 1.5em;
  }

  .etl-lists .etl-shade-bg {
    width: 80%;
  }

  .etl-lists .views-field-nothing {
    margin-bottom: 25vh;
  }

  .etl-lists .knowMoreButton {
    margin-left: 20px;
  }

  .views-view-grid .views-col {
    float: none;
    width: 100% !important;
  }

  .etl-lists img {
    margin-top: -50%;
  }

  .etl-lists .row-1,
  .etl-lists .row-2,
  .etl-lists .row-3 {
    margin: 7vh auto;
  }

  .etl-lists h4 {
    font-size: 26px;
  }

  /* etl members */
  .etl-content .transition-img .img-fluid {
    width: 80vw;
    height: auto;
    position: static;
    margin: 0 auto;
    display: block;
  }

  .title-cont {
    margin: 20px;
  }

  .title-cont h4 {
    font-size: 4em;
  }

  .title-cont span {
    font-size: 2.5em;
    color: #fff;
    margin-bottom: 0;
  }

  #block-sonata-new-content .etl-content p {
    padding: 20px;
    font-size: 2em;
    color: #A7A9AC;
  }

  /* calendly */
  a.schedule-meeting {
    display: block;
    width: fit-content;
  }

  /* contact us */
  form#webform-submission-contact-node-1096-add-form {
    width: 84%;
  }

  #block-views-block-locations-block-10 {
    float: left;
    margin-left: 0;
    width: 100%;
  }

  #block-views-block-locations-block-10 .view-location .views-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  #block-views-block-locations-block-10 .views-field.views-field-body {
    width: 100%;
    float: left;
  }

  #block-views-block-locations-block-10 .views-field.views-field-field-fax-no-,
  #block-views-block-locations-block-10 .views-field.views-field-field-office {
    float: left;
    width: 100%;
  }

  .view-display-id-block_9 .view-content.row {
    display: block;
    /*flex-direction: column;*/
  }

  /*#block-views-block-locations-block-9 .views-row {
    width: 100%;
    float: left;
  }c*/
  
  #block-views-block-locations-block-9 .views-row {
    width: 90%;
    padding: 0 0 15px;
    margin: 10px auto 0;
 }
  #block-quicktabslocations ul.quicktabs-tabs.list-group {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
  }

  #quicktabs-container-locations .views-row {
    min-height: fit-content;
    height: fit-content;
    padding: 0;
  }

  .field-content {
    display: block;
  }

  .col-sm-4.communicationSection {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 15px;
  }

  .page-node-1096 .communicationSection .heading {
    width: 18vw;
    padding-top: 2px;
    margin-left: 10px;
  }

  .views-field.views-field-field-gmap {
    position: relative;
    right: 0;
    bottom: 0;
    left: auto;
    width: 100%;
  }

  .col-sm-4.addressSection {
    width: 100%;
  }

  .addressSection .heading,
  .communicationSection .heading {
    margin: 15px 0;
  }

  #quicktabs-container-locations .views-field.views-field-field-thumbnail-image {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
  }

  #block-quicktabslocations .list-group-item,
  #block-quicktabslocations .list-group-item.active {
    border-right: 1px solid #fff;
  }
/*contact us new*/
  .locations-section .views-field-field-thumbnail-image .field-content {
    display: flex;
    position: relative;
    overflow: hidden;
    height: 200px;
    width: 100%;
    /*justify-content: center;*/
    align-items: center;
  }

  .locations-section .views-field-field-thumbnail-image .field-content img {
    max-width: 100%;
    width: 100%;
  }
  .dt-display{
   display: none
  }
/*.mobile-display{
display: block;
width: 100%;
top: auto;
margin-top: 10px;
padding: 10px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #f1f1f1;
border-radius: 0;
z-index: 9;
border: 0;
border-top: 1px solid #8f8f8f;
}*/
.sticky-mail-box span {
    font-size: 16px;
}
.sticky-mail-box strong {
  padding-top: 5px;
}
.sticky-mail-box strong a {
  font-size: 18px;
}
.page-node-1096 footer {
  padding-bottom: 60px;
}
h2.semi-circle-right {
  margin: 0 0 10px 0;
  font-size: 22px;
}
  /* to fix the width issue */
  .col-md-5.card-tit {
    margin-left: 5%;
    width: 90%;
  }

  /*homepage*/
  .container-sec.videotext-area-second.harmoniVideo {
    min-height: 100vh !important;
  }

  /*healthcare*/
  .page-node-4422 .colorB,
  .page-node-4455 .colorB {
    color: #fff;
  }

  /*newsRoom*/
  .node--type-newsroom div#block-sonata-new-page-title {
    margin: 20vw 10vw 0;
  }

  .node--type-newsroom div#block-sonata-new-page-title h1.title span.field {
    font-size: 25px;
  }

  /*banner*/
  .hdrArea h2,
  .banner-text h2,
  .banner-txt-temp2 span.txt-bold {
    font-size: 35px !important;
  }
  .page-node-4562 .banner-text{
    left: 12%;
  }
  .banner-text {
    width: 80% !important;
  }
  .banner-carousel .owl-nav {
    left: 50%;
    bottom: 1%;
  }
   .banner-text{
    bottom: 5%;
  }
  /***program-reboot-empowering-women***/
  
  .empowering-women .banner-text {
    bottom: auto;
    top: 12%;
  }
  .empowering-women .banner-text {
    width: 90% !important;
  }
  .empowering-women h3 {
    width: 95%;
  }
  .hiring-drive-wrap .table-responsive{
    height: auto !important;
  } 
  .blog-template-wrap .blog-title {
    padding-left: 0;
  }

  .blog-template-wrap .blog-writer-info {
    position: relative;
    padding: 10px;
    margin-bottom: 30px;
    width: calc(100% - 20px);
  }

  .blog-template-wrap {
    padding: 50px 0 0;
  }

  .blog-follow-icon {
    margin-top: 10px;
  }

  .blog-template-wrap .social-icons-wrap {
    justify-content: flex-start;
  }

  .blog-inside-content {
    padding: 0;
  }

  .blog-template-wrap .blog-content-wrap {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .case-studies-wrap, .case-studies-wrap .cs-stacked-cards {
    min-height: 100vh;
  }
  .case-studies-wrap .cs-stacked-cards .cs-card-element {
    width: 315px;
  }
  .case-studies-wrap .cs-card-element h3 {
    font-size: 20px;
  }
  .thought-leadership.testimonials {
    height: auto;
  }

  .thought-leadership.testimonials .owl-nav {
    top: -25px;
  }

  .thought-leadership.testimonials img:first-child {
    left: auto;
    right: 20px;
    bottom: auto;
    top: 40px;
  }

  .space-clearing div#deeperservices,
  .space-clearing .dataServices-sec {
    position: relative;
    width: 100%;
    padding: 3vw;
    top: 0;
    left: 0;
    background-color: #000;
  }

  .deeper-sec h4,
  .dataServices-sec h4 {
    font-size: 12px;
    font-weight: 800;
    margin: 1vw 0;
  }

  div#delivery-platform p strong {
    font-size: 14px;
    color: #ff0000;
  }

  .space-clearing #delivery-platform {
    right: 0;
    left: auto;
  }

  .node--type-platformation #jsi-particle-container {
    height: auto !important;
    width: 100% !important;
  }

  .node--type-platformation .banner-text {
    top: 15vh;
  }

  .platformationSection2 .row.section-content {
    width: 100%;
    display: flex;
    padding: 5%;
  }

  .platformationSection2 h4 {
    width: 100%;
    float: left;
    padding: 0 10vw 0 0;
    font-size: 24px;
  }

  .platformationSection2 .cont-sec {
    width: 100%;
    float: left;
  }

  .flip-card p.h2 {
    font-size: 24px !important;
  }

  .node--type-platformation header#header .navbar-toggler {
    background: #fff;
  }

  /*-------------------------------------------------
		platform-maturity-assessments--------*/
  .platform-maturity-assessments .row.both-side-content:nth-child(6) h3 {
    font-size: 25px;
  }

  .platform-maturity-assessments .row.image-row.img-content:nth-child(5) .col-sm-6.left-cont h3 {
    margin-top: 25px;
  }

  .list-para,
  .list-para ul {
    width: 100%;
    flex-direction: column;
  }

  .list-para ul {
    margin: 0 10px;
  }

  .platform-maturity-assessments .row.image-row.img-content:nth-child(5) {
    position: relative;
  }

  .platform-maturity-assessments .row.image-row.img-content:nth-child(5) .col-sm-6.right-cont {
    position: absolute;
    top: 15%;
    width: 90%;
  }

  .platform-maturity-assessments .row.image-row.img-content:nth-child(5) .red-text {
    margin-top: 405px;
  }

  .steps-sec {
    width: 60%;
  }

  .platform-consulting.steps-para {
    position: absolute;
    top: 18%;
    flex-direction: column;
  }

  .steps-para .platform-para {
    display: none;
  }

  .sec-1,
  .sec-2,
  .sec-3,
  .sec-4,
  .sec-5,
  .sec-6,
  .sec-7 {
    width: 65%;
    position: relative;
    left: 91%;
    margin-bottom: 15%;
  }

  .platform-consulting h3 {
    font-size: 15px;
  }

  p.solid-line {
    display: none;
  }

  .sec-3,
  .sec-4,
  .sec-5,
  .sec-6,
  .sec-7 {
    margin-top: 0;
  }

  .sec-4 {
    margin-top: -12px;
  }

  .platform-maturity-assessments .row.both-side-content:nth-child(6) {
    padding: 7% 7% 21%;
  }

  .platform-para hr {
    margin-left: 5%;
  }

  /*-----------------------------------------------------------
                  popup-styles--------------------------*/
  .popup-sec {
    display: block !important;
  }

  .popup-sec {
    position: relative;
    z-index: 100;
    left: -200px;
    top: -110px;
  }

  #overlay-sec,
  #overlay-sec1,
  #overlay-sec2,
  #overlay-sec3,
  #overlay-sec4,
  #overlay-sec5,
  #overlay-sec6 {
    position: absolute;
    border: 1px solid #000;
    width: 350px;
    height: 625px;
    display: none;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
  }

  #header-popup1,
  #header-popup2,
  #header-popup3 {
    text-align: right;
    width: 100%;
    cursor: pointer;
  }

  .plat-popupsec {
    margin-top: 10px;
    height: 100%;
  }

  .popup-sec .platform-para {
    display: block;
    left: 15%;
    position: relative;
    top: 7rem;
    width: 60%;
  }

  .popup-sec .platform-para p.solid-line {
    display: block;
    bottom: -15px;
    left: 5%;
  }

  .popup-sec .platform-para h5 {
    margin-bottom: 30px;
  }

  .popup-sec .platform-para p {
    color: #fff;
  }

  div#header-sec1,
  div#header-sec2,
  div#header-sec3,
  div#header-sec4,
  div#header-sec5,
  div#header-sec6,
  div#header-sec7 {
    position: absolute;
    color: #fff;
    font-size: 21px;
    left: auto;
    right: 8%;
    top: 6%;
    border-radius: 30px;
    border: 1px solid #ff0000;
  }

  /*--------------
	button-rgba----------------*/
  button#more,
  button#customer-digital,
  button#ecosystem,
  button#digital,
  button#platform,
  button#roadmap,
  button#execution {
    display: block;
    border-radius: 30px;
    background-color: #A6ACAF;
    border: 0;
    padding: 1px 10px;
    color: #fff;
    font-style: italic;
    text-transform: capitalize;
    font-size: 12px;
  }

  /*------------------------------
                    top-value------*/
  .popup-sec.popup-sec1 {
    top: -197px;
  }

  .popup-sec.popup-sec2 {
    top: -290px;
  }

  .popup-sec.popup-sec3 {
    top: -370px;
  }

  .popup-sec.popup-sec4 {
    top: -450px;
  }

  .popup-sec.popup-sec5 {
    top: -530px;
  }

  .popup-sec.popup-sec6 {
    top: -620px;
  }

  /*---------------------------
             bottom-color-code--------*/
  button#customer-digital {
    background-color: #48C9B0;
  }

  button#ecosystem {
    background-color: #5DADE2;
  }

  button#digital {
    background-color: #F5B041;
  }

  button#platform {
    background-color: #E91E63;
  }

  button#roadmap {
    background-color: #9B59B6;
  }

  button#execution {
    background-color: #7F8C8D;
  }

  .node--type-platformation h4,
  .node--type-platformation h3 {
    font-size: 21px !important;
  }
  .page-node-3599.node--type-platformation h3{
   font-size: 14px !important;
  } 
  .customer-sec p {
    font-size: 21px !important;
    width: 100%;
    position: relative;
    font-family: 'Segoe-UI-Bold';
  }

  .Marchitecture-sec {
    display: flex;
    flex-direction: column;
  }

  /*resources------------------------------*/
  .flip-card {
    height: 147px;
  }

  .flip-card p {
    display: none;
  }

  .flip-card-front.bgcolor-infra p.h2,
  .flip-card-front .h2 {
    display: block;
  }

  .azure-app .flip-card-front.bgcolor-app {
    background: #3a9bd6;
  }

  .azure-data .flip-card-front.bgcolor-data {
    background-color: #000;
    color: #fff;
  }

  .flip-card-front .h2 {
    font-size: 24px;
  }

  .azure-app .flip-card-front.bgcolor-app {
    background: #00BE9B;
  }

  .azure-data .flip-card-front.bgcolor-data {
    background-color: #009DD9;
    color: #fff;
  }

  /*----------------------------------------------
			platformationtm-delivering-platformation-----*/
  .platformation---delivering-platformation .banner-text h2 {
    width: 100%;
  }

  .customer-cont {
    padding: 3% 0;
    flex-direction: column;
  }

  .customer-cont h3,
  .customer-cont p {
    width: 100%;
  }

  .statement-cont {
    display: flex;
    flex-direction: column-reverse;
  }

  .statement-sec {
    width: 100%;
    position: relative;
    padding: 5% 7%;
    height: auto;
    background-color: #f1f2f2;
  }

  h1,
  h2,
  .left-cont h2 {
    font-size: 30px;
  }

  .platformation---delivering-platformation .cont-left {
    padding: 5% 7%;
    float: left;
  }

  .cont-box {
    width: 100%;
    padding: 5% 5%;
  }

  .platformation---delivering-platformation .cont-right {
    padding: 0 7%;
  }

  .platformation---delivering-platformation .cont-right p {
    margin: 0;
  }

  .capability-cont {
    flex-direction: column;
  }

  div#result-advantage {
    display: flex;
    flex-direction: column-reverse;
  }

  .result-section {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    background-color: #000;
    padding-left: 7%;
    padding-top: 10%;
  }

  .result-sec,
  .result-sec1,
  .result-sec2 {
    margin: 10px 0px 10px 37px;
    width: 38%;
  }

  .result-sec2 {
    width: 78%;
    display: flex;
    flex-direction: column;
  }

  .result-sec2 .result-content {
    width: 35%;
  }

  .ckeditor-accordion-container {
    margin-top: 22vh;
  }

  /*on call changes */
  .page-node-4269 .hls-solution-sec {
    top: 7vh;
    width: 85%;
    justify-content: flex-start;
    color: #fff;
  }

  /*about us */
  .allianceSection .animationButton {
    margin-bottom: 0;
  }

  .allianceSection .icon-hover {
    margin-bottom: 0;
  }

  .allianceSection .icon-hover {
    height: auto;
  }

  /* overview */
  .overview-content .moreContent {
    max-height: 350px;
    overflow: hidden;
    overflow-y: auto;
  }

  .overview-content h4 {
    font-size: 26px;
  }

  /*retail*/
  .page-node-4360 .banner-content video {
    width: 100%;
    height: 49vh;
    object-fit: cover;
  }

  .page-node-4360 .banner-text {
    width: 80% !important;
    position: relative;
    bottom: -24%;
    top: auto;
    left: 11%;
    right: auto;
  }

  .overview-video iframe {
    border: 0;
    width: 100%;
    height: auto;
  }
  
  .app-services-list  h4 {
    font-size: 26px;
  }

  h4 {
    font-size: 26px;
  }

  .consulting-section {
    width: 100%;
  } 

  /*cicle*/
  .icon-hover .circle {
    position: relative;

  }

  .allianceSection .icon-hover h3,
  .allianceSection .icon-hover p {
    margin-left: 0;
    margin-top: 15px;
  }

  .allianceSection .animationButton {
    margin-left: 0;
    margin-bottom: 0;
  }

  .node--type-digital-modernization-engineer .icon-hover .column-subheading {
    font-size: 24px !important;
    font-weight: 600;
    margin-top: 1vh;
    width: 80%;
    margin: 0 auto;
  }

  .node--type-digital-modernization-engineer .container-sec.allianceSection h2 {
    width: 97%;
  }

  /*careers*/
  .cr-overview-info {
    width: 100%;
    left: 0;
    height: fit-content;
    margin-top: 0;
    border-radius: 0;
  }

  .etl-wrap.etl-inner.etl-content {
    margin-top: 0;
  }

  .videotext-area-second .common-paragraph-text {
    position: relative;
    top: -1%;
    font-size: 20px;
  }

  /* overwriting styles */
  li,
  a {
    font-size: 14px;
  }

  .banner-text .bannerSection {
    margin-left: 7%;
  }

  p,
  li,
  p span  {
    font-size: 14px;
  }

  .page-node-15 h3 {
    font-size: 30px;
  }

  .videotext-area .textArea .common-outline-text {
    left: -23vw;
  }

  .common-outline-text {
    font-size: 32px;
  }

  .videotext-area-second .common-outline-text {
    left: -21vw;
  }

  .videotext-area-second .textArea {
    top: 24vh;
  }

  .quote {
    padding-top: 0;
    top: -34px;
  }

  .common-paragraph-text {
    font-size: 14px !important;
  }

  .newsSectionlist p {
    font-size: 14px;
  }

  section.in-the-news span {
    font-size: 14px;
  }

  .culture-area .textArea {
    width: 81%;
    top: 15vw;
    height: 41%;
    margin: 0 auto;
    padding: 4vw 10vw;
  }

  .culture-area .animationButton {
    margin-top: 4vh;
  }

  .culture-area .imageArea {
    height: 165vw;
  }

  .col-sm-12.icon-list {
    position: relative;
    right: 0;
  }

  .icon-list img {
    width: 100%;
    height: auto;
    margin: 5% auto 0;
  }

  section#H1-section2 {
    padding: 0;
    min-height: 66rem !important;
    position: relative;
  }

  video.video-sec {
    min-height: 94vh;
  }
 .page-node-4491 video.video-sec {
    min-height: auto;
  }
  .page-node-3885 video.video-sec {
    min-height: 100%;
  }


  .page-node-15 .bannerSection h2.hdrText {
    font-size: 26px !important;
    width: 100%;
    line-height: 1.2;
  }

  .insight-area .textArea.position-relative {
    margin-bottom: 5vh;
  }

  .path-executive-leadership .leadership-banner.bm-banner h2 {
    font-size: 40px;
  }

  .path-executive-leadership .bm-banner .container-wrap {
    display: flex;
    flex-direction: column;
    min-height: 35vh;
    justify-content: center;
  }

  .path-executive-leadership .bm-banner .v-center {
    height: 76vh;
    justify-content: center;
    align-items: center;
  }

  .path-executive-leadership .etl-members h1 {
    color: #fff;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    padding-top: 6vh;
  }

  .overviewSection.joinSection .knowMoreButton:hover span {
    transform: none;
    color: #fff;
  }

  /*aboutus*/
  .page-node-624 .rhs .common-heading {
    width: 99%;
  }

  .aboutUs .abooutUsSection {
    flex-direction: column;
  }

  .allianceSection .icon-hover {
    margin-top: 2%
  }

  .page-node-4888 .allianceSection .icon-hover {
    margin-top: 5%;
  }

  .allianceSection p.common-subheading {
    padding-top: 0;
  }

  .container-sec.allianceSection .animationButton {
    left: 0;
  }

  .icon-hover p.common-subheading {
    font-size: 24px !important;
    font-weight: bold;
  }

  .banner-content .img-fluid {
    height: 97vh;
  }
  .career-opportunities-mexico .banner-content .img-fluid{
    height: auto;
  }
  .subsidaries-parent-cstm .ckeditor-accordion-container>dl dt>a {
    font-size: 5vw;
    padding: 6% 0;
    height: 100%;
  }

  .ckeditor-accordion-container {
    margin-top: 2vh;
  }

  /*diversity-inclusion*/
  .rightContentText .quote-div {
    left: 0;
  }
  .page-node-4491 p.hdrDesc,
  .page-node-4491 .hdrArea {
    width: 100%;
  }


  /*careers*/
  .page-node-3885 .banner-text {
    top: 19%;
    left: 11%;
  }

  /*platformation*/
  .space-clearing div#deeperservices,
  .space-clearing .dataServices-sec {
    width: 100%;
    padding: 5%;
  }

  .dataServices-sec p,
  .deeper-sec p {
    width: 85%;
  }

  .dataServices-sec h2 {
    width: 90%;
  }

  /*msfabric*/
  .page-node-4349 .icon-hover .icon,
  .page-node-5078 .icon-hover .icon {
    top: -3vh;
  }

  /*generative-ai*/
  .page-node-4294 .industries-wrap .container-wrap {
    position: absolute;
    bottom: 30%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-node-4294 [id*="industries-"] p,
  .page-node-4294 [id*="industries-"] ul,
  .page-node-4294 [id*="industries-"] ol {
    right: auto;
    top: 80%;
    left: 0;
  }

  .page-node-4294 [id*="industries-"] ol {
    left: 5%;
  }

  /*platformation-services-dynamics*/
  .vertical-carousal ul {
    height: 730px !important;
  }

  .vertical-carousal-wrap {
    padding: 100px 3% 10px 5%;
  }

  .page-node-4169 .vertical-carousal-wrap {
    padding: 0 3% 10px 5%;
  }


  /*aboutus*/

  .page-node-624 .textArea.width50.rhs {
    left: 25px;
  }

  /*careers*/
  .cr-insights-wrap .animationButton {
    position: absolute;
    right: 0;
    top: 18px;
    left: auto;
  }

  .cr-insights-wrap h4 {
    height: 19vh;
  }

  /*g-careersCode*/
  #careers-page .careers-gallery-wrap .title-cont {
    margin-top: 0;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 50px;
    text-align: left;
  }

  #careers-page .knowMoreButton {
    display: inline-block;
    padding: 21px 20px 17px 50px;
    background: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    width: auto;
    top: 30px;
  }

  #careers-page .cr-insights-wrap .cr-bg-gradient {
    border-radius: 100px;
    margin-bottom: 45px;
  }

  #careers-page section.viewport-height.cr-overview-wrap {
    min-height: fit-content !important;
    display: flex;
    flex-direction: column-reverse;
  }

  #careers-page .page-node-3885 .banner-text {
    top: 7%;
    left: 11%;
  }

  #careers-page .cr-insights-wrap h4 {
    height: 10vh;
  }

  /*homepage*/
  .client-exp .quote {
    top: -50px;
  }

  .experiences-area .testimonials-carousel .owl-nav {
    top: -10px;
  }

  /*accolades*/
  .page-node-674 div#accolades {
    margin: 0px 10% 4%;
  }

  .page-node-674 .col-sm-3.industries-tile {
    margin-bottom: 5%;
  }

  .page-node-674 p.brick-summary {
    font-weight: bolder;
  }

  /*margin-top-space-node-page-type*/
  .page-node-1108 section#page,
  .page-node-454 section#page,
  .page-node-456 section#page {
    padding-top: 20%;
  }

  /*issue-fixing-s*/
  .page-node-15 h2.hdrText {
    font-size: 3.2rem;
    width: 75%;
    margin-left: 9%;
    font-family: 'Segoe-UI';
  }

  .node--type-platformation .knowMoreButton .circle .icon {
    top: -11px;
  }

  .section-spacing h3 {
    font-size: 26px;
  }

  .section-spacing .col-sm-6:nth-child(2) p img {
    width: auto;
  }

  .page-node-4197 .section-spacing .col-sm-6:nth-child(2) p img {
    width: 100%;
  }

  .cont-left,
  .cont-right {
    padding-left: 0;
  }

  .page-node-3603 .node--type-platformation .consulting-pg .banner-content img.img-fluid {
    margin-top: 10%;
  }

  .page-node-3603 .banner-content .img-fluid {
    height: 160px;
  }

  .page-node-3603 .ckeditor-accordion-container {
    margin-top: 50%;
  }

  .page-node-3603 tr {
    margin-bottom: 4%;
    display: flex;
    flex-direction: column;
  }

  /*hfs newSection*/
  .blueGradientBox {
    width: 72%;
    top: auto;
    left: auto;
    border-radius: 30px 0;
    position: relative;
    margin-top: -45%;
    margin-left: 29%;
  }

  .H1-section5.section-spacing .col-sm-6:nth-child(2) {
    margin-top: 2%;
  }

  /*HFS Form*/
  .node--type-report-form-landing-page .layout--onecol .layout__region {
    flex-direction: column;
  }

  .node--type-report-form-landing-page .clearfix.text-formatted {
    width: 100%;
  }

  .node--type-report-form-landing-page .field--name-webform {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10% 0;
  }

  .node--type-report-form-landing-page button#edit-actions-submit {
    margin-top: 0 !important;
  }

  .node--type-report-form-landing-page label {
    font-size: 18px;
  }

  .node--type-report-form-landing-page .form-control {
    font-size: 15px;
  }

  .node--type-report-form-landing-page img {
    max-width: 100%;
  }

  /*RajVideoSection*/
  .rajVideo .blueGradientBox {
    width: 100%;
    margin-top: -75%;
    margin-left: -9%;
  }

  .rajVideo .centerAlign {
    padding: 5% 4% 5% 10%;
  }

  .rajVideo .blueGradientBox .font40 {
    font-size: 18px !important;
  }

  .rajVideo h2 {
    font-size: 30px;
    padding-top: 10%;
  }

  /*homepage-alignment*/
  .page-node-4269 .section-spacing img {
    width: 100%;
  }

  /*contactUS*/
  #block-views-block-locations-block-9 .content {
    margin: 1vh 0.5vh;
  }

  form#webform-submission-contact-node-1096-add-form button#edit-actions-submit {
    padding: 0.5vw 4vw;
  }

  /* mobile issue Fixing*/
  .page-node-4491 .pointer-cont span {
    font-size: 35px;
  }

  /*HP*/
  .insight-area .imageArea .insight-image:nth-child(even) {
    margin-top: 10%;
  }

  .insight-area .imageArea .insight-image {
    margin: 10% 0;
  }

  /*Retail*/
  .page-node-4360 .advantages {
    margin-bottom: 0;
  }

  .advantages {
    margin-bottom: 0;
  }

  .page-node-4360 .thought-leadership .owl-carousel.owl-theme.testimonials-carousel {
    padding-bottom: 0;
  }

  /*aboutUs*/
  .common-heading {
    font-size: 30px;
  }

  /*ai-data-modernization*/
  .page-node-4603 .card-tit h2 {
    margin-left: 0 !important;
  }
  /*googlespace*/
.page-node-4822 .banner-text{
  top: 30%;
}
 .page-node-4822 .banner-text .colorB{
  color: #000 !important;

}
.page-node-4822 .page-area ul {
    padding-left: 5%;
}

}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .culture-area .textArea {
    width: 325px;
    padding: 10px 20px;
    top: 135px;
    height: 50%;
    left: 50px;
    bottom: auto;
  }

  #block-sonata-new-webform-10 button {
    margin-top: -100px;
    position: relative;
    float: left;
  }

  .awards-carousel.owl-carousel img {
    display: block;
    width: 100%;
    height: auto;
  }

  .class-abs {
    position: absolute !important;
    top: 13vh;
    top: 4vh;
  }

  .class-rel {
    position: relative;
.page-node-5073 .width50 {
    left: 20vw;
  }

  .client-exp .quote {
    top: -83px;
  }

  .experiences-area .testimonials-carousel .owl-nav {
    top: -24px;
  }

  #H1-section7.testimonials h3 {
    margin-bottom: 5%;
  }

  /*** carousel-section ***/
  .expertise-content {
    width: 100%;
    float: left;
    margin-right: 0;
  }

  .expertise-text {
    width: 90%;
    position: relative;
    left: 5%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

  .expertise-text .common-paragraph-text {
    padding-left: 0;
    margin-top: 0;
    width: 100%;
  }

  .expertise-text {
    margin-top: -65vh;
  }

  .expertise-content {
    padding-top: 11%;
  }

  .expertise-content .common-heading {
    padding-top: 62vh;
  }

  .expertise-text .common-heading {
    padding-left: 0;
    margin-top: 0;
  }

  .our-expertise .owl-prev span,
  .our-expertise .owl-next span {
    position: relative;
    top: -7px;
  }

  section#H1-section2 {
    padding: 0;
    min-height: 75rem !important;
    position: relative;
  }

  .expertise-text button.common-outline-button {
    margin-left: 0;
    width: 24%;
    margin-top: 2vw;
    font-size: 12px;
  }

  .our-expertise .owl-prev,
  .our-expertise .owl-next {
    height: 40px !important;
    width: 40px !important;
    font-size: 14vw !important;
  }

  .our-expertise .owl-theme .owl-nav {
    top: 41vh;
  }

  .our-expertise .owl-prev span,
  .our-expertise .owl-next span {
    font-size: 50px !important;
  }

  .expertise-content img.img-fluid {
    position: relative;
    margin: 0 auto;
    width: 35%;
  }

  /*newsRoom*/
  .node--type-newsroom div#block-sonata-new-page-title {
    margin: 12% 10vw 0;
  }

}

@media only screen and (min-width:767px) and (max-width: 1023px){

/*----thought leadership---retail, agri---*/	
.thought-leadership-spotlight .leadership-spot-content .fade-right {
    position: absolute;
    right: 6%;
	width:45%;
}
/*----testimonials arrows in discrete-manufacturing, retail-------*/
.thought-leadership.testimonials .owl-nav {
    top: -35px !important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
   font-size: 6vw !important;
}
.thought-leadership.testimonials p {
    margin: 40px 0 30px;
}
  .page-node-4567 .card-tit h2 {
           font-size: 26px !important;
           margin-left:20px !important
}
/***icon-section***/
.allianceSection .icon-hover {
    padding-top: 60px !important;
}
}
/* landing page starts here */
@media only screen and (max-width: 767px){

.page-node-4990 .banner-text, .page-node-4993 .banner-text, .page-node-4995 .banner-text, .page-node-5002 .banner-text {
    width: 80% !important;
    position: absolute;
    /* bottom: 5%; */
    top: 15%;
    left: 12%;
    right: auto;
}

.page-node-4309 .img-wrap-gap img {
    margin-right: -5px;
    /* margin-bottom: 0 !important; */
    width: 96%;
    margin: 6px;
}

 .node--type-landing-page .right-form form input {
    height: 45px;
    font-size: 14px;
 }
 .node--type-landing-page .left-body p {
    margin-bottom: 5%;
 }
 .node--type-landing-page .section-spacing {
    padding: 5% 8%;
}
ul.timelines li div,
ul.timelines li span{
  font-size: 14px;
} 
ul.timelines li{
  padding-bottom: 20px;
  margin-bottom: -15px;
}
.node--type-landing-page button#edit-actions-submit {
    margin-bottom: 5%;
    margin-top: 0px !important;
    top: 25px;
}
.node--type-landing-page .left-body p{
    font-size: 14px !important;
    line-height: 1.5;
}
/*thank you page*/
.thank-you-page-wrapper {
    background: linear-gradient(to bottom, #163644 0%, #0e2939 50%, #031227 100%);
}
.thank-you-page-wrapper h3 {
    font-size: 24px;
}
.thank-you-page-wrapper .thank-you-content {
    position: static;
    width: 100%;
    padding: 100px 20px 0;
    top: 50%;
    transform: none;
    color: #fff;
}
.thank-you-page-wrapper p{
  margin-bottom: 0;
}
.thank-you-page-wrapper h2 {
   font-size: 30px;
   padding: 20px 0;
}
.thank-you-page-wrapper img{
  margin-top: -1px;
}
/*formstyles*/
.page-node-4920.node--type-report-form-landing-page label, .page-node-4921.node--type-report-form-landing-page label, .page-node-4922.node--type-report-form-landing-page label {
    font-size: 32px;
}
.page-node-4920.node--type-report-form-landing-page .form-control, .page-node-4921.node--type-report-form-landing-page .form-control, .page-node-4922.node--type-report-form-landing-page .form-control {
    font-size: 20px;
}
.page-node-4920.node--type-report-form-landing-page
  form.webform-submission-form, .page-node-4921.node--type-report-form-landing-page
  form.webform-submission-form, .page-node-4922.node--type-report-form-landing-page
  form.webform-submission-form {
    margin: 20px auto 0;
}
/*modal-popup*/
#js-modal-page-show-modal.modal.show h4.modal-title.modal-page-title {
    font-size: 13px;
}
#js-modal-page-show-modal.modal.show .modal-dialog {
  max-width: 90% !important;
}
.slideroptima .thought-leadership h2{
  font-size: 26px;
}
/*modal-popup*/
#js-modal-page-show-modal.modal.show h4.modal-title.modal-page-title {
    font-size: 13px;
}
/*encore*/
h2 strong{
  font-size: inherit;
}
.overview-extra-content .v-middle{
  flex-direction: column-reverse
}
/*scalable*/
.section-spacing .managed-content h3 {
    font-size: 19px;
}
.managed-content span {
    font-size: 23px;
}
.three-column-icon{
  margin-top: 30px;
}
.icon-hover .icon {
    position: absolute;
}
.v-middle-sec .container-fluid .col-sm-6:first-child,
.v-middle-sec.section-spacing .col-sm-6:nth-child(2){
  padding:0;
  display: block;
}
.d365-carousel.owl-loaded.owl-drag, .d365erp-carousel.owl-loaded.owl-drag {
    padding: 2% 1% 5%;
}
.d365-carousel button, .d365erp-carousel button {
    position: absolute;
    top: -34vw;
}
.d365-carousel span, .d365erp-carousel span {
    font-size: 22vw;
}
h2.d365-heading.aos-init {
    padding: 0 7%;
}
.page-node-5026 .hover-effect-lists ul li {
    display: block;
    height: auto !important;
}
.page-node-5026 .hover-effect-lists ul li .knowMoreButton {
    transform: scale(0.7);
    float: right;
    margin-left: 0;
}
.page-node-5026 .hover-effect-lists ul li .animationButton {
    width: 100%;
}
.page-node-5026 .hover-effect-lists ul li h3,
.page-node-5026 .hover-effect-lists ul li .cont-sec {
    width: 100%;
}
.page-node-5026 .platform-carousel h2 {
    font-size: 25px;
}
/*header fix*/
img.logo.pd0 {
    margin-left: 3% !important;
}
h4{
  font-size: 30px;
}
.platform-carousel h2 {
    font-size: 20px;
}
.page-node-5026 .icon-hover .icon {
  position: static; 
}
.page-node-5026 .banner-text,
.page-node-5040 .banner-text,
.page-node-5024 .banner-text,
.page-node-5036 .banner-text,
.page-node-4169 .banner-text,
.page-node-4681 .banner-text,
.page-node-5017 .banner-text,
.page-node-5026 .banner-text,
.page-node-5033 .banner-text {
    top: 12%;
}
.banner-text p{
  width: 100%;
}
section.thought-leadership-spotlight .col-sm-6:nth-child(2) {
    padding: 0;
    float: left;
    position: static;
    right: 0px;
    top: 0;
}
/*encore-issues*/
/*application managment*/
.page-node-4884 .banner-text {
    bottom: auto;
    top: 30%;
    left: 13%;
}
.managed-app-services .app-services-list {
    width: 95%;
    margin: 8% 4% 0;
}
.swiper-details{
  padding: 0 15px;
}
.section.calendly-link{
  margin-top: 0;
}

/*quality-assurance-services*/
.page-node-4888 .banner-text {
    top: 32%;
    left: 12%;
}
.page-node-4888.node--type-digital-modernization-engineer .allianceSection .icon-hover .icon {
    position: static;
}
/*quality-assurance-services*/
.page-node-4993 .allianceSection .icon-hover{
  margin-top: 5%;
}
.page-node-4993 .icon-hover .icon {
    position: static;
}
/*ai-data-modernization*/
.overview-extra .knowMoreButton .circle {
    left: 0;
}
/*.circle.playbtn svg.svg-icon {
    margin-left: 17px;
}*/
section.overview-extra.container-fluid {
    padding: 5% 0 1%;
}
/*data-privacy*/
.page-node-4307 .banner-text{
	bottom: -32px;
}
.page-node-4307 .hover-effect-lists ul li{
	height: auto;
}
/*optima*/
.page-node-4894 .banner-text{
top: 32%;
left: 14%;	
}
/*life-sciences*/
.advance-consult-partners img {
    width: 100%;
}
/*meditech*/
.page-node-4905 .banner-text {
    bottom: auto;
    top: 32%;
    left: 12%;
}
/*lifescience*/
/*.icon-hover:hover .icon{
  left: 0;
}*/
/*icon spacing*/
.hov-pointer .allianceSection p.common-subheading,
.page-node-4170 .allianceSection p.common-subheading {
    padding-top: 0 !important;
}

  /*scalable-fixes-24th*/
.page-node-4328 .icon-hover .icon {
    position: static;
}
.page-node-4328 .allianceSection .icon-hover {
    margin-top: 5%;
}
.page-node-4328 .icon-hover:hover .icon {
    top: -20px;
}
.page-node-4328 .banner-text {
    top: auto;
}
/*power-platform-bussiness*/
.accordion-section .ckeditor-accordion-container {
    padding: 0;
}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button){
  padding: 20px;
}
.page-node-5015 .banner-text {
    bottom: auto;
    top: 25%;
}
.page-node-5015 .overview-content .col-sm-6.moreContent {
    display: flex;
    height: auto;
}
.bg-content-platformation h2 {
    width: 100%;
}
/*finance*/
.page-node-5026 .d365-carousel .owl-next,
.page-node-5026 .d365erp-carousel .owl-next,
.page-node-5026 .d365-carousel .owl-prev,
.page-node-5026 .d365erp-carousel .owl-prev{
  top: 10px;
}
/*platformation*/
.section-spacing .col-sm-6:nth-child(2){
  display: block;
}
.img-cont-right .col-sm-6:nth-child(2) img {
    width: 100%;
    float: left;
}

/*platformationtm-framework*/

.page-node-5073.node--type-platformation .banner-text {
    width: 85% !important;
    left: 14%;
}
.page-node-5073 .both-side-content .container-fluid{
  margin: 0;
}
.page-node-5073 .three-column-content p {
    margin: 0 auto;
    width: 90%;
}
}
    width: 100%;
    left: 4%;
    position: relative;
}
.framework-background-content{
  padding: 0;
}
.framework-background-content .bg-content-platformation {
    width: 100%;
}
.page-node-5073 .managed-content {
    height: auto;
}
.page-node-5073.node--type-platformation .managed-text .knowMoreButton .circle .icon {
    top: 5px;
}
.page-node-5073 .knowMoreButton .circle .icon {
    color: #fff;
    left: calc(100% - 47px);
}
.page-node-5073 .img-cont-right .knowMoreButton .circle .icon {
    color: #fff;
}
.page-node-5073 .banner-text {
    width: 85% !important;
    left: 15%;
}
.page-node-5073 .banner-text {
    top: 15vh;
}
.page-node-5073 .bg-content-platformation {
    position: absolute;
    padding: 0 8%;
    background-color: transparent;
}
/****/
.page-node-5075 .banner-text {
    width: 70% !important;
    left: 13%;
    top: 50%;
}
p.img-right img {
    width: 30%;
    position: relative;
    left: 6px;
    float: right;
}
p.para-text-width {
    float: left;
    width: 90%;
    padding-top: 5%;
}
.para-overview {
    float: none;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
/*applybutton*/
.applybutton {
    background-color: red;
    padding: 2px 5px 2px 25px;
}
#careers-page .applybutton .knowMoreButton {
    padding: 2px 15px 4px 20px;
    background: transparent;
    width: auto;
    top: auto;
}
.applybutton .knowMoreButton .circle {
    border: 0;
}
.applybutton .knowMoreButton>p a{
 height: 23px;
}
.applybutton .knowMoreButton .circle .icon {
    top: -8px;
}
.applybutton .knowMoreButton .circle .icon{
  margin-left: 18px;
}
.applybutton span{
  font-size: 16px;
}
/****/
p.fabric-cont {
    font-size: 16px;
}
.fabricImage p {
    font-size: 22px;
    margin-bottom: 14px !important;
}
.page-node-4976.node--type-landing-page .banner-text {
    top: 52%;
}
/***ms-fabric***/
.resource-container {
    position: relative;
    height: 110vh;
    background: #DEE0E1;
}
.resource-container h2 {
    padding-left: 8%;
    padding-bottom: 3%;
    padding-top: 10%;
}
.resource-content {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #DEE0E1;
}
.res-mob-image{
    transform: rotate(360deg);
    width: 100%;
    height: auto;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    display: none;
}
.resource-content p {
    width: 70%;
    position: absolute;
    top: 15%;
    font-size: 23px;
    left: 10vw;
    text-align: center;
}
.resource-container .animationButton.fade-bottom.reveal {
    top: 250px;
}
.resource-container .knowMoreButton {
    padding: 2px 20px 5px 50px;
    width: 175px;
}
.page-node-5078 section.calendly-link{
  margin-bottom: 0;
}
.resource-content h2{
  font-size: 30px
}
#block-sonata-new-microsoftfabricsameervideo .blueGradientBox {
    top: 90px;
}
#block-sonata-new-microsoftfabricsameervideo .buttonSection {
    margin-top: 90px;
}
.cards-wrap .animationButton {
    margin-top: -4%;
}
#block-sonata-new-microsoftfabricsameervideo .buttonSection span{
  font-size: 18px;
}
.rajVideo .imageContent {
    width: 75%;
}
.msfabric-video.inner-carousel .owl-theme .owl-nav {
    position: absolute;
    top: auto;
    left: auto;
    right: 40%;
    bottom: -40px;
}
#block-sonata-new-microsoftfabricsameervideo .buttonContent,
#block-microsoftfabricrajvideo .buttonContent {
    margin-left: 4%;
    margin-top: 0;
}
.resource-container .animationButton.fade-bottom.reveal{
   left: 25%;
}
}
/*-------footer social media icons---------*/

@media (min-width: 560px) and (max-width: 850px){
.site-footer__top .region:nth-child(2n) {
    padding-left: 0px !important;
}
}
@media only screen and (max-width: 375px) {
.page-node-4976.node--type-landing-page .banner-text {
    top: 42%;
}
/***ms-fabric****/
.resource-content p{
  top: 8%;
}
.resource-container .animationButton.fade-bottom.reveal {
    top: 210px;
}
.resource-container {
  height: 126vh;
}
}

/***date-microsoft-fabric-new-jersey-usa***/
@media (min-width: 768px) and (max-width: 950px){
.page-node-4976 .fabricImage img {
    max-width: 53%;
    margin-bottom: 14px;
}
.page-node-4976.node--type-landing-page .banner-text {
    top: 17%;
}
.page-node-4976.node--type-landing-page .banner-text p.green-text{
  color: #fff;
}

}



/***-----------------
       sustainability page -------------***/
/* mobile responsive */
@media only screen and (max-width: 1023px) {
  .sthome-vertical-tabs .tab-content img {
    max-height: 36vh;
  }

  #sustainability-carousel .sustain-carousel-text .title {
    padding-top: 0;
  }

  #sustainability-carousel .secondImage {
    height: auto;
  }

  #sustainability-carousel .sustain-carousel-text {
    padding-right: 0;
  }

  #sustainability-carousel .owl-carousel .owl-item img {
    position: static;
  }

  #sustainability-carousel .owl-theme .owl-nav {
    padding-left: 30px;
    position: static;
  }
}

@media screen and (max-width: 767px) {
  .sthome-vertical-tabs {
    display: none;
  }

  .sus-tabs-mob-accordion {
    display: block;
  }

  #quicktabs-sustainability .quicktabs-tabs {
    margin-top: 20px;
    display: block;
  }

  #quicktabs-sustainability .quicktabs-tabs li {
    width: 100%;
    margin: 0;
    display: block;
  }

  #quicktabs-sustainability .quicktabs-tabs li a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
  }

  #quicktabs-sustainability .quicktabs-tabs li.active a {
    font-weight: 700;
  }

  #quicktabs-sustainability .ckeditor-accordion-container {
    margin-top: 0;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle {
    right: 0;
    left: auto;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl {
    border: 0;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:before,
  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:after {
    background: #000;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dd {
    margin-top: 15px;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dd img {
    max-width: 105px;
    margin-bottom: 15px;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dt>a {
    background: none;
    color: #000;
    padding: 5px 10px;
    font-weight: 100;
    border-bottom: 1px solid #ccc;
  }

  .sus-large-carousel-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }

  #sustainability-carousel .owl-theme .owl-nav {
    text-align: left;
    padding-left: 20px;
  }
}

@media screen and (max-width: 767px) {
.isv-new .dyn-tabbed-content li strong {
    display: table-cell;
    font-size: 14px;
}

/****sonata and microsoft******/

.page-node-10 .quicktabs-wrapper .item-list ul li {
    margin: 0;
    padding: 7px 20px 7px 1px !important;
    text-align: center;
    font: normal normal normal 24px / 32px Segoe UI;
    letter-spacing: 0px;
    color: #000000 !important;
    border-right: 5px solid #000;
    display: list-item !important;
    border-bottom: 1px solid #000;
    text-align: left !important;
	border-right:0px !important;
}
.list-group-item.active a {
    border-bottom: 0 !important;
    font-weight: bolder !important;
}
.page-node-10 .quicktabs-wrapper .item-list ul li a {
    font: normal normal normal 21px / 32px Segoe UI;

}
.list-group-item+.list-group-item.active {
    border-bottom: 3px solid #8E5DA3 !important;
   color:#8E5DA3 !important
}

/****sonata and microsoft end******/

}
@media screen and (max-width: 767px) {
   .isv-new .new-insights .slideroptima .thought-leadership.testimonials p {
        margin-top: 5px;
        margin-bottom: 8px !important;
    }

.isv-new .owl-stage-outerowl-height{height: auto !important;}
.isv-new .owl-carousel .testimonials-content img{display:none;}

    .isv-new .banner-text {
        top: 12%;
        bottom: auto;
        width: 68% !important;
    }
  .blog-slider {
    min-height: 500px;
    height: auto;
    margin: 180px auto;
  }

  .awards-recognitions .blog-slider__content {
    /* margin-top: -10px;*/
    margin-top: 80px;
    text-align: center;
    padding: 0 30px;
    width: 100%;
    margin-left: 0;
  }

  .awards-recognitions .card-content {
    background: #F1F2F2 0% 0% no-repeat padding-box;
    box-shadow: 20px 20px 75px #00000029;
    border-radius: 20px;
    opacity: 1;
    margin: 30px 3px;
  }

  .main-title h1 {
    font: normal normal bold 31px / 48px Segoe UI;
    color: #000;
    text-align: left;
    padding-bottom: 2vh;
  }

  .main-title-content h1 {
    font: normal normal bold 31px / 48px Segoe UI;
    color: #000;
    text-align: left;
    padding-bottom: 5vh;
    margin-top: 1%;
  }

  .awards-recognitions .blog-slider__content {
    padding: 0;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>* {
    line-height: 1.4;
  }

  .blog-slider__content {
    padding: 0 !important;
  }

  .awards-recognitions .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }

  .awards-recognitions .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }

  .awards-recognitions .blog-slider {
    min-height: 490px;
    height: auto;
    margin: 120px auto 0;
  }

  /*** sustainablity all sections***/
  .page-node-1820 .overview-content,
  .page-node-1820 .both-side-content .container-fluid {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2%;
  }

  .ESG-Progress .card-content {
    box-shadow: none;
  }

  .badge-carousel .addtl-sec-carousel-wrap {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .page-node-1820 .card-stack-wrap {
    padding-bottom: 0;
  }

  .awards-recognitions p {
    width: 100%;
    margin-left: 18px;
    line-height: 20px;
  }

  .page-node-1820 .banner-text {
    padding-left: 12px;
  }

  .page-node-1820 section.overview {
    padding-bottom: 0 !important;
  }

  .ESG-Progress .card-title-green h3,
  .ESG-Progress .card-title-blue h3,
  .ESG-Progress .card-title-purple h3 {
    font: normal normal bold 24px/35px Segoe UI
  }

  .ESG-Progress .font-weight-normal {
    font-size: 19px;
  }

  .ESG-Progress .card-desc p {
    line-height: 1.3;
    padding-left: 0;
    font-size: 15px;
  }

  .card-body.pt-2 {
    padding: 7px 13px !important;
  }

  .badge-content {
    height: 350px;
  }

  .awards-recognitions .text-right-p {
    padding-right: 5%;
  }

  /***sustainablity-button-changes***/
  .reports-disclouser .knowMoreButton:hover .circle {
    height: 28px;
    width: 28px;
    border-radius: 25px;
    border: 1px solid #606060;
    display: inline-block;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in;
    line-height: 30px;
    background: transparent;
  }

  .reports-disclouser .knowMoreButton>span,
  .reports-disclouser .knowMoreButton>p {
    transform: translateX(0px);
  }

  .reports-disclouser .knowMoreButton .circle .icon {
    top: auto;
    bottom: 65%;
  }

  .reports-disclouser .col-md-3.col-sm-12.col:last-child {
    display: none;
  }

  .reports-disclouser .knowMoreButton:hover .circle .icon {
    color: #606060;
    left: 0;
  }
  .reports-disclouser .col {
    flex: auto;
  }

  /***Gani shared ***/
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px !important;
  }

  /***/
  /***mobile-padding***/
  .node--type-csr-pages .col-md-12.main-title {
    padding-left: 0;
  }

  .awards-recognitions p {
    margin-left: 6px;
  }

  .awards-recognitions .col-md-12.main-title-content {
    padding: 0;
  }

  .awards-recognitions p {
    margin-left: 4px;
  }

  .node--type-csr-pages .section-spacing.row.full-row-content.padding-both {
    padding: 0 15px;
  }

  .node--type-csr-pages .block-quicktabs {
    padding-left: 5.32%;
    padding-right: 5.31%;
  }

  .node--type-csr-pages .section-spacing.row.both-side-content {
    padding: 5% 4% !important;
  }
  .details-card.awards-recognitions p {
    width: 100%;
 }
 .page-node-1820 .overview-content p,
.details-card .awards-recognitions p {
    font-size: 14px;
 } 
.details-card .blog-slider__text{
  font-size: 17px;
}
.page-node-1820 .knowMoreButton{
 padding: 5px 20px 5px 45px;
}
.resource-content {
 padding: 0;
}
/***platformation-services-finance-processes-automation***/
.automation .banner-text,
.sap-modernization .banner-text {
  top: 25%;
  left: 12%;
}
/***bfsi***/
.cards-bfsi .banner-text{
   bottom: 0;
   top: 25%;
   left: 12%;
}
.cards-bfsi .animationButton .knowMoreButton span{
  color: #fff;
}
.cards-bfsi .card-tit h2{
  margin-left: 1% !important;
}
.cards-bfsi .card-tit h4 {
  padding-left: 2%;
  font-size: 20px;
}
.cards-bfsi .partnersSection {
    padding: 5% 7% 5%;
}
.offering-list li h3{
  font-size: 23px;
}
.cards-bfsi .col-sm-6.moreContent.aos-init.aos-animate{
  display: block;
  height: auto;
}
/***color-black***/
.digital-contact-centre .color-black{
  color: #fff;
}
.digital-contact-centre .banner-text {
    bottom: 10%;
    top: auto;
}
/***op-to-ol***/
.op-to-ol .d365-carousel .owl-nav {
    bottom: 10px;
}
.op-to-ol .addtl-sec-carousel-wrap{
  padding-bottom: 0;
}
/*.op-to-ol .d365-carousel .owl-nav button.owl-prev,
.op-to-ol .d365-carousel .owl-nav button.owl-next{
  position: relative;
  left: 0;
  right: 0;
  top: auto;
}*/
.op-to-ol .accordion-section .ckeditor-accordion-container > dl,
.op-to-ol .accordion-section .ckeditor-accordion-container > dl dt > a:hover,
.op-to-ol .accordion-section .ckeditor-accordion-container > dl dt > a:not(.button):hover{
   border-radius: 10px	
}
.op-to-ol .accordion-section .ckeditor-accordion-container > dl dt > a,
.op-to-ol .accordion-section .ckeditor-accordion-container > dl dt > a:not(.button){
  padding: 10px 15px;
}
.dark-carousel h2 {
    font-size: 30px;
}
.op-to-ol .ckeditor-accordion-container{
 float: left;
 width: 100%;
}
.op-to-ol .accordion-section .ckeditor-accordion-container {
    padding: 0 1%;
}

.op-to-ol .swiper-pagination{
  margin-bottom: 5%;
}
.op-to-ol section.calendly-link{
  margin-top: 0;
}
/***thankyou***/
.thankyou{
  padding-top: 10px;
}
.thankyou .ver-hor-center h2 {
    font-size: 55px;
}
.thankyou .ver-hor-center img.homeicon-img {
    width: 100% !important;
}
/***icon-section***/
.allianceSection .icon-hover {
    padding-top: 0;
}
/***azure-carousel***/
.azure-carousel-content {
    width: 100%;
    display: flex;
    padding: 0 8%;
    flex-direction: column-reverse;
    min-height: auto;
}
.azure-inner-carousel .owl-carousel .owl-nav button.owl-next, .azure-inner-carousel .owl-carousel .owl-nav button.owl-prev,
.azure-inner-carousel .owl-carousel button.owl-dot{
  padding: 18px 18px !important;
}
.azure-inner-carousel .owl-prev span, .azure-inner-carousel .owl-next span {
    font-size: 4rem;
}
.azure-carousel-content .fade-left.reveal{
  min-height: auto;
}
/***Isv-new***/
.isv-new .overview-content img {
    flaot: none;
    max-width: 100%;
    margin-top: 30px;
}
.isv-new .banner-text p {
    font-size: 18px;
    width: 100%;
}
.isv-new .banner-text {
    top: 12%;
    bottom: auto;
}
.isv-new .d-tabbed-info {
    width: 100%;
}
.width60{
 width: 100%;
}
/***test***/
.new-insights .slideroptima .thought-leadership.testimonials img:first-child {
    max-width: fit-content;
    float: none;
    width: 60%;
    margin: 40px auto 0;
}
.new-insights .slideroptima .thought-leadership.testimonials p, .new-insights .slideroptima .thought-leadership h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.new-insights .slideroptima .thought-leadership.testimonials{
  margin-top: 0;
}
.section-spacing {
    padding-left: 15px;
    padding-right: 15px;
}
.isv-new.accordion .accordion-section .ckeditor-accordion-container {
    margin-top: 0;
}
/***webnairs-page***/
.tab-content.active {
    display: block;
    margin: 3% 3%;
    border: 2px solid #ccc;
}
.tab-content .webinar-content {
    font-size: 14px;
    margin: 2% 0;
    padding: 3% 3%;
}
.field-content .tab-button.active h3 p, .field-content .tab-button h3 p {
    margin-bottom: 0px;
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 700;
}
.page-view-insights.path-insights .blog-views-lhs {
    border-top: 0;
}
.page-view-insights.path-insights .blog-views-lhs .views-infinite-scroll-content-wrapper.clearfix > div {
    width: 100%;
}
.view-rhs-list .field-content .tab-button.active p, .view-rhs-list .field-content .tab-button p,
.view-rhs-list .field-content .tab-button.active h3,.view-rhs-list .field-content .tab-button h3{
   margin-bottom: 0;
}
/***newsletter***/
.news-letter .accordion .accordion-section .ckeditor-accordion-container > dl dt > a,
.news-letter .accordion .accordion-section .ckeditor-accordion-container > dl dt > a:not(.button) {
    padding: 10px 15px;
}
.playcontent {
    width: 100%;
}
.play-image {
    display: none;
}
.playcontent h3.top-btm {
    margin: 0 0 2.5vh;
}
/***devops***/
.devops .banner-text {
    bottom: auto;
    top: 30%;
}
/***sonata and microsoft***/
.page-node-10 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    width: 100%;
    display: block;
}
.page-node-10 .block-views.block-views-blockresources-block-1 .views-view-responsive-grid__item {
    margin-bottom: 5%;
}
.page-node-10 .banner .row {
    flex-direction: column-reverse;
}
.page-node-10 .banner .content {
    height: auto;
}
.page-node-10 .overview .content.col-md-6 {
    margin-top: 5%;
}
.page-node-10 .overview .content p {
    font-size: 14px;
    padding-bottom: 0px;
}
.page-node-10 .w-75 {
    width: 100% !important;
}
.page-node-10 .microsoft-services .row .col-md-2 {
    max-width: 100%;
    height: auto;
    margin-bottom: 3%;
}
.page-node-10 block-quicktabs-blockour-global-footprint .quicktabs-main .text-formatted .row p {
    font: normal normal normal 14px/27px Segoe UI;
}
.page-node-10 button.navbar-toggler.collapsed {
    display: none !important;
}
.page-node-10 #navbar-top, .page-node-10 #navbar-main {
    height: 67px;
}
.page-node-10 img.logo.pd0 {
    width: 85%;
    padding: 0;
.page-node-10 section.banner {
    background-color: #f1f2f2;
    display: flex;
    margin-top: 67px;
}
.page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-body p {
    width: 100%;
    font-size: 14px;
}
.page-node-10 .mstabs {
    display: none !important;
}
.page-node-10 .banner .content {
    height: auto;
    padding-left: 5%;
    width: 90%;
}
.banner-font {
    font-size: 28px;
    margin-bottom: 0;
}
.page-node-10 .middle-align img {
    width: 100%;
}
.page-node-10 block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a,
.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li a {
    font: normal normal normal 18px / 1.4 Segoe UI;
}
.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title span {
    font-size: 18px;
}
.page-node-10 div#block-sonata-quicktabscasestudy,
.page-node-10 div#block-sonata-quicktabsourglobalfootprint {
    margin: 0 -15px;
}
.page-node-10 .block-views.block-views-blockresources-block-1 {
    padding: 9% 4% 0;
}
.page-node-10 section.overview {
    padding: 4% 4% 0;
}
.desktop-display {
  display: none;
}
.mobile-display {
  display: block;
}
.slideroptima .thought-leadership.testimonials img:first-child {
    width: 100%;
    top: 0;
    max-width: 100%; 
}
}

@media screen and (max-width: 576px) {
  .awards-recognitions .blog-slider__img {
    width: 95%;
  }

  .blog-slider__button {
    width: 100%;
  }
  /***three-column-carousel***/
  .carousel .owl-prev, .carousel .owl-next {
    height: 6.5vw !important;
    width: 6.5vw !important;
  }
  .carousel .owl-prev span, .carousel .owl-next span {
    font-size: 12vw;
  }

/***bfsi-insurance***/
.page-node-5207 .addtl-sec-carousel-wrap{
  padding: 0 7% 70px;
}
.page-node-5207 .card-tit h2{
  margin-left: 0 !important;
}
.page-node-5207 .addtl-sec-carousel-wrap .owl-carousel .owl-stage-outer{
  height: auto !important;
  padding-bottom: 0;
}
.page-node-5207 .offerings{
  padding-top: 70px;
}
}

@media (min-width: 1024px) and (max-width: 1366px)  {
      .dark-carousel .dark-h2 {
        margin-left: 0;
    }
}


@media only screen and (max-width: 1023px) {
    .page-view-insights.path-insights .col-lg-5.blog-views-rhs {
        /*overflow: hidden;*/
        overflow-x: scroll;
        overflow-y: hidden;
        width: 95%;
        margin-left:10px;
    }
 .page-view-insights.path-insights .tabs {
    width: 220px;
}
.path-insights .tabs .field-content,
.tabs .views-field-field-event-date {
    border-bottom: none;
}
.page-view-insights.path-insights .blog-views-wrap .blog-views-rhs .view-rhs-list .view-content.row {
    width: 100%;
    flex-wrap: nowrap;
}

}
/* iPad Pro Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {


/*******Sonata and Microsoft********/
.page-node-10 #quicktabs-container-case_study .views-element-container .view-id-resources .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 1;
    --views-responsive-grid--cell-min-width: 100px;
    --views-responsive-grid--layout-gap: 10px;
}
.page-node-10 #servicearea .view-content .views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2;
    --views-responsive-grid--cell-min-width: 100px;
    --views-responsive-grid--layout-gap: 0px !important;
}
    .page-node-10 section.banner .image.col-md-7 {
        flex: 0 0 auto;
        width: 55% !important;
    }

.page-node-10 .tabsscroll {
    width: 94%;
}
.page-node-10 .middle-align img {
    display: flex;
    height: 100%;
    justify-content: center;
    margin-top: 1%;
    margin-bottom: 5%;
}
.page-node-10 .mstabs{display:none}
	.page-node-10 section.microsoft-services .col-md-2 {
        flex: 0 0 auto;
        width: 33%;
    }
	    .page-node-10 #quicktabs-tabpage-q-0 .field--name-body.field--type-text-with-summary .col-sm-6:first-child {
        flex: 0 0 auto;
        /* width: 100%; */
        min-height: 47vh;
        min-height: 31vh;
        max-height: 100vh;
        height: 44vh;
        overflow: auto;
    }
	.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title span {
    font-size: 2.3vw;
    color: #000;
    font-weight: normal;
    font-family: 'Segoe-UI-Bold';
    width: 100%;
}
.page-node-10 .block-views.block-views-blockresources-block-1 .views-view-responsive-grid__item {
    border: 1px solid #ccc;
    min-height: 25vh;
    padding-top: 2vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
}
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span a {
    font-family: 'Segoe-UI-Bold';
    font-size: 22px;
}
.list-group-item.active a {
    border-bottom: 3px solid #8E5DA3 !important;
    font-weight: bolder !important;
    margin: 10px 26px !important;
}
    .page-node-10 img.logo.pd0 {
        width: 40%;
    }
/********Sonata and Microsoft End********/
    .page-node-5197.node--type-industry .overview-content {
        display: flex;
        padding: 0px 0px !important;
    }
 .case-studies-wrap,
 .case-studies-wrap .cs-stacked-cards {
   min-height: 55vh;
 } 
 .case-studies-wrap .cs-stacked-cards {
   margin-left: -25%;
 }
 .offering-list li picture {
  max-height: 13vh;
 }
 .offering-list li .actual-content {
   max-height: 13vh;
 }
 .page-node-4534 .offering-list li .actual-content {
  max-height: 10vh;
 } 
  [id*="industries-"],
  [id*="industries"] img {
    min-height: inherit !important;
  }

  [id*="industries-"] .industry-paragraph-wrap {
    top: 50%;
    transform: translateY(-50%);
  }
  [id*="industries-"] picture {
    min-height: 50vh;
  }
  .industries .nav-wrap {
    display: none;
  }
  .board-members {
    min-height: 75vh !important;
  }

  .members-list li .board-img {
    height: 65%;
  }

  .members-list li.active .member-info .board-img {
    transform: scale(1) translateX(60%);
    animation: activeImg 0.5s ease-in-out;
  }

  @keyframes activeImg {
    from {
      transform: scale(1) translateX(7%);
    }

    to {
      transform: scale(1) translateX(60%);
    }
  }
   /*scalable issues*/
   .node--type-platformation .consulting-pg .banner-content h2 {
     font-size: 50px;
    }
   p,a,span{
    font-size: 15px;
   }
   .page-node-1820 .overview-content p {
    font-size: 15px;
   }
   .page-node-5026 .icon-hover p{
     width: 100%;
     margin: 0 auto;
   }
   .page-node-4888.node--type-digital-modernization-engineer .allianceSection .icon img {
    max-width: 70%;
  }
  /***OP to OL***/
  .dark-carousel .dark-h2 {
    margin-left: 0 !important;
  }
  /***sustainablity***/
   .ESG-Progress .card-desc p{
    font-size: 15px;
  }
  .ESG-Progress .card-title-purple h3,
  .ESG-Progress .card-title-blue h3,
  .ESG-Progress .card-title-green h3{
    font-size: 25px
   }
  .ESG-Progress .font-weight-normal{
   font-size: 21px;
  }
  .card-body.pt-2 {
    padding: 4px 13px !important;
  }
  /***ms-fabric***/
  .msfabric-video .rajVideo p.font40 {
    font-size: 23px !important;
  }
  .msfabric-video .rajVideo .imageContent {
    width: 80%;
  }
  .resources-main-container .resource-container {
    position: relative;
    height: 90vh;
    background-color: #DEE0E1;
    padding: 0 1%;
   }
   .resource-content {
    left: 1%;
  }
  /***bfsi***/
  .banner-carousel .owl-nav{
   left: 50%;
  }
  .case-studies-wrap .cs-title {
    left: -11% !important;
    top: 54% !important;
  }
  .cards-bfsi .offerings .container-wrap {
    padding-left: calc(4.35% - 4.5px);
    padding-right: calc(4.35% - 4.5px);
 }
 .cards-bfsi .card-tit h2,
 .cards-bfsi .card-tit h4{
  padding-left: 5%;
 }
 /***webinar-page-verticaltabs***/
.page-view-insights.path-insights .view-rhs-list .tabs {
    width: 100%;
}
}
@media only screen and (max-width: 1023px) {
    .page-view-insights.path-insights .col-lg-3.offset-lg-1.blog-views-rhs {
        /* overflow: hidden; */
        overflow-x: scroll;
        overflow-y: hidden;
        width: 95%;
    }
}

/* iPad Pro Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

.owl-carousel .owl-stage-outer {
    padding-bottom: 40px;
}


.node--type-newsletter-landing-page .nl-cs .owl-theme .owl-nav.disabled+.owl-dots {
    margin-left: 4%;
    width: 15%;
}

.nl-cs .owl-theme .owl-nav.disabled+.owl-dots {
    margin-left: 3%;
    width: 25%;
} 
 .board-members {
    min-height: 78vh !important;
  }
  .page-node-4534 .offering-list li .actual-content {
    max-height: 19vh;
  }

  .members-list li:nth-child(2) .board-img {
    left: -90px;
  }

  .members-list li:nth-child(3) .board-img {
    left: -40px;
  }

  .members-list li .board-img {
    transform: translateX(-17%) scale(1);
    animation: memImg1 0.7s ease-in-out;
  }

  @keyframes memImg1 {
    from {
      transform: translateX(0) scale(1.5);
    }

    to {
      transform: translateX(-17%) scale(1);
    }
  }

  .members-list li.active .member-info .board-img {
    transform: scale(1.5) translateX(0);
  }

  @keyframes activeImg {
    from {
      transform: scale(1.5) translateX(0);
    }

    to {
      transform: scale(1.5) translateX(50%);
    }
   }
   .page-node-5026 .icon-hover p{
     width: 100%;
     margin: 0 auto;
   }
   .page-node-4888.node--type-digital-modernization-engineer .allianceSection .icon img {
    max-width: 70%;
  }
  
  /*scalable issues*/
   .node--type-platformation .consulting-pg .banner-content h2 {
    font-size: 50px;
   }
   p,a,span{
    font-size: 1.02vw;
   } 
   li{
    font-size: 14px;
   }
   .banner-carousel .owl-nav{
    left: 8%;
   }
   /***sustainablity***/
  .resource-container {
    height: 81vh !important;
   }
   /***thankyou***/
  .thankyou {
    padding-top: 23vh !important;
  } 
  }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){

/*******Sonata and Microsoft********/

.page-node-10 #quicktabs-container-case_study .views-element-container .view-id-resources .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2 !important;
    --views-responsive-grid--cell-min-width: 100px;
    --views-responsive-grid--layout-gap: 10px;
}
.page-node-10 #servicearea .view-content .views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2 !important;
    --views-responsive-grid--cell-min-width: 100px;
    --views-responsive-grid--layout-gap: 0px !important;
}

.page-node-10 .overview .content h2 {
    font-size: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
}
.page-node-10 block-quicktabs-blockour-global-footprint h2 {
    font-size: 35px;
}

.page-node-10 .block-views.block-views-blockresources-block-1 h2, 
.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study h2 {
    font-size: 35px;
}
.page-node-10 section.banner .image.col-md-7, .page-node-10 .banner .content {
        width: 93% !important;
}


.page-node-10 .banner .content {
    display: flex;
    height: 28%;
    /* justify-content: center; */
    flex-direction: column;
    WIDTH: 100%;
}
.page-node-10 .mstabs{display:none}

   .page-node-10 section.banner .image.col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
   .page-node-10 section.overview .middle-align.col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
	.page-node-10 section.overview .content.col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
	.page-node-10 section.overview .middle-align.col-md-6 img {
        width: 65%;
    }
	.page-node-10 section.microsoft-services .col-md-2 {
        flex: 0 0 auto;
        width: 33%;
    }
	    .page-node-10 #quicktabs-tabpage-q-0 .field--name-body.field--type-text-with-summary .col-sm-6:first-child {
        flex: 0 0 auto;
        /* width: 100%; */

        min-height: 30vh;
        overflow: auto;
        max-height: 100vh;
        height: 30vh;
    }
	.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title span {
    font-size: 3.3vw;
    color: #000;
    font-weight: normal;
    font-family: 'Segoe-UI-Bold';
}
.page-node-10 .block-views.block-views-blockresources-block-1 .views-view-responsive-grid__item {
    border: 1px solid #ccc;
    min-height: 17vh;
    padding-top: 2vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-right: 0;
}
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span a {
    font-family: 'Segoe-UI-Bold';
    font-size: 22px;
}
.list-group-item.active a {
    border-bottom: none !important;
    font-weight: bolder !important;
    margin: 10px 0px !important;
}
    .page-node-10 img.logo.pd0 {
        width: 40% !important;
 }
.page-node-10 ul.quicktabs-tabs li {
    display: block !important;
    margin-bottom: 20px !important;;
}
    .page-node-10 block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a, .page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li a {
        font: normal normal normal 21px / 1.4 Segoe UI;
    }
.page-node-10 .quicktabs-wrapper .item-list ul li {
    margin: 0;
    padding: 10px 15px !important;
    text-align: left !important;
    font: normal 19px / 29px Segoe UI !important;
    letter-spacing: 0px;
    color: #000000 !important;
    border-right: none !important;
    border-radius: 0px;
    border-bottom: 1px solid #000 !important;
}
.page-node-10 .quicktabs-tabs .list-group-item.active {
    z-index: 2;
    color: #8E5DA3 !important;
    background: none;
    border-bottom: 3px solid #8E5DA3 !important;
}


/********Sonata and Microsoft End********/

 .page-node-5197.node--type-industry .overview-content {
        display: flex;
        padding: 0px 45px;
    }
.new-insights .slideroptima .thought-leadership.testimonials img:first-child {
    max-width: fit-content;
    float: right;
    display: none;
}

.isv-new .dyn-tabbed-content li strong {
    display: table-cell;
    font-size: 20px;
}
.node--type-newsletter-landing-page .tabs {
        width: 100% !important;
    }
hr {
    border: 2px solid #00BE9B;
    opacity: 1;
    width: 95% !important;
    margin: 15px auto;
}
   .node--type-newsletter-landing-page .section-spacing {
        padding: 5% 7%;
    }
}


@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {


/*******Sonata and Microsoft********/
.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul {
    display: inline;
    word-wrap: break-word;
}
.page-node-10 .quicktabs-wrapper .item-list ul li {
    font: normal 19px / 55px Segoe UI !important;

}
   .page-node-10 section.overview .content.col-md-6 {
        /* flex: 0 0 auto; */
        /* width: 100%; */
        height: 300px;
        overflow: auto;
        margin-bottom: 25px;
    }

.page-node-10 #quicktabs-container-case_study .views-element-container .view-id-resources .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2 !important;
    --views-responsive-grid--cell-min-width: 100px !important;
    --views-responsive-grid--layout-gap: 10px !important;
}
.page-node-10 #servicearea .view-content .views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2 !important;
    --views-responsive-grid--cell-min-width: 100px !important;
    --views-responsive-grid--layout-gap: 0px !important;
}

   .page-node-10 section.banner .image.col-md-7 {
        /* flex: 0 0 auto; */
        /* width: 100%; */
    }
   .page-node-10 section.overview .middle-align.col-md-6 {
        /* flex: 0 0 auto; */
        /* width: 100%; */
    }
	.page-node-10 section.overview .content.col-md-6 {
        /* flex: 0 0 auto; */
        /* width: 100%; */
    }
	.page-node-10 section.overview .middle-align.col-md-6 img {
        /* width: 65%; */
    }
	.page-node-10 section.microsoft-services .col-md-2 {
        flex: 0 0 auto;
        width: 33%;
    }
	    .page-node-10 #quicktabs-tabpage-q-0 .field--name-body.field--type-text-with-summary .col-sm-6:first-child {
        flex: 0 0 auto;
        /* width: 100%; */
        min-height: 47vh;
        min-height: 31vh;
        max-height: 100vh;
        height: 44vh;
        overflow: auto;
    }
	.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title span {
    font-size: 2.3vw;
    color: #000;
    font-weight: normal;
    font-family: 'Segoe-UI-Bold';
    width: 100%;
}
.page-node-10 .block-views.block-views-blockresources-block-1 .views-view-responsive-grid__item {
    border: 1px solid #ccc;
    min-height: 25vh;
    padding-top: 2vw;
    padding-bottom: 1vw;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
}
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span a {
    font-family: 'Segoe-UI-Bold';
    font-size: 22px;
}
.list-group-item.active a {
    border-bottom: 3px solid #8E5DA3 !important;
    font-weight: bolder !important;
    margin: 10px 26px !important;
}
    .page-node-10 img.logo.pd0 {
        width: 40%;
    }
.page-node-10 .tabsscroll {
    width: 85%;
}
/********Sonata and Microsoft End********/
}





/** css style for iPadAir landscape  **/

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

.body-content  > div.row:first-child {
    flex-direction: column-reverse;
}

}


@media only screen and (max-width:1080px) {
.owl-carousel .owl-stage-outer {
    padding-bottom: 40px;
}
/***bfsi-iminsurance***/
.page-node-5207 .banner-text {
    bottom: auto;
    top: 15%;
}
.offering-list li picture img{
  height: auto;
}

.page-view-insights .col-lg-8 {
        flex: 0 0 auto;
        width: 100%;
    }

  html{
    overflow: auto;
  }
  h1,
  h2,
  h3,
  p,
  h4 {
    margin-bottom: 1vh;
  }
  h5{
    font-size: 20px;
  }
  li, a {
    font-size: 14px;
  }
  label,strong {
    font-size: 16px;
  }
  .font h4{
    font-size: 18px;
  }
  .font p{
    font-size: 14px;
  }
  .width80  {
    width: 100%;
  } 
  .common-paragraph-text{
     font-size: 14px;
  }
  .insight-area .imageArea .insight-image:nth-child(even){
    margin-top: 10%;
  }
  .circle-info .col-sm-12 > div > p {
    width: 150px;
    height: 150px;
  }
  .youtube-bfsi iframe {
    border: 0;
    width: 100%;
    height: 40vh;
 }
  /***thanyou page***/
  .thankyou .ver-hor-center h2 {
    font-size: 50px;
  }
  .thankyou .ver-hor-center h3, .thankyou .ver-hor-center p strong {
    font-size: 30px;
  }
  .thankyou .ver-hor-center img {
    width: 50%;
    margin: 0 auto 3vh;
  }
  .thankyou .ver-hor-center {
    padding: 0 5%;
  }
  .thankyou .ver-hor-center p, .thankyou .ver-hor-center span {
    font-size: 16px !important;
  }
  .thankyou {
    padding-top: 9vh;
    min-height: calc(100vh - 22vh);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /***three-column--carosuel***/
  .carousel .owl-prev, .carousel .owl-next {
    height: 5.5vw !important;
    width: 5.5vw !important;
 }
 .carousel .owl-prev span, .carousel .owl-next span {
    font-size: 8vw;
 }
 .carousel .allianceSection p {
    width: 90%;
    margin: 0 auto;
 }
 .carousel p.common-subheading {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    width: 100%;
 }
 .carousel .icon-section {
    margin: 0;
 }
 .carousel .allianceSection p.common-subheading {
    padding-top: 0 !important;
 }
  /***op-to-ol***/
  .op-to-ol .d365-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -8%;
    top: 5%;
}

 .op-to-ol  .d365-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -8%;
    top: 5%;
}
.dark-carousel .dark-h2 {
    font-size: 30px;
    margin-left: 5%;
}
 .op-to-ol .ckeditor-accordion-container > dl dd{
  margin: 10px 0;
  padding:10px;
}
.op-to-ol ul {
    padding-left: 2.5rem;
}
.op-to-ol .dark-carousel .swiper-slide-active{
  box-shadow: 0;
}
.op-to-ol #swiperDetails p {
    width: 100%;
}
  /***scm-process-automation***/
  .page-node-5109 .overview .cotnainer-wrap .overview-content .col-sm-6:nth-child(2) img {
    height: auto;
  }
  /*modal-popup*/
  #js-modal-page-show-modal.modal.show .modal-dialog {
  max-width: 90% !important;
}
#js-modal-page-show-modal.modal.show h4.modal-title.modal-page-title {
    font-size: 15px;
}
#js-modal-page-show-modal.modal.show label.modal-dont-show-again-label {
    font-size: 12px;
}
#js-modal-page-show-modal.modal.show .modal-dialog {
  max-width: 74% !important;
}
/*.page-node-4993 .hov-pointer .icon-hover:hover .icon {
    left: 0;
}*/
.page-node-4197 .img-wrap-gap img {
  max-width: 50%;
}
/***career-opportunities-mexico***/
.career-opportunities-mexico div.webform-managed-file-placeholder,
.career-opportunities-mexico div#edit-upload-resume--description {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 2%;
}
.career-opportunities-mexico button#edit-actions-submit {
    margin-top: 0!important;
}
.career-opportunities-mexico #edit-upload-resume-upload{
  width: 100%;
}
.career-opportunities-mexico .hiring-drive-wrap table tr td:nth-child(2) {
    width: 250px;
    display: table;
    /* min-height: 250px; */
}
/***blogs***/
.blog-written-name {
    font-size: 16px;
  }
  /***platformation page***/
  .technology-environment .bg-content-platformation.row {
    width: 100%;
    margin: 0;
  } 
  /*googlespace*/
  .page-node-4822 p{
    font-size: 14px;
  }
  /*alliance icon*/
  .allianceSection p {
    margin-bottom: 2vh;
  }
  .allianceSection p.common-subheading{
    padding-top: 25px !important;
  }
  /*contactUS*/
  .addressSection h4 {
    font-size: 22px;
  }

  .page-node-1096 .communicationSection .heading {
    width: auto;
    padding-top: 2px;
    margin-left: 10px;
  }

  .page-node-1096 .views-field.views-field-nothing {
    float: left;
  }
  /*news room*/
.node--type-newsletter-landing-page .banner.inner-carousel{
  margin: 0;
}
  .newsRoom .animationButton a {
    color: #fff;
}
  /*aws*/
  .spec-section {
    position: relative;
    top: 1vh;
    color: #000;
    width: 100%;
    left: 7vw;
  }
  /*bfsi*/
  .partnersSection a {
    font-size: 14px;
  } 
  /*ai-data-modernization*/
  .overview-extra .know-more-btn span {
    position: relative;
    z-index: 9;
    color: #fff;
}
.overview-extra .knowMoreButton .circle {
    left: 34px;
}


  /*microsoft-fabric*/
  .page-node-4349 .banner-carousel .owl-nav,
  .page-node-5078 .banner-carousel .owl-nav {
    position: absolute;
    left: 10%;
    bottom: 0%;
    color: #fff;
  }

  /*hfs form*/
  .node--type-report-form-landing-page form.webform-submission-form {
    width: 80%;
  }

  .imageContent {
    position: relative;
    width: 100%;
    margin-left: 0;
  }

/*case studie pages*/
p.retail-cs-spec-head {
    font-size: 35px!important;
    color: #fff;
}
div#abt-client {
    padding-left: 5%;
}
div#outcomes {
    height: auto;
}
h3 strong{
 font-size: 26px;
}
.cs-pblm-lftcnt.left {
    width: 50%;
    padding: 3% 5% 0;
}
.cs-pblm-lftcnt.left h3 {
    padding-bottom: 0;
}
.cs-pblm-rttcnt p {
    font-size: 20px;
}
.cs-pblm-rttcnt {
    width: 50%;
    padding: 0 5% 2%;
}
.cs-prsnsol-lf{
  width: 100%;
}
#problem-solutions .cs-prsnsol-rt {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
}
.first-section-cs {
    margin-top: 6vh;
    height: auto;
}
.first-cs-rtimg {
    float: right;
    width: 50%;
}
.cs-sonat-edge{
 width: 100%;
}
.first-section-cs.left{
  width: 90%;
} 

  /*Rajvideo*/
  .rajVideo p.font40 {
    font-size: 22px !important;
  }

  .rajVideo .imageContent {
    margin-left: 4%;
    width: 75%;
  }

  /*homepage-alignemnt*/
  .ourpeople-area .animationButton {
    right: 14.3vw;
  }

  /** know more button with red background **/
  /*.knowMoreButton .circle {
    background: #ff0000;
    border: 1px solid #ff0000;
    width: 100%;
    border-radius: 25px;
  }

  .knowMoreButton .circle .icon {
    color: #fff;
    left: calc(100% - 55px);
  }
  .knowMoreButton>span,
  .knowMoreButton>p {
    transform: translateX(-30px);
  }*/

  /***know more button diaabled hover effect ***/
  .knowMoreButton:hover .circle {
    background: transparent;
    border: 1px solid #606060;
    width: 28px;
    border-radius: 25px;
  }

  .knowMoreButton:hover .circle .icon {
    left: 0;
    color: #606060;
  }

  .knowMoreButton:hover>span, .knowMoreButton:hover>p {
    transform: none;
  }

  .knowMoreButton:hover>span a,
  .knowMoreButton:hover>span a:not([href]),
  .knowMoreButton:hover>p a, .knowMoreButton:hover>p a:not([href]) {
    color: #ff0000;
    text-decoration: none;
  }
 
  .page-node-764 .knowMoreButton>span a,
  .page-node-764 .knowMoreButton>span a:not([href]),
  .page-node-764 .knowMoreButton>span a.know-more-btn,
  .page-node-764 .knowMoreButton>p a,
  .page-node-764 .knowMoreButton>p a:not([href]),
  .page-node-764 .knowMoreButton>p a.know-more-btn {
    color: #000;
    text-decoration: none;
  }

 /* .knowMoreButton>span a,
  .knowMoreButton>span a:not([href]),
  .knowMoreButton>span a.know-more-btn,
  .knowMoreButton>p a,
  .knowMoreButton>p a:not([href]),
  .knowMoreButton>p a.know-more-btn {
    color: #fff;
  }*/

  .subsidaries-parent-cstm .ckeditor-accordion-container>dl dt>a{
     font-size: 30px;
  }
  .ESG-Progress .card-content{
    margin-bottom: 35px;
  }
  .reports-disclouser .knowMoreButton{
    padding-left: 81px;
  }
  .reports-disclouser .col-md-3 {
    width: 51%;
  } 
  .sthome-vertical-tabs .tab-content img{
   width: 100%;
  }
  #sustainability-carousel .secondImage {
    height: auto;
  }
  .details-card.awards-recognitions p {
    width: 75%;
  }
  .ESG-Progress .card-content{
    margin-right: 2vw;
  } 
  .badge-content {
    height: 422px;
   }
   .reports-disclouser .knowMoreButton:hover>p a{
    color: #ff0000;
   }
  /*carrers*/
  .page-node-3885 section.viewport-height.container-fluid.careers-gallery-wrap{
    min-height: auto;
  }
  .hover-effect-lists ul li .knowMoreButton:hover .circle {
    border: 1px solid #fff;
  }

  .culture-area .knowMoreButton:hover .circle,
  .videotext-area-second .knowMoreButton:hover .circle {
    border: 1px solid #fff;
  }

  .culture-area .knowMoreButton:hover .circle .icon,
  .videotext-area-second .knowMoreButton:hover .circle .icon {
    color: #fff;
  }

  section.in-the-news .knowMoreButton:hover>span a {
    color: #ff0000;
  }

  /*banner*/

  .newsroom-inner-content {
    margin-left: 5%;
  }

  .path-insights .view-filters span.glyphicon {
    top: 9%;
  }

  .path-insights .pointer .hdrDesc {
    font-size: 60px !important;
    font-family: 'Segoe-UI-Bold';
  }

  .path-insights .pointer-cont span {
    font-size: 24px;
  }

  /*ctaButton*/

  .page-node-15 #H1-section11.insight-area .animationButton {
    display: flex;
    justify-content: center;
  }

  /*newsection*/
  .page-node-15 .newSection {
    padding: 1.5% 10% 5%;
  }

  .page-node-15 .partnersSayingSection {
    padding: 5% 5% 0;
  }

  /*careers*/
  .page-node-3885 .banner-text {
    width: 80% !important;
    position: absolute;
    bottom: 0;
    top: 8%;
    left: 4%;
    right: auto;
  }

  .page-node-3885 .cr-overview-info {
    width: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 39%;
    left: 0;
  }

  .page-node-3885 #cr-office-slider {
    max-width: 100%;
    min-height: 10vh;
  }

  .page-node-3885 .cr-overview-info {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    margin-top: 0;
    border-radius: 0;
    position: relative;
  }

  .container-sec.allianceSection .animationButton {
    margin: 0 auto 30px;
  }

  /*data-privacy*/
  .page-node-4307 .hover-effect-lists li h3 {
    font-size: 18px;
    font-weight: bold;
    padding-left: 5vw;
    width: 90%;
  }

  .page-node-4307 .hover-effect-lists ul li {
    display: flex;
    align-items: center;
    width: 85vw;
    margin-bottom: 5px;
    padding: 3vw 2vw;
    border: 1px solid #bebebe;
    border-radius: 1.5vw;
    justify-content: flex-start;
    transition: all 0.2s linear;
    height: 100px;
  }

  .page-node-4307 .hover-effect-lists li span {
    font-size: 16px;
  }

  .page-node-4307 .hover-effect-lists .col-md-5 {
    width: 100%;
    margin-bottom: 2%;
  }

  .page-node-4307 .title-red,
  .page-node-4307 .overview-content h2 {
    padding: 0;
    font-size: 30px !important;
    margin-left: -1%;
  }

  /*conatctus*/
  form#webform-submission-contact-node-1096-add-form button#edit-actions-submit {
    margin-top: 30px !important;
  }

  form#webform-submission-contact-node-1096-add-form {
    top: 0px;
  }

  #block-sonata-new-webform-10 button {
    margin-top: -41vw;

  }

  .page-node-4617 .banner-text .colorB {
    color: #fff;
  }

  /*diversity-inclusion*/

  .page-node-4491 .content-image.imageArea{
   margin-top: 5%;
  }
  .leftContentImage .client-div {
    left: 12vw;
    max-width: 37.5%;
  }
  .page-node-4491 .path-div {
    position: relative;
    top: 0;
  }
  .rightContentText .quote-div {
    position: relative;
    left: -6vw;
    z-index: 2;
    width: 100%;
  }
  .d-i-page .imageArea .rightContentText p{
    right: 0;
  }

  .page-node-4491 .d-i-page .overview-content p {
    width: 100%;
    float: left;
  }

  .page-node-4491 .col-sm-6 {
    width: 100%;
  }

  .page-node-4491 .overview-content {
    flex-direction: column;
  }

  

  .d-i-page .overview-content p {
    font-size: 18px;
    width: 76%;
  }

  .page-node-4491 .quote{
    margin-top: -34%;
  }
  .page-node-4491 p.hdrDesc{
    display: inline-block;
    margin-top: 3%;
  }
  /*health-and-lifesciences*/
  .page-node-4250 .adv-card h5 {
    font-size: 16px;
  }

  .hover-effect-lists ul li {
    width: 65vw;
    padding: 20px;
  }

  /*energy-utilities*/
  .page-node-4617 .hover-effect-lists li h4 {
    font-size: 19px;
    font-weight: bold;
    padding-left: 5vw;
    width: 74%;
  }
    margin: 0 auto;

  .page-node-4617 .hover-effect-lists li span {
    font-size: 14px;
  }

  .page-node-4617 .hover-effect-lists ul li {
    width: 80vw;
    height: 18vw;
  }

  /*alliance*/
  .allianceSection .icon img {
    width: 85px !important;
    height: auto;
  }

  /*platformation*/
  .page-node-3567 .space-clearing div#deeperservices,
  .space-clearing .dataServices-sec {
    position: relative;
    width: 100%;
    padding: 5%;
    top: 0;
    left: 0;
    background-color: #000;
  }

  .page-node-3567 .space-clearing div#deeperservices {
    left: auto;
    right: 0;
  }

  /*circle*/
  /*.icon-hover:hover {
    cursor: none;
    transform: none;
  }

  .icon-hover:hover .circle {
    transform: none;
    height: 95px;
    width: 95px;
    margin-bottom: 56px;
  }

  .icon-hover:hover svg.colorWhite {
    fill: #000;
  }

  .icon-hover:hover .icon {
    left: 41%;
    top: -2vw;
  }*/

  .page-node-4993 .icon-hover .icon{
    position: static;
 }
.page-node-4993 .allianceSection .icon-hover {
    padding-top: 0 !important;
}
.page-node-4170 .icon-hover span{
  font-size: 16px;
}
  /***sustainablity button 10-04***/
 /***sustainablity-button-changes***/
.page-node-1820 .knowMoreButton {
    display: inline-block;
    padding: 5px 20px 5px 80px;
    background: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    width: auto;
}
.page-node-1820 .knowMoreButton .circle {
    height: 28px;
    width: 28px;
    border-radius: 25px;
    border: 1px solid #606060;
    display: inline-block;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in;
    line-height: 30px;
    background: transparent;
}
.page-node-1820 .knowMoreButton .circle .icon {
    left: 0;
    position: absolute;
    height: 14px;
    margin-left: 11px;
    font-size: 30px !important;
    transition: 0.3s ease-in;
    color: #606060;
    top: -4px;
}
.page-node-1820 .knowMoreButton>span a,
.page-node-1820 .knowMoreButton>span a:not([href]),
.page-node-1820 .knowMoreButton>span a.know-more-btn {
    color: #ff0000;
    font-size: 18px;
    text-decoration: none;
    height: 26px;
    line-height: 26px;
    display: block;
    font-weight: 600;
}
.page-node-1820 .knowMoreButton:hover .circle {
    height: 28px;
    width: 28px;
    border-radius: 25px;
    border: 1px solid #606060;
    display: inline-block;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in;
    line-height: 30px;
    background: transparent;
}
.page-node-1820 .knowMoreButton:hover .circle .icon {
    color: #606060;
    left: 0;
}
.page-node-1820 .knowMoreButton>span a,
.page-node-1820 .knowMoreButton>span a:not([href]),
.page-node-1820 .knowMoreButton>span a.know-more-btn,
.page-node-1820 .knowMoreButton>p a,
.page-node-1820 .knowMoreButton>p a:not([href]),
.page-node-1820 .knowMoreButton>p a.know-more-btn{
   color: #ff0000;
 }
  /*encore and scalable*/
  .icon-hover .icon {
    margin: 0 auto;
    width: 100%;
    left: auto; 
}
  /*providers*/
  #quicktabs-container-healthcare_payers_offerings p,
  #quicktabs-container-healthcare_providers p {
    font-size: 14px;
  }

  /**Stacked card style **/
  .card-stack-wrap article {
    padding: 15px 35px 0;
  }

  .card-stack-wrap article,
  .card-stack-wrap .stack-card {
    min-height: 450px;
  }

  .card-stack-wrap article img {
    max-height: 450px;
  }

  /* Hover effect lists */
  .hover-effect-lists ul li>span,
  .hover-effect-lists ul li h4 {
    font-size: 18px;
  }

  /*accolades*/
  .page-node-674 div#main-wrapper {
    padding-top: 9vh;
  }

  /*about-us-sustainability*/
  .page-node-1820 #csr-policy ul.csr-list {
    margin-left: 5%;
  }

  .page-node-1820 #csr-policy li,
  #csr-policy a {
    display: inline-block;
    font-size: 16px;
  }

  /*homepage*/
  .our-expertise .owl-carousel .owl-stage-outer {
    overflow: unset;
  }


  .client-exp .quote {
    top: -110px;
  }

  .class-rel {
    left: 23vw;
  }

  .awards-carousel {
    height: auto;
    margin-block: 5%;
  }

  #H1-section7 .quote {
    padding-top: 9px;
  }

  .culture-area .textArea {
    width: 325px;
    padding: 10px 20px;
    top: 135px;
    height: 50%;
    left: 50px;
    bottom: auto;
  }

  #block-sonata-new-webform-10 button {
    margin-top: -180px;
    position: relative;
  }

  .textArea.scroll {
    height: 350px;
  }

  /*newsRoom*/
  .node--type-newsroom div#block-sonata-new-page-title h1.title span.field {
    font-size: 30px;
  }

  .node--type-newsroom div#block-sonata-new-page-title {
    margin: 20% 10vw 0;
  }

  /*issue-fixing-130923*/
  ul#block-sonata-new-sociallinks {
    padding: 8px 0px 8px 0vw;
    margin: 0px 0px 0px 4% !important;
    width: auto !important;
  }

  .site-footer__bottom {
    margin-top: 25px;
    width: 90%;
    margin-left: 2%;
  }

  .site-footer ul#block-aboutusfootermenu-2 {
    padding-left: 2vw;
  }

  .page-node-15 h2.hdrText {
    font-size: 3.2rem;
    width: 75%;
    margin-left: 12.4% !important;
    font-family: 'Segoe-UI';
  }

  .banner-text .bannerSection {
    margin-left: 5%;
  }

  /*issuefixing s*/
  .overview-content ul {
    padding-left: 5%;
  }

  .overview-content ul li {
    margin-bottom: 2%;
  }

  .cont-left,
  .cont-right {
    padding-left: 0;
  }

  h3 {
    font-size: 26px;
  }

  .result-content {
    font-size: 18px !important;
  }

  .Marchitecture-sec p {
    padding-left: 0;
  }

  /*140923 investorsRelationship*/
  .page-node-764 .knowMoreButton .circle .icon {
    color: indianred;
    left: 0;
  }

  .page-node-764 .knowMoreButton .circle {
    background: transparent;
    width: 28px;
    border-radius: 25px;
  }

  .page-node-764 .knowMoreButton>span {
    transform: none;
  }

  /*aboutUs*/
  li.borderblue h4,
  li.borderGreen h4 {
    font-size: 24px;
  }

  /*hyper-automation-automation*/
  .page-node-4507 .banner-text h2 {
    color: #fff;
    margin-left: 0;
  }

  /* Board of directors  */
  .etl-wrap {
    padding-top: 1vh;
  }

  .etl-lists .knowMoreButton a {
    color: #fff;
  }

  .board-members {
    min-height: 100vh !important;
  }

  .members-list .knowMoreButton {
    padding-top: 0;
  }

  .members-list li p {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .members-list li:nth-child(2) .board-img {
    left: -130px;
  }

  .members-list li:nth-child(4) .board-img {
    left: -65px;
  }

  .members-list li .board-img {
    height: 70%;
    transform: translateX(-22%) scale(1);
  }

  @keyframes memImg1 {
    from {
      transform: translateX(0) scale(1.2);
    }

    to {
      transform: translateX(-22%) scale(1);
    }
  }

  .members-list li:hover .board-img {
    animation: memImg 0.7s ease-in-out;
    transform: scale(1.2) translateX(0);
  }

  @keyframes memImg {
    from {
      transform: translateX(-22%) scale(1);
    }

    to {
      transform: translateX(0) scale(1.2);
    }
  }

  .members-list li.active .member-info .board-img {
    transform: scale(1.2) translateX(10%);
    animation: activeImg 0.5s ease-in-out;
    transition: 0.5s ease-in;
  }

  @keyframes activeImg {
    from {
      transform: scale(1.2) translateX(0);
    }

    to {
      transform: scale(1.2) translateX(10%);
    }
  }

  .bm-img-wrap {
    width: 53vw;
  }

  .etl-lists .row-1,
  .etl-lists .row-2,
  .etl-lists .row-3 {
    margin: 5vh auto 0;
  }

  .etl-lists .views-field-nothing {
    margin-bottom: 15vh;
  }

  .etl-lists .row-3 .views-field-nothing {
    margin-bottom: 5vh;
  }

  .etl-inner {
    padding-top: 15%;
  }

  .title-cont {
    margin-top: 10vh;
  }

  /*aboutUs*/
  .aboutUs .abooutUsSection {
    flex-direction: row;
  }

  .allianceSection .icon-hover {
    margin-top: 0;
  }

  .allianceSection p.common-subheading {
    font-weight: bolder;
    font-size: 20px;
    margin-top: 20px;
  }

  .container-sec.allianceSection .animationButton {
    left: 20%;
  }

  .allianceSection p {
    font-size: 14px;
  }


  .container-sec.allianceSection h2 {
    padding-bottom: 3%;
  }

  .page-node-624 .container-sec.boardirectorsSection h2.common-heading {
    font-size: 22px;
  }

  .page-node-624 .rhs .common-heading {
    font-size: 20px;
  }

  /*HFS newSection*/
  .H1-section5.section-spacing .col-sm-6:nth-child(2) {
    height: auto;
    padding-left: 2%;
    padding-top: 4%;
    margin-top: 5%;
  }
  #hfs-data-modernization-report.section-spacing .col-sm-6:nth-child(2) h2 {
    margin-left: 0;
    font-size: 34px;
 }
  .buttonSection .animationButton {
    margin-right: 0;
  }
  .overview-extra .imageContent {
    width: 100%;
  }
  section.overview-extra.container-fluid{
   min-height: 100%;
}
  .buttonSection {
    flex-direction: column;
  }

  .circle.playbtn svg.svg-icon {
    margin-left: 10px;
  }

  .circle.playbtn svg.svg-icon path {
    fill: #fff;
  }

  .buttonSection {
    margin-top: 15px;
  }

  .blueGradientBox {
    width: 80%;
    top: 61%;
    left: 20%;
  }

  .blueGradientBox p {
    font-size: 18px !important;
  }

  .H1-section5.section-spacing .col-sm-6:nth-child(2) {
    align-items: flex-start;
  }

  .H1-section5.section-spacing .col-sm-6:nth-child(2) h2 {
    font-size: 40px;
    margin-left: 3%;
  }

  p.font36 {
    font-size: 25px;
  }

  .blueGradientBox img {
    width: 40px;
  }
  /*encore changes*/
  .allianceSection .icon-hover {
    padding-top: 60px;
}

 
.page-node-4888.node--type-digital-modernization-engineer .allianceSection .icon img {
    width: auto !important;
    height: auto;
    max-width: 40%;
}
/* scalable */
.page-node-5026 .owl-carousel .owl-nav.disabled{
  display: block;
}
.page-node-5026 .platform-carousel h2 {
    font-size: 25px;
}
.page-node-5026 .hover-effect-lists ul li{
  height: 12vw;
}
.page-node-5026 .hover-effect-lists ul li .animationButton{
  width: 40vw;
}
.d365-carousel button, .d365erp-carousel button {
    position: relative;
    top: -10vw;
}
.d365-carousel span, .d365erp-carousel span {
    font-size: 10vw;
}
.icon-hover p{
  font-size: 16px;
}
.d365-carousel.owl-loaded.owl-drag, .d365erp-carousel.owl-loaded.owl-drag{
  padding: 2% 1% 5%;
}
h2.d365-heading.aos-init.aos-animate{
  font-size: 30px;
  padding: 0 3% 3%;
}
  /*error meesage*/
 .node--type-report-form-landing-page .alert-wrapper div {
    font-size: 14px;
 }
  /*from-style*/
.page-node-4920 img.logo.pd0,
.page-node-4921 img.logo.pd0,
.page-node-4922 img.logo.pd0 {
    margin-top: 0;
}
.page-node-4920 header#header .navbar-toggler,
.page-node-4921 header#header .navbar-toggler,
.page-node-4922 header#header .navbar-toggler{
    display: none;
}
  /*scalable fixes 24th*/
/*ipad*/
/*.page-node-4328 .icon-hover:hover .icon {
    top: -60px;
}*/
.page-node-4328 .icon-hover .icon {
    top: -60px;
}
.page-node-4328 .allianceSection .icon-hover {
    margin-top: 23%;
}
.page-node-4328 section.overview-extra.container-fluid {
    min-height: auto;
}
.page-node-4328 .banner-text{
  top: 60%;
}
.accordion-section .ckeditor-accordion-container {
    padding: 0 5%;
}
.space-clearing #delivery-platform {
    right: 0;
    left: auto;
}
.bg-content-platformation {
    position: relative;
    left: 0;
    background-color: #000;
    padding: 8%;
}
.section-spacing.padding-zero {
    padding: 0;
}
/*platformation*/
.page-node-3567 .bg-content {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}
.technology-environment .bg-content {
    flex-direction: column;
}
.bg-content-platformation.platformation-content {
    color: #fff;
    width: 100%;
}
.ai-face-wrap .bg-content-platformation.platformation-content {
   top: 0;
   transform: none;
}
.ai-face-wrap .ai-face-img {
    max-width: 80%;
    left: 20%;
    position: relative;
}
.img-cont-right {
    width: 100%;
}
/*platformationtm-framework*/
.framework-background-content .bg-content-platformation {
    width: 100%;
}
/***/
p.para-text-width {
    float: left;
    width: 68vw;
    padding-top: 5%;
    font-size: 14px;
}
p.img-right img {
    width: 47%;
    position: relative;
    left: 55%;
}
.page-node-5075 img.logo.pd0{
  margin-left: 0 !important;
}
.page-node-5075 header#header .navbar-toggler{
  display: none;
}
.page-node-5075 .rpa-platform-list-wrap ul li svg{
  right: 50px;
}
.page-node-5075 .banner-text {
    left: 9%;
}
/***applybutton***/
.applybutton {
    background-color: red;
    padding: 2px 25px;;
}
#careers-page .knowMoreButton {
    padding: 20px 20px 20px 35px;
    background: transparent;
    width: auto;
    top: auto;
}
.applybutton .knowMoreButton .circle {
    border: 0;
}
/***ms-fabric***/
.resource-container {
    position: relative;
    height: 128vh;
    background-color: #DEE0E1;
}
img.res-mob-image {
    position: absolute;
    top: auto;
    bottom: -67px;
    display: none;
}
.resource-content p {
    left: 5vw;
}
.resource-content {
    position: relative;
    top: 50px;
    padding: 0 4%;
}
.resource-content h2{
  font-size: 48px;
}
.resource-content p {
    font-size: 32px;
    left: 10%;
}
.resource-container .animationButton.fade-bottom.reveal p {
    font-size: 32px;
    left: 18%;
}
.resource-container .animationButton.fade-bottom.reveal {
    top: 300px;
    left: 11vw;
}
/***vertical-tabs***/
.page-view-insights.path-insights .blog-views-lhs {
    margin-top: 7%;
    padding-left: 4%;
    padding-right: 4%;
}

.page-view-insights.path-insights .blog-views-wrap .blog-views-rhs .view-rhs-list .view-content.row {
    margin: 0;
    width: 100%;
}
.page-view-insights.path-insights .blog-views-wrap > .row {
    flex-direction: row;
}
.page-view-insights.path-insights .col-lg-5.blog-views-rhs .view-rhs-list {
    width: auto;
    margin-left: auto;
}
/*.page-view-insights.path-insights .tabs{
  width: 220px;
}*/
/* .page-view-insights.path-insights .col-lg-3.offset-lg-1.blog-views-rhs {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 95%;
 }
*/
.page-view-insights.path-insights .view-insights .blog-views-wrap .view-rhs-list {
    position: relative;
        top: auto;
}
.tabs .field-content .tab-button.active,
.tabs .field-content .tab-button {
    padding: 0;
    border-bottom: 0;
    flex-direction: column;
}
.blog-views-rhs::-webkit-scrollbar-thumb {
  background: #ccc;
}

.blog-views-rhs::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.blog-views-rhs::-webkit-scrollbar:hover {
  width: 12px;
  height: 12px;
}

.blog-views-rhs::-webkit-scrollbar-track,
.blog-views-rhs::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

.blog-views-rhs::-webkit-scrollbar-track {
   background: #fff;
    border:1px solid #ccc;
    border-radius: 4px;
}
/*.path-insights .tabs .field-content,
.tabs .views-field-field-event-date {
    border-bottom: none;
}*/

/***newsletter-new***/
.blog-views-lhs .overview-content, .blog-views-lhs .both-side-content .container-fluid {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}
.col-lg-9.blog-views-lhs {
    margin-top: 5%;
}
.col-lg-3.blog-views-rhs {
    margin-top: 5%;
}

.left-banner-cont {
    justify-content: start;
    height: 100%;
    left: 6%;
    top: 5%;
}
.font24 {
    font-size: 14px;
}
h4.font24{
  font-size: 18px;
}
.per60,
.per90 {
    width: 98%;
}
.font46 {
    font-size: 23px;
}
h3.top-btm {
    margin: 2.5vh 0 1.5vh;
}
.knowMoreButton>span a, .knowMoreButton>span a:not([href]), .knowMoreButton>span a.know-more-btn, .knowMoreButton>p a, .knowMoreButton>p a:not([href]), .knowMoreButton>p a.know-more-btn {
    font-size: 14px;
}
.org-announcement .p-1{
  border-bottom: 1px solid #ccc;
}
.org-announcement .animationButton{
  padding-bottom: 3%
}
.leaders-content.accordion-section {
    width: 100%;
    margin-left: 0;
}
.org-announcement h4.font24 {
    width: 95%;
    min-height: auto;
}
.leader-image-section {
    width: 100%;
}
.H-section .both-side-content .container-fluid {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}
.nl-cs .owl-dots {
    width: 29%;
}
.playcontent {
    width: 60%;
}
.play-image {
    width: 40%;
}
}

/* 1180px media query closing here */
/*css style for iPad mini landscape*/
@media only screen and (max-width:1024px) {
  /*d&I*/
  .rightContentText {
    width: 35%;
    float: right;
    margin-top: 10%;
}
.leftContentImage {
    float: left;
    width: 61%;
}
/**/
  #navbar-main {
    padding: 15px;
  }

  img.logo.pd0 {
    width: 240px;
    margin-left: 20px;
  }

  .navbar-toggler-icon {
    width: 20px;
    height: 20px;
  }

  header#header .navbar-toggler {
    background: #fff;
    display: block;
    position: absolute;
    right: 6%;
    top: 20px;
  }

  nav#navbar-top {
    z-index: 30;
    display: none;
  }

  .hide-mobile {
    display: none;
  }

  .region-we-mega-menu {
    display: none;
  }

  .show-mobile {
    display: block;
    width: 100%;
  }
  .ei-rhs .show-mobile {
    display: none;
  }

  /*careers*/
  .cr-insights-wrap .animationButton {
    position: absolute;
    right: auto;
    top: 20px;
    left: -33px;
  }

  /** Board of directors **/
  .board-members {
    min-height: 800px !important;
  }

  .members-list li h3 {
    font-size: 26px;
  }

  .members-list li .board-img {
    transform: translateX(-12%) scale(1);
    height: 68%;
    left: -110px;
  }

  @keyframes memImg1 {
    from {
      transform: translateX(7%) scale(1.2);
    }

    to {
      transform: translateX(-12%) scale(1);
    }
  }

  .members-list li:nth-child(1) .board-img {
    left: -100px;
  }

  .members-list li:nth-child(2) .board-img {
    left: -160px;
  }

  .members-list li:nth-child(3) .board-img {
    left: -120px;
  }

  .members-list li:nth-child(4) .board-img {
    left: -110px;
  }

  .members-list li.active .bio-cont {
    max-height: inherit;
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
  }

  .members-list li:hover .board-img {
    animation: memImg 0.7s ease-in-out;
    transform: translateX(7%) scale(1.2);
  }

  @keyframes memImg {
    from {
      transform: translateX(-15%) scale(1);
    }

    to {
      transform: translateX(7%) scale(1.2);
    }
  }

  .members-list li.active .member-info .board-img {
    transform: scale(1.4) translateX(53%);
    animation: activeImg 0.5s ease-in-out;
    transition: 0.5s ease-in;
  }

  @keyframes activeImg {
    from {
      transform: scale(1.4) translateX(7%);
    }

    to {
      transform: scale(1.4) translateX(53%);
    }
  }

  /** Executive leadership page **/
  .bm-img-wrap {
    width: 58vw;
  }

  .etl-lists .row-1,
  .etl-lists .row-2,
  .etl-lists .row-3 {
    margin: 5vh auto 0;
  }

  .etl-lists .views-field-nothing {
    margin-bottom: 15vh;
  }

  .etl-lists .row-3 .views-field-nothing {
    margin-bottom: 5vh;
  }

  /*homepage*/
  section#H1-section2 {
    padding: 0;
    position: relative;
  }

  .expertise-text .common-paragraph-text {
    font-size: 14px;
    padding-left: 6vw;
    margin-top: 1vh;
  }

  .newSection .common-paragraph-text {
    font-size: 20px;
    width: 100% !important;
  }

  .expertise-text .common-heading {
    width: 45vw;
    padding-left: 6vw;
    margin-top: 5vh;
  }

  .common-paragraph-text {
    width: 45vw;
  }

  section#H1-section2 {
    padding: 0;
    min-height: 35vh !important;
    position: relative;
  }

  .our-expertise .owl-theme .owl-nav {
    position: absolute;
    top: 10vh;
    width: 98%;
  }

  .client-exp {
    margin-top: 5vh;
  }

  .quote {
    top: -6vh;
  }

  .col-sm-12.icon-list {
    position: relative;
    right: 20%;
  }

  .class-rel {
    position: relative;
    top: 4vh;
    left: 14vw;
  }

  .class-abs {
    position: absolute !important;
    top: 9vh;
    left: 11vw;
  }

  .awards-carousel {
    height: 9vh;
  }

  .newsroom-inner-content {
    width: 90%;
    min-height: 5vh;
  }

  .culture-area .textArea {
    width: 32vw;
    border-radius: 30px;
    padding: 2vw 2vw;
    z-index: 40;
    top: 15vw;
    height: 17vh;
  }


  .culture-area .animationButton {
    margin-top: 0;
  }

  .overviewSection.joinSection .textArea {
    width: 35vw;
  }

  .overviewSection.joinSection .knowMoreButton {
    margin-top: 0vh;
  }

  /*expertise section*/
  .expertise-content {
    width: 50%;
    float: right;
    margin-right: 4%;
  }

  .expertise-content img.img-fluid {
    position: relative;
    margin-right: -236px;
    width: 100%;
  }
 /*scalble finance-and-operations*/
  .page-node-5026 .hover-effect-lists ul li {
    height: 20vw;
  }
  .page-node-5026 .hover-effect-lists ul li {
    width: 100%;
    padding: 20px;
  }
  .page-node-5026 .hover-effect-lists ul li{
     width: 100%;
}
/***ms-fabric***/
.thought-leadership.testimonials.ms-fabric-leadership p {
    width: 100%;
}
.thought-leadership.testimonials.ms-fabric-leadership .d-flex {
    flex-direction: column;
}
.thought-leadership.testimonials.ms-fabric-leadership .inner-content>.row {
    flex-direction: column;
}
.thought-leadership.testimonials.ms-fabric-leadership .quote-section img:first-child{
   top: 40px;
}
.thought-leadership.testimonials.ms-fabric-leadership{
   height: auto;
}
.thought-leadership.testimonials.ms-fabric-leadership .video-img img:last-child,
.thought-leadership.testimonials.ms-fabric-leadership .video-img video:last-child {
    top: 0;
}
/***vedio section***/
.msfabric-video  .com-sm-12.col-md-6.centerAlign {
    margin-top: 20vw;
    width: 45%;
}
}

/*** max-width-1023px ***/
/* mobile responsive */
@media only screen and (max-width: 1023px) {
   h4{
    font-size: 25px;
  }
  .banner-text p {
    font-size: 20px;
  }
  .card-stack-wrap article ul {
    max-height: inherit;
    overflow-y: visible;
  }
  .offering-list li ul li, .offering-list li ol li,
  .offering-list li ul li span {
    font-size: 14px;
  } 
  .tab-height {
    display: block;
  }
 .overview-content h2 {
    margin-top: 5%;
  }

  .dyn-tabbed-content {
    display: block;
    margin-top: 20px;
  }
  .dyn-tabbed-content li {
    width: 100%;
    margin-bottom: 10px;
  }
  .dyn-tabbed-content li strong {
    margin: 0;
  }
  .d-tabbed-info {
    padding-top: 10px;
    width: 100%;
  }
  
  /***ms-fabric***/
  
   .msfabric-video  .com-sm-12.col-md-6.centerAlign {
    margin-top: 0px;
    width: 80%;
  }

  /***OP to OL***/
  .op-to-ol .overview-content {
    display: flex;
    width: 97%;
    margin-left: 2%;
 }
  /*haloysy*/
  .page-node-4567 section.advantages {
    margin-bottom: 0px;
  }
  /*contactUS*/
  .views-field.views-field-nothing {
    width: 100%;
    float: left;
  }

  .col-sm-4.addressSection {
    width: 50%;
  }

  .views-field.views-field-field-gmap {
    float: left;
    width: 50%;
    position: relative;
    right: 0;
  }

  #quicktabs-container-locations .views-field.views-field-field-thumbnail-image {
    right: 0;
    top: 0;
    position: relative;
    float: left;
    width: 50%;
  }
  /*homepage*/
  .insight-area .imageArea .insight-image:nth-child(even){
   margin-top: 4%;
  }

  /*fabricPage*/
  h2.displayMobile {
    display: block;
    padding: 0 9%;
  }

  h2.displayDT {
    display: none;
  }
  .rajVideo h2.displayMobile {
    display: block;
    padding: 10% 7% 0;
    font-size: 30px;
  }
  #block-sonata-new-microsoftfabricsameervideo .buttonContent {
    margin-left: 4%;
    margin-top: 20%;
}
#block-microsoftfabricrajvideo .buttonContent {
    margin-left: 4%;
    margin-top: -25%;
}
.msfabric-video.inner-carousel .owl-theme .owl-nav {
    position: absolute;
    top: auto;
    left: auto;
    right: 40%;
    bottom: 0;
}
  /* Blog page font size control */
  .blog-inside-content {
    padding: 0;
  }

  .path-comment .main-content .section {
    max-width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .blog-template-wrap p,
  .blog-template-wrap span,
  .blog-follow-icon {
    font-size: 14px;
  }

  .blog-template-wrap .addtoany_list.a2a_kit_size_32>a {
    font-size: 14px;
  }

  .blog-template-wrap .addtoany_list.a2a_kit_size_32 a>span {
    width: 20px;
    height: 20px;
  }

  .blog-template-wrap .blog-title {
    padding-left: 0;
  }

  .blog-template-wrap .time-info {
    position: static;
    padding: 0 10px;
  }

  .blog-template-wrap .blog-content-wrap {
    margin-top: 15vh;
  }

  .blog-template-wrap .blog-date,
  .blog-template-wrap .blog-time {
    font-size: 12px;
  }


  .blog-title h2.title-short {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .blog-title h3.title-long {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .blog-template-wrap h3 {
    font-size: 20px;
  }

  .blog-template-wrap h4 {
    font-size: 16px;
  }

  .blog-template-wrap li {
    font-size: 14px;
  }

  .hiring-drive-wrap h2 {
    font-size: 18px;
  }
  .hiring-drive-wrap table tr td,
  .hiring-drive-wrap table tr th,
  .hiring-drive-wrap table tr td a {
    font-size: 14px;
  }
  .hiring-drive-wrap table tr td {
    white-space: nowrap;
  }
  .empowering-women .hiring-drive-wrap table tr td,
  .focused-hiring-drive .hiring-drive-wrap table tr td,
  .career-opportunities-mexico .hiring-drive-wrap table tr td {
    white-space: normal;
  }
  /*hfs section*/
  .H1-section5 .common-outline-text {
    font-size: 50px;
  }

  .imageContent {
    position: relative;
    width: 80%;
    margin-left: 14%;
  }
  .etl-lists p {
    min-height: 40px;
  }
  .blueGradientBox {
    width: 80%;
    top: 61%;
    left: 20%;
  }

  .blueGradientBox .font40 {
    font-size: 25px !important;
  }

  .H1-section5 .col-sm-6 {
    width: 100%;
  }

  .expertise-text .knowMoreButton {
    left: 0;
  }

  .node--type-report-form-landing-page {
    overflow-x: hidden;
  }

  p{
    font-size: 16px;
  }
  li{
    font-size: 14px; 
   }
  .etl-lists .knowMoreButton a {
    font-size: 15px;
  }

  .bm-banner-wrapper {
    padding: 70px 0 0;
  }

  .bm-banner-wrapper h2 {
    position: relative;
    margin: 10% 0 10% 5%;
  }

  .path-executive-leadership .etl-wrap:before {
    display: none;
    justify-content: center;
    text-align: center;
    width: 220px;
    font-size: 6.5vw;
  }

  .etl-lists {
    margin-top: 18%;
  }

  .bm-banner-img-wrap {
    margin-top: 0;
    justify-content: center;
  }

  /*.bm-banner-img-wrap img {
    max-width: 80%;
  }*/

  .icon-hover:hover p.common-subheading {
    padding-top: 0;
  }

  /*cookies*/
  /*cookies*/
  .eu-cookie-compliance-secondary-button,
  .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-message h1,
  .eu-cookie-compliance-message h2,
  .eu-cookie-compliance-message h3,
  .eu-cookie-compliance-message p,
  button.find-more-button.eu-cookie-compliance-more-button.find-more-button-processed {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #000 !important
  }

  div#sliding-popup,
  div#sliding-popup .eu-cookie-withdraw-banner,
  .eu-cookie-withdraw-tab {
    background-color: #fff !important;

  }

  .eu-cookie-compliance-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .eu-cookie-compliance-banner div#popup-buttons {
    display: flex;
    width: 100%;
    margin: 5px auto;
  }

  /*footer */
  ul#block-sonata-new-sociallinks {
    float: left;
    margin-right: 0;
    margin-left: 3%;
    margin-top: 3%;
    width: 48%;
  }

  header#header .navbar-toggler {
    top: 15px;
  }

  div#popup-buttons {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  /*** home-page ***/
  div#main {
    overflow: hidden;
  }

  .scrolldown {
    margin-top: -10%;
  }

  .title-red {
    padding-left: 0;
    margin-left: 0;
  }

  .container-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-node-4578 .hdrArea h2.colorB,
  .page-node-4578 .banner-text p.colorB {
    color: #fff !important;
  }

  .page-node-5036 .banner-text p,
  .page-node-5026 .banner-text p {
    width: 100%;
  }
  .gray-bg-content .col-md-3.col-sm-12 {
    margin-bottom: 10px;
  }

  /*newstyles **/
  .section-spacing .col-sm-6:nth-child(2) p {
    display: block;
  }

  .section-spacing .col-sm-6:nth-child(2) p img {
    width: 100%;
  }

  .banner-content .img-fluid {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .hdrArea h2,
  .banner-text h2,
  .banner-txt-temp2 span.txt-bold {
    font-size: 50px !important;
  }

  header#header nav#navbar-top {
    display: none;
  }

  .banner-text .bannerSection {
    /*margin-top: 70vw;*/
    margin-left: 0;
  }

  .banner-text {
    width: 70% !important;
    position: absolute;
    bottom: 10%;
    top: auto;
    left: 11%;
    right: auto;
  }
  .digital-contact-centre .banner-text {
    bottom: auto;
    top: 30%;
  }
  /***program-reboot-empowering-women***/
  .empowering-women .banner-text {
    width: 45% !important;
}
  .banner-carousel .owl-nav {
    left: 50%;
    bottom: 0;
    height: auto;
   }
  .page-node-4491  .banner-text {
    left: 7%;
  }
  .page-node-4491 .hdrArea {
    width: 50%;
  }
  .section-spacing {
    padding: 5% 7%;
    display: flex;
    flex-direction: column;
  }

  nav#navbar-main {
    padding: 15px 0;
  }

  /***/
  .search-icon.search {
    right: 4rem;
    position: relative;
    top: 26px;
  }

  .page-node-15 section {
    min-height: fit-content !important;
  }

  .banner-content video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }

  .banner.inner-carousel {
    padding: 0;
    margin: 0 -15px;
  }

  .page-view-insights .banner.inner-carousel {
    padding: 0;
    margin: 0;
  }

  .page-node-15 .banner-text {
    top: 0;
    left: 0;
  }

  .page-node-15 h2.hdrText {
    font-size: 3.2rem;
    width: 75%;
    margin-left: 9%;
    font-family: 'Segoe-UI';
  }

  .page-node-15 .pointer {
    width: 30rem;
    height: 18rem;
    margin: 3% 0;
  }

  .page-node-15 .pointer:before {
    content: "";
    position: absolute;
    right: -9rem;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 9rem solid rgba(255, 0, 0, 0.5);
    border-top: 18rem solid transparent;
  }

  .page-node-15 .pointer-cont {
    font-size: 4.5rem;
    margin-left: 12%;
  }

  .page-node-15 p.hdrDesc {
    margin-top: 2%;
    font-size: 20px !important;
    width: 100%;
    margin-left: 12%;
  }

  sup {
    top: -0.5em;
    font-size: 12px;
    margin: 0 2px 0 0;
  }

  .page-node-15 .bannerSection .pointer:before {
    right: -13.52vw;
    border-left: 13.6vw solid rgba(255, 0, 0, 0.7);
    border-top: 19vh solid transparent;
  }

  .page-node-15 .bannerSection .pointer {
    width: 86vw;
    height: 40vw;
  }

  .banner .owl-dots {
    position: absolute;
    bottom: 6rem;
    margin: 0;
    width: 49%;
    left: 6px;
    right: auto;
  }

  .banner .owl-dots .owl-dot:nth-child(1) {
    transform: rotate(-45deg);
    margin-right: 20%;
  }

  .banner-text {
    width: 100%;
  }

  .page-node-15 .banner-text {
    width: 90%;
  }

 

  /*new changes for prod */
  .vcl_content h2 {
    font-size: 40px;
  }

  div#edit-privacy-policy {
    padding-top: 75px !important;
  }

  .node--type-report-form-landing-page button#edit-actions-submit {
    margin-top: 0 !important;
  }

  button#edit-actions-submit {
    margin-top: -195px !important;
  }

  #select2-edit-select-enquiry-type-container {
    padding-top: 0 !important;
  }

  .owl-carousel.owl-theme.testimonials-carousel {
    padding-bottom: 50px;
  }

  .in-the-news h2.common-outline-text {
    text-transform: uppercase;
  }

  .mm-panel_opened p,
  .mm-panel_opened span {
    font-size: 20px;
  }

  div#quicktabs-container-healthcare_payers_offerings,
  div#quicktabs-container-healthcare_providers {
    display: flex;
    height: 410px;
    overflow: hidden;
    overflow-y: scroll;
  }

  #block-quicktabshealthcarepayersofferings ul.quicktabs-tabs.list-group li,
  #block-quicktabshealthcareprovidersofferings ul.quicktabs-tabs.list-group li {
    padding: 1% 4%;
  }

  #block-quicktabshealthcarepayersofferings ul.quicktabs-tabs.list-group a.quicktabs-loaded,
  #block-quicktabshealthcareprovidersofferings ul.quicktabs-tabs.list-group a.quicktabs-loaded {
    font-size: 20px;
  }

  .title-red {
    padding-left: 0 !important;
    font-size: 16px !important;
  }

  h2.quick-tab-heading {
    font-size: 22px;
    margin-top: 7px;
    margin-left: 6%;
  }

  .col-sm-12.icon-list {
    position: relative;
    right: 0;
  }

  /*** overview-section ***/
  .overview-content {
    display: flex;
  }

  .overview .overview-content p a {
    font-size: 14px;
  }

  .overviewSection {
    display: flex;
    flex-direction: column-reverse;
    min-height: 65rem !important;
    padding: 0;
  }

  .overviewSection .textArea {
    padding: 5% 2%;
  }

  .image-content {
    width: 100%;
  }

  .overviewSection .textArea {
    width: 90%;
    right: 0;
    position: relative !important;
    left: 6vw;
    top: 0;
  }

  .common-outline-text {
    -webkit-text-stroke: 1px black;
    font-size: 40px;
  }

  .overviewSection .textArea .common-paragraph-text {
    width: 100%;
  }

  .common-paragraph-text {
    margin-top: 1.4vw;
    font-size: 16px !important;
    transform: translateY(0px);
    opacity: 1;
  }

  .common-heading {
    font-size: 40px;
    width: 100%;
    transform: translateY(0px);
    opacity: 1;
  }

  .overviewSection .common-heading {
    width: 100%;
    margin: 3% 0 3%;
  }

  /*** carousel-section ***/
  .expertise-content {
    width: 100%;
    float: left;
    margin-right: 0;
  }

  .expertise-text {
    width: 90%;
    position: relative;
    left: 5%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

  .expertise-text .common-paragraph-text {
    padding-left: 0;
    margin-top: 0;
    width: 100%;
  }

  .expertise-text {
    margin-top: -65vh;
  }

  .expertise-content {
    padding-top: 21%;
  }

  .expertise-content .common-heading {
    padding-top: 62vh;
  }

  .expertise-text .common-heading {
    padding-left: 0;
    margin-top: 0;
  }

  .our-expertise .owl-prev span,
  .our-expertise .owl-next span {
    position: relative;
    top: -5px;
  }

  section#H1-section2 {
    padding: 0;
    min-height: 89rem !important;
    position: relative;
  }

  .expertise-text button.common-outline-button {
    margin-left: 0;
    width: 24%;
    margin-top: 2vw;
    font-size: 12px;
  }

  .our-expertise .owl-prev,
  .our-expertise .owl-next {
    height: 40px !important;
    width: 40px !important;
    font-size: 14vw !important;
  }

  .our-expertise .owl-prev span,
  .our-expertise .owl-next span {
    font-size: 50px !important;
  }

  .page-node-15 .bannerSection h2.hdrText {
    font-size: 28px !important;
    width: 100%;
    line-height: 1.2;
  }

  .page-node-15 .bannerSection .pointer-cont {
    font-size: 45px;
    margin-left: 12%;
  }

  /*** videoSection ***/
  .videotext-area {
    position: relative;
    min-height: 25.5rem;
  }

  h4.subheading {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 1vh;
  }

  .videotext-area .textArea {
    top: 28vw;
    right: auto;
    left: 18vw;
    width: 81%;
  }

  .common-outline-button {
    font-size: 12px;
  }

  section#H1-section4 {
    width: 100%;
  }

  /*** genrativeAI ***/
  .harmoniVideo .video-container-sec {
    padding: 0;
  }

  .harmoniVideo .videotext-area-second .common-outline-text {
    top: 5vw;
  }

  .harmoniVideo h3.common-subheading {
    font-size: 24px;
  }

  .harmoniVideo .videotext-area-second .common-outline-text {
    top: -5vw;
  }

  .container-sec.videotext-area-second {
    margin-top: -1%;
    min-height: 60rem;
    background-color: #000;
    position: relative;
  }

  .video-container-sec {
    width: 100%;
  }

  h4.subheading {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 1vh;
  }

  .videotext-area-second .textArea {
    bottom: 0;
    top: 10vh;
    left: 17vw;
    width: 75%;
  }


  .videotext-area-second .common-paragraph-text,
  .videotext-area-second .common-heading {
    width: 100%;
    color: #fff;
  }

  /*** awardsSection ***/
  .awards-cont .common-heading {
    font-size: 24px;
    width: 90%;
  }

  .awards-cont {
    flex-direction: column;
    margin-top: 2vh;
  }

  .awards-carousel {
    height: auto;
    display: flex !important;
    justify-content: end;
    align-items: end;
  }

  .awards-carousel.owl-carousel img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .awards-cont p {
    width: 100%;
  }

  .awards-cont .common-outline-text {
    width: 60%;
  }

  .awards-carousel .owl-dots {
    display: none !important;
  }

  .awards-recognition .common-outline-text {
    width: 60%;
  }

  .awards-recognition .content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
  }

  .awards-carousel.owl-carousel img {
    width: auto;
  }

  /* newsroomSection */
  .newsroom-inner-content:first-child {
  }

    border-bottom: 0;
  .newsroom-inner-content:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .insight-image .knowMoreButton {
    margin-top: 0;
  }

  /*** partnersSection ***/
  .partnersSection {
    padding: 5% 7% 0;
  }

  .header-text-black {
    font-size: 9.5vw;
    margin-top: 2vh;
  }

  .partnersSection .common-paragraph-text {
    width: 100%;
    margin-top: 2vh;
  }

  .icon-list img {
    width: 50%;
    height: auto;
    margin: 5% auto 0;
  }

  #H1-section8 .img-content {
    margin-top: 0;
  }

  .icon-list {
    display: flex;
  }

  /*** whyPartnersSection ***/
  .partner-img-content {
    position: absolute;
    left: 44%;
    width: 27%;
    top: 36%;
  }

  /**** partners section ****/
  .class-rel {
    top: -8vh;
    left: 25vw;
    width: 20vw !important;
  }

  .class-abs {
    top: -5vh;
    left: 25vw;
    width: 18vw !important;
  }

  .newSection .common-paragraph-text {
    width: 100%;
  }

  /*** InTheNewsSection ***/
  .in-the-news h2.common-outline-text {
    margin-bottom: 2vh;
    text-transform: uppercase;
    margin-left: 2vw;
  }

  .newsSectionlist {
    border-bottom: 1px solid #808080;
    margin-bottom: 0;

  }

  section.in-the-news a {
    font-size: 4.5vw;
  }

  section.in-the-news span {
    font-size: 15px;
  }

  .newsSectionlist,
  .newsSectionCont {
    width: 100%;
  }

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

  .newsSectionCont {
    margin-left: 3%;
  }

  .newsSectionCont .newsroom-inner-content {
    font-size: 14px;
    margin: 10px auto;
  }

  .view-newsroom .animationButton {
    margin-left: 0;
  }

  /*** InsightsSections ***/
  .insight-area .imageArea {
    height: 100%;
    flex-wrap: wrap;
  }

  .insight-area .imageArea .insight-image img {
    height: 50%;
  }

  .insight-area .imageArea .insight-image .insight-text {
    font-size: 20px;
    width: 79%;
  }

  .insight-area .imageArea .insight-image {
    height: 100%;
    width: 100%;
    margin: 4% 0;
  }

  .insight-area .imageArea .insight-image:hover {
    margin-left: 10%;
  }

  .insight-area .animate-active-bottom,
  .insight-area .animate-active-top {
    transform: translateY(1vw);
  }

  /*** OurCulture ***/
  .display-mobile {
    display: block;
  }

  .ourpeople-area .animationButton {
    right: -1vw;
  }

  .culture-area .animationButton a,
  .culture-area .animationButton a:hover {
    color: #fff !important;
  }

  /*** EperienceAreaSection ***/
  .client-exp {
    flex-direction: column;
    margin-top: 24%;
  }

  .experiences-area .slide .imageArea {
    width: 100%;
    margin-top: -12%;
  }

  .experiences-area .slide .imageArea .quote {
    height: 9vw;
    left: -16vw;
    top: 25px;
  }

  .experiences-area .slide .imageArea .path {
    height: auto;
    z-index: 5;
    top: 5vw;
    animation: opacityAnimate 1s linear;
    animation-delay: 1s;
    width: auto;
  }

  .experiences-area .slide .imageArea .img-client {
    margin-top: -263px;
    width: auto;
  }

  .experiences-area .slide .textArea {
    margin-top: -162%;
    width: 99%;
  }

  .experiences-area .slide .textArea p {
    width: 100%;
    padding-top: 65vh;
    font-size: 3.5vw;
  }

  .experiences-area .owl-dots {
    left: 60vw;
  }

  .experiences-area .owl-dots {
    bottom: 15rem;
    width: 50%;
  }

  .experiences-area .owl-dots .owl-dot:nth-child(1) {
    transform: rotate(-45deg);
    margin-right: 27%;
  }

  .experiences-area li:first-child,
  .experiences-area li {
    font-size: 3.5vw;
    margin-top: 1vh;
  }

  /*** joinSection ***/
  .joinSection {
    display: flex;
    flex-direction: column-reverse;
    min-height: auto;
    padding: 0;
  }

  .joinSection .textArea {
    width: 100%;
    right: 0;
    position: relative !important;
    left: 6vw;
    top: 7vw;
  }

  /*** ourCulture ***/
  .culture-area .imageArea {
    height: auto;
    width: 100%;
    position: relative;
  }

  .culture-area .textArea {
    width: 40%;
    left: 7vw;
    bottom: auto;
    background: rgba(246, 25, 25, 0.8);
    border-radius: 30px;
    transition: bottom 1s linear;
    z-index: 40;
    top: 4vw;
    height: 70%;
    margin: 0 auto;
    padding: 2vw 2vw;
  }

  .culture-area .animationButton {
    margin-top: 0;
  }

  .culture-area .imageArea .trek {
    height: 50%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    position: absolute;
    right: 0;
    z-index: 40;
    bottom: 0;
  }

  /*** ourPeopleSection ***/
  .ourpeople-area {
    padding: 0% 4% 0;
  }

  .ourpeople-area .textArea {
    width: 100%;
    justify-content: unset;
    align-items: unset;
    margin-top: 5vh;
  }

  .ourpeople-area .common-heading {
    width: 100%;
  }

  .ourpeople-area .textArea .common-paragraph-text {
    width: 100%;
    right: 0;
  }

  .ourpeople-area .textArea .common-outline-button {
    right: 0;
    width: 40%;
  }

  .ourpeople-area .imageArea {
    height: 50vh;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-top: 5vh;
  }

  .ourpeople-area {
    flex-direction: column;
  }

  /* joinsonata */
  .overviewSection.joinSection .textArea .common-paragraph-text {
    width: 100%;
  }

  .overviewSection.joinSection .textArea {
    width: 90vw;
  }

  .featured-bottom .vcl_content p {
    font-size: 40px !important;
  }

  .featured-bottom .vcl_content p+p,
  a.schedule-meeting,
  .featured-bottom .form-control,
  #select2-edit-select-enquiry-type-container {
    font-size: 14px !important;
  }

  a.schedule-meeting {
    padding: 10px;
  }

  /*** end-styles ***/

  .page-node-4169 .banner-text {
    top: auto;
  }

  .page-node-4169 p.hdrDesc {
    font-size: 5.8vw !important;
  }

  .page-node-4169 .pointer-cont {
    font-size: 10vw;
    width: 90%;
  }

  .page-node-4169 h2.hdrText {
    font-size: 7.2vw !important;
    width: 70%;
  }

  .leadership-spot-content {
    display: flex;
    flex-direction: column;
  }

  .leadership-spot-content h4 {
    font-size: 26px;
  }

  section.thought-leadership-spotlight {
    top: 0;
    padding: 5% 5%;
  }


  /** L1 page stacked cards **/
  .platform-carousel .item .img-shade,
  .platform-carousel .item .carousel-content {
    visibility: visible;
    opacity: 1;
    border-radius: 23% 0;
  }

  .platform-carousel.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto;
    max-width: inherit;
  }

  .platform-carousel.owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
  }

  .platform-carousel .item .carousel-content h4 {
    font-size: 18px;
  }

  /** Overview stacked cards section **/
  .card-stack-wrap {
    margin-top: 20px;
  }
  .card-stack-wrap article .row {
    margin-left: 0;
    margin-right: 0;
  }

  .card-stack-wrap article {
    padding: 20px;
    min-height: auto;
    border-radius: 16px;
  }

  .card-stack-wrap article h2 {
    font-size: 24px;
  }

  .card-stack-wrap article p,
  .card-stack-wrap article ul li {
    font-size: 14px;
  }

  .card-stack-wrap .stack-card {
    min-height: auto;
    margin-bottom: 20px;
  }

  .card-stack-wrap .stack-card h3,
  .card-stack-wrap .stack-card h4 {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .card-stack-wrap article [class*="col-"] {
    width: 100%;
  }

  .card-stack-wrap article .col-lg-6:last-child {
    display: none;
  }

  section.overview {
    padding-left: 15px;
    padding-right: 15px;
  }

  .overview-content h3 {
    font-size: 26px;
    margin-top: 20px;
  }

  .cr-overview-info {
    width: 260px;
    left: 20px;
  }

  .cr-overview-info h3 {
    font-size: 26px;
  }

  /** Offerings section **/
  .hover-effect-lists .row {
    padding: 0 10px;
  }

  .hover-effect-lists ul li>span {
    width: 10%;
  }

  .hover-effect-lists ul li {
    width: 85vw;
  }

  .offerings .container-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .offerings .row {
    margin: 0 auto;
  }

  .offerings .title-red {
    padding-left: 0 !important;
  }

  .offering-list {
    border-radius: 10px;
    border: 0;
  }

  .offering-list>li,
  .offering-list li .left-section {
    overflow: visible;
    list-style: none;
    height: auto;
    ;
    padding: 0;
  }

  .offering-list li h3 {
    font-size: 4.2vw;
  }

  .offerings [class*="col-"] {
    padding: 0;
  }

  .offerings>.container-wrap>.row>.col-md-5 {
    width: 100%;
  }

  .advantages .adv-card ul {
    padding-left: 20px;
  }

  .offering-list li:first-child picture img {
    border-radius: 10px 0 0 0;
  }

  .offering-list li picture {
    max-height: inherit;
    height: 100%;
  }

  .offering-list li .knowMoreButton>span a {
    color: #fff;
  }

  .offering-list li picture img {
    max-width: 100%;
    width: 100%;
    border-radius: 0;
  }
  .offering-list li:last-child picture img {
    border-radius: 0 0 0 10px;
  }

  .offering-list li .summary-content {
    display: none;
  }
  .offering-list li:hover .actual-content {
    padding-right: 0;
  }

  .offering-list li .actual-content {
    position: static;
    padding: 0;
    display: block;
    visibility: visible;
    opacity: 1;
    max-height: inherit; 
    overflow: visible;
  }
  
  .page-node-4534 .offering-list li .actual-content {
    max-height: inherit;
  }

  .offerings {
    padding-bottom: 30px;
  }

  .offerings h2,
  .overview-content h2,
  .addtl-sec-carousel-wrap h3 {
    font-size: 30px;
  }

 .addtl-sec-carousel-wrap h3{
   font-size: 20px;
  }

  .platform-carousel {
    padding-left: 0;
  }

  .badge-carousel .width40 {
    width: 64vw;
  }
 
  .card-tit p strong,
  .card-tit h2 {
    font-size: 26px !important;
    margin-left: 20px !important;
  }

.page-node-4567 .card-tit h2 {
    font-size: 26px !important;
    margin-left: 20px !important;
}

  .card-tit p {
    margin-left: 15px !important;
  }

  .offering-list .cont-info,
  .offering-list li p,
  .offering-list li ul li {
    font-size: 14px;
  }

  .offering-list>li:first-child,
  .offering-list>li:first-child picture {
    border-radius: 10px 10px 0 0;
  }

  .offering-list>li:last-child {
    border-radius: 0 0 10px 10px;
    border-bottom: 1px solid #707070;
  }

  .offering-list li .left-section {
    position: static;
  }

  .offering-list>li {
    padding: 0;
    margin-bottom: 0;
    border: 1px solid #707070;
    border-bottom: 0;
    border-radius: 0;
    margin-left: 0;
  }

  .offering-list>li .row {
    margin: 0;
  }

  .offering-list li:hover {
    background: #fff;
    color: #000;
  }

  .offering-list li figure {
    display: block;
    position: static;
    background: none;
    height: auto;
    transform: none;
    margin: 0;
  }

  .offering-list li:hover .more-content {
    padding-right: 0;
  }

  .offering-list li .more-content .summary-remainder {
    display: inline;
    font-size: 14px;
  }

  .offering-list li figure img {
    transform: none;
    max-width: 50%;
    top: 0;
  }

  .offering-list li .offer-list-info {
    padding: 15px;
  }

  .offering-list li .off-know-more {
    display: none;
  }

  .offering-list li .cta-section {
    bottom: auto;
    top: 0;
    right: 0;
    position: static;
    display: none;
    text-align: left;
  }

  .offering-list li .num-more {
    position: absolute;
    bottom: 15px;
    right: 15px;
  }

  .offerings a.read-more {
    display: none;
  }

  .offering-list li .read-more i {
    transform: rotate(-90deg);
  }

  .offering-list li .read-more {
    visibility: visible;
    margin: 0;
  }

  .offering-list li:hover .num-more {
    visibility: visible;
  }

  /* cards */
  .card-stacking .animationButton {
    width: 83% !important;
  }

  /** Advantages section **/
  .advantages {
    height: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
.page-node-4360 .advantages, .page-node-5002 .advantages{
    margin-bottom: 0px;
  }

  .advantages h2 {
    font-size: 30px;
  }

  .advantages .adv-title {
    position: sticky !important;
    padding-top: 20px;
  }
.first-cs-rtimg,
  .advantages .adv-card {
    width: 260px;
    max-width: 260px;
    position: static;
    margin: 20px 0;
    box-sizing: content-box;
  }

  .advantages .adv-card h4 {
    font-size: 18px;
  }

  .advantages .adv-card p,
  .advantages .adv-card li {
    font-size: 14px;
  }

  /** Our partners section **/
  .our-partners [class*="col-"] {
    width: 100%;
    text-align: center;
  }

  .our-partners .container-wrap h2 {
    padding: 50px 0 30px;
  }

  .our-partners .container-wrap figure {
    height: auto;
  }

  .our-partners .container-wrap img {
    position: static;
    transform: none;
    display: block;
    margin: 0 auto;
    max-width: 40%;
  }

  /** Industries section **/
  .industries .nav-wrap {
    display: none;
  }

  [id*="industries-"] {
    position: relative;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    border-radius: 0;
    min-height: auto !important;
  }

  [id*="industries-"] picture {
    min-height: 50vh;
  }

  [id*="industries"] img {
    position: static;
    width: 100%;
    min-height: auto;
  }

  .industries-wrap ul {
    padding-left: 25px;
  }

  .industries-wrap ul li {
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
  }

  .industries:before {
    content: 'Industries';
    color: #ff0000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 20px;
  }

  .industries-wrap {
    padding-top: 15px;
  }

  .industries-wrap .container-wrap {
    position: absolute;
    bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 30%;
    height: auto;
    top: auto;
}

[id*="industries-"] h2, 
[id*="industries-"] .industry-paragraph-wrap, 
[id*="industries-"] ul, 
[id*="industries-"] ol {
  position: static;
}



  [id*="industries-"] h2 {
    font-size: 24px;
    font-weight: 600;
    position: static;
    margin-bottom: 20px;
    color: #fff;
    width: 100% !important;
  }

  [id*="industries-"] .industry-paragraph-wrap {
    font-size: 12px;
    width: 100% !important;
    position: static;
  }

  /** Case studies section **/
  .case-studies-wrap {
    min-height: 600px;
  }

  .case-studies-wrap [class*="col-"] {
    width: 100%;
  }

  .case-studies-wrap [class*="offset-"] {
    margin: 0;
  }

  .case-studies-wrap .cs-title {
    transform: none;
    position: absolute;
    left: 15px;
    top: 10px;
    margin: 0;
    font-size: 14px;
  }

  .case-studies-wrap .cs-stacked-cards {
    padding-left: 0;
  }

  .case-studies-wrap .cs-stacked-cards .cs-card-element {
    width: 335px;
    margin-left: -30px;
  }

  .case-studies-wrap,
  .case-studies-wrap .cs-stacked-cards {
    min-height: 85vh;
  }
  .case-studies-wrap .cs-stacked-cards {
    margin-left: 0;
  }

  .case-studies-wrap .cs-stacked-cards .cards-wrap {
    display: block;
    width: 300px;
    margin: 0 auto;
  }

  .case-studies-wrap .elementor-widget-container h3 {
    font-size: 16px;
    margin: 10px 0;
  }

  .case-studies-wrap .elementor-widget-container p {
    font-size: 11px;
    margin-bottom: 10px;
  }

  .slideroptima .thought-leadership.testimonials {
    height: auto;
    margin-top: 0;
  }
  .slideroptima .thought-leadership.testimonials p{
   margin: 0!important;
  }
  .slideroptima .thought-leadership h2 {
    font-size: 24px;
    margin-left: 0;
 }
  .case-studies-wrap .cs-arrow-wrap {
    left: 0;
    right: 0;
    width: 80px;
    margin: 0 auto;
  }

  /** Testmonials section **/
  .testimonials [class*="col-"] {
    width: 100%;
  }

  .thought-leadership.testimonials {
    padding-top: 40px;
    margin-top: 30px;
     height: 43vh;
  }
.page-node-4360 .thought-leadership.testimonials {
    padding-top: 40px;
    margin-top: 30px;
    height:25vh !important;
  }

  .thought-leadership .inner-content {
    position: static;
    top: 0;
    transform: none;
  }

  .thought-leadership.testimonials .inner-content>.row {
    flex-direction: column-reverse;
  }

  .thought-leadership.testimonials img:first-child {
    left: auto;
    right: 50px;
    bottom: -150px;
    max-width: 12%;
  }

  .thought-leadership.testimonials img:last-child {
    max-width: 22%;
    position: absolute;
    right: 0;
    top: 0;
  }

  .thought-leadership.testimonials .tm-animation-wrap {
    position: absolute;
    top: -40%;
    right: 0;
    transform: scale(0.7);
  }

  .thought-leadership.testimonials.image-fadein img:first-child {
    left: auto;
    right: 50px;
  }

  .thought-leadership.testimonials.image-fadein img:last-child {
    margin-right: 0;
  }

  .thought-leadership.testimonials .owl-nav {
    top: -55px;
  }

  /* owl dots fix */
  .testimonials-carousel .owl-nav {
    bottom: 0;
  }

  .vertical-carousal-wrap {
    padding-top: 20px;
  }

  .vertical-carousal li {
    padding-top: 50px;
  }

  /*** header ***/
  div#block-secondarynavigation {
    display: none;
  }

  .region-we-mega-menu {
    display: none;
  }

  svg.svg-inline--fa.fa-search.fa-w-16 {
    display: none;
  }

  .collapse:not(.show) {
    display: block;
    box-shadow: none;
  }

  .col-sm-2.col-xs-8.logo {
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 40;
  }

  .col-sm-10.col-xs-4.pd0.menu-list {
    display: none;
  }

  .navbar-form:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background: #fff;
    right: -15px;
    position: absolute;
    top: 5px;
    left: 0;

  }

  .navbar-form {
    padding: 5px 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    width: 30px;
  }

  .videotext-area .textArea {
    top: 5%;
  }

  /* aboutUs */
  .container-sec.headerSection {
    flex-direction: column-reverse !important;
  }

  .aboutUs .headerSection .common-paragraph-text {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
  }

  .abooutUsSection h2.common-heading {
    color: #ff0000;
  }

  .textArea.width70,
  .textArea.width80,
  .width50,
  .ImageArea.width50 {
    width: 100%;
  }

  .platformationSection .common-subheading {
    width: 100%;
    font-weight: 600;
    margin-top: 2vh;
  }

  .aboutUs .common-subheading {
    font-size: 20px;
  }

 /* li,
  a {
    font-size: 18px;
  }*/

  p, a {
   font-size: 16px;
  }

  li{
   font-size: 14px;
  }

  .textArea.width50.rhs {
    left: 0;
  }

  .banner-bg-gradient {
    top: 98px;
  }

  .icon-hover {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
  }

  .allianceSection .animationButton {
    width: 196px;
    margin-bottom: 5vh;
  }

  /*.icon-hover:hover .circle {
    transform: inherit;
    height: 95px;
    width: 95px;
    margin-bottom: 0;
    position: relative;
    right: 0;
  }

  .icon-hover:hover .icon {
    top: -5vw;
  }

  .icon-hover:hover svg.colorWhite {
    fill: #000;
  }*/

 .icon-hover .icon {
    top: -20px;
    left: 20px;
 }
  svg.colorWhite {
    width: 80%;
  }

  .allianceSection .row:last-child {
    margin-top: 0 !important;
  }

  li.borderblue,
  li.borderGreen {
    margin-left: 0;
  }

  /** Board of directors **/
  .path-board-of-directors .bm-banner .container-wrap {
    min-height: 700px;
  }

  .bm-banner h2 {
    font-size: 40px;
    position: absolute;
    margin-top: 40%;
  }

  .path-board-of-directors .bm-banner .v-center {
    flex-direction: column;
    height: auto;
  }

  .bm-banner .container-wrap .v-center .col-md-5 {
    width: 100%;
  }

  .bm-banner .bm-img-wrap {
    top: auto;
    width: 90vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .board-members {
    position: static;
  }

  .board-members-wrap [class*="col-"] {
    width: 100%;
  }

  .board-members .members-list {
    display: block;
    position: relative;
    margin-bottom: 0;
  }

  .board-members .members-list li {
    width: 100%;
    margin-left: 0;
  }

  .members-list li .mem-designation {
    min-height: auto;
  }

  .members-list li h3 {
    font-size: 26px;
    position: absolute;
    top: 20px;
    left: 20px;
  }

  .members-list li .visible-on-hover {
    visibility: visible;
    opacity: 1;
    transition: none;
    display: block;
    position: static;
    padding-left: 20px;
  }

  .members-list li .member-info {
    height: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 60px 0 0;
  }

  .members-list li .visible-on-hover .animationButton {
    display: none;
  }

  .members-list li .bio-cont {
    background: #313131;
    padding: 20px 20px 50px;
    margin: 0;
    z-index: 9;
    display: none;
  }
  
  .members-list li.active .mem-close {
    display: none;
  }

  .members-list li.active .bio-cont {
     display: block;
  }

  .members-list li .animationButton {
    position: static;
    margin: 20px 0;
    visibility: visible;
    text-align: center;
  }

  .members-list li.active .animationButton {
    display: none;
  }

  .members-list li p {
    width: 100%;
    opacity: 1;
    line-height: 1.6;
    font-size: 14px;
  }

  .members-list li p.con-linkedit {
    position: absolute;
    bottom: 10px;
  }

  .members-list li h3.mem-title {
    display: none;
  }

  .members-list li h3.hov-mem-title {
    display: block;
    visibility: visible;
    opacity: 1;
    margin-top: 0;
  }

  .board-members .members-list li.active {
    position: relative;
    height: auto;
    transition: 0.7s ease-in;
    animation: none;
  }

  .board-members .members-list li .board-img {
    transition: none;
    position: static;
    margin: 0 auto;
    height: 50vh;
    width: 100%;
    transform: none;
    animation: none;
    object-fit: cover;
    object-position: top;
  }

  .board-members .members-list li.active .board-img {
    transform: none;
    animation: none;
  }

  .board-members .members-list li:hover img,
  .board-members .members-list li.active img {
    transform: none;
    animation: none;
  }

  /* insights */
  .page-view-insights .views-row,
  .page-view-insights-case-study .views-row {
    width: 100%;
    margin: 0;
    padding: 2% 13%;
  }

  .tit-txt {
    font-size: 18px !important;
    line-height: 1.5;
  }

  .blog-views-wrap .views-row {
    padding: 20px 0;
  }

  .blog-views-wrap .views-row:first-child {
    padding-top: 20px;
  }

  .blog-views-wrap .view-rhs-list .views-row:first-child {
    padding-top: 0;
  }

  .blog-views-wrap > .row {
    flex-direction: column-reverse;
  }

  .page-view-insights .view-filters,
  .page-view-insights-case-study .views-filters {
    display: flex;
    flex-direction: column;
  }

  .view-filters svg {
    height: 5.5vw;
    margin-top: 0;
    position: absolute;
    left: 7%;
  }

  .path-insights .view-filters span.glyphicon {
    margin: 0;
    position: absolute;
    left: 14%;
    top: 8%;
  }

  .page-view-insights .d-flex.flex-wrap,
  .page-view-insights-case-study .d-flex.flex-wrap {
    margin-top: 7%;
    margin-left: 2%;
  }

  .page-view-insights-case-study .view-filters span.glyphicon {
    margin: 0;
    position: absolute;
    left: 15%;
    top: 12%;
  }

  .page-view-insights-case-study .view-filters svg {
    height: 5.5vw;
    margin-top: 0;
    position: absolute;
    left: 7%;
    top: 12%;
  }

  .page-node-4250 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_0.jpg);
  }

  .page-node-4309 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_7.jpg);
  }

  .page-node-4312 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage_14.jpg);
  }

  .page-node-4567 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_10.jpg);
  }

  .page-node-4360 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_13.jpg);
  }

  .page-node-4545 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_8.jpg);
  }

  .page-node-4557 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_9.jpg);
  }

  .page-node-4170 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_1.jpg);
  }

  .page-node-4204 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage.jpg);
  }

  .page-node-4270 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage_6.jpg);
  }

  .page-node-4285 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage_8.jpg);
  }

  .page-node-4603 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_2.jpg);
  }

  .page-node-4349 .advantages,
  .page-node-5078 .advantages  {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_3.jpg);
  }

  .page-node-4294 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage_9.jpg);
  }

  .page-node-4905 .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages_7.jpg);
  }

  .isv-new .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantage-mb.webp);
  }
  .devops .advantages {
    background-image: url(/sites/default/files/advantage/image/mobile/advantages-mobile.webp);
 }
  /*mobile changes */
  .our-expertise h2.common-outline-text {
    left: 7%;
    position: absolute;
    top: 4vw;
  }

  .testimonials h3 {
    font-size: 5.5vw !important;
  }

  .client-exp {
    flex-direction: column;
    margin-top: 15%;
  }

  .experiences-area .slide .textArea {
    margin-top: 0;
    width: 99%;
  }

  .testimonials-carousel button.owl-prev,
  .testimonials-carousel button.owl-next {
    font-size: 9vw !important;
  }

  .quote {
    width: 18vw;
    position: relative;
    top: -16vh;
    z-index: 9999;
    height: 4vh;
    left: 0;
    padding-top: 9px;
  }

  .testimonials-carousel .owl-nav {
    top: -1vh;
    left: 25vw;
  }

  .experiences-area .slide .textArea p {
    width: 100%;
    padding-top: 0;
  }

  .newsroom-inner-content {
    min-height: 50px;
  }

  .expertise-content .img-fluid {
    max-width: 100%;
    height: 100%;
    width: auto;
    margin: 0 auto !important;
  }

  .insight-image .animationButton {
    margin-top: 0vh;
  }

  .newSection h5 {
    font-weight: bolder;
    font-size: 14px;
    margin-top: 1.5vw;
  }

  .harmoniVideo h4 {
    font-size: 24px;
  }

  .insight-area {
    margin-top: 5vh;
  }

  .expertise-content img {
    width: 50vw !important;
    margin: 0 auto;
  }

  .our-expertise .owl-theme .owl-nav {
    position: absolute;
    top: 27vh;
    width: 98%;
  }

  .container-sec .shadegreen {
    box-shadow: 0 0 500px 10px rgb(23, 153, 185);
  }

  .container-sec .shadered {
    box-shadow: 0 0 500px 10px red;
  }

  .page-node-15 h3 {
    font-size: 40px;
  }

  video.video-sec {
    min-height: 60vh;
    object-fit: cover;
  }

  section#H1-section4 {
    margin: 0;
  }

  section#H1-section4 .container-fluid {
    padding: 0;
  }

  .harmoniVideo .video-sec {
    opacity: 0.7;
  }

  .videotext-area-second .knowMoreButton .circle {
    border: 0;
  }

  .videotext-area .textArea .common-paragraph-text {
    width: 87%;
  }

  ul#block-aboutusfootermenu-2 li.menu-item {
    padding: 0 0 0 8vw;
  }

  #H1-section4 h4.subheading {
    width: 90%;
  }

  /** tabs **/
  div#quicktabs-healthcare_payers_offerings,
  div#quicktabs-healthcare_providers {
    flex-direction: column;
  }

  #block-quicktabshealthcarepayersofferings .item-list,
  #block-quicktabshealthcareprovidersofferings .item-lsit {
    width: 100%;
  }

  #block-quicktabshealthcarepayersofferings ul.quicktabs-tabs.list-group a.quicktabs-loaded,
  #block-quicktabshealthcareprovidersofferings ul.quicktabs-tabs.list-group a.quicktabs-loaded {

    font-size: 22px;
  }

  #block-quicktabshealthcarepayersofferings h4,
  div#block-quicktabshealthcareprovidersofferings h4 {
    font-size: 20px;
  }

  #quicktabs-container-healthcare_payers_offerings p,
  #quicktabs-container-healthcare_providers p {
    margin-bottom: 2vh;
  }

  #quicktabs-container-healthcare_payers_offerings li,
  #quicktabs-container-healthcare_providers li {
    list-style: none;
    font-size: 14px;
    line-height: 1.8;
  }

  #block-quicktabshealthcarepayersofferings ul.quicktabs-tabs.list-group,
  #block-quicktabshealthcareprovidersofferings ul.quicktabs-tabs.list-group {
    display: flex;
    width: 100%;
  }

  .title-cont {
    margin-top: 6vh;
  }

  /*HFS Section*/
  .H1-section5 .knowMoreButton .circle,
  .H1-section5 .knowMoreButton:hover .circle,
  .rajVideo .knowMoreButton .circle,
  .rajVideo .knowMoreButton:hover .circle {
    background: none;
    border: 1px solid #606060;
    width: 28px;
    border-radius: 25px;
  }

  .H1-section5 .knowMoreButton>span a,
  .H1-section5 .knowMoreButton:hover>span a,
  .H1-section5 .knowMoreButton>span a:not([href]),
  .H1-section5 .knowMoreButton:hover>span a:not([href]),
  .H1-section5 .knowMoreButton>span a.know-more-btn,
  .H1-section5 .knowMoreButton:hover>span a.know-more-btn,
  .rajVideo .knowMoreButton>span a,
  .rajVideo .knowMoreButton:hover>span a,
  .rajVideo .knowMoreButton>span a:not([href]),
  .rajVideo .knowMoreButton:hover>span a:not([href]),
  .rajVideo .knowMoreButton>span a.know-more-btn,
  .rajVideo .knowMoreButton:hover>span a.know-more-btn,
  .H1-section5 .knowMoreButton>p a,
  .H1-section5 .knowMoreButton:hover>p a,
  .H1-section5 .knowMoreButton>p a:not([href]),
  .H1-section5 .knowMoreButton:hover>p a:not([href]),
  .H1-section5 .knowMoreButton>p a.know-more-btn,
  .H1-section5 .knowMoreButton:hover>p a.know-more-btn,
  .rajVideo .knowMoreButton>p a,
  .rajVideo .knowMoreButton:hover>p a,
  .rajVideo .knowMoreButton>p a:not([href]),
  .rajVideo .knowMoreButton:hover>p a:not([href]),
  .rajVideo .knowMoreButton>p a.know-more-btn,
  .rajVideo .knowMoreButton:hover>p a.know-more-btn{
    color: #ff0000;
    text-decoration: none;
  }

  .H1-section5 .knowMoreButton>span, 
  .H1-section5 .knowMoreButton:hover>span, 
  .rajVideo .knowMoreButton>span, 
  .rajVideo .knowMoreButton:hover>span, 
  .H1-section5 .knowMoreButton>p, 
  .H1-section5 .knowMoreButton:hover>p, 
  .rajVideo .knowMoreButton>p, 
  .rajVideo .knowMoreButton:hover>p {
    transform: none;
  }

  .H1-section5 .knowMoreButton .circle .icon,
  .H1-section5 .knowMoreButton:hover .circle .icon,
  .rajVideo .knowMoreButton .circle .icon,
  .rajvideo .knowMoreButton:hover .circle .icon {
    color: #606060;
    left: 0;
  }

  .circle.playbtn svg.svg-icon path {
    fill: #606060;
  }

  .circle.playbtn svg.svg-icon {
    margin-left: 3px;
    margin-top: 3px;
  }

  .circle.rotate span.icon {
    margin-top: 0;
  }

  section.H1-section5 {
    padding: 3% 5%;
    margin-top: 8%;
  }

  .blueGradientBox .fontSize15 {
    font-size: 15px !important;
  }

  /*RajVideoSection*/
  h2,
  h3,
  p {
    margin-bottom: 1.5vh;
  }

  .rajVideo .com-sm-12.col-md-6 {
    width: 100%;
  }

  .rajVideo .blueGradientBox .font40 {
    font-size: 30px !important;
  }

  .rajVideo .blueGradientBox .fontSize15 {
    font-size: 15px !important;
  }

  .rajVideo .imageContent img {
    width: auto;
  }

  .rajVideo .imageContent .blueGradientBox img {
    width: 40px;
  }

  .rajVideo .centerAlign {
    padding: 5% 7%;
  }

  /*homepage-alignemnts*/
  .page-node-15 #H1-section4 .width40 .knowMoreButton {
    top: 0;
  }
  /***sustainablity-button-changes***/
.page-node-1820 .knowMoreButton {
    display: inline-block;
    padding: 5px 20px 5px 75px;
    background: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    width: auto;
}
.page-node-1820 .knowMoreButton .circle {
    height: 28px;
    width: 28px;
    border-radius: 25px;
    border: 1px solid #606060;
    display: inline-block;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in;
    line-height: 30px;
    background: transparent;
}
.page-node-1820 .knowMoreButton .circle .icon {
    left: 0;
    position: absolute;
    height: 14px;
    margin-left: 11px;
    font-size: 30px !important;
    transition: 0.3s ease-in;
    color: #606060;
    top: -4px;
}
.page-node-1820 .knowMoreButton>span a,
.page-node-1820 .knowMoreButton>span a:not([href]),
.page-node-1820 .knowMoreButton>span a.know-more-btn {
    color: #ff0000;
    font-size: 18px;
    text-decoration: none;
    height: 26px;
    line-height: 26px;
    display: block;
    font-weight: 600;
}
.page-node-1820 .knowMoreButton:hover .circle {
    height: 28px;
    width: 28px;
    border-radius: 25px;
    border: 1px solid #606060;
    display: inline-block;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in;
    line-height: 30px;
    background: transparent;
}
.page-node-1820 .knowMoreButton:hover .circle .icon {
    color: #606060;
    left: 0;
}
}
@media only screen and (max-width:912px) {
   #leavePageModal .modal-dialog {
    max-width: 65%;
  }
  .ei-content {
    padding-left: 40px;
    padding-right: 40px;
  }
  .ei-content h2 {
    font-size: 24px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .ei-content h4 {
   font-size: 15px;
   margin: 15px 0;
   line-height: 18px;
  }
  .ei-content p {
    font-size: 15px;
  }
  .ei-content #edit-bottom-text p {
    font-size: 10px;
  }
  #leavePageModalBody .row {
    flex-direction: column-reverse;
  }
  .ei-rhs .show-desktop {
    display: none;
  }
  .ei-rhs .show-mobile {
    display: block;
  }
  .ei-content  button#edit-actions-submit {
    margin-top: 0!important;
    font-size: 14px;
  }
  .ei-rhs {
    background: #d12533;
    border-radius: 17px 17px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-views-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
  .offering-list li:first-child picture img {
    border-radius: 10px 10px 0 0;
  }
  #leavePageModal {
    padding-top: 20px;
  }
  #leavePageModal .modal-dialog {
    max-width: 90%;
  }
  .content-swap .container-fluid {
    flex-direction: column-reverse;
    display: flex;
  }
  .bg-content-platformation {
    width: auto;
  }
   .bg-content-platformation ul {
     padding-left: 20px;
  }
  .page-node-3567 .section-spacing {
    padding: 0;
  }
  .ai-face-wrap .bg-content-platformation.platformation-content {
    left: 20px;
  }
  .ai-face-wrap .ai-face-img {
   display: none;
  }
  .circle-info .col-sm-12 {
    display: block;
  }
  .circle-info .col-sm-12 > div {
    width: 100%;
    margin-bottom: 15px;
  }
  .v-middle-sec .overview-video,
  .page-node-4578 .overview-content,
  .section-spacing,
  .overview-content {
    display: block;
  }
  /*modal-popup*/
  #js-modal-page-show-modal.modal.show .modal-dialog{
    width: 90%;
    margin: 0 auto;
  }
  /*blog*/
  .page-node-4831 .blog-inside-content ol,
  .page-node-4831 .blog-inside-content ul {
    padding-left: 7%;
  }
  .app-services-list h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  /*insights*/
  .path-insights .pager li>a.button, .path-insights .pager li>span {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
  }
  .page-view-insights-case-study .view-filters svg{
     left: 0;
   }
   .page-view-insights-case-study .view-filters span.glyphicon{
     left: 7%;
   }
  .banner-text .colorB {
    color: #fff !important;
  }

  .page-node-4285 .banner-text .colorB {
    color: #000 !important;
  }

/*case studie page*/
p.retail-cs-spec-head span {
    display: block;
    font-size: 21px;
    padding-bottom: 6%;
}
.retail-cs-banner .retail-cs-banner-text {
    width: 90%;
    top: auto;
    left: 1%;
    bottom: 4%;
    padding: 2% 0;
}
/*1section*/
.first-section-cs {
    width: 100%;
}
.pbm-cs-mnhd h3{
  font-size: 26px;
}
div#key-drivers .container-fluid {
    background: #f1f2f2;
    display: flex;
    flex-direction: column-reverse;
}
.cs-pblm-lftcnt.left {
    width: 100%;
}
.cs-pblm-rttcnt {
    width: 100%;
    padding: 0 5%;
}
#abt-client .container-fluid {
    display: flex;
    flex-direction: column-reverse;
}
.pbm-cs-mnhd h3 span,
.cs-prsnsol-lf h3.main-tit span {
    font-size: 26px;
}
.first-section-cs {
    margin-top: 1%;
}
.pbm-cs-mnhd h3 {
    padding-bottom: 0;
}
.cs-pblm-lftcnt.left,
.cs-pblm-rttcnt{
  width: 100%;
}
/*2section*/
.cs-prsnsol-lf {
    float: left;
    width: 100%;
}
#problem-solutions .cs-prsnsol-rt {
    float: right;
    width: 100%;
    margin-top: 0;
    padding-left: 0;
}
/*3section*/
div#outcomes {
    background: url(/themes/custom/dynamics/images/hoya-cs-benefits.webp);
    width: 100%;
    background-position: unset;
}
.cs-sonat-edge {
    width: 100%;
}
  /*dandi*/
.page-node-4491 .quote{
  width: 50px;
}
.page-node-4491 .banner-text {
    top: auto;
    bottom: 20%;
}
.page-node-4491 .banner-text{
  left: 11%;
}
  /*insights-Blogs*/
  .view-filters svg{
   left: 0;
  }
  .path-insights .view-filters span.glyphicon {
    left: 7%;
    top: 0;
 }
  /*alliance*/
  .allianceSection p.common-subheading {
    margin-top: 0 !important;
  }
  /*aboutUs*/
  .aboutUs .ExecutiveLeaderSection .textArea.width50.rhs {
    left: 10%;
  } 
  /*careers*/
  .page-node-3885 #careers-page .cr-insights-wrap .cr-bg-gradient {
    width: 100%;
} 
 /*sustainablity*/
.page-node-1820 .banner-text {
  width: 47vw;
  top: auto;
}

.page-node-1820 .section-spacing.row.both-side-content {
  padding: 5% 6% !important;
}

.page-node-1820 .d-i-page .overview-content p {
  font-size: 18px;
  width: 100%;
}

.page-node-1820 .philosophy-content{
  width: 100%;
}

.page-node-1820 .outer-div {
  flex-direction: column;
}

.page-node-1820 .inner-div-1, .inner-div-2 {
  width: 100%;
  padding-right: 0 !important;
}

.page-node-1820 .inner-div-2 ul{
  padding-left: 5%;
}


  /*hfs form*/
  .DisplayFlex {
    padding: 5% 0;
  }

  header#header .navbar-toggler {
    right: 4%;
  }

  .offering-list li .knowMoreButton>span a {
    font-size: 14px;
  }

  .overview-content {
    flex-direction: column-reverse;
    margin: 0 -10px;
  }

  .hover-effect-lists .col-md-5 {
    padding-left: 0;
  }

  .hover-effect-lists ul li {
    width: 100%;
    padding: 20px 10px;
    justify-content: space-evenly;
  }

  .hover-effect-lists ul li:hover {
    transform: none;
  }

  .hover-effect-lists li .knowMoreButton>span a {
    white-space: nowrap;
  }

  .hover-effect-lists ul li>span,
  .hover-effect-lists ul li h4,
  .hover-effect-lists ul li h3 {
    font-size: 14px;
    font-weight: 400;
  }

  .hover-effect-lists ul li h4 {
    width: 50%;
  }

  .hover-effect-lists ul li .knowMoreButton {
    transform: scale(0.6);
    float: left;
    margin-left: -20px;
  }

  .container-wrap .container-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  /*awards&recognization*/
  .page-node-3541 .awards-inner,
  .page-node-3543 .awards-inner,
  .page-node-3545 .awards-inner,
  .page-node-786 .awards-inner{
    padding: 12%;
  }

  /*hfs section*/
  .imageContent {
    position: relative;
    width: 100%;
    margin-left: 0;
  }

  .blueGradientBox p.font40 {
    font-size: 18px !important;
  }

  .H1-section5 .common-outline-text {
    font-size: 32px;
    margin-left: 0;
  }

  /* etl lists page */
  .bm-banner-wrapper {
    min-height: 100vh !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .bm-banner-img-wrap {
    margin-top: 0;
    justify-content: flex-end;
  }

  .bm-banner-wrapper h2 {
    text-transform: uppercase;
    width: 110px;
  }

  .bm-banner-wrapper.bm-font h2 {
    width: 150px;
  }

  .etl-wrap {
    padding-top: 10vh;
  }

  /*.bm-banner-img-wrap img {
    max-width: 110%;
    right: -10%;
    position: relative;
  }*/

  .etl-lists .row-3 .views-field-nothing {
    margin-bottom: 22vh;
  }

  .page-view-leadership-team .etl-members {
    margin: 6vh 0 0;
  }

  .bm-img-wrap {
    top: 0;
    width: 90vw;
    right: 20px;
  }

  .bm-banner .img-background {
    height: 36vh;
    top: 10vh;
  }

  .leadership-banner h2 {
    font-size: 5em;
    margin-left: 0.5em;
    margin-top: 16vw;
  }

  .leadership-banner p {
    font-size: 14px;
    width: 80%;
    margin-left: 1.5em;
  }

  .etl-lists .etl-shade-bg {
    width: 80%;
  }

  .etl-lists .views-field-nothing {
    margin-bottom: 25vh;
  }

  .etl-lists .knowMoreButton {
    margin-left: 20px;
  }

  .views-view-grid .views-col {
    float: none;
    width: 100% !important;
  }

  .etl-lists img {
    margin-top: -50%;
  }

  .etl-lists .row-1,
  .etl-lists .row-2,
  .etl-lists .row-3 {
    margin: 7vh auto;
  }

  .etl-lists h4 {
    font-size: 26px;
  }

  /* etl members */
  .etl-content .transition-img .img-fluid {
    width: 80vw;
    height: auto;
    position: static;
    margin: 0 auto;
    display: block;
  }

  .title-cont {
    margin: 20px;
  }

  .title-cont h4 {
    font-size: 4em;
  }

  .title-cont span {
    font-size: 2.5em;
    color: #fff;
    margin-bottom: 0;
  }

  #block-sonata-new-content .etl-content p {
    padding: 20px;
    font-size: 2em;
    color: #A7A9AC;
  }

  /* calendly */
  a.schedule-meeting {
    display: block;
    width: fit-content;
  }

  /* contact us */
  form#webform-submission-contact-node-1096-add-form {
    width: 84%;
  }

  #block-views-block-locations-block-10 {
    float: left;
    margin-left: 0;
    width: 100%;
  }

  #block-views-block-locations-block-10 .view-location .views-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  #block-views-block-locations-block-10 .views-field.views-field-body {
    width: 100%;
    float: left;
  }

  #block-views-block-locations-block-10 .views-field.views-field-field-fax-no-,
  #block-views-block-locations-block-10 .views-field.views-field-field-office {
    float: left;
    width: 100%;
  }

  .view-display-id-block_9 .view-content.row {
    display: block;
    /*flex-direction: column;*/
  }

  /*#block-views-block-locations-block-9 .views-row {
    width: 100%;
    float: left;
  }c*/
  
  #block-views-block-locations-block-9 .views-row {
    width: 90%;
    padding: 0 0 15px;
    margin: 10px auto 0;
 }
  #block-quicktabslocations ul.quicktabs-tabs.list-group {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
  }

  #quicktabs-container-locations .views-row {
    min-height: fit-content;
    height: fit-content;
    padding: 0;
  }

  .field-content {
    display: block;
  }

  .col-sm-4.communicationSection {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 15px;
  }

  .page-node-1096 .communicationSection .heading {
    width: 18vw;
    padding-top: 2px;
    margin-left: 10px;
  }

  .views-field.views-field-field-gmap {
    position: relative;
    right: 0;
    bottom: 0;
    left: auto;
    width: 100%;
  }

  .col-sm-4.addressSection {
    width: 100%;
  }

  .addressSection .heading,
  .communicationSection .heading {
    margin: 15px 0;
  }

  #quicktabs-container-locations .views-field.views-field-field-thumbnail-image {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
  }

  #block-quicktabslocations .list-group-item,
  #block-quicktabslocations .list-group-item.active {
    border-right: 1px solid #fff;
  }
/*contact us new*/
  .locations-section .views-field-field-thumbnail-image .field-content {
    display: flex;
    position: relative;
    overflow: hidden;
    height: 200px;
    width: 100%;
    /*justify-content: center;*/
    align-items: center;
  }

  .locations-section .views-field-field-thumbnail-image .field-content img {
    max-width: 100%;
    width: 100%;
  }
  .dt-display{
   display: none
  }
/*.mobile-display{
display: block;
width: 100%;
top: auto;
margin-top: 10px;
padding: 10px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #f1f1f1;
border-radius: 0;
z-index: 9;
border: 0;
border-top: 1px solid #8f8f8f;
}*/
.sticky-mail-box span {
    font-size: 16px;
}
.sticky-mail-box strong {
  padding-top: 5px;
}
.sticky-mail-box strong a {
  font-size: 18px;
}
.page-node-1096 footer {
  padding-bottom: 60px;
}
h2.semi-circle-right {
  margin: 0 0 10px 0;
  font-size: 22px;
}
  /* to fix the width issue */
  .col-md-5.card-tit {
    margin-left: 5%;
    width: 90%;
  }

  /*homepage*/
  .container-sec.videotext-area-second.harmoniVideo {
    min-height: 100vh !important;
  }

  /*healthcare*/
  .page-node-4422 .colorB,
  .page-node-4455 .colorB {
    color: #fff;
  }

  /*newsRoom*/
  .node--type-newsroom div#block-sonata-new-page-title {
    margin: 20vw 10vw 0;
  }

  .node--type-newsroom div#block-sonata-new-page-title h1.title span.field {
    font-size: 25px;
  }

  /*banner*/
  .hdrArea h2,
  .banner-text h2,
  .banner-txt-temp2 span.txt-bold {
    font-size: 35px !important;
  }
  .page-node-4562 .banner-text{
    left: 12%;
  }
  .banner-text {
    width: 80% !important;
  }
  .banner-carousel .owl-nav {
    left: 50%;
    bottom: 1%;
  }
   .banner-text{
    bottom: 5%;
  }
  /***program-reboot-empowering-women***/
  
  .empowering-women .banner-text {
    bottom: auto;
    top: 12%;
  }
  .empowering-women .banner-text {
    width: 90% !important;
  }
  .empowering-women h3 {
    width: 95%;
  }
  .hiring-drive-wrap .table-responsive{
    height: auto !important;
  } 
  .blog-template-wrap .blog-title {
    padding-left: 0;
  }

  .blog-template-wrap .blog-writer-info {
    position: relative;
    padding: 10px;
    margin-bottom: 30px;
    width: calc(100% - 20px);
  }

  .blog-template-wrap {
    padding: 50px 0 0;
  }

  .blog-follow-icon {
    margin-top: 10px;
  }

  .blog-template-wrap .social-icons-wrap {
    justify-content: flex-start;
  }

  .blog-inside-content {
    padding: 0;
  }

  .blog-template-wrap .blog-content-wrap {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .case-studies-wrap, .case-studies-wrap .cs-stacked-cards {
    min-height: 100vh;
  }
  .case-studies-wrap .cs-stacked-cards .cs-card-element {
    width: 315px;
  }
  .case-studies-wrap .cs-card-element h3 {
    font-size: 20px;
  }
  .thought-leadership.testimonials {
    height: auto;
  }

  .thought-leadership.testimonials .owl-nav {
    top: -25px;
  }

  .thought-leadership.testimonials img:first-child {
    left: auto;
    right: 20px;
    bottom: auto;
    top: 40px;
  }

  .space-clearing div#deeperservices,
  .space-clearing .dataServices-sec {
    position: relative;
    width: 100%;
    padding: 3vw;
    top: 0;
    left: 0;
    background-color: #000;
  }

  .deeper-sec h4,
  .dataServices-sec h4 {
    font-size: 12px;
    font-weight: 800;
    margin: 1vw 0;
  }

  div#delivery-platform p strong {
    font-size: 14px;
    color: #ff0000;
  }

  .space-clearing #delivery-platform {
    right: 0;
    left: auto;
  }

  .node--type-platformation #jsi-particle-container {
    height: auto !important;
    width: 100% !important;
  }

  .node--type-platformation .banner-text {
    top: 15vh;
  }

  .platformationSection2 .row.section-content {
    width: 100%;
    display: flex;
    padding: 5%;
  }

  .platformationSection2 h4 {
    width: 100%;
    float: left;
    padding: 0 10vw 0 0;
    font-size: 24px;
  }

  .platformationSection2 .cont-sec {
    width: 100%;
    float: left;
  }

  .flip-card p.h2 {
    font-size: 24px !important;
  }

  .node--type-platformation header#header .navbar-toggler {
    background: #fff;
  }

  /*-------------------------------------------------
		platform-maturity-assessments--------*/
  .platform-maturity-assessments .row.both-side-content:nth-child(6) h3 {
    font-size: 25px;
  }

  .platform-maturity-assessments .row.image-row.img-content:nth-child(5) .col-sm-6.left-cont h3 {
    margin-top: 25px;
  }

  .list-para,
  .list-para ul {
    width: 100%;
    flex-direction: column;
  }

  .list-para ul {
    margin: 0 10px;
  }

  .platform-maturity-assessments .row.image-row.img-content:nth-child(5) {
    position: relative;
  }

  .platform-maturity-assessments .row.image-row.img-content:nth-child(5) .col-sm-6.right-cont {
    position: absolute;
    top: 15%;
    width: 90%;
  }

  .platform-maturity-assessments .row.image-row.img-content:nth-child(5) .red-text {
    margin-top: 405px;
  }

  .steps-sec {
    width: 60%;
  }

  .platform-consulting.steps-para {
    position: absolute;
    top: 18%;
    flex-direction: column;
  }

  .steps-para .platform-para {
    display: none;
  }

  .sec-1,
  .sec-2,
  .sec-3,
  .sec-4,
  .sec-5,
  .sec-6,
  .sec-7 {
    width: 65%;
    position: relative;
    left: 91%;
    margin-bottom: 15%;
  }

  .platform-consulting h3 {
    font-size: 15px;
  }

  p.solid-line {
    display: none;
  }

  .sec-3,
  .sec-4,
  .sec-5,
  .sec-6,
  .sec-7 {
    margin-top: 0;
  }

  .sec-4 {
    margin-top: -12px;
  }

  .platform-maturity-assessments .row.both-side-content:nth-child(6) {
    padding: 7% 7% 21%;
  }

  .platform-para hr {
    margin-left: 5%;
  }

  /*-----------------------------------------------------------
                  popup-styles--------------------------*/
  .popup-sec {
    display: block !important;
  }

  .popup-sec {
    position: relative;
    z-index: 100;
    left: -200px;
    top: -110px;
  }

  #overlay-sec,
  #overlay-sec1,
  #overlay-sec2,
  #overlay-sec3,
  #overlay-sec4,
  #overlay-sec5,
  #overlay-sec6 {
    position: absolute;
    border: 1px solid #000;
    width: 350px;
    height: 625px;
    display: none;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
  }

  #header-popup1,
  #header-popup2,
  #header-popup3 {
    text-align: right;
    width: 100%;
    cursor: pointer;
  }

  .plat-popupsec {
    margin-top: 10px;
    height: 100%;
  }

  .popup-sec .platform-para {
    display: block;
    left: 15%;
    position: relative;
    top: 7rem;
    width: 60%;
  }

  .popup-sec .platform-para p.solid-line {
    display: block;
    bottom: -15px;
    left: 5%;
  }

  .popup-sec .platform-para h5 {
    margin-bottom: 30px;
  }

  .popup-sec .platform-para p {
    color: #fff;
  }

  div#header-sec1,
  div#header-sec2,
  div#header-sec3,
  div#header-sec4,
  div#header-sec5,
  div#header-sec6,
  div#header-sec7 {
    position: absolute;
    color: #fff;
    font-size: 21px;
    left: auto;
    right: 8%;
    top: 6%;
    border-radius: 30px;
    border: 1px solid #ff0000;
  }

  /*--------------
	button-rgba----------------*/
  button#more,
  button#customer-digital,
  button#ecosystem,
  button#digital,
  button#platform,
  button#roadmap,
  button#execution {
    display: block;
    border-radius: 30px;
    background-color: #A6ACAF;
    border: 0;
    padding: 1px 10px;
    color: #fff;
    font-style: italic;
    text-transform: capitalize;
    font-size: 12px;
  }

  /*------------------------------
                    top-value------*/
  .popup-sec.popup-sec1 {
    top: -197px;
  }

  .popup-sec.popup-sec2 {
    top: -290px;
  }

  .popup-sec.popup-sec3 {
    top: -370px;
  }

  .popup-sec.popup-sec4 {
    top: -450px;
  }

  .popup-sec.popup-sec5 {
    top: -530px;
  }

  .popup-sec.popup-sec6 {
    top: -620px;
  }

  /*---------------------------
             bottom-color-code--------*/
  button#customer-digital {
    background-color: #48C9B0;
  }

  button#ecosystem {
    background-color: #5DADE2;
  }

  button#digital {
    background-color: #F5B041;
  }

  button#platform {
    background-color: #E91E63;
  }

  button#roadmap {
    background-color: #9B59B6;
  }

  button#execution {
    background-color: #7F8C8D;
  }

  .node--type-platformation h4,
  .node--type-platformation h3 {
    font-size: 21px !important;
  }
  .page-node-3599.node--type-platformation h3{
   font-size: 14px !important;
  } 
  .customer-sec p {
    font-size: 21px !important;
    width: 100%;
    position: relative;
    font-family: 'Segoe-UI-Bold';
  }

  .Marchitecture-sec {
    display: flex;
    flex-direction: column;
  }

  /*resources------------------------------*/
  .flip-card {
    height: 147px;
  }

  .flip-card p {
    display: none;
  }

  .flip-card-front.bgcolor-infra p.h2,
  .flip-card-front .h2 {
    display: block;
  }

  .azure-app .flip-card-front.bgcolor-app {
    background: #3a9bd6;
  }

  .azure-data .flip-card-front.bgcolor-data {
    background-color: #000;
    color: #fff;
  }

  .flip-card-front .h2 {
    font-size: 24px;
  }

  .azure-app .flip-card-front.bgcolor-app {
    background: #00BE9B;
  }

  .azure-data .flip-card-front.bgcolor-data {
    background-color: #009DD9;
    color: #fff;
  }

  /*----------------------------------------------
			platformationtm-delivering-platformation-----*/
  .platformation---delivering-platformation .banner-text h2 {
    width: 100%;
  }

  .customer-cont {
    padding: 3% 0;
    flex-direction: column;
  }

  .customer-cont h3,
  .customer-cont p {
    width: 100%;
  }

  .statement-cont {
    display: flex;
    flex-direction: column-reverse;
  }

  .statement-sec {
    width: 100%;
    position: relative;
    padding: 5% 7%;
    height: auto;
    background-color: #f1f2f2;
  }

  h1,
  h2,
  .left-cont h2 {
    font-size: 30px;
  }

  .platformation---delivering-platformation .cont-left {
    padding: 5% 7%;
    float: left;
  }

  .cont-box {
    width: 100%;
    padding: 5% 5%;
  }

  .platformation---delivering-platformation .cont-right {
    padding: 0 7%;
  }

  .platformation---delivering-platformation .cont-right p {
    margin: 0;
  }

  .capability-cont {
    flex-direction: column;
  }

  div#result-advantage {
    display: flex;
    flex-direction: column-reverse;
  }

  .result-section {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    background-color: #000;
    padding-left: 7%;
    padding-top: 10%;
  }

  .result-sec,
  .result-sec1,
  .result-sec2 {
    margin: 10px 0px 10px 37px;
    width: 38%;
  }

  .result-sec2 {
    width: 78%;
    display: flex;
    flex-direction: column;
  }

  .result-sec2 .result-content {
    width: 35%;
  }

  .ckeditor-accordion-container {
    margin-top: 22vh;
  }

  /*on call changes */
  .page-node-4269 .hls-solution-sec {
    top: 7vh;
    width: 85%;
    justify-content: flex-start;
    color: #fff;
  }

  /*about us */
  .allianceSection .animationButton {
    margin-bottom: 0;
  }

  .allianceSection .icon-hover {
    margin-bottom: 0;
  }

  .allianceSection .icon-hover {
    height: auto;
  }

  /* overview */
  .overview-content .moreContent {
    max-height: 350px;
    overflow: hidden;
    overflow-y: auto;
  }

  .overview-content h4 {
    font-size: 26px;
  }

  /*retail*/
  .page-node-4360 .banner-content video {
    width: 100%;
    height: 49vh;
    object-fit: cover;
  }

  .page-node-4360 .banner-text {
    width: 80% !important;
    position: relative;
    bottom: -24%;
    top: auto;
    left: 11%;
    right: auto;
  }

  .overview-video iframe {
    border: 0;
    width: 100%;
    height: auto;
  }
  
  .app-services-list  h4 {
    font-size: 26px;
  }

  h4 {
    font-size: 26px;
  }

  .consulting-section {
    width: 100%;
  } 

  /*cicle*/
  .icon-hover .circle {
    position: relative;

  }

  .allianceSection .icon-hover h3,
  .allianceSection .icon-hover p {
    margin-left: 0;
    margin-top: 15px;
  }

  .allianceSection .animationButton {
    margin-left: 0;
    margin-bottom: 0;
  }

  .node--type-digital-modernization-engineer .icon-hover .column-subheading {
    font-size: 24px !important;
    font-weight: 600;
    margin-top: 1vh;
    width: 80%;
    margin: 0 auto;
  }

  .node--type-digital-modernization-engineer .container-sec.allianceSection h2 {
    width: 97%;
  }

  /*careers*/
  .cr-overview-info {
    width: 100%;
    left: 0;
    height: fit-content;
    margin-top: 0;
    border-radius: 0;
  }

  .etl-wrap.etl-inner.etl-content {
    margin-top: 0;
  }

  .videotext-area-second .common-paragraph-text {
    position: relative;
    top: -1%;
    font-size: 20px;
  }

  /* overwriting styles */
  li,
  a {
    font-size: 14px;
  }

  .banner-text .bannerSection {
    margin-left: 7%;
  }

  p,
  li,
  p span  {
    font-size: 14px;
  }

  .page-node-15 h3 {
    font-size: 30px;
  }

  .videotext-area .textArea .common-outline-text {
    left: -23vw;
  }

  .common-outline-text {
    font-size: 32px;
  }

  .videotext-area-second .common-outline-text {
    left: -21vw;
  }

  .videotext-area-second .textArea {
    top: 24vh;
  }

  .quote {
    padding-top: 0;
    top: -34px;
  }

  .common-paragraph-text {
    font-size: 14px !important;
  }

  .newsSectionlist p {
    font-size: 14px;
  }

  section.in-the-news span {
    font-size: 14px;
  }

  .culture-area .textArea {
    width: 81%;
    top: 15vw;
    height: 41%;
    margin: 0 auto;
    padding: 4vw 10vw;
  }

  .culture-area .animationButton {
    margin-top: 4vh;
  }

  .culture-area .imageArea {
    height: 165vw;
  }

  .col-sm-12.icon-list {
    position: relative;
    right: 0;
  }

  .icon-list img {
    width: 100%;
    height: auto;
    margin: 5% auto 0;
  }

  section#H1-section2 {
    padding: 0;
    min-height: 66rem !important;
    position: relative;
  }

  video.video-sec {
    min-height: 94vh;
  }
 .page-node-4491 video.video-sec {
    min-height: auto;
  }
  .page-node-3885 video.video-sec {
    min-height: 100%;
  }


  .page-node-15 .bannerSection h2.hdrText {
    font-size: 26px !important;
    width: 100%;
    line-height: 1.2;
  }

  .insight-area .textArea.position-relative {
    margin-bottom: 5vh;
  }

  .path-executive-leadership .leadership-banner.bm-banner h2 {
    font-size: 40px;
  }

  .path-executive-leadership .bm-banner .container-wrap {
    display: flex;
    flex-direction: column;
    min-height: 35vh;
    justify-content: center;
  }

  .path-executive-leadership .bm-banner .v-center {
    height: 76vh;
    justify-content: center;
    align-items: center;
  }

  .path-executive-leadership .etl-members h1 {
    color: #fff;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    padding-top: 6vh;
  }

  .overviewSection.joinSection .knowMoreButton:hover span {
    transform: none;
    color: #fff;
  }

  /*aboutus*/
  .page-node-624 .rhs .common-heading {
    width: 99%;
  }

  .aboutUs .abooutUsSection {
    flex-direction: column;
  }

  .allianceSection .icon-hover {
    margin-top: 2%
  }

  .page-node-4888 .allianceSection .icon-hover {
    margin-top: 5%;
  }

  .allianceSection p.common-subheading {
    padding-top: 0;
  }

  .container-sec.allianceSection .animationButton {
    left: 0;
  }

  .icon-hover p.common-subheading {
    font-size: 24px !important;
    font-weight: bold;
  }

  .banner-content .img-fluid {
    height: 97vh;
  }
  /* webnair */
  .node--type-webinar .banner-content .img-fluid{
   height: auto;
   margin-top: 53px;
  }
  header#header .navbar-toggler{
   display: none;
  }
  .node--type-webinar .banner.inner-carousel {
    margin: 0;
  }

  .career-opportunities-mexico .banner-content .img-fluid{
    height: auto;
  }
  .subsidaries-parent-cstm .ckeditor-accordion-container>dl dt>a {
    font-size: 5vw;
    padding: 6% 0;
    height: 100%;
  }

  .ckeditor-accordion-container {
    margin-top: 2vh;
  }

  /*diversity-inclusion*/
  .rightContentText .quote-div {
    left: 0;
  }
  .page-node-4491 p.hdrDesc,
  .page-node-4491 .hdrArea {
    width: 100%;
  }


  /*careers*/
  .page-node-3885 .banner-text {
    top: 19%;
    left: 11%;
  }

  /*platformation*/
  .space-clearing div#deeperservices,
  .space-clearing .dataServices-sec {
    width: 100%;
    padding: 5%;
  }

  .dataServices-sec p,
  .deeper-sec p {
    width: 85%;
  }

  .dataServices-sec h2 {
    width: 90%;
  }

  /*msfabric*/
  .page-node-4349 .icon-hover .icon,
  .page-node-5078 .icon-hover .icon {
    top: -3vh;
  }

  /*generative-ai*/
  .page-node-4294 .industries-wrap .container-wrap {
    position: absolute;
    bottom: 30%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-node-4294 [id*="industries-"] p,
  .page-node-4294 [id*="industries-"] ul,
  .page-node-4294 [id*="industries-"] ol {
    right: auto;
    top: 80%;
    left: 0;
  }

  .page-node-4294 [id*="industries-"] ol {
    left: 5%;
  }

  /*platformation-services-dynamics*/
  .vertical-carousal ul {
    height: 730px !important;
  }

  .vertical-carousal-wrap {
    padding: 100px 3% 10px 5%;
  }

  .page-node-4169 .vertical-carousal-wrap {
    padding: 0 3% 10px 5%;
  }


  /*aboutus*/

  .page-node-624 .textArea.width50.rhs {
    left: 25px;
  }

  /*careers*/
  .cr-insights-wrap .animationButton {
    position: absolute;
    right: 0;
    top: 18px;
    left: auto;
  }

  .cr-insights-wrap h4 {
    height: 19vh;
  }

  /*g-careersCode*/
  #careers-page .careers-gallery-wrap .title-cont {
    margin-top: 0;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 50px;
    text-align: left;
  }

  #careers-page .knowMoreButton {
    display: inline-block;
    padding: 21px 20px 17px 50px;
    background: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    width: auto;
    top: 30px;
  }

  #careers-page .cr-insights-wrap .cr-bg-gradient {
    border-radius: 100px;
    margin-bottom: 45px;
  }

  #careers-page section.viewport-height.cr-overview-wrap {
    min-height: fit-content !important;
    display: flex;
    flex-direction: column-reverse;
  }

  #careers-page .page-node-3885 .banner-text {
    top: 7%;
    left: 11%;
  }

  #careers-page .cr-insights-wrap h4 {
    height: 10vh;
  }

  /*homepage*/
  .client-exp .quote {
    top: -50px;
  }

  .experiences-area .testimonials-carousel .owl-nav {
    top: -10px;
  }

  /*accolades*/
  .page-node-674 div#accolades {
    margin: 0px 10% 4%;
  }

  .page-node-674 .col-sm-3.industries-tile {
    margin-bottom: 5%;
  }

  .page-node-674 p.brick-summary {
    font-weight: bolder;
  }

  /*margin-top-space-node-page-type*/
  .page-node-1108 section#page,
  .page-node-454 section#page,
  .page-node-456 section#page {
    padding-top: 20%;
  }

  /*issue-fixing-s*/
  .page-node-15 h2.hdrText {
    font-size: 3.2rem;
    width: 75%;
    margin-left: 9%;
    font-family: 'Segoe-UI';
  }

  .node--type-platformation .knowMoreButton .circle .icon {
    top: -11px;
  }

  .section-spacing h3 {
    font-size: 26px;
  }

  .section-spacing .col-sm-6:nth-child(2) p img {
    width: auto;
  }

  .page-node-4197 .section-spacing .col-sm-6:nth-child(2) p img {
    width: 100%;
  }

  .cont-left,
  .cont-right {
    padding-left: 0;
  }

  .page-node-3603 .node--type-platformation .consulting-pg .banner-content img.img-fluid {
    margin-top: 10%;
  }

  .page-node-3603 .banner-content .img-fluid {
    height: 160px;
  }

  .page-node-3603 .ckeditor-accordion-container {
    margin-top: 50%;
  }

  .page-node-3603 tr {
    margin-bottom: 4%;
    display: flex;
    flex-direction: column;
  }

  /*hfs newSection*/
  .blueGradientBox {
    width: 72%;
    top: auto;
    left: auto;
    border-radius: 30px 0;
    position: relative;
    margin-top: -45%;
    margin-left: 29%;
  }

  .H1-section5.section-spacing .col-sm-6:nth-child(2) {
    margin-top: 2%;
  }

  /*HFS Form*/
  .node--type-report-form-landing-page .layout--onecol .layout__region {
    flex-direction: column;
  }

  .node--type-report-form-landing-page .clearfix.text-formatted {
    width: 100%;
  }

  .node--type-report-form-landing-page .field--name-webform {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10% 0;
  }

  .node--type-report-form-landing-page button#edit-actions-submit {
    margin-top: 0 !important;
  }

  .node--type-report-form-landing-page label {
    font-size: 18px;
  }

  .node--type-report-form-landing-page .form-control {
    font-size: 15px;
  }

  .node--type-report-form-landing-page img {
    max-width: 100%;
  }

  /*RajVideoSection*/
  .rajVideo .blueGradientBox {
    width: 100%;
    margin-top: -75%;
    margin-left: -9%;
  }

  .rajVideo .centerAlign {
    padding: 5% 4% 5% 10%;
  }

  .rajVideo .blueGradientBox .font40 {
    font-size: 18px !important;
  }

  .rajVideo h2 {
    font-size: 30px;
    padding-top: 10%;
  }

  /*homepage-alignment*/
  .page-node-4269 .section-spacing img {
    width: 100%;
  }

  /*contactUS*/
  #block-views-block-locations-block-9 .content {
    margin: 1vh 0.5vh;
  }

  form#webform-submission-contact-node-1096-add-form button#edit-actions-submit {
    padding: 0.5vw 4vw;
  }

  /* mobile issue Fixing*/
  .page-node-4491 .pointer-cont span {
    font-size: 35px;
  }

  /*HP*/
  .insight-area .imageArea .insight-image:nth-child(even) {
    margin-top: 10%;
  }

  .insight-area .imageArea .insight-image {
    margin: 10% 0;
  }

  /*Retail*/
  .page-node-4360 .advantages {
    margin-bottom: 0;
  }

  .advantages {
    margin-bottom: 0;
  }

  .page-node-4360 .thought-leadership .owl-carousel.owl-theme.testimonials-carousel {
    padding-bottom: 0;
  }

  /*aboutUs*/
  .common-heading {
    font-size: 30px;
  }

  /*ai-data-modernization*/
  .page-node-4603 .card-tit h2 {
    margin-left: 0 !important;
  }
  /*googlespace*/
.page-node-4822 .banner-text{
  top: 30%;
}
 .page-node-4822 .banner-text .colorB{
  color: #000 !important;

}
.page-node-4822 .page-area ul {
    padding-left: 5%;
}

}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .culture-area .textArea {
    width: 325px;
    padding: 10px 20px;
    top: 135px;
    height: 50%;
    left: 50px;
    bottom: auto;
  }

  #block-sonata-new-webform-10 button {
    margin-top: -100px;
    position: relative;
    float: left;
  }

  .awards-carousel.owl-carousel img {
    display: block;
    width: 100%;
    height: auto;
  }

  .class-abs {
    position: absolute !important;
    top: 13vh;
    left: 18vw;
  }

  .class-rel {
    position: relative;
    top: 4vh;
    left: 20vw;
  }

  .client-exp .quote {
    top: -83px;
  }

  .experiences-area .testimonials-carousel .owl-nav {
    top: -24px;
  }

  #H1-section7.testimonials h3 {
    margin-bottom: 5%;
  }

  /*** carousel-section ***/
  .expertise-content {
    width: 100%;
    float: left;
    margin-right: 0;
  }

  .expertise-text {
    width: 90%;
    position: relative;
    left: 5%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

  .expertise-text .common-paragraph-text {
    padding-left: 0;
    margin-top: 0;
    width: 100%;
  }

  .expertise-text {
    margin-top: -65vh;
  }

  .expertise-content {
    padding-top: 11%;
  }

  .expertise-content .common-heading {
    padding-top: 62vh;
  }

  .expertise-text .common-heading {
    padding-left: 0;
    margin-top: 0;
  }

  .our-expertise .owl-prev span,
  .our-expertise .owl-next span {
    position: relative;
    top: -7px;
  }

  section#H1-section2 {
    padding: 0;
    min-height: 75rem !important;
    position: relative;
  }

  .expertise-text button.common-outline-button {
    margin-left: 0;
    width: 24%;
    margin-top: 2vw;
    font-size: 12px;
  }

  .our-expertise .owl-prev,
  .our-expertise .owl-next {
    height: 40px !important;
    width: 40px !important;
    font-size: 14vw !important;
  }

  .our-expertise .owl-theme .owl-nav {
    top: 41vh;
  }

  .our-expertise .owl-prev span,
  .our-expertise .owl-next span {
    font-size: 50px !important;
  }

  .expertise-content img.img-fluid {
    position: relative;
    margin: 0 auto;
    width: 35%;
  }

  /*newsRoom*/
  .node--type-newsroom div#block-sonata-new-page-title {
    margin: 12% 10vw 0;
  }

}

@media only screen and (min-width:767px) and (max-width: 1023px){

/*----thought leadership---retail, agri---*/	
.thought-leadership-spotlight .leadership-spot-content .fade-right {
    position: absolute;
    right: 6%;
	width:45%;
}
/*----testimonials arrows in discrete-manufacturing, retail-------*/
.thought-leadership.testimonials .owl-nav {
    top: -35px !important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
   font-size: 6vw !important;
}
.thought-leadership.testimonials p {
    margin: 40px 0 30px;
}
  .page-node-4567 .card-tit h2 {
           font-size: 26px !important;
           margin-left:20px !important
}
/***icon-section***/
.allianceSection .icon-hover {
    padding-top: 60px !important;
}
}
/* landing page starts here */
@media only screen and (max-width: 767px){

.page-node-4990 .banner-text, .page-node-4993 .banner-text, .page-node-4995 .banner-text, .page-node-5002 .banner-text {
    width: 80% !important;
    position: absolute;
    /* bottom: 5%; */
    top: 15%;
    left: 12%;
    right: auto;
}

.page-node-4309 .img-wrap-gap img {
    margin-right: -5px;
    /* margin-bottom: 0 !important; */
    width: 96%;
    margin: 6px;
}

 .node--type-landing-page .right-form form input {
    height: 45px;
    font-size: 14px;
 }
 .node--type-landing-page .left-body p {
    margin-bottom: 5%;
 }
 .node--type-landing-page .section-spacing {
    padding: 5% 8%;
}
ul.timelines li div,
ul.timelines li span{
  font-size: 14px;
} 
ul.timelines li{
  padding-bottom: 20px;
  margin-bottom: -15px;
}
.node--type-landing-page button#edit-actions-submit {
    margin-bottom: 5%;
    margin-top: 0px !important;
    top: 25px;
}
.node--type-landing-page .left-body p{
    font-size: 14px !important;
    line-height: 1.5;
}
/*thank you page*/
.thank-you-page-wrapper {
    background: linear-gradient(to bottom, #163644 0%, #0e2939 50%, #031227 100%);
}
.thank-you-page-wrapper h3 {
    font-size: 24px;
}
.thank-you-page-wrapper .thank-you-content {
    position: static;
    width: 100%;
    padding: 100px 20px 0;
    top: 50%;
    transform: none;
    color: #fff;
}
.thank-you-page-wrapper p{
  margin-bottom: 0;
}
.thank-you-page-wrapper h2 {
   font-size: 30px;
   padding: 20px 0;
}
.thank-you-page-wrapper img{
  margin-top: -1px;
}
/*formstyles*/
.page-node-4920.node--type-report-form-landing-page label, .page-node-4921.node--type-report-form-landing-page label, .page-node-4922.node--type-report-form-landing-page label {
    font-size: 32px;
}
.page-node-4920.node--type-report-form-landing-page .form-control, .page-node-4921.node--type-report-form-landing-page .form-control, .page-node-4922.node--type-report-form-landing-page .form-control {
    font-size: 20px;
}
.page-node-4920.node--type-report-form-landing-page
  form.webform-submission-form, .page-node-4921.node--type-report-form-landing-page
  form.webform-submission-form, .page-node-4922.node--type-report-form-landing-page
  form.webform-submission-form {
    margin: 20px auto 0;
}
/*modal-popup*/
#js-modal-page-show-modal.modal.show h4.modal-title.modal-page-title {
    font-size: 13px;
}
#js-modal-page-show-modal.modal.show .modal-dialog {
  max-width: 90% !important;
}
.slideroptima .thought-leadership h2{
  font-size: 26px;
}
/*modal-popup*/
#js-modal-page-show-modal.modal.show h4.modal-title.modal-page-title {
    font-size: 13px;
}
/*encore*/
h2 strong{
  font-size: inherit;
}
.overview-extra-content .v-middle{
  flex-direction: column-reverse
}
/*scalable*/
.section-spacing .managed-content h3 {
    font-size: 19px;
}
.managed-content span {
    font-size: 23px;
}
.three-column-icon{
  margin-top: 30px;
}
.icon-hover .icon {
    position: absolute;
}
.v-middle-sec .container-fluid .col-sm-6:first-child,
.v-middle-sec.section-spacing .col-sm-6:nth-child(2){
  padding:0;
  display: block;
}
.d365-carousel.owl-loaded.owl-drag, .d365erp-carousel.owl-loaded.owl-drag {
    padding: 2% 1% 5%;
}
.d365-carousel button, .d365erp-carousel button {
    position: absolute;
    top: -34vw;
}
.d365-carousel span, .d365erp-carousel span {
    font-size: 22vw;
}
h2.d365-heading.aos-init {
    padding: 0 7%;
}
.page-node-5026 .hover-effect-lists ul li {
    display: block;
    height: auto !important;
}
.page-node-5026 .hover-effect-lists ul li .knowMoreButton {
    transform: scale(0.7);
    float: right;
    margin-left: 0;
}
.page-node-5026 .hover-effect-lists ul li .animationButton {
    width: 100%;
}
.page-node-5026 .hover-effect-lists ul li h3,
.page-node-5026 .hover-effect-lists ul li .cont-sec {
    width: 100%;
}
.page-node-5026 .platform-carousel h2 {
    font-size: 25px;
}
/*header fix*/
img.logo.pd0 {
    margin-left: 3% !important;
}
h4{
  font-size: 30px;
}
.platform-carousel h2 {
    font-size: 20px;
}
.page-node-5026 .icon-hover .icon {
  position: static; 
}
.page-node-5026 .banner-text,
.page-node-5040 .banner-text,
.page-node-5024 .banner-text,
.page-node-5036 .banner-text,
.page-node-4169 .banner-text,
.page-node-4681 .banner-text,
.page-node-5017 .banner-text,
.page-node-5026 .banner-text,
.page-node-5033 .banner-text {
    top: 12%;
}
.banner-text p{
  width: 100%;
}
section.thought-leadership-spotlight .col-sm-6:nth-child(2) {
    padding: 0;
    float: left;
    position: static;
    right: 0px;
    top: 0;
}
/*encore-issues*/
/*application managment*/
.page-node-4884 .banner-text {
    bottom: auto;
    top: 30%;
    left: 13%;
}
.managed-app-services .app-services-list {
    width: 95%;
    margin: 8% 4% 0;
}
.swiper-details{
  padding: 0 15px;
}
.section.calendly-link{
  margin-top: 0;
}

/*quality-assurance-services*/
.page-node-4888 .banner-text {
    top: 32%;
    left: 12%;
}
.page-node-4888.node--type-digital-modernization-engineer .allianceSection .icon-hover .icon {
    position: static;
}
/*quality-assurance-services*/
.page-node-4993 .allianceSection .icon-hover{
  margin-top: 5%;
}
.page-node-4993 .icon-hover .icon {
    position: static;
}
/*ai-data-modernization*/
.overview-extra .knowMoreButton .circle {
    left: 0;
}
/*.circle.playbtn svg.svg-icon {
    margin-left: 17px;
}*/
section.overview-extra.container-fluid {
    padding: 5% 0 1%;
}
/*data-privacy*/
.page-node-4307 .banner-text{
	bottom: -32px;
}
.page-node-4307 .hover-effect-lists ul li{
	height: auto;
}
/*optima*/
.page-node-4894 .banner-text{
top: 32%;
left: 14%;	
}
/*life-sciences*/
.advance-consult-partners img {
    width: 100%;
}
/*meditech*/
.page-node-4905 .banner-text {
    bottom: auto;
    top: 32%;
    left: 12%;
}
/*lifescience*/
/*.icon-hover:hover .icon{
  left: 0;
}*/
/*icon spacing*/
.hov-pointer .allianceSection p.common-subheading,
.page-node-4170 .allianceSection p.common-subheading {
    padding-top: 0 !important;
}

  /*scalable-fixes-24th*/
.page-node-4328 .icon-hover .icon {
    position: static;
}
.page-node-4328 .allianceSection .icon-hover {
    margin-top: 5%;
}
.page-node-4328 .icon-hover:hover .icon {
    top: -20px;
}
.page-node-4328 .banner-text {
    top: auto;
}
/*power-platform-bussiness*/
.accordion-section .ckeditor-accordion-container {
    padding: 0;
}
#servicearea .ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button){

   font-size: 14px !important;
}
.ckeditor-accordion-container{
  padding: 10px 0;
  margin-top: 0;
}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button){
  padding: 20px;
}

.page-node-5015 .banner-text {
    bottom: auto;
    top: 25%;
}
.page-node-5015 .overview-content .col-sm-6.moreContent {
    display: flex;
    height: auto;
}
.bg-content-platformation h2 {
    width: 100%;
}
/*finance*/
.page-node-5026 .d365-carousel .owl-next,
.page-node-5026 .d365erp-carousel .owl-next,
.page-node-5026 .d365-carousel .owl-prev,
.page-node-5026 .d365erp-carousel .owl-prev{
  top: 10px;
}
/*platformation*/
.section-spacing .col-sm-6:nth-child(2){
  display: block;
}
.img-cont-right .col-sm-6:nth-child(2) img {
    width: 100%;
    float: left;
}

/*platformationtm-framework*/

.page-node-5073.node--type-platformation .banner-text {
    width: 85% !important;
    left: 14%;
}
.page-node-5073 .both-side-content .container-fluid{
  margin: 0;
}
.page-node-5073 .three-column-content p {
    margin: 0 auto;
    width: 90%;
}
.page-node-5073 .width50 {
    width: 100%;
    left: 4%;
    position: relative;
}
.framework-background-content{
  padding: 0;
}
.framework-background-content .bg-content-platformation {
    width: 100%;
}
.page-node-5073 .managed-content {
    height: auto;
}
.page-node-5073.node--type-platformation .managed-text .knowMoreButton .circle .icon {
    top: 5px;
}
.page-node-5073 .knowMoreButton .circle .icon {
    color: #fff;
    left: calc(100% - 47px);
}
.page-node-5073 .img-cont-right .knowMoreButton .circle .icon {
    color: #fff;
}
.page-node-5073 .banner-text {
    width: 85% !important;
    left: 15%;
}
.page-node-5073 .banner-text {
    top: 15vh;
}
.page-node-5073 .bg-content-platformation {
    position: absolute;
    padding: 0 8%;
    background-color: transparent;
}
/****/
.page-node-5075 .banner-text {
    width: 70% !important;
    left: 13%;
    top: 50%;
}
p.img-right img {
    width: 30%;
    position: relative;
    left: 6px;
    float: right;
}
p.para-text-width {
    float: left;
    width: 90%;
    padding-top: 5%;
}
.para-overview {
    float: none;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
/*applybutton*/
.applybutton {
    background-color: red;
    padding: 2px 5px 2px 25px;
}
#careers-page .applybutton .knowMoreButton {
    padding: 2px 15px 4px 20px;
    background: transparent;
    width: auto;
    top: auto;
}
.applybutton .knowMoreButton .circle {
    border: 0;
}
.applybutton .knowMoreButton>p a{
 height: 23px;
}
.applybutton .knowMoreButton .circle .icon {
    top: -8px;
}
.applybutton .knowMoreButton .circle .icon{
  margin-left: 18px;
}
.applybutton span{
  font-size: 16px;
}
/****/
p.fabric-cont {
    font-size: 16px;
}
.fabricImage p {
    font-size: 22px;
    margin-bottom: 14px !important;
}
.page-node-4976.node--type-landing-page .banner-text {
    top: 52%;
}
/***ms-fabric***/
.resource-container {
    position: relative;
    height: 110vh;
    background: #DEE0E1;
}
.resource-container h2 {
    padding-left: 8%;
    padding-bottom: 3%;
    padding-top: 10%;
}
.resource-content {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #DEE0E1;
}
.res-mob-image{
    transform: rotate(360deg);
    width: 100%;
    height: auto;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    display: none;
}
.resource-content p {
    width: 70%;
    position: absolute;
    top: 15%;
    font-size: 23px;
    left: 10vw;
    text-align: center;
}
.resource-container .animationButton.fade-bottom.reveal {
    top: 250px;
}
.resource-container .knowMoreButton {
    padding: 2px 20px 5px 50px;
    width: 175px;
}
.page-node-5078 section.calendly-link{
  margin-bottom: 0;
}
.resource-content h2{
  font-size: 30px
}
#block-sonata-new-microsoftfabricsameervideo .blueGradientBox {
    top: 90px;
}
#block-sonata-new-microsoftfabricsameervideo .buttonSection {
    margin-top: 90px;
}
.cards-wrap .animationButton {
    margin-top: -4%;
}
#block-sonata-new-microsoftfabricsameervideo .buttonSection span{
  font-size: 18px;
}
.rajVideo .imageContent {
    width: 75%;
}
.msfabric-video.inner-carousel .owl-theme .owl-nav {
    position: absolute;
    top: auto;
    left: auto;
    right: 40%;
    bottom: -40px;
}
#block-sonata-new-microsoftfabricsameervideo .buttonContent,
#block-microsoftfabricrajvideo .buttonContent {
    margin-left: 4%;
    margin-top: 0;
}
.resource-container .animationButton.fade-bottom.reveal{
   left: 25%;
}
}
/*-------footer social media icons---------*/

@media (min-width: 560px) and (max-width: 850px){
.site-footer__top .region:nth-child(2n) {
    padding-left: 0px !important;
}
}
@media only screen and (max-width: 375px) {
.page-node-4976.node--type-landing-page .banner-text {
    top: 42%;
}
/***ms-fabric****/
.resource-content p{
  top: 8%;
}
.resource-container .animationButton.fade-bottom.reveal {
    top: 210px;
}
.resource-container {
  height: 126vh;
}
}

/***date-microsoft-fabric-new-jersey-usa***/
@media (min-width: 768px) and (max-width: 950px){
.page-node-4976 .fabricImage img {
    max-width: 53%;
    margin-bottom: 14px;
}
.page-node-4976.node--type-landing-page .banner-text {
    top: 17%;
}
.page-node-4976.node--type-landing-page .banner-text p.green-text{
  color: #fff;
}

}



/***-----------------
       sustainability page -------------***/
/* mobile responsive */
@media only screen and (max-width: 1023px) {
  .sthome-vertical-tabs .tab-content img {
    max-height: 36vh;
  }

  #sustainability-carousel .sustain-carousel-text .title {
    padding-top: 0;
  }

  #sustainability-carousel .secondImage {
    height: auto;
  }

  #sustainability-carousel .sustain-carousel-text {
    padding-right: 0;
  }

  #sustainability-carousel .owl-carousel .owl-item img {
    position: static;
  }

  #sustainability-carousel .owl-theme .owl-nav {
    padding-left: 30px;
    position: static;
  }
}

@media screen and (max-width: 767px) {
  .sthome-vertical-tabs {
    display: none;
  }

  .sus-tabs-mob-accordion {
    display: block;
  }

  #quicktabs-sustainability .quicktabs-tabs {
    margin-top: 20px;
    display: block;
  }

  #quicktabs-sustainability .quicktabs-tabs li {
    width: 100%;
    margin: 0;
    display: block;
  }

  #quicktabs-sustainability .quicktabs-tabs li a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
  }

  #quicktabs-sustainability .quicktabs-tabs li.active a {
    font-weight: 700;
  }

  #quicktabs-sustainability .ckeditor-accordion-container {
    margin-top: 0;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle {
    right: 0;
    left: auto;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl {
    border: 0;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:before,
  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:after {
    background: #000;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dd {
    margin-top: 15px;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dd img {
    max-width: 105px;
    margin-bottom: 15px;
  }

  #quicktabs-container-sustainability .ckeditor-accordion-container>dl dt>a {
    background: none;
    color: #000;
    padding: 5px 10px;
    font-weight: 100;
    border-bottom: 1px solid #ccc;
  }

  .sus-large-carousel-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }

  #sustainability-carousel .owl-theme .owl-nav {
    text-align: left;
    padding-left: 20px;
  }
}

@media screen and (max-width: 767px) {
.isv-new .dyn-tabbed-content li strong {
    display: table-cell;
    font-size: 14px;
}
.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a,
.page-node-10 .block-quicktabs.block-quicktabs-blockinsights .quicktabs-wrapper .item-list ul li a,
.page-node-10 .block-quicktabs.block-quicktabs-blockresources .quicktabs-wrapper .item-list ul li a {
    font: normal normal normal 15px / 1.5 Segoe UI;
}
.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-main .text-formatted .row p {
    font: normal normal normal 15px / 1.5 Segoe UI;
}


/****sonata and microsoft******/

.page-node-10 .quicktabs-wrapper .item-list ul li {
    margin: 0;
    padding: 2px 20px 2px 1px !important;
    text-align: center;
    font: normal normal normal 24px / 32px Segoe UI;
    letter-spacing: 0px;
    color: #000000 !important;
    border-right: 5px solid #000;
    display: list-item !important;
    border-bottom: 1px solid #000;
    text-align: left !important;
	border-right:0px !important;
}
.list-group-item.active a {
    border-bottom: 0 !important;
    font-weight: bolder !important;
}
.page-node-10 .quicktabs-wrapper .item-list ul li a {
    font: normal normal normal 21px / 32px Segoe UI;

}
.list-group-item+.list-group-item.active {
    border-bottom: 3px solid #8E5DA3 !important;
   color:#8E5DA3 !important
}

/****sonata and microsoft end******/

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

   .isv-new .new-insights .slideroptima .thought-leadership.testimonials p {
        margin-top: 5px;
        margin-bottom: 8px !important;
    }

.isv-new .owl-stage-outerowl-height{height: auto !important;}
.isv-new .owl-carousel .testimonials-content img{display:none;}

    .isv-new .banner-text {
        top: 12%;
        bottom: auto;
        width: 68% !important;
    }
  .blog-slider {
    min-height: 500px;
    height: auto;
    margin: 180px auto;
  }

  .awards-recognitions .blog-slider__content {
    /* margin-top: -10px;*/
    margin-top: 80px;
    text-align: center;
    padding: 0 30px;
    width: 100%;
    margin-left: 0;
  }

  .awards-recognitions .card-content {
    background: #F1F2F2 0% 0% no-repeat padding-box;
    box-shadow: 20px 20px 75px #00000029;
    border-radius: 20px;
    opacity: 1;
    margin: 30px 3px;
  }

  .main-title h1 {
    font: normal normal bold 31px / 48px Segoe UI;
    color: #000;
    text-align: left;
    padding-bottom: 2vh;
  }

  .main-title-content h1 {
    font: normal normal bold 31px / 48px Segoe UI;
    color: #000;
    text-align: left;
    padding-bottom: 5vh;
    margin-top: 1%;
  }

  .awards-recognitions .blog-slider__content {
    padding: 0;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>* {
    line-height: 1.4;
  }

  .blog-slider__content {
    padding: 0 !important;
  }

  .awards-recognitions .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }

  .awards-recognitions .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }

  .awards-recognitions .blog-slider {
    min-height: 490px;
    height: auto;
    margin: 120px auto 0;
  }

  /*** sustainablity all sections***/
  .page-node-1820 .overview-content,
  .page-node-1820 .both-side-content .container-fluid {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2%;
  }

  .ESG-Progress .card-content {
    box-shadow: none;
  }

  .badge-carousel .addtl-sec-carousel-wrap {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .page-node-1820 .card-stack-wrap {
    padding-bottom: 0;
  }

  .awards-recognitions p {
    width: 100%;
    margin-left: 18px;
    line-height: 20px;
  }

  .page-node-1820 .banner-text {
    padding-left: 12px;
  }

  .page-node-1820 section.overview {
    padding-bottom: 0 !important;
  }

  .ESG-Progress .card-title-green h3,
  .ESG-Progress .card-title-blue h3,
  .ESG-Progress .card-title-purple h3 {
    font: normal normal bold 24px/35px Segoe UI
  }

  .ESG-Progress .font-weight-normal {
    font-size: 19px;
  }

  .ESG-Progress .card-desc p {
    line-height: 1.3;
    padding-left: 0;
    font-size: 15px;
  }

  .card-body.pt-2 {
    padding: 7px 13px !important;
  }

  .badge-content {
    height: 350px;
  }

  .awards-recognitions .text-right-p {
    padding-right: 5%;
  }

  /***sustainablity-button-changes***/
  .reports-disclouser .knowMoreButton:hover .circle {
    height: 28px;
    width: 28px;
    border-radius: 25px;
    border: 1px solid #606060;
    display: inline-block;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in;
    line-height: 30px;
    background: transparent;
  }

  .reports-disclouser .knowMoreButton>span,
  .reports-disclouser .knowMoreButton>p {
    transform: translateX(0px);
  }

  .reports-disclouser .knowMoreButton .circle .icon {
    top: auto;
    bottom: 65%;
  }

  .reports-disclouser .col-md-3.col-sm-12.col:last-child {
    display: none;
  }

  .reports-disclouser .knowMoreButton:hover .circle .icon {
    color: #606060;
    left: 0;
  }
  .reports-disclouser .col {
    flex: auto;
  }

  /***Gani shared ***/
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px !important;
  }

  /***/
  /***mobile-padding***/
  .node--type-csr-pages .col-md-12.main-title {
    padding-left: 0;
  }

  .awards-recognitions p {
    margin-left: 6px;
  }

  .awards-recognitions .col-md-12.main-title-content {
    padding: 0;
  }

  .awards-recognitions p {
    margin-left: 4px;
  }

  .node--type-csr-pages .section-spacing.row.full-row-content.padding-both {
    padding: 0 15px;
  }

  .node--type-csr-pages .block-quicktabs {
    padding-left: 5.32%;
    padding-right: 5.31%;
  }

  .node--type-csr-pages .section-spacing.row.both-side-content {
    padding: 5% 4% !important;
  }
  .details-card.awards-recognitions p {
    width: 100%;
 }
 .page-node-1820 .overview-content p,
.details-card .awards-recognitions p {
    font-size: 14px;
 } 
.details-card .blog-slider__text{
  font-size: 17px;
}
.page-node-1820 .knowMoreButton{
 padding: 5px 20px 5px 45px;
}
.resource-content {
 padding: 0;
}
/***platformation-services-finance-processes-automation***/
.automation .banner-text,
.sap-modernization .banner-text {
  top: 25%;
  left: 12%;
}
/***bfsi***/
.cards-bfsi .banner-text{
   bottom: 0;
   top: 25%;
   left: 12%;
}
.cards-bfsi .animationButton .knowMoreButton span{
  color: #fff;
}
.cards-bfsi .card-tit h2{
  margin-left: 1% !important;
}
.cards-bfsi .card-tit h4 {
  padding-left: 2%;
  font-size: 20px;
}
.cards-bfsi .partnersSection {
    padding: 5% 7% 5%;
}
.offering-list li h3{
  font-size: 23px;
}
.cards-bfsi .col-sm-6.moreContent.aos-init.aos-animate{
  display: block;
  height: auto;
}
/***color-black***/
.digital-contact-centre .color-black{
  color: #fff;
}
.digital-contact-centre .banner-text {
    bottom: 10%;
    top: auto;
}
/***op-to-ol***/
.op-to-ol .d365-carousel .owl-nav {
    bottom: 10px;
}
.op-to-ol .addtl-sec-carousel-wrap{
  padding-bottom: 0;
}
/*.op-to-ol .d365-carousel .owl-nav button.owl-prev,
.op-to-ol .d365-carousel .owl-nav button.owl-next{
  position: relative;
  left: 0;
  right: 0;
  top: auto;
}*/
.op-to-ol .accordion-section .ckeditor-accordion-container > dl,
.op-to-ol .accordion-section .ckeditor-accordion-container > dl dt > a:hover,
.op-to-ol .accordion-section .ckeditor-accordion-container > dl dt > a:not(.button):hover{
   border-radius: 10px	
}
.op-to-ol .accordion-section .ckeditor-accordion-container > dl dt > a,
.op-to-ol .accordion-section .ckeditor-accordion-container > dl dt > a:not(.button){
  padding: 10px 15px;
}
.dark-carousel h2 {
    font-size: 30px;
}
.op-to-ol .ckeditor-accordion-container{
 float: left;
 width: 100%;
}
.op-to-ol .accordion-section .ckeditor-accordion-container {
    padding: 0 1%;
}

.op-to-ol .swiper-pagination{
  margin-bottom: 5%;
}
.op-to-ol section.calendly-link{
  margin-top: 0;
}
/***thankyou***/
.thankyou{
  padding-top: 10px;
}
.thankyou .ver-hor-center h2 {
    font-size: 55px;
}
.thankyou .ver-hor-center img.homeicon-img {
    width: 100% !important;
}
/***icon-section***/
.allianceSection .icon-hover {
    padding-top: 0;
}
/***azure-carousel***/
.azure-carousel-content {
    width: 100%;
    display: flex;
    padding: 0 8%;
    flex-direction: column-reverse;
    min-height: auto;
}
.azure-inner-carousel .owl-carousel .owl-nav button.owl-next, .azure-inner-carousel .owl-carousel .owl-nav button.owl-prev,
.azure-inner-carousel .owl-carousel button.owl-dot{
  padding: 18px 18px !important;
}
.azure-inner-carousel .owl-prev span, .azure-inner-carousel .owl-next span {
    font-size: 4rem;
}
.azure-carousel-content .fade-left.reveal{
  min-height: auto;
}
/***Isv-new***/
.isv-new .overview-content img {
    flaot: none;
    max-width: 100%;
    margin-top: 30px;
}
.isv-new .banner-text p {
    font-size: 18px;
    width: 100%;
}
.isv-new .banner-text {
    top: 12%;
    bottom: auto;
}
.isv-new .d-tabbed-info {
    width: 100%;
}
.width60{
 width: 100%;
}
/***test***/
.new-insights .slideroptima .thought-leadership.testimonials img:first-child {
    max-width: fit-content;
    float: none;
    width: 60%;
    margin: 40px auto 0;
}
.new-insights .slideroptima .thought-leadership.testimonials p, .new-insights .slideroptima .thought-leadership h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.new-insights .slideroptima .thought-leadership.testimonials{
  margin-top: 0;
}
.section-spacing {
    padding-left: 15px;
    padding-right: 15px;
}
.isv-new.accordion .accordion-section .ckeditor-accordion-container {
    margin-top: 0;
}
/***webnairs-page***/
.tab-content.active {
    display: block;
    margin: 3% 3%;
    border: 2px solid #ccc;
}
.tab-content .webinar-content {
    font-size: 14px;
    margin: 2% 0;
    padding: 3% 3%;
}
.field-content .tab-button.active h3 p, .field-content .tab-button h3 p {
    margin-bottom: 0px;
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 700;
}
.page-view-insights.path-insights .blog-views-lhs {
    border-top: 0;
}
.page-view-insights.path-insights .blog-views-lhs .views-infinite-scroll-content-wrapper.clearfix > div {
    width: 100%;
}
.view-rhs-list .field-content .tab-button.active p, .view-rhs-list .field-content .tab-button p,
.view-rhs-list .field-content .tab-button.active h3,.view-rhs-list .field-content .tab-button h3{
   margin-bottom: 0;
}
/***newsletter***/
.news-letter .accordion .accordion-section .ckeditor-accordion-container > dl dt > a,
.news-letter .accordion .accordion-section .ckeditor-accordion-container > dl dt > a:not(.button) {
    padding: 10px 15px;
}
.playcontent {
    width: 100%;
}
.play-image {
    display: none;
}
.playcontent h3.top-btm {
    margin: 0 0 2.5vh;
}
/***devops***/
.devops .banner-text {
    bottom: auto;
    top: 30%;
}
/***sonata and microsoft***/
.page-node-10 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    width: 100%;
    display: block;
}
.page-node-10 .block-views.block-views-blockresources-block-1 .views-view-responsive-grid__item {
    margin-bottom: 5%;
    min-height: auto;
}
.page-node-10 .banner .row {
    flex-direction: column-reverse;
}
.page-node-10 .banner .content {
    height: auto;
}
.page-node-10 .overview .content.col-md-6 {
    margin-top: 5%;
   padding: 0 7%;
}
.page-node-10 .overview .content p {
    font-size: 14px;
    padding-bottom: 0px;
    margin-top: 3% !important;
}
.page-node-10 .w-60 {
    width: 100%;
}
.page-node-10 .w-75 {
    width: 100% !important;
}
.page-node-10 .microsoft-services .row .col-md-2 {
    max-width: 100%;
    height: auto;
    margin-bottom: 3%;
}
.page-node-10 block-quicktabs-blockour-global-footprint .quicktabs-main .text-formatted .row p {
    font: normal normal normal 14px/27px Segoe UI;
}
.page-node-10 button.navbar-toggler.collapsed {
    display: none !important;
}
.page-node-10 #navbar-top, .page-node-10 #navbar-main {
    height: 67px;
}
.page-node-10 img.logo.pd0 {
    width: 70%;
}
.page-node-10 section.banner {
    padding: 0;
    background-color: #f1f2f2;
    display: flex;
    margin-top: 67px;
}
.page-node-10 #webinars .views-view-responsive-grid__item .views-field-title {
    padding-top: 3%;
}
.page-node-10 .block-quicktabs-blockcase-study .views-view-responsive-grid__item .views-field-body p {
    width: 100%;
    font-size: 14px;
}
.page-node-10 .mstabs {
    display: none !important;
}
.page-node-10 .banner .content {
    height: auto;
    width: 100%;
    padding: 5% 10%;
}
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span a {
    font-size: 18px;
}
div#quicktabs-our_global_footprint {
    padding: 0 3%;
}
.page-node-10 .overview .content header p {
    font-size: 18px;
}
.content.col-md-7 {
    padding: 0 7%;
}
.col-xs-12.col-md-7 {
    padding: 0;
}
.col-xs-12.col-md-5 {
    padding: 0;
}
.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title span {
    font-size: 16px;
}
.views-view-responsive-grid.views-view-responsive-grid--horizontal {
    padding: 0;
}
.page-node-10 .middle-align {
    padding: 0 7%;
}
.banner-font {
    font-size: 28px;
    margin-bottom: 0;
}
.page-node-10 .middle-align img {
    width: 100%;
}
.page-node-10 block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a,
.page-node-10 .block-quicktabs.block-quicktabs-blockcase-study .quicktabs-wrapper .item-list ul li a {
    font: normal normal normal 15px / 1.4 Segoe UI;
}
.page-node-10 #servicearea .view-content .views-view-responsive-grid__item .views-field-title span {
    padding: 4px 0 0;
}
.page-node-10 div#block-sonata-quicktabscasestudy,
.page-node-10 div#block-sonata-quicktabsourglobalfootprint {
    margin: 0 -15px;
}
.page-node-10 .block-views.block-views-blockresources-block-1 {
    padding: 9% 10% 0;
}
.page-node-10 section.overview {
    padding: 4% 4% 0;
}
div#quicktabs-case_study {
    padding: 0 2%;
}
.desktop-display {
  display: none;
}
.mobile-display {
  display: block;
}
.slideroptima .thought-leadership.testimonials img:first-child {
    width: 100%;
    top: 0;
    max-width: 100%;
    margin-left: 21vw; 
}
#webinars .views-view-responsive-grid__item {
    margin-bottom: 2%;
}
.slideroptima .owl-carousel .owl-stage-outer {
    padding-bottom: 0;
}
.slideroptima .testimonials [class*="col-"] {
    margin-left: 2%;
}
a.watchnow {
   font-size: 15px;
   margin-bottom: 10%;
   margin-left: 35%;
}
}

@media screen and (max-width: 576px) {
  .awards-recognitions .blog-slider__img {
    width: 95%;
  }

  .blog-slider__button {
    width: 100%;
  }
  /***three-column-carousel***/
  .carousel .owl-prev, .carousel .owl-next {
    height: 6.5vw !important;
    width: 6.5vw !important;
  }
  .carousel .owl-prev span, .carousel .owl-next span {
    font-size: 12vw;
  }

/***bfsi-insurance***/
.page-node-5207 .addtl-sec-carousel-wrap{
  padding: 0 7% 70px;
}
.page-node-5207 .card-tit h2{
  margin-left: 0 !important;
}
.page-node-5207 .addtl-sec-carousel-wrap .owl-carousel .owl-stage-outer{
  height: auto !important;
  padding-bottom: 0;
}
.page-node-5207 .offerings{
  padding-top: 70px;
}
.modal-body .btn-primary {
  width: 55%;

}
.w-80{
  width: 100%;
}
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span,
.page-node-10 .views-element-container .views-field-title span {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 1.2;
}
.page-node-10 .block-quicktabs-blockresources .views-view-responsive-grid__item .views-field-body p{
  font-size: 14px;
}
.page-node-10 .block-quicktabs-blockinsights {
    padding: 4.2% 6%;
}
#webinars .row {
    padding: 0;
    margin: 0;
}
.page-node-10 .block-views-blockresources-block-9 {
    padding: 4.2% 6%;
}
/***table***/
.page-view-resource-statistics .table-responsive.col {
    padding: 70px 25px;
}
.page-view-resource-statistics .page-item:last-child .page-link span{
  font-size: 24px;
}
/* login */
.user-login-form {
    max-width: 80%;
}
.form-control {
  font-size: 14px;
}
/* webnair */
#webinars #block-sonata-views-block-resources-block-9 .views-row:nth-child(1),
#webinars #block-sonata-views-block-resources-block-9 .views-row:nth-child(2),
#webinars #block-sonata-views-block-resources-block-9 .views-row {
    width: 100%;
}

/*inner page*/
.left-body.col-sm-8 {
    margin-top: 0;
    float: left;
}
a.watchnow.watchnow-top {
    margin-top: 5%;
}
.overview .w-75 {
    width: 100%!important;
}
.page-node-10 .knowMoreButton .circle .icon {
    left: 4px;
    top: -12px;
}
#webinars #block-sonata-views-block-resources-block-9 .views-row {
    margin: 0; 
}
/* sticky 
.item-list {
    position: sticky;
    float: none;
    overflow: hidden;
    top: 0;
}
#block-sonata-quicktabsourglobalfootprint h2 {
    position: sticky;
    top: 50px;
}
div#quicktabs-container-case_study,
div#quicktabs-container-our_global_footprint,
div#quicktabs-container-insights,
div#quicktabs-container-resources {
    height: 500px;
    overflow-y: scroll;
}*/
/* carousel */
.slideroptima .thought-leadership.testimonials .row {
    align-items: center !important;
    padding: 15px 2% 15px 3%;
}
.slideroptima .thought-leadership.testimonials .owl-nav{
  line-height: 1;
}
/* width */
.w-88 {
    width: 100%;
}
/* quicktabs-globalfootprint */
#quicktabs-container-our_global_footprint img {
    display: none;
}
/* subscribe form */
#block-sonata-webform .webform-submission-form {
    flex-direction: column;
}
#block-sonata-webform .js-form-type-textfield {
    padding: 0;
}

}



@media (min-width: 1024px) and (max-width: 1366px)  {
      .dark-carousel .dark-h2 {
        margin-left: 0;
    }
}


@media only screen and (max-width: 1023px) {
    .page-view-insights.path-insights .col-lg-5.blog-views-rhs {
        /*overflow: hidden;*/
        overflow-x: scroll;
        overflow-y: hidden;
        width: 95%;
        margin-left:10px;
    }
 .page-view-insights.path-insights .tabs {
    width: 220px;
}
.path-insights .tabs .field-content,
.tabs .views-field-field-event-date {
    border-bottom: none;
}
.page-view-insights.path-insights .blog-views-wrap .blog-views-rhs .view-rhs-list .view-content.row {
    width: 100%;
    flex-wrap: nowrap;
}
/* ticker */
.bg-color-ticker a {
    font-size: 21px;
}
}
/*ipad potrait*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){
.slideroptima .thought-leadership.testimonials img:first-child {
   max-width: 50%;
}
.slideroptima .owl-carousel .owl-stage-outer{
  height: auto !important;
}
p, span {
    font-size: 14px;
}
.page-node-10 .views-element-container .views-view-responsive-grid__item .views-field-title span {
    font-size: 16px;
}
.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-main .text-formatted .row p{
  font: normal normal normal 14px/27px Segoe UI;
}
.col-xs-12.col-md-5,
p.w-80,
.col-xs-12.col-md-7  {
    width: 100%;
}
.page-node-10 ul.quicktabs-tabs li {
    margin-bottom: 0px !important;
}
.page-node-10 .block-quicktabs-blockour-global-footprint .quicktabs-wrapper .item-list ul li a{
  font-size: 16px;
}
.page-node-10 .banner .content{
    height: auto;
}


}




/* resources for win wire styles */
@media only screen and (max-width: 1180px){
 .node--type-winwire h2 {
    font-size: 23px;
    margin-bottom: 1vh;
}
 .node--type-winwire p {
    font-size: 14px;
    margin-bottom: 1vh;
}

 .node--type-winwire a,
 .node--type-winwire span {
   font-size: 14px;
}

 .node--type-winwire h5 {
    font-size: 16px;
    margin: 1% 0;
}
 .node--type-winwire ul {
    padding: 5% 0 0 10%;
    margin-left: 0;
}
 .node--type-winwire li {
    font-size: 14px;
    margin-bottom: 0;
}

/* homepage banner image*/
 .node--type-winwire .bg-image {
    height: 320px;
}

.node--type-winwire .banner-content h2,
.node--type-winwire .banner-content h4{
  font-size: 35px;
}

.node--type-winwire .box-5, .node--type-winwire .col-lg-5, .node--type-winwire .box-3, .node--type-winwire .col-lg-4, .node--type-winwire .col-lg-3 {
    flex: initial;
}

.node--type-winwire button.navbar-toggler.collapsed {
    display: none;
}
.node--type-winwire nav#navbar-main {
    width: 50%;
}
.node--type-winwire .banner-section {
   /* margin-top: 45px;*/
}
.node--type-winwire .banner-content {
    left: 6%;
    width: 49%;
}
.node--type-winwire .banner-content p {
    font-size: 20px;
}
.node--type-winwire .banner-content h4 {
    font-size: 40px;
}
.node--type-winwire .flex-wrap {
  padding: 2% 0 2% 5.5%;
}
.node--type-winwire .view-content.row {
    padding: 2% 5%;
}
/* filters */
.node--type-winwire .js-form-item {
    width: 45%;
    margin: 5px;
}
.node--type-winwire .search-wrapper {
    margin-left: 6%;
}
/* technology */
.node--type-winwire .technology {
    display: inline-block;
    margin-top: 1vw;
}
.node--type-winwire .technology h2 {
    font-size: 18px;
}
/* box */
.node--type-winwire .highlighted {
  font-size: 18px;
}
.node--type-winwire .redbox {
  min-height: auto;
}

/* home page */

.node--type-winwire .banner-content p {
  color: #000;
  font-size: 25px;
}

.node--type-winwire label,
.node--type-winwire .form-select,
.node--type-winwire .button#edit-submit-resources, .node--type-winwire button#edit-reset,
.node--type-winwire input#edit-title {
  font-size: 14px;
}

.node--type-winwire .views-view-responsive-grid__item .views-field-title span {
   font-size: 18px;
}

.node--type-winwire .views-field-body p {
   font-size: 14px;
}

/*.page-node-7 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
   --views-responsive-grid--column-count: 2 !important;
}
*/
.node--type-winwire .card-footer-left,
.node--type-winwire .card-footer-right {
  width: 50%;
}

.node--type-winwire .card-footer-right {
  float: left;
  width: 100%;
  text-align: left;
  padding-right: 0;
  font-size: 14px;
  margin-left: 5%;
}
/* filters */
.node--type-winwire input.form-control {
 margin-top: 0;
 font-size: 14px;
}
.node--type-winwire button#edit-submit-resources,
.node--type-winwire button#edit-reset, button.form-submit{
 font-size: 14px;
}
/* card-footer */
.node--type-winwire .card-footer-bottom{
  font-size: 14px;
}

/* serach keyword */
.node--type-winwire .path-search main#content {
  padding: 100px 35px 50px;
}

.node--type-winwire .path-search label,
.node--type-winwire .path-search a {
  font-size: 16px;
}

.node--type-winwire .path-search input#edit-keys {
  height: 35px;
  font-size: 16px;
}

.node--type-winwire #user-login-form button,
.node--type-winwire .path-search button#edit-submit {
  font-size: 16px;
}

.node--type-winwire .path-search em {
  font-size: 20px;
}
.node--type-winwire .card-footer{
  position: relative;
}
.node--type-winwire #resourcearea .card-footer {
        position: absolute !important;
        bottom: 0px !important;
        padding-bottom: 15px !important;
    }
.node--type-winwire #resourcearea .view-content.row .views-view-responsive-grid__item {
    position: relative;
    padding-bottom: 35%;
}
/* footer */
.node--type-winwire .site-footer ul{
  padding: 0;
}
}

@media only screen and (max-width: 767px){
.node--type-winwire .show-mobile{
  display: block;
}
.node--type-winwire section#page {
    padding: 4.2% 5%;
}
/* image */
.node--type-winwire nav#navbar-main {
    width: 70%;
}

.node--type-winwire header#header {
  background: rgba(0,0,0,0.9);
}

/* banner content */

.node--type-winwire .banner-content {
    left: 6%;
    width: 90%;
    margin-top: -45%;
}

.node--type-winwire .banner-content p {
    font-size: 25px;
}
.node--type-winwire .banner-content h4 {
    font-size: 30px;
}

.node--type-winwire .banner-section img{
  width: 100%;
}

/* box */
.node--type-winwire .box-5, 
.node--type-winwire .col-lg-5, 
.node--type-winwire .box-3,
.node--type-winwire .col-lg-4, 
.node--type-winwire .col-lg-3 {
   width: 100%;
   display: flex;
   padding: 0;
   flex-direction: column;
}
.node--type-winwire .box-5, .node--type-winwire .col-lg-5, .node--type-winwire .box-3, .node--type-winwire .col-lg-4, .node--type-winwire .col-lg-3{
 flex-direction: column;
}

.node--type-winwire .js-form-type-textfield input#edit-title {
   margin-top: 0;
}

/* client-overview */

.node--type-winwire .client-overview .box {
  padding-left: 0;
}

.node--type-winwire .search-wrapper {
  width: 100%;
  margin-left: 6%;
}

/* footer */
.node--type-winwire section.row.region.region-footer-fourth ul.clearfix.nav {
    float: left;
}
.node--type-winwire section.row.region.region-footer-fifth li.nav-item:last-child {
    float: left;
    margin: 15px 0 0;
}
/* banner image for home page */
.node--type-winwire .dt-image{
  display: none;
}
.node--type-winwire .mb-image{
  display: block;
}
/* red box spaces */
.node--type-winwire .redbox {
    margin: 10px 5px 10px 5px;
}
/* subscription */
#block-sonata-webform h2 {
    font-size: 14px;
    width: auto;
    float: left;
}
/*feedback-form*/
#content #block-sonata-webform-2 .form-no-label {
    width: 100%;
    margin-left: 0;
}
#content #block-sonata-webform-2 .content {
    width: 100%;
    float: left;
}
#content #block-sonata-webform-2 h2 {
    width: 100%;
    float: left;
    padding: 0;
}
.webform-confirmation__message, .webform-confirmation__back {
    font-size: 14px;
}
}