/*@font-face {
    font-family: 'hnl';
    src: url('fonts/HelveticaNeue-Light.eot');
    src: url('fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype');
    src: local('☺'), url('fonts/HelveticaNeue-Light.svg#font') format('svg'),
    url('fonts/HelveticaNeue-Light.otf') format('opentype'),
    url('fonts/HelveticaNeue-Light.ttf') format('truetype'),
    url('fonts/HelveticaNeue-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hnul';
    src: url('fonts/HelveticaNeue-UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'hnulc';
    src: url('fonts/HelveticaNeue-UltraLightCondensed.ttf') format('truetype');
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'hnl';
        src: url('fonts/HelveticaNeue-Light.svg') format('svg');
    }
}*/

@font-face {
  font-family: "it";
  src: url("fonts/Inter-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "isb";
  src: url("fonts/Inter-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "ir";
  src: url("fonts/Inter-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "im";
  src: url("fonts/Inter-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "il";
  src: url("fonts/Inter-Light.ttf") format("truetype");
}

@font-face {
  font-family: "iel";
  src: url("fonts/Inter-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "ieb";
  src: url("fonts/Inter-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "ib";
  src: url("fonts/Inter-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "ibk";
  src: url("fonts/Inter-Black.ttf") format("truetype");
}

.siteMap {
  display: none;
}

.bannerText1a {
  /*position:absolute;
    top:0;
    left:0;*/
  position: relative;
  z-index: 1;
  height: 100%;
  max-width: 115em;
  margin: 0 auto;
  padding: 0 2em;
  width: calc(100% - 4em);
}

.bannerText1b {
  opacity: 0;
  transform: translate(0, 10em);
  transition: all 500ms ease;
}

.bannerText1bTrans {
  transform: translate(0, 0);
  opacity: 1;
}

.bannerText1c {
  font-size: 5em;
  color: #ffffff;
  font-family: "ib", sans-serif;
  line-height: 1.1em;
}

.banner1A1 {
  display: block;
  margin: 7em 0 0 0;
  height: 3em;
  width: 16em;
  position: relative;
}

.banner1Icon1 {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.banner1Icon2 {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 2em;
}

.banner1A1:link {
  color: #ffffff;
}

.banner1A1:visited {
  color: #ffffff;
}

.banner1A1:hover {
  color: #eeeeee;
}

.banner1A1:active {
  color: #eeeeee;
}

.banner1A1Text {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  height: 1.2em;
  transition: all 500ms ease;
}

.banner1A1:hover .banner1A1Text {
  transform: translate(0.5em, 0);
}

.mainHeader {
  height: 7.5em;
  text-align: center;
  position: relative;
  font-family: "serifttfont", serif;
  z-index: 1000;
  box-shadow: 0 0.5em 1em #00000014;
}

.mainContent {
  height: calc(100% - 7.5em);
}

.mainHeaderInner {
  max-width: 115em;
  margin: 0 auto;
  height: 100%;
  position: relative;
  padding: 0 2em;
}

.mainLogo {
    height: 28%;
    top: 36%;
    left: 2em;
    z-index: 3;
}

.mainLogoImage {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    backface-visibility: hidden;
}

.mainNavigation {
  height: 1.2em;
  padding: 0 0 0 6em;
}

.mainNavigationA:link {
  color: #000000;
  font-size: 1.4em;
  position: relative;
  transition: color 500ms ease;
  font-family: "ir", sans-serif;
}

.mainNavigationA:visited {
  color: #000000;
}

.mainNavigationA:hover {
  color: #105ddd;
}

.mainNavigationA:active {
  color: #105ddd;
}

.mainHeaderAlt .mainNavigationA:link {
  color: #000000;
  font-size: 1.4em;
}

.mainHeaderAlt .mainNavigationA:visited {
  color: #000000;
}

.mainHeaderAlt .mainNavigationA:hover {
  color: #000000;
}

.mainHeaderAlt .mainNavigationA:active {
  color: #000000;
}

.capabilitiesContainer {
  /*margin: 0 0 0 -1.5em;*/
  position: relative;
}

.mainHeaderHover {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  transition: height 500ms ease;
  overflow: hidden;
  background-color: #f2f2f2;
  /*backdrop-filter: blur(12px);*/
}

.mainHeaderHoverTrans {
  /*height: 40vh;*/
  height: 43em;
}

.mainLogoWhite {
  z-index: 4;
  opacity: 0;
  transition: opacity 200ms ease;
}

.mainLogoWhiteTrans {
  opacity: 1;
}

.mainHeaderHoverBlack {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: opacity 400ms ease;
  background: rgba(0, 0, 0, 0.5);
}

.mainHeaderHoverBlackTrans {
  height: 100vh;
}

.naviOuter1 {
  right: 2em;
}

.mainHeaderHoverContainer {
  padding: 11em 0 0 0;
  height: calc(100% - 15em);
}

.mainHeaderHover1Title {
  color: #000000;
  font-size: 3.3em;
  font-family: "ir", sans-serif;
}

.mainHeaderHover1Description {
  color: #000000;
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  padding: 1.5em 6em 0 0;
  line-height: 1.9em;
}

.mainHeaderHover1 {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  position: relative;
  height: 100%;
  transform: translate(0, 0);
  transition: all 300ms ease;
  /*transition: transform 500ms ease;*/
  min-height: 25em;
  opacity: 1;
}

.mainHeaderHover2 {
  width: 60%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  transform: translate(0, 0);
  transition: all 300ms ease;
  min-height: 27em;
  position: relative;
  opacity: 1;
}

.mainHeaderCommonTrans {
  transform: translate(0, -5em);
  opacity: 0;
}

.mainHeaderHover1Separator {
  height: 100%;
  position: absolute;
  right: 12%;
  top: 0;
  background-color: rgba(192, 192, 192, 0.4);
  width: 0.1em;
  max-height: 30em;
}

.mainHeaderHover2NavDiv {
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  width: 50%;
  height: 4.5em;
}

.mainHeaderHover2NavA:link {
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  width: 50%;
  height: 4.5em;
}

.mainHeaderHover2NavA:visited {
  color: #ffffff;
}

.mainHeaderHover2NavA:hover {
  color: #ffffff;
}

.mainHeaderHover2NavA:active {
  color: #ffffff;
}

.mainHeaderHover2Nav {
  transform: translate(0, 0);
  transition: transform 500ms ease;
}

.mainHeaderHover2NavText {
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  display: inline-block;
  vertical-align: top;
  color: #000000;
}

.mainHeaderHover2NavTextTitle {
  font-size: 1.8em;
  font-family: "im", sans-serif;
  display: inline-block;
  vertical-align: top;
  color: #000000;
}

.mainHeaderHover2NavTextTitleM {
  font-size: 1.4em;
  font-family: "im", sans-serif;
  color: #000000;
  padding: 0 1.43em;
  letter-spacing: 0.1em;
}

.mainHeaderHover2NavAActive {
  color: #ffffff;
}

.mainHeaderHover2NavArrow {
  display: inline-block;
  height: 1.3em;
  vertical-align: -0.8em;
  padding: 0 0 0 1em;
  opacity: 0;
  transition: opacity 500ms ease;
}

/*.mainHeaderHover2NavA:hover .mainHeaderHover2NavArrow {
    opacity: 1;
}

.mainHeaderHover2NavA:hover .mainHeaderHover2Nav {
    transform: translate(2em, 0);
}*/

.mainHeaderHover2NavA:hover .mainHeaderHover2NavText {
  text-decoration: underline;
  color: #105ddd;
}

.mainHeaderHover1Side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: translate(0, 0);
  transition: all 300ms ease;
  z-index: 10;
}

.mainHeaderHover2Side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: translate(0, 0);
  transition: all 300ms ease;
  z-index: 1;
}

.mainHeaderHover2SideInner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
  transition: all 500ms ease;
}

.mainHeaderHover2SideInnerActive {
  opacity: 1;
  z-index: 1;
}

.mainHeaderHoverCommonTrans {
  opacity: 0;
  transform: translate(2em, 0);
  z-index: 0;
}

.capabilitiesInner {
  max-width: 118em;
  margin: 0 auto;
}

.capabilitiesInnerCust1 {
  position: relative;
}

.capabilitiesTitle {
  padding: 0 0 0 1.5em;
}

.capabilitiesTitle1 {
  color: #000000;
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  letter-spacing: 0.3em;
}

.capabilitiesDescription {
  padding: 1.2em 2em 1.8em 1.5em;
}

.capabilitiesDescription1 {
  color: #000000;
  font-size: 3.3em;
  font-family: "ib", sans-serif;
  line-height: 1.3em;
}

.capabilities1 {
  width: 33.33%;
  height: 19.5em;
  transition: all 500ms ease;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
}

.capabilities1Inner {
  border-radius: 0.75em;
  margin: 1.5em;
  border: 0.1em solid #dddddd;
}

.capabilitiesOuter {
  padding: 6em 0.5em 0 0.5em;
}

.capabilitiesOuterCust1 {
  padding: 6em 0.5em 7em 0.5em;
}

.capabilities2 {
  padding: 1.5em;
  height: calc(100% - 3em);
}

.capabilitiesImg {
  display: block;
  height: 3.5em;
}

.capabilities2Title {
  padding: 1em 0 2em;
}

.capabilities2Title1 {
  color: #105ddd;
  font-size: 1.7em;
  font-family: "isb", sans-serif;
}

.capabilities2Descriptions {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  font-size: 1.25em;
  font-family: "ir", sans-serif;
  padding: 0 0 1em 0;
}

.capabilities2Description0h {
  height: 0;
  overflow: hidden;
  transition: all 500ms ease;
}

.capabilities2Description0h1 {
  height: 0;
  overflow: hidden;
  transition: all 500ms ease;
}

.capabilities2Descriptions33 {
  width: 33.33%;
}

.capabilities2Descriptions100 {
  width: 100%;
}

.capabilities2DescriptionsAlt {
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  padding: 0 0 1.5em 0;
  min-height: 3em;
}

.capabilitiesContainer:hover .capabilities1 {
  opacity: 0.4;
}

.capabilities1:hover .capabilities1Inner {
  background-color: #e6f2ff;
  border: 0.1em solid #cce5ff;
  margin-top: -7.7em;
}

.capabilities1:hover {
  opacity: 1 !important;
  z-index: 2;
}

.capabilities1:hover .capabilities2Description0h {
  height: 7.7em;
}

.capabilities1:hover .capabilities2Description0h1 {
  height: 13.2em;
}

.mainHeaderHover2NavA:hover .mainHeaderHover2NavText {
  text-decoration: underline;
}

.capabilitiesOverlayNew {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.accelerateOuter {
  height: 53em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  max-width: 100%;
  overflow-x: hidden;
}

.accelerateText {
  font-family: "isb", sans-serif;
  font-size: 2.8em;
  padding: 0 0 2em 0;
  color: #ffffff;
}

.accelerateButton {
  background-color: #ffffff;
  cursor: pointer;
  display: inline-block;
  border-radius: 0.75em;
  padding: 1.2em 2.5em 1.2em 2em;
}

.accelerateButton:hover {
  background-color: #eeeeee;
}

.accelerateButtonText {
  font-size: 1.4em;
  color: #105ddd;
  font-family: "ir", sans-serif;
  font-weight: 600;
  display: inline-block;
}

.loadingScreen * {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.loadingScreen,
.preloader {
  display: flex;
}

.loadingScreen {
  background: #ffffff;
  color: #105ddd;
  font: 1em Dosis, sans-serif;
  height: 100vh;
  line-height: 1.5;
  perspective: 40em;
}

.loadingScreenOuter {
  font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1280 - 320));
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  overflow: hidden;
}

.loadingScreenInner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: bottom 1000ms ease;
  background: #ffffff;
}

.loadingScreenInnerBottom {
  bottom: -150%;
}

.preloader {
  animation: tiltSpin 8s linear infinite;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 17em;
  height: 17em;
}

.preloader,
.preloader__ring {
  transform-style: preserve-3d;
}

.preloader__ring {
  animation-name: spin;
  animation-duration: 4s;
  animation-timing-function: inherit;
  animation-iteration-count: inherit;
  font-size: 1em;
  position: relative;
  height: 3rem;
  width: 1.5rem;
}

.preloader__ring:nth-child(even) {
  animation-direction: reverse;
}

.preloader__sector {
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  text-transform: uppercase;
  transform: translateZ(7rem);
}

.preloader__sector,
.preloader__sector:empty:before {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.preloader__sector:empty:before {
  background: linear-gradient(
    transparent 45%,
    currentColor 45% 55%,
    transparent 55%
  );
  content: "";
}

.preloader__sector:nth-child(2) {
  transform: rotateY(12deg) translateZ(7rem);
}

.preloader__sector:nth-child(3) {
  transform: rotateY(24deg) translateZ(7rem);
}

.preloader__sector:nth-child(4) {
  transform: rotateY(36deg) translateZ(7rem);
}

.preloader__sector:nth-child(5) {
  transform: rotateY(48deg) translateZ(7rem);
}

.preloader__sector:nth-child(6) {
  transform: rotateY(60deg) translateZ(7rem);
}

.preloader__sector:nth-child(7) {
  transform: rotateY(72deg) translateZ(7rem);
}

.preloader__sector:nth-child(8) {
  transform: rotateY(84deg) translateZ(7rem);
}

.preloader__sector:nth-child(9) {
  transform: rotateY(96deg) translateZ(7rem);
}

.preloader__sector:nth-child(10) {
  transform: rotateY(108deg) translateZ(7rem);
}

.preloader__sector:nth-child(11) {
  transform: rotateY(120deg) translateZ(7rem);
}

.preloader__sector:nth-child(12) {
  transform: rotateY(132deg) translateZ(7rem);
}

.preloader__sector:nth-child(13) {
  transform: rotateY(144deg) translateZ(7rem);
}

.preloader__sector:nth-child(14) {
  transform: rotateY(156deg) translateZ(7rem);
}

.preloader__sector:nth-child(15) {
  transform: rotateY(168deg) translateZ(7rem);
}

.preloader__sector:nth-child(16) {
  transform: rotateY(180deg) translateZ(7rem);
}

.preloader__sector:nth-child(17) {
  transform: rotateY(192deg) translateZ(7rem);
}

.preloader__sector:nth-child(18) {
  transform: rotateY(204deg) translateZ(7rem);
}

.preloader__sector:nth-child(19) {
  transform: rotateY(216deg) translateZ(7rem);
}

.preloader__sector:nth-child(20) {
  transform: rotateY(228deg) translateZ(7rem);
}

.preloader__sector:nth-child(21) {
  transform: rotateY(240deg) translateZ(7rem);
}

.preloader__sector:nth-child(22) {
  transform: rotateY(252deg) translateZ(7rem);
}

.preloader__sector:nth-child(23) {
  transform: rotateY(264deg) translateZ(7rem);
}

.preloader__sector:nth-child(24) {
  transform: rotateY(276deg) translateZ(7rem);
}

.preloader__sector:nth-child(25) {
  transform: rotateY(288deg) translateZ(7rem);
}

.preloader__sector:nth-child(26) {
  transform: rotateY(300deg) translateZ(7rem);
}

.preloader__sector:nth-child(27) {
  transform: rotateY(312deg) translateZ(7rem);
}

.preloader__sector:nth-child(28) {
  transform: rotateY(324deg) translateZ(7rem);
}

.preloader__sector:nth-child(29) {
  transform: rotateY(336deg) translateZ(7rem);
}

.preloader__sector:nth-child(30) {
  transform: rotateY(348deg) translateZ(7rem);
}

/* Animations */
@keyframes tiltSpin {
  from {
    transform: rotateY(0) rotateX(30deg);
  }
  to {
    transform: rotateY(1turn) rotateX(30deg);
  }
}

@keyframes spin {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(1turn);
  }
}

.innovationFrameworksOuter {
  position: relative;
  z-index: 0;
}

.innovationFrameworksA:link {
  color: #000000;
  font-family: "ir", sans-serif;
  display: block;
  height: 5em;
}

.innovationFrameworksA:visited {
  color: #000000;
}

.innovationFrameworksA:hover {
  color: #000000;
}

.innovationFrameworksA:active {
  color: #000000;
}

.innovation2Nav {
  /*transform: translate(0, 0);
    transition: all 500ms ease;*/
}

.innovation2NavText {
  font-size: 1.8em;
  font-family: "ir", sans-serif;
  display: inline-block;
  vertical-align: top;
  opacity: 0.7;
}

.innovation2NavArrow {
  display: inline-block;
  height: 1.3em;
  vertical-align: -0.8em;
  padding: 0 0 0 1em;
  opacity: 0;
  transition: opacity 1000ms ease;
}

.innovationFrameworksA:hover .innovation2NavArrow {
  /*opacity: 1;*/
}

.innovationFrameworksA:hover .innovation2Nav {
  /*transform: translate(2em, 0);*/
}

.innovationFrameworksA:hover .innovation2NavText {
  text-decoration: underline;
  opacity: 1;
}

.innovationFrameworksPlaceholderImg {
  display: block;
  width: 100%;
  opacity: 0;
}

.innovationSlidesContainer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.innovationSlidesContainers {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity 1000ms ease;
}

.innovationSlidesContainersO {
  opacity: 1;
}

.innovationFrameworksInner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}

.innovationFrameworks {
  max-width: 115em;
  text-align: left;
  margin: 0 auto;
}

.innovationFrameworksTitle {
  font-size: 3.3em;
  font-family: "ib", sans-serif;
  padding: 0 0 1em 0;
}

.mobileBreak {
  display: inline;
}

.innovationFrameworksM {
  display: none;
  text-align: justify;
  font-family: "ir", sans-serif;
}

.innovationFrameworksAMobile:last-of-type {
  width: 100%;
  height: 0.1em;
  background-color: transparent;
  margin: 0;
}

.innovationFrameworksAMobile {
  background-color: #ffffff;
  height: 5em;
  width: 23%;
  cursor: pointer;
  display: inline-block;
  border-radius: 0.9em;
  margin: 0 0 1em 0;
}

.innovationFrameworksAText {
  font-size: 1.4em;
  color: #000000;
  font-family: "ir", sans-serif;
  font-weight: 600;
}

.mobileMenuDrop {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: height 500ms ease;
  overflow: hidden;
  display: block;
  background-color: rgba(255, 255, 255, 1);
}

.naviOuter1 {
  z-index: 2;
}

.mobileMenuDropHeight {
  height: 100vh;
}

.mobileMenuDropPadding {
  padding: 7.5em 0 0 0;
  height: calc(100% - 7.5em);
}

.mainLeftMenuA ~ .mainLeftMenuInner {
  display: none;
  padding: 1em 0 0 0;
}

.mainLeftMenu {
  text-align: left;
}

.mainLeftMenuA:link {
  font-family: "ir", sans-serif;
  color: #ffffff;
  transition: all 500ms linear;
  font-size: 1.5em;
  display: block;
  letter-spacing: 0.05em;
  padding: 1.5em 1.33em;
  background: #0a3a7a;
  border-top: 0.1em solid rgba(255, 255, 255, 0.1);
  /*border-bottom: 0.1em solid rgba(255, 255, 255, 0.1);*/
}

.mainLeftMenuA:visited {
  color: #ffffff;
}

.mainLeftMenuA:hover {
  color: #105ddd;
}

.mainLeftMenuA:active {
  color: #105ddd;
}

.mainLeftMenuInner1 .mainLeftMenu {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 1.5em 0 1.5em 0;
}

.mainLeftMenuInner1 .mainLeftMenuA:link {
  padding: 0 1.54em;
  background: rgba(255, 255, 255, 0);
  border-top: 0;
  border-bottom: 0;
  font-size: 1.3em;
}

.mainLeftMenuInner2 > .mainLeftMenu {
  padding: 0 0 0 4em;
}

.mainLeftMenuInner2 > .mainLeftMenu > .mainLeftMenuA:link {
  padding: 1.5em 1.33em 1.5em 0;
  border-top: 0 solid rgba(0, 0, 0, 0.1);
}

.mainLeftMenuOuter
  > .mainLeftMenuInner
  > .mainLeftMenu:first-of-type
  > .mainLeftMenuA {
  border-top: 0 solid rgba(0, 0, 0, 0.1);
}

.ourWorksOuter {
  /*height:57em;*/
  padding: 5em 0 4em 0;
}

.ourWorksInner {
  height: 43em;
  white-space: nowrap;
  overflow: hidden;
}

.ourWorksTitle {
  margin: 0 auto;
  max-width: 115em;
  padding: 0 2em;
}

.ourWorksTitle1 {
  color: #000000;
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  letter-spacing: 0.3em;
}

.ourWorksTitle2 {
  padding: 1.2em 0 3.3em 0;
}

.ourWorksTitle2a {
  font-size: 3.3em;
  font-family: "ib", sans-serif;
  position: relative;
}

.ourWorksArrow {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 20em;
}

.ourWorksArrowRight {
  height: 0.6em;
  cursor: pointer;
  margin: 0 0 0 0.2em;
  display: inline-block;
  transition: opacity 200ms ease;
}

.ourWorksArrowLeft {
  height: 0.6em;
  cursor: pointer;
  display: inline-block;
  transform: scaleX(-1);
  transition: opacity 200ms ease;
}

.ourWorksArrowOpacity {
  opacity: 0.2;
}

.ourWorksInnerPlaceHolder {
  width: calc(((100vw - 115em) / 2) - 0.5em);
  display: inline-block;
  vertical-align: top;
  height: 100%;
  transition: width 1000ms linear;
}

.ourWorksInnerPlaceHolderW {
  width: 0;
}

.ourWorksInner .column1 {
  display: inline-block;
  vertical-align: top;
}

.worksText1a {
  white-space: normal;
  padding: 2em;
  border-bottom: 0.1em solid #e6e6e6;
  border-right: 0.1em solid #e6e6e6;
  border-left: 0.1em solid #e6e6e6;
  width: calc(100% - 4.2em);
  border-bottom-left-radius: 0.75em;
  border-bottom-right-radius: 0.75em;
  transition: box-shadow 500ms ease;
}

.mainSlide:hover .worksText1a {
  box-shadow: 0.3em 0.3em 1em #0000001a;
}

.worksText1b {
  font-size: 2em;
  font-family: "ib", sans-serif;
  letter-spacing: 0.1em;
  padding: 0.3em 0 0 0;
}

.worksText1c {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  padding: 0.7em 0 1.4em;
  line-height: 1.6em;
  min-height: 4.6em;
}

.worksText1A1 {
  display: block;
  padding: 0 0 1.2em 0;
}

.worksText1Icon1 {
  height: 0.8em;
  display: inline-block;
  vertical-align: 0;
  margin: 0 0 -0 0.8em;
  transform: translate(0, 0);
  transition: transform 500ms ease;
}

.worksText1A1:hover .worksText1Icon1 {
  transform: translate(1em, 0);
}

.chatHoverImg {
  position: fixed;
  bottom: 3em;
  left: calc(115em + ((100vw - 115em) / 2));
  z-index: 1;
  cursor: pointer;
  display: none;
}

.columnContainer {
  position: relative;
  z-index: 5;
}

.headerArrowContainer {
  position: relative;
  top: 0.12em;
  right: 0;
  height: 100%;
  width: 0.3em;
  display: inline-block;
  pointer-events: none;
}

.headerWhiteDownArrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  height: 0.4em;
  opacity: 0;
  transition: opacity 1000ms ease;
}

.headerBlackDownArrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  height: 0.4em;
  opacity: 1;
  transition: opacity 1000ms ease;
}

.headerOrangeUpArrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  height: 0.4em;
  opacity: 0;
  transition: opacity 1000ms ease;
}

.mainHeaderAlt .headerBlackDownArrow {
  opacity: 0;
}

.mainHeaderAlt .headerWhiteDownArrow {
  opacity: 1;
}

.mainHeaderAlt .mainNavigationAActivated .headerOrangeUpArrow {
  opacity: 1;
}

.mainHeaderAlt .mainNavigationAActivated .headerWhiteDownArrow {
  opacity: 0;
}

.mainHeaderAlt .mainNavigationAActivated:link {
  color: #105ddd;
}

.mainHeaderAlt .mainNavigationAActivated:visited {
  color: #105ddd;
}

.mainHeaderAlt .mainNavigationAActivated:hover {
  color: #105ddd;
}

.mainHeaderAlt .mainNavigationAActivated:active {
  color: #105ddd;
}

.worksText1A1Text {
  font-size: 1.2em;
  color: #105ddd;
  display: inline-block;
  font-family: "im", sans-serif;
  letter-spacing: 0.18em;
}

.aboutOuterPlaceholderImg {
  width: 100%;
  display: block;
  opacity: 0;
}

.aboutOuter {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  min-height: 66.6em;
}

.aboutInner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aboutContent {
  max-width: 115em;
  display: inline-block;
  width: auto;
  padding: 6em 2em;
}

.aboutContentLeft {
  display: inline-block;
  vertical-align: top;
  width: 38%;
  text-align: left;
}

.aboutContentRight {
  display: inline-block;
  vertical-align: top;
  width: 62%;
  text-align: right;
}

.aboutTitle1 {
  color: #000000;
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  letter-spacing: 0.3em;
}

.aboutTitle2 {
  padding: 1.2em 0 3.3em 0;
}

.aboutTitle2a {
  font-size: 4.2em;
  font-family: "ib", sans-serif;
  position: relative;
}

.aboutDesc {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  line-height: 1.8em;
}

.aboutBlocks {
  width: 32.7em;
  height: 24.6em;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0.4em 5.4em rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(2em);
  border-radius: 0.75em;
  margin: 0 0 2.5em 2.5em;
  display: inline-block;
  text-align: center;
}

.aboutBlocksDiff {
  background: rgba(255, 236, 234, 0.8);
}

.aboutBlocksIcon {
  height: 4em;
  display: inline-block;
}

.aboutBlocksText1 {
  font-size: 2.6em;
  color: #105ddd;
  font-family: "ib", sans-serif;
  padding: 1em 0 0.5em 0;
}

.aboutBlocksText2 {
  font-size: 1.6em;
  color: #000000;
  font-family: "ir", sans-serif;
  line-height: 1.7em;
}

.latestOuter {
  position: relative;
  min-height: 79em;
}

.latestInner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.latestContent {
  max-width: 115em;
  display: block;
  width: auto;
  padding: 6em 2em;
  margin: 0 auto;
}

.latestTitle {
  font-size: 3.2em;
  color: #000000;
  font-family: "ib", sans-serif;
}

.latestContent1 {
  padding: 6em 0 0 0;
}

.latestContent1Left {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.latestContent1Right {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.blogImg {
  display: block;
  width: 100%;
  border-radius: 0.75em;
}

.blogImgAlt {
  display: block;
  width: 100%;
  opacity: 0;
}

.latestContent1RightInner {
  position: absolute;
  top: 0;
  left: 5.5em;
  width: calc(100% - 5.5em);
  height: 100%;
}

.latestContent1RightInnerB {
  height: calc(33.33% - 0.1em);
  border-bottom: 0.1em solid #e7cecd;
}

.latestContent1RightInnerB .worksText1A1 {
  padding: 0;
}

.latestContent1RightInnerB:last-of-type {
  border-bottom: 0.1em solid transparent;
}

.latestContent1RightInnerBTitle1 {
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  letter-spacing: 0.3em;
}

.latestContent1RightInnerBTitle2 {
  font-size: 2.4em;
  font-family: "ib", sans-serif;
  padding: 0.7em 0 1.1em 0;
}

.latestContent1LeftText {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.75em;
  position: absolute;
  bottom: 2em;
  left: 3em;
  width: calc(100% - 10em);
  /*height: 18.5em;*/
  color: #000000;
  padding: 2em;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(20.015px);
}

.latestContent1LeftText .worksText1A1Text {
  color: #105ddd;
}

.latestContent1LeftText .worksText1Icon1 {
  height: 1em;
  vertical-align: 0;
}

.latestContent1LeftText .worksText1A1 {
  padding: 0;
}

.letsTalkOuter {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 59em;
  background-color: #f4ebe2;
}

.letsTalkInner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.letsTalkContent {
  max-width: 115em;
  display: block;
  width: auto;
  padding: 6em 2em;
  margin: 0 auto;
}

.letsTalkContent1 {
  padding: 0 0 0 0;
  position: relative;
}

.letsTalkContent1Left {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.callCenterImg {
  width: 100%;
  display: inline-block;
  border-radius: 0.75em;
  margin-top: 40px;
}

.letsTalkContent1Right {
  width: calc(70% - 8em);
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 auto;
  padding: 0 0 0 8em;
  text-align: left;
}

.letsTalkContent1RightTitle {
  font-size: 3.2em;
  color: #000000;
  font-family: "ib", sans-serif;
}

.letsTalkContent1RightDesc {
  font-size: 1.5em;
  font-family: "ir", sans-serif;
  padding: 10px 0px 20px;
  color: #000000;
  line-height: 1.4em;
}

.letsTalkForm {
}

.letsTalkForms {
  display: inline-block;
  width: calc(50% - 2.7em);
  vertical-align: top;
  padding: 0 2.7em 4em 0;
}

.letsTalkFormsDesc {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 0 0 4em 0;
}

.letsTalkFormsTitle {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  color: #ffffff;
}

.letsTalkFormsInputDiv {
  height: 4.7em;
  padding: 1em 0 0 0;
}

.letsTalkFormsInput {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 0.33em;
  padding: 0 0 0 0.8em;
  background-color: #ffffff;
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  color: #000000;
}

.letsTalkFormsInput::-webkit-input-placeholder {
  font-family: "ir", sans-serif;
  font-size: 1em;
  color: #888888;
}

.letsTalkFormsInput::-moz-placeholder {
  font-family: "ir", sans-serif;
  font-size: 1em;
  color: #888888;
  opacity: 1;
}

/* firefox 19+ */
.letsTalkFormsInput:-ms-input-placeholder {
  font-family: "ir", sans-serif;
  font-size: 1em;
  color: #888888;
}

/* ie */
.letsTalkFormsInput:-moz-placeholder {
  font-family: "ir", sans-serif;
  font-size: 1em;
  color: #888888;
  opacity: 1;
}

.letsTalkFormsInput:focus {
  background-color: #ffffff !important;
}

.letsTalkFormsDescriptionDiv {
  height: 11.5em;
  padding: 1em 0 0 0;
}

.letsTalkFormsDescription {
  box-sizing: border-box;
  width: calc(100% - 1.7em);
  height: 100%;
  border-radius: 0.33em;
  padding: 0.8em 0 0 0.8em;
  background-color: #ffffff;
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  color: #000000;
}

.letsTalkFormsDescription::-webkit-input-placeholder {
  font-family: "ir", sans-serif;
  font-size: 1em;
  color: #888888;
}

.letsTalkFormsDescription::-moz-placeholder {
  font-family: "ir", sans-serif;
  font-size: 1em;
  color: #888888;
  opacity: 1;
}

/* firefox 19+ */
.letsTalkFormsDescription:-ms-input-placeholder {
  font-family: "ir", sans-serif;
  font-size: 1em;
  color: #888888;
}

/* ie */
.letsTalkFormsDescription:-moz-placeholder {
  font-family: "ir", sans-serif;
  font-size: 1em;
  color: #888888;
  opacity: 1;
}

.letsTalkFormsButtonDiv {
  display: block;
  width: 17.8em;
  height: 5em;
  margin: 0 2.7em 0 auto;
}

.letsTalkFormsButton {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.37em;
  background-color: #f4c05a;
  cursor: pointer;
  font-size: 1.4em;
  font-family: "isb", sans-serif;
  color: #000000;
}

.letsTalkFormsButton:hover {
  background-color: #ffffff;
}

.letsTalkFormsButtonDivInner {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.4em;
  background-color: #f4c05a;
  cursor: pointer;
}

.letsTalkFormsButtonDivInnerText {
  font-size: 1.4em;
  font-family: "isb", sans-serif;
  display: inline-block;
  /*vertical-align: top;*/
  color: #000000;
}

.letsTalkFormsButtonDivInnerArrow {
  display: inline-block;
  /*vertical-align: -0.7em;*/
  height: 1.1em;
  margin: 0 0 0 1em;
}

.letsTalkFormsButtonDivInner:hover {
  background-color: #f0a40f;
}

.footerOuter {
  position: relative;
  background: linear-gradient(145deg, #105ddd 0%, #0d4fc7 100%);
  /*height:100%;
    min-height: 74.5em;*/
}

.footerInner {
  max-width: 115em;
  width: auto;
  padding: 6em 2em 2em 0;
  margin: 0 auto;
}

.footerContent1 {
  padding: 0 0 4.5em 0;
  border-bottom: 0.1em solid #292929;
}

.footerContent2 {
  padding: 3em 0 0 0;
}

.footerNav {
  text-align: center;
  padding: 0 0 5em 0;
  display: none;
}

.footerNavsA {
  margin: 0 3.5em 0 3.5em;
  display: inline-block;
  color: #ffffff;
  border-bottom: 0.2em solid #ffffff;
  padding: 0 0 0.2em 0;
}

.footerNavsText {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
}

.footerNavsASelected {
  border-bottom: 0.2em solid #ffffff;
  color: #ffffff;
  font-weight: 900;
}

.footerContent1a {
  text-align: justify;
}

.footerContent1b {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 0 2em 0 0;
  position: relative;
  z-index: 1;
}

.footerLogoA {
  height: 4.1em;
  display: block;
  max-width: 200px;
}

.footerSocialAImg {
  height: 100%;
  display: block;
}
.footerLogoA .footerSocialAImg{
     width:170px;
    
}
.footerContent1b1:link {
  font-size: 1.6em;
  font-family: "im", sans-serif;
  display: block;
  cursor: default;
  padding: 0 0 0.9em 0;
  position: relative;
}

/*.footerContent1b1:visited {
    color: #ffffff;
}*/
.footerContent1b1 {
  color: #ffffff;
}

/*.footerContent1b1:hover {
    color: #105ddd;
}*/

/*.footerContent1b1:active {
    color: #000000;
}
*/
.footerContent1b2T {
  font-family: "ir", sans-serif;
  color: #000000;
  display: block;
  padding: 0 0 1.5em 0;
}

.footerContent1b2:link {
  font-family: "ir", sans-serif;
  color: #ffffff;
  display: block;
  padding: 0 0 0.8em 0;
  font-size: 1.4em;
}

.footerContent1b2:visited {
  color: #ffffff;
}

.footerContent1b2:hover {
  color: #ffffff;
}

.footerContent1b2:active {
  color: #105ddd;
}

.footerContent1bSlide {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 500ms ease;
  opacity: 1;
  z-index: 1;
}

.footerContent1bSlideAb {
  position: absolute;
}

.footerContent1bSlideOp {
  opacity: 0;
  z-index: 0;
}

.footerSocialAImg1a {
  height: 1.7em;
  display: inline-block;
  vertical-align: top;
  margin: 0.2em 0.4em 0 0;
}

.footerSocialAImg1b {
  height: 1.4em;
  display: inline-block;
  vertical-align: top;
  margin: 0.1em 0.4em 0 0;
}

.footerSocialAImg1c {
  height: 0.8em;
  display: inline-block;
  vertical-align: -0.1em;
  margin: 0 0.4em 0 0;
}

.footerContent1b2T {
}

.footerContent1b2TI {
  display: inline-block;
  vertical-align: top;
  font-size: 1.4em;
  width: calc(100% - 2em);
  white-space: nowrap;
  line-height: 25px;
  color: #ffffff;
}

.footerContent1b2TIAT {
  display: inline-block;
  vertical-align: top;
  font-size: 1em;
}

.footerContent2 {
  text-align: justify;
}

.footerCopyright {
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  color: #ffffff;
  display: inline-block;
}

.footerSocial {
  display: inline-block;
  height: 2.8em;
  vertical-align: middle;
}

.footerSocialA {
  height: 100%;
  /*padding: 0 0.5em;*/
  padding: 0 0 0 1em;
  display: inline-block;
}

.footerSocialAImg {
  height: 100%;
  display: block;
}

.footerTAJ {
  height: 0.1em;
  width: 100%;
  display: inline-block;
}

.footerNavM {
  display: none;
}

.footerContent1M {
  display: none;
}

.footerContent1M .mainLeftMenuA:link {
  font-family: "im", sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.05em;
  padding: 1em 0;
  color: #ffffff;
  background-color: transparent;
}

.footerContent1M .mainLeftMenuA:visited {
  color: #ffffff;
}

.footerContent1M .mainLeftMenuA:hover {
  color: #ffffff;
}

.footerContent1M .mainLeftMenuA:active {
  color: #ffffff;
}

.footerContent1M .mainLeftMenuInner1 .mainLeftMenu {
  width: 100%;
  padding: 1.5em 0 1.5em 0;
}

.footerContent1M .mainLeftMenuInner1 .mainLeftMenuA:link {
  padding: 0;
  background: rgba(255, 255, 255, 0);
  border-top: 0;
  border-bottom: 0;
  font-size: 1.2em;
  color: #ffffff;
}

.footerContent1M .mainLeftMenuA:visited {
  color: #ffffff;
}

.footerContent1M .mainLeftMenuA:hover {
  color: #ffffff;
}

.footerContent1M .mainLeftMenuA:active {
  color: #ffffff;
}

.footerContent1M
  .mainLeftMenuInner
  > .mainLeftMenu:first-of-type
  > .mainLeftMenuA {
  border-top: 0.1em solid transparent;
}

.footerContent1M .mainLeftMenuOuter {
  padding: 2.5em 0 2.5em 0;
}

.footerContent1M .mainLeftMenu {
  border-bottom: 0.1em solid #888888;
}

.footerContent1M .mainLeftMenu:last-of-type {
  border-bottom: 0;
}

.footerContent1M .mainLeftMenuInner1 .mainLeftMenu {
  border-bottom: 0;
}

.worksText1A1D {
  height: 0;
  overflow: hidden;
  padding: 0;
  transition: all 500ms ease;
}

/*.capabilities1:hover .worksText1A1D {
    height: 1.8em;
    margin-top: 0.4em;
}*/

.worksText1A1D {
  height: 1.8em;
  margin-top: 0.4em;
}

.dataImgAccess {
  position: relative;
  display: block;
  width: 100%;
  z-index: 0;
}

.dataBanner {
  position: relative;
}

.dataBannerImg {
  display: block;
  width: 100%;
}

.fasterOuter {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.fasterTable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.fasterTable .accelerateButtonText {
  font-size: 1.6em;
}

.fasterTable .accelerateButton {
  padding: 1.8em 2.8em 1.8em 2.8em;
}

.fasterTable .accelerateText {
  font-size: 3.6em;
  padding: 0 0 1.2em 0;
}

.dataACus1 {
  background-color: #e8edf1;
}

.dataACus1 .ourWorksInner {
  height: 46em;
}

.dataACus1 .worksText1a {
  min-height: 19em;
  background-color: #ffffff;
  position: relative;
}

.dataACus1 .worksText1A1 {
  position: absolute;
  bottom: 1em;
}

.dataACus2 {
  background-color: #e8edf1;
  /*padding: 5em 0 0 0;*/
}

.dataACus2 .ourWorksInner {
  height: 37em;
}

.dataACus3 {
  padding: 4em 0 1em 0;
}

.trendingTextOuter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.trendingTextImg {
  display: inline-block;
  vertical-align: top;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 34%;
  height: 100%;
}

.trendingInner .worksText1a {
  display: inline-block;
  vertical-align: top;
  width: calc(66% - 4em);
  height: 100%;
  padding: 0 2em;
  border-bottom: 0.1em solid #e6e6e6;
  border-right: 0.1em solid #e6e6e6;
  border-top: 0.1em solid #e6e6e6;
  border-left: 0 solid #e6e6e6;
  border-top-right-radius: 0.75em;
  border-bottom-right-radius: 0.75em;
  border-bottom-left-radius: 0;
  transition: box-shadow 500ms ease;
  background-color: #ffffff;
}

.trendingInner .mainSlide:hover .worksText1a {
  box-shadow: 0 0 1em #0000001a;
}

.trendingTextDate {
  color: #717171;
  font-size: 1.8em;
  font-family: "ir", sans-serif;
  padding: 0 0 0.5em 0;
}

.trendingInner .sliderMainClass .slideMainContainer {
  margin: 0.6em 0 0 0;
}

.trendingInner .worksText1c {
  font-size: 1.6em;
  padding: 1.3em 0 1.4em;
}

.trendingInner .worksText1b {
  font-size: 2.6em;
}

.trendingInner .worksText1A1Text {
  font-size: 1.6em;
  vertical-align: -0.15em;
}

.dataBannerOverlay {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dataBannerTextContainer {
  max-width: 115em;
  margin: 0 auto;
  height: 100%;
  padding: 0 2em;
}

.dataBannerTextOuter {
  max-width: 65.5em;
  max-height: 32.5em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.dataBannerTextInner {
  padding: 3em;
}

.dataBannerText1 {
  color: #e9d5e1;
  font-size: 1.4em;
  font-family: "im", sans-serif;
  letter-spacing: 0.3em;
  padding: 0 0 0.8em 0;
}

.dataBannerText2 {
  color: #ffffff;
  font-size: 4.2em;
  font-family: "ib", sans-serif;
  line-height: 1em;
}

.dataBannerText3 {
  color: #e9d5e1;
  font-size: 1.8em;
  font-family: "ir", sans-serif;
  padding: 1.3em 0 1.4em 0;
  line-height: 1.6em;
}

.playCircle {
  display: inline-block;
  height: 2.1em;
  vertical-align: -0.5em;
  margin: 0 0.5em 0 0;
}

.dataAnalyticsHeader {
  height: 6em;
  text-align: center;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #0e141d;
}

.dataAnalyticsNav {
  height: 100%;
  margin: 0 2em;
  position: relative;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}

.dataAnalyticsNavText {
  font-size: 1.4em;
  font-family: "im", sans-serif;
}

.dataAnalyticsNavBottom {
  height: 0.5em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.dataAnalyticsNav:hover .dataAnalyticsNavBottom {
  background-color: #105ddd;
}

.dataAnalyticsNav:hover {
  color: #ffffff;
}

.dataAnalyticsNavSelected {
  color: #fff;
}

.dataAnalyticsNavSelected .dataAnalyticsNavBottom {
  background-color: #105ddd;
}

.processDAOuter {
  padding: 5em 2em;
}

.processDAInner {
  max-width: 115em;
  margin: 0 auto;
}

.processDATitle1 {
  font-size: 3.2em;
  font-family: "ib", sans-serif;
}

.processDATitle2 {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  padding: 0.6em 0 2.7em 0;
}

.processDABox1 {
  position: relative;
  text-align: center;
  padding: 0 0 3em 0;
}

.processDABox1a {
  position: relative;
  z-index: 1;
  color: #415565;
  display: inline-block;
  margin: 0 2em;
}

.processDABox1aC {
  margin: 0 0 1.2em 0;
  border: 1.1em solid #ffffff;
  border-radius: 50%;
  height: 6em;
  width: 6em;
  background-color: #e8edf1;
  display: inline-block;
  transition: all 500ms ease;
}

.processDABox1aCText {
  font-size: 1.6em;
  font-family: "isb", sans-serif;
}

.processDABox1aT {
  border-radius: 3em;
  height: 6em;
  width: 19em;
  background-color: #e8edf1;
  display: block;
  transition: all 500ms ease;
}

.processDABox1aTText {
  font-size: 1.6em;
  font-family: "isb", sans-serif;
}

.processDABox1aSelected.processDABox1a:nth-of-type(1) .processDABox1aT {
  background-color: #553e98;
  color: #ffffff;
}

.processDABox1aSelected.processDABox1a:nth-of-type(1) .processDABox1aC {
  background-color: #553e98;
  color: #ffffff;
}

.processDABox1aSelected.processDABox1a:nth-of-type(2) .processDABox1aT {
  background-color: #84467f;
  color: #ffffff;
}

.processDABox1aSelected.processDABox1a:nth-of-type(2) .processDABox1aC {
  background-color: #84467f;
  color: #ffffff;
}

.processDABox1aSelected.processDABox1a:nth-of-type(3) .processDABox1aT {
  background-color: #105ddd;
  color: #ffffff;
}

.processDABox1aSelected.processDABox1a:nth-of-type(3) .processDABox1aC {
  background-color: #105ddd;
  color: #ffffff;
}

.processDABox1aSelected.processDABox1a:nth-of-type(4) .processDABox1aT {
  background-color: #105ddd;
  color: #ffffff;
}

.processDABox1aSelected.processDABox1a:nth-of-type(4) .processDABox1aC {
  background-color: #105ddd;
  color: #ffffff;
}

.processDABox1aSelected.processDABox1a:nth-of-type(5) .processDABox1aT {
  background-color: #105ddd;
  color: #ffffff;
}

.processDABox1aSelected.processDABox1a:nth-of-type(5) .processDABox1aC {
  background-color: #105ddd;
  color: #ffffff;
}

.processDADotImg {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 4em;
  z-index: 0;
}

.processDABox2 {
  position: relative;
  min-height: 37.5em;
}

.processDABox2Inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  transition: opacity 500ms ease;
}

.processDABox2InnerM {
  position: relative;
  width: 100%;
  height: 100%;
}

.processDABox2InnerSelected {
  z-index: 1;
  opacity: 1;
}

.processDABox2a {
  display: inline-block;
  vertical-align: top;
  width: 58%;
  height: 100%;
}

.processDABox2b {
  display: inline-block;
  vertical-align: top;
  width: 42%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.processDABox2aTitle {
  padding: 0 0 1.5em 0;
}

.processDABox2aTitleText {
  color: #000000;
  font-size: 2.2em;
  font-family: "isb", sans-serif;
  display: inline-block;
  vertical-align: 0.3em;
}

.processDABox2aDescription {
  color: #000000;
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  padding: 0 9em 0 0;
  line-height: 2em;
}

.processDABox2aIcon {
  display: inline-block;
  height: 2.7em;
  margin: 0 1.7em 0 0;
}

.processDABox2Inner:nth-of-type(1) .processDABox2aTitleText {
  color: #553e98;
}

.processDABox2Inner:nth-of-type(2) .processDABox2aTitleText {
  color: #84467f;
}

.processDABox2Inner:nth-of-type(3) .processDABox2aTitleText {
  color: #105ddd;
}

.processDABox2Inner:nth-of-type(4) .processDABox2aTitleText {
  color: #105ddd;
}

.processDABox2Inner:nth-of-type(5) .processDABox2aTitleText {
  color: #105ddd;
}

.processDABox2InnerM .processDABox2aDescription {
  padding: 1em 0 2.5em 0;
  font-size: 1.3em;
}

.processDABox2InnerM .processDABox2a {
  width: 100%;
}

.processDABox2InnerM .processDABox2b {
  width: 100%;
  padding-top: 60%;
}

.processDABox1aCM {
  border-radius: 50%;
  height: 3em;
  width: 3em;
  background-color: #e8edf1;
  display: inline-block;
  text-align: center;
  vertical-align: -0.5em;
}

.processDABox2InnerM .processDABox2aTitle {
  display: inline-block;
}

.processDABox2InnerM:nth-of-type(1) .processDABox2aTitleText {
  color: #553e98;
}

.processDABox2InnerM:nth-of-type(2) .processDABox2aTitleText {
  color: #84467f;
}

.processDABox2InnerM:nth-of-type(3) .processDABox2aTitleText {
  color: #105ddd;
}

.processDABox2InnerM:nth-of-type(4) .processDABox2aTitleText {
  color: #105ddd;
}

.processDABox2InnerM:nth-of-type(5) .processDABox2aTitleText {
  color: #105ddd;
}

.processDABox2InnerM:nth-of-type(1) .processDABox1aCM {
  background-color: #553e98;
  color: #ffffff;
}

.processDABox2InnerM:nth-of-type(2) .processDABox1aCM {
  background-color: #84467f;
  color: #ffffff;
}

.processDABox2InnerM:nth-of-type(3) .processDABox1aCM {
  background-color: #105ddd;
  color: #ffffff;
}

.processDABox2InnerM:nth-of-type(4) .processDABox1aCM {
  background-color: #105ddd;
  color: #ffffff;
}

.processDABox2InnerM:nth-of-type(5) .processDABox1aCM {
  background-color: #105ddd;
  color: #ffffff;
}

.processDABox2M {
  display: none;
}

.coreContainer {
  padding: 1em 0 0 0;
  position: relative;
}

.coreTextContainer {
  width: 55%;
  display: inline-block;
  vertical-align: top;
}

.coreTextOuter {
  /*height: 29.7em;*/
  /*height: calc(100vh - 20em);*/
  height: 55vh;
}

.coreTextTitle {
  font-size: 2em;
  font-family: "isb", sans-serif;
  padding: 0 0 0.7em 0;
}

.coreTextDescription {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  line-height: 1.8em;
  padding: 0 8em 1em 0;
}

.coreImgContainer {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  position: sticky;
  top: 7em;
  /*height: calc(100vh - 20em);*/
  height: 55vh;
}

.coreImgOuter {
  position: relative;
}

.coreImgInner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 0;
}

.coreImgMain {
  width: 100%;
  display: block;
}

.coreImgInner:first-of-type {
  position: relative;
  opacity: 1;
}

.coreContainerM {
  display: none;
}

.coreContainerM .coreTextContainer {
  width: 100%;
}

.coreContainerM .coreTextOuter {
  height: auto;
}

.coreContainerM .coreTextDescription {
  padding: 0 0 2.5em 0;
  font-size: 1.3em;
}

.dataAnalyticsNavJust {
  height: 0.1em;
  width: 100%;
  display: inline-block;
}

.dataAnalyticsContainer {
  position: relative;
}

.mainHeaderDivInfo {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.mainHeaderDivInfoInner {
  padding: 0 0 5em 0;
}

.mainHeaderDivInfoInnerA {
  color: #ffffff;
  display: inline-block;
}

.mainHeaderDivInfoInnerAM {
  padding: 1em 0 2.5em 2.6em;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 2.6em);
}

.mainHeaderDivInfoText1 {
  font-size: 1.8em;
  font-family: "im", sans-serif;
  display: inline-block;
  vertical-align: top;
  color: #000000;
}

.mainHeaderDivInfoText1M {
  font-size: 1.4em;
  font-family: "im", sans-serif;
  color: #000000;
  letter-spacing: 0.1em;
}

.mainHeaderDivInfoText2 {
  color: #565656;
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  padding: 0.2em 6em 0.7em 0;
  line-height: 1.5em;
}

.mainHeaderDivInfoText2M {
  color: #565656;
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  line-height: 1.5em;
  padding: 0.3em 0 0.8em;
}

.mainHeaderDivInfoText3 {
}

/*
.coreImgContainer {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    position: sticky;
    top: 7em;
    height: 55vh;
}

.coreImgOuter {
    position: relative;
}

.coreImgInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: 0;
}
 */

.mainHeaderDivInfoText3Inner {
  color: #105ddd;
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  display: inline-block;
}

.mainHeaderDivInfoText3InnerM {
  color: #105ddd;
  font-size: 1.2em;
  font-family: "ir", sans-serif;
  display: inline-block;
}

.mainHeaderDivInfoNavArrow {
  display: inline-block;
  height: 1.1em;
  vertical-align: -0.1em;
  padding: 0 0 0 0.5em;
  transition: transform 500ms ease;
}

.mainHeaderDivInfoNavArrowM {
  display: inline-block;
  height: 0.9em;
  vertical-align: -0.1em;
  padding: 0 0 0 0.5em;
}

.mainHeaderDivInfoInnerA:hover .mainHeaderDivInfoNavArrow {
  transform: translate(1em, 0);
}

.mainHeaderWorksDivOuterA {
  width: 33.33%;
  vertical-align: top;
  display: inline-block;
  color: #ffffff;
}

.mainHeaderWorksDivInner {
  padding: 1em;
}

.mainHeaderWorksImg {
  height: 8.2em;
  display: block;
  margin: 0 auto 1em auto;
}

.mainHeaderWorksText {
  text-align: center;
  color: #ffffff;
  font-size: 1.4em;
  font-family: "ir", sans-serif;
}

.talentOuter {
  padding: 6em 0;
}

.discoverOuter {
  padding: 0 0 3em 0;
}

.discoverInner {
  text-align: center;
  font-size: 3.2em;
  font-family: "im", sans-serif;
}

.discoverBlock {
  margin: 0 auto;
  max-width: 116em;
  padding: 0 0 0 2em;
}

.discoverBlocksOuter {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
}

.discoverBlocksInner {
  padding: 0 2em 2em 0;
}

.discoverImg {
  display: block;
  width: 100%;
}

.discoverBlocksOuter .worksText1a {
  padding: 1.2em 2em;
  background: #fff;
  box-shadow: 0px 4px 40px rgb(0 0 0 / 5%);
  height: 18em;
}

.expertiseOuter {
  /*background-color: #E8EDF1;*/
  padding: 6em 0;
}

.expertiseInner {
  margin: 0 auto;
  max-width: 115em;
  padding: 0 2em;
}

.expertiseInner > .capabilitiesDescription {
  padding: 0;
}

.expertiseLeft {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.expertiseRight {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.expertiseLeftTitle {
  font-size: 5.6em;
  font-family: "im", sans-serif;
}

.expertiseLeftDesc {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  padding: 1.7em 11em 0 0;
  line-height: 1.7em;
}

.expertiseRightInner {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.expertiseRightInnerImg {
  display: block;
  width: 100%;
}

.expertiseRightInnerImgPT {
  padding: 4em 0 0 0;
}

.growOuter {
  padding: 6em 0;
}

.growInner {
  margin: 0 auto;
  max-width: 115em;
  padding: 0 2em;
}

.growLeft {
  width: 42%;
  display: inline-block;
  vertical-align: top;
}

.growMiddle {
  width: 15%;
  display: inline-block;
  vertical-align: top;
}

.growRight {
  width: 43%;
  display: inline-block;
  vertical-align: top;
}

.growLeftTitle {
  font-size: 3.2em;
  font-family: "ib", sans-serif;
}

.growLeftDesc1 {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  padding: 2em 0 1.5em 0;
}

.growLeftDesc2a {
  padding: 1em 0;
}

.growLeftDesc2aIcon {
  display: inline-block;
  height: 1.2em;
  margin: 0 0.8em 0 0;
  vertical-align: -0.2em;
}

.growLeftDesc2aText {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  display: inline-block;
}

.growLeftDesc3 {
  width: 17.8em;
  height: 4.8em;
  border: 0.1em solid #105ddd;
  border-radius: 0.6em;
  display: block;
  margin: 3em 0 0 0;
}

.growLeftDesc3Text {
  font-size: 1.4em;
  font-family: "im", sans-serif;
  display: inline-block;
  color: #105ddd;
  letter-spacing: 0.1em;
}

.growLeftDesc3aIcon {
  height: 0.8em;
  display: inline-block;
  margin: 0 0 0 1em;
  transform: translate(0, 0);
  transition: all 500ms ease;
}

.growLeftDesc3:hover .growLeftDesc3aIcon {
  transform: translate(1em, 0);
}

.growRightInnerImg {
  width: 100%;
  display: block;
}

.huutBanner {
  position: relative;
}

.huutBanner1 {
  position: relative;
}

.huutBannerImg {
  width: 100%;
  display: block;
}

.huutBannerOverlay1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.7;
}

.huutBanner1Content {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 6em 0;
}

.huutBanner1Inner {
  margin: 6em auto;
  max-width: 115em;
  height: calc(100% - 12em);
  padding: 0 2em;
}

.huutBanner1Inners {
  width: 50%;
  vertical-align: top;
  display: inline-block;
  height: 100%;
}

.huutBanner1InnersTitle {
  font-size: 6.8em;
  font-family: "ib", sans-serif;
  color: #ffffff;
}

.huutBanner1InnersDescription {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  padding: 2em;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 1em;
  line-height: 2em;
}

.huutApp1Outer {
  padding: 6em 0;
}

.huutApp1Inner {
  margin: 0 auto;
  max-width: 115em;
  padding: 0 2em;
  position: relative;
  text-align: right;
}

.huutApp1Inners {
  width: 50%;
  vertical-align: top;
  display: inline-block;
}

.huutApp1InnersAB {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.huutApp1InnersVAM {
  vertical-align: middle;
}

.huutApp1InnersLeftP {
  padding-left: 3em;
  width: calc(50% - 3em);
}

.huutApp1InnersTopM {
  margin-top: 2em;
}

.huutApp1Title {
  font-size: 3.2em;
  font-family: "isb", sans-serif;
  padding: 0 0 0.7em 0;
}

.huutApp1Desc {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  padding: 0 5em 0 0;
  line-height: 2em;
}

.huutApp1Buttons {
  vertical-align: top;
  display: inline-block;
  height: 4em;
  padding: 0 3em 0 0;
}

.huutApp1ButtonsImg {
  display: inline-block;
  height: 100%;
}

.huutApp1ButtonsImg1 {
  height: 2.5em;
}

.huutApp1ButtonsImg2 {
  height: 2.4em;
}

.huutApp1ButtonContainer {
  padding: 3em 0 0 0;
}

.huutApp1InnersImg {
  width: 100%;
  display: block;
}

.huutApp1OuterAlt {
  background-color: #f7f7f9;
}

.huutApp2Title {
  font-size: 4.8em;
  font-family: "im", sans-serif;
  padding: 0 0 0.7em 0;
}

.huutApp3Title {
  font-size: 2.2em;
  font-family: "ib", sans-serif;
  text-align: left;
  padding: 2.5em 0 1em 0;
}

.huutApp3Container {
  text-align: left;
}

.huutApp3Containers {
  height: 8.4em;
  width: 15.4em;
  border-radius: 1.2em;
  border: 0.1em solid #decfd1;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: top;
  margin: 0 1.2em 1.2em 0;
}

.huutApp3Text1 {
  color: #105ddd;
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  padding: 0.2em 0 0 0;
}

.huutApp3Img {
  display: inline-block;
  height: 3.3em;
}

.huutApp3Text2 {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: left;
  height: 2.3em;
}

.huutApp1InnersAlt1 .huutApp3Containers {
  width: 21.6em;
}

.huutApp1InnersAlt2 .huutApp3Containers {
  width: 21.6em;
  height: 10.2em;
}

.justifyLastEle {
  width: 100%;
  height: 0.1em;
  display: inline-block;
  vertical-align: top;
}

.backSide {
  background: rgba(217, 217, 217, 0);
}

.commonBanner01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.commonBanner01Container {
  display: inline-block;
}

.commonBanner01Text1 {
  position: relative;
  display: inline-block;
}

.commonBanner01Text1Inner {
  font-size: 1.4em;
  font-family: "im", sans-serif;
  display: inline-block;
  color: #ffffff;
  letter-spacing: 0.3em;
}

.commonBanner01Text1LineLeft {
  position: absolute;
  top: 0;
  left: -7em;
  width: 5em;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.commonBanner01Text1LineRight {
  position: absolute;
  top: 0;
  right: -7em;
  width: 5em;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.commonBanner01Text1LineCommon {
  height: 0.1em;
  width: 100%;
  display: inline-block;
  background-color: #ffffff;
}

.commonBanner01Text2 {
  font-size: 6.8em;
  font-family: "ib", sans-serif;
  padding: 0.4em 0 0.1em 0;
  color: #ffffff;
}

.commonBanner01Text3 {
  font-size: 2em;
  line-height: 1.6em;
  font-family: "ir", sans-serif;
  color: #ffffff;
}

.bankingText {
  font-size: 1.8em;
  font-family: "ir", sans-serif;
  color: #ffffff;
  line-height: 1.9em;
  padding: 1.8em 0 0 0;
}

.bankingText1 {
  font-size: 3.8em;
  font-family: "ib", sans-serif;
  color: #ffffff;
  padding: 0.8em 0 0 0;
}

.commonBanner01Text1Inner1 {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  display: inline-block;
  color: #ffffff;
  letter-spacing: 0.3em;
}

.financeCapabilities1 {
  width: calc(33.33% - 3.2em);
  border-radius: 0.75em;
  border: 0.1em solid #dddddd;
  /*height: 19.5em;*/
  margin: 1.5em;
  transition: all 500ms ease;
  display: inline-block;
  vertical-align: top;
  min-height: 22.8em;
}

.financeCust1 {
  line-height: 1.7em;
}

.financeCust2 {
  min-height: 19.4em;
}

.expertiseContents {
  padding: 2em 0 0 0;
  height: 23em;
}

.expertiseContentsLeft {
  width: 29%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
}

.expertiseContentsRightOuter {
  width: 71%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
}

.expertiseContentsRightTitle {
  color: #105ddd;
  font-size: 2.8em;
  font-family: "ir", sans-serif;
  padding: 0 0 0.6em 0;
}

.expertiseContentsRightInner {
  padding: 0 0 0 5em;
  height: 100%;
}

.expertiseContentsRight {
  height: 100%;
  overflow: auto;
  border-bottom: 0.1em #e0e0e0 solid;
}

.expertiseContents:last-of-type .expertiseContentsRight {
  border-bottom: 0 #e0e0e0 solid;
}

.expertiseContentsRightDescription {
  color: #000000;
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  padding: 0 0 0.7em 0;
}

.expertiseContentsImg {
  display: inline-block;
  width: 100%;
}

.challengesTextOuter {
  padding: 0 0 0 5em;
  /*max-width: 70%;*/
}

.challengesOuter {
  background-color: #e8edf1;
  padding: 6em 0;
}

.challengesInner {
  margin: 0 auto;
  max-width: 115em;
  padding: 0 2em;
}

.challengesImg {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}

.challengesInnerLeft {
  width: 46%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
}

.challengesInnerRight {
  width: 54%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
}

.challengesText1 {
  color: #000000;
  font-size: 3.4em;
  font-family: "im", sans-serif;
  padding: 0 0 0.6em 0;
}

.challengesText2 {
  color: #000000;
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  padding: 0 0 0.7em 0;
  line-height: 1.8em;
}

.challengesText3 {
  color: #000000;
  font-size: 1.6em;
  font-family: "im", sans-serif;
  padding: 1.4em 0 1.3em 0;
}

.challengesText4 {
  color: #000000;
  font-size: 1.6em;
  font-family: "ir", sans-serif;

  display: inline-block;
}

.challengesText4Img {
  display: inline-block;
  height: 2em;
  padding: 0 1em 0 0;
  vertical-align: -0.4em;
}

.challengesText4Outer {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding: 0 0 2em 0;
}

.financeCapabilitiesOuter {
  background-color: #f5f5f5;
}

.healthcareTitle1 {
  font-size: 3.4em;
  font-family: "im", sans-serif;
}

.healthcareButton {
  background-color: #105ddd;
  cursor: pointer;
  display: inline-block;
  border-radius: 0.75em;
  padding: 1.2em 2.5em 1.2em 2em;
}

.healthcareArrow {
  height: 0.7em;
  display: inline-block;
  margin: 0 0 0 1em;
}

.healthcare1Desc {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  line-height: 2em;
  padding: 1.3em 0 1.3em 0;
}

.healthcareButtonText {
  font-size: 1.2em;
  color: #ffffff;
  font-family: "ir", sans-serif;
  font-weight: 600;
  display: inline-block;
}

.healthcareCust1 {
  background-color: #e8edf1;
}

.healthcareCust2 {
  background-color: #f5f5f5;
}

.cloudCust1 {
  background-color: #f5f5f5;
}

.cloudCust1 .discoverInner {
  font-family: "ib", sans-serif;
}

.cloudCust1 .worksText1c {
  padding: 0.7em 0 0.3em;
}

.cloudCust1 .worksText1c {
  min-height: 6.4em;
}

.cloudCust2 {
  vertical-align: middle;
}

.cloudCust3 {
  background-color: #e8edf1;
}

.cloudCust4 {
  line-height: 2em;
}

.cloudCust5 {
  min-height: 28.7em;
}

.cloudCust6 {
  min-height: 25.2em;
}

.contactTabs {
}

.contactTabsHeader {
  height: 5em;
  text-align: center;
}

.contactTabsHeaderName {
  display: inline-block;
  height: 100%;
  padding: 0 2em;
  margin: 0 2em;
  position: relative;
  cursor: pointer;
}

.contactTabsHeaderLine {
  height: 0.5em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.contactTabsHeaderNameText {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  color: #000000;
}

.contactTabsHeaderNameActive .contactTabsHeaderNameText {
  font-family: "isb", sans-serif;
  color: #105ddd;
}

.contactTabsHeaderNameActive .contactTabsHeaderLine {
  background-color: #105ddd;
}

.contactTabsContentInner {
  display: none;
}

.contactDisplayBlock {
  display: block;
}

.educationCust1 {
  line-height: 1.7em;
  padding: 0;
}

.educationCust2 {
  min-height: 21em;
}

.serviceBannerTextOuter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.serviceBannerText {
  font-size: 6.1em;
  font-family: "ir", sans-serif;
  color: #ffffff;
  padding: 0 0 0.6em 0;
}

.serviceButton {
  background-color: #105ddd;
  cursor: pointer;
  display: inline-block;
  border-radius: 0.75em;
  padding: 1.2em 2.5em 1.2em 2em;
}

.serviceButton:hover {
  background-color: #3372d6;
}

.serviceButtonText {
  font-size: 1.4em;
  color: #ffffff;
  font-family: "isb", sans-serif;
  display: inline-block;
}

.autoCust1 {
  background-color: #e8edf1;
}

.autoOrchestration {
  margin: 0 auto;
  max-width: 115em;
  padding: 0 2em;
}

.autoOrchestrationsLeft {
  display: inline-block;
  vertical-align: middle;
  width: 37%;
}

.autoOrchestrationsRight {
  display: inline-block;
  vertical-align: middle;
  width: 63%;
}

.autoOrchestrationsLeftImg {
  width: 100%;
  display: block;
}

.autoOrchestrationsRightInner {
  padding: 3.5em 3em 3em 3em;
}

.autoOrchestrations {
  background-color: #ffffff;
  margin: 0 0 2em 0;
  border-radius: 8px;
  box-shadow: 0px 4px 40px rgb(0 0 0 / 5%);
}

.autoOrchestrationsRightTitle {
  font-size: 2.2em;
  font-family: "isb", sans-serif;
  color: #1e1e1e;
  padding: 0 0 0.6em 0;
}

.autoOrchestrationsRightDescription {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  color: #1e1e1e;
  line-height: 1.8em;
}

.autoOrchestrationsRightInner {
  padding: 3.5em 3em 3em 3em;
}

.autoProcess {
  padding: 3em 3em 1.5em 3em;
  margin: 3em 0 0 0;
  background-color: #f2f2f2;
  background-color: #ffffff;
  box-shadow: 0px 4px 40px rgb(0 0 0 / 5%);
  border: 1px solid #efefef;
  border-radius: 1em;
}

.autoProcessDescriptions {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 1.5em 0;
}

.autoProcessDescriptionsText {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  color: #000000;
  display: inline-block;
  vertical-align: middle;
}

.autoProcessImg {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  width: 2em;
  margin: 0 1.5em 0 0;
}

.autoProcessTitle {
  font-size: 1.8em;
  font-family: "im", sans-serif;
  color: #000000;
  padding: 0 10em 1em 0;
  line-height: 1.6em;
}

.mainHeaderHover1NewNav {
  width: 25em;
  height: 4.1em;
  border-radius: 0.8em;
  padding: 0 1em;
  cursor: pointer;
  margin: 0 0 1em 0;
  transition: all 500ms ease;
}

.mainHeaderHover1NewNavText {
  font-size: 1.5em;
  font-family: "im", sans-serif;
  position: relative;
}

.mainHeaderHover1NewNavHover {
  background-color: #ebebeb;
}

.mainHeaderHover1NewNavHover .mainHeaderHover1NewNavText {
  color: #105ddd;
}

.mainHeaderHover1NewNavTextArrow1 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}

.mainHeaderHover1NewNavTextArrow2 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.mainHeaderHover1NewNavHover .mainHeaderHover1NewNavTextArrow1 {
  opacity: 0;
}

.mainHeaderHover1NewNavHover .mainHeaderHover1NewNavTextArrow2 {
  opacity: 1;
}

.mainHeaderHover1NewNavArrow {
  display: block;
  height: 0.7em;
}

.letsTalkInHeader {
  width: 11em;
  height: 3.4em;
  border-radius: 0.4em;
  border: 0.1em solid #105ddd;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 2em;
  z-index: 100;
}

.letsTalkInHeaderText {
  font-size: 1.4em;
  font-family: "ir", sans-serif;
  color: #105ddd;
}

.letsTalkInHeader:hover {
  background-color: rgba(139, 23, 36, 0.03);
}

.mainNavigation:first-of-type {
  padding: 0 0 0 2em;
}

.commonGreyBack {
  background-color: #f2f2f2;
}

.commonTextAlignCenter {
  text-align: center;
}

/*.mainContent::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.mainContent::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.mainContent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555;
}*/

.digitalCust1 {
  background-color: #f2f2f2;
}

.digitalCust1 .worksText1a {
  background-color: #ffffff;
}

.digitalCust2.growLeftDesc1 {
  padding: 1em 0 1.5em 0;
}

.digitalCust3.growLeftDesc1 {
  padding: 1em 0 2.5em 0;
  line-height: 1.5em;
}

.digitalCust4 {
  padding: 2em 0 0 0;
}

.dataCust1 .autoProcessDescriptions {
  width: 100%;
}

.dataCust2 {
  padding: 6em 2em 6em 2em;
}

.dataCust3 {
  padding: 1em 0 0 0;
  line-height: 1.5em;
}

.dataCust4 {
  padding: 5em 0.5em 5em 0.5em;
}

.leftQengg {
  display: inline-block;
  vertical-align: top;
  width: 35%;
}

.leftQenggTitle1 {
  font-size: 4.2em;
  font-family: "im", sans-serif;
  padding: 0 3em 0 0;
}

.rightQengg {
  display: inline-block;
  vertical-align: top;
  width: 65%;
}

.qenggCust1 {
  background-color: #f2f2f2;
}

.qenggCust1 .autoProcessDescriptions {
  width: 100%;
}

.commonMiddleBannerBackground {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
}

.publicCust1 {
  margin: 2em 0 0 0;
}

.data-right-p-div {
  font-family: "isb", sans-serif;
  display: block;
}

.autoProcessDescriptionsTextCust1 {
  line-height: 2em;
  padding: 0 0 1.3em 0;
}

.publicDiv1 {
  padding: 2em 0 0 0;
}

.publicCust2 {
  padding: 0.7em 0 0 0;
}

.publicCust3 {
  background-color: #f5f5f5;
}

.publicCust3 .autoOrchestrations {
  background-color: #ffffff;
}

.publicCust3 .growLeftDesc1 {
  padding: 1.3em 0 2em 0;
}

.enggCust1 {
  padding: 0 0 1em 0;
}

.enggTitle1 {
}

.enggCust2 .financeCapabilities1 {
  width: 50%;
  border-radius: 0;
  border: 0 solid #dddddd;
  transition: all 500ms ease;
  margin: 0;
  min-height: 0;
}

.infraCust1 {
  background-color: #f2f2f2;
}

.infraCust1 .autoProcess {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.infraCust2 {
  padding: 6em 0.5em 5em 0.5em;
}

.pCust1 {
  width: 50%;
  display: inline-block;
  margin: 0 !important;
}

.h2Cust1 {
  font-family: "ir", sans-serif !important;
  margin: 0;
}

.whyAmtexCust1 {
  padding: 6em 0.5em 6em 0.5em;
}

.spanBold {
  font-weight: 900;
}

.markCust1 {
  background-color: #fefefe;
}

.markCust2 {
  background-color: #f5f5f5;
}

.markCust3 .worksText1a {
  border: 0.1em solid #ffffff;
}

.techCust1 {
  padding: 0 0 4em 0;
}

.buildingCust1 {
  background: rgba(0, 0, 0, 0.5);
}

.footerContent1b2TEvent {
    display: none;
    position: absolute;
    top: 2em;
    left: 0;
    background-color: #0f468f;
    z-index: 1;
    width: 100%;
    padding: 1.25em 1.25em 0.63em 1.25em;
    box-shadow: 4px 3px 20px rgb(0 0 0 / 12%);
    border-radius: 5px;
    border: 1px solid #e6e6e6;
}

.footerContent1bInner {
  position: relative;
  z-index: 0;
}

.footerContent1b1Event {
  position: relative;
}

.footerContent1b2Div {
  font-family: "ir", sans-serif;
  color: #ffffff;
  display: block;
  padding: 0 0 0.8em 0;
  font-size: 1em;
  cursor: pointer;
}

.footerContent1b2Div:hover {
  color: #fff;
}

.footerContent1b1Div {
  cursor: pointer;
}

.footerContent1b1Span {
  display: inline-block;
}

/*.footerContent1b1Div:hover .footerContent1b1Span{
    color: #105ddd;
}
*/
.footerContent1b1Div:hover .headerOrangeUpArrow {
  opacity: 1;
}

.footerContent1b1Div:hover .headerBlackDownArrow {
  opacity: 0;
}

.headerArrowContainerFooter {
  position: relative;
  top: -0.3em;
  right: -1em;
  height: 100%;
  width: 0.3em;
  display: inline-block;
  pointer-events: none;
}

.microsoftVideo2 {
  width: 100%;
  height: auto;
  display: block;

  min-width: 0 !important;
  min-height: 0 !important;
  z-index: 1;
}

.commonCenterisedDiv {
  margin: 0 auto;
  max-width: 115em;
  padding: 0 2em;
  height: 100%;
}

.microsoftBanner1 .serviceBannerTextInner {
  width: 50%;
  vertical-align: middle;
  display: inline-block;
}

.microsoftForm1 {
  width: 50%;
  vertical-align: middle;
  display: inline-block;
  text-align: right;
}

.microsoftForm2 {
  width: 35em;
  height: 39.4em;
  border-radius: 1em;
  background-color: #d1d1d1;
  display: inline-block;
  padding: 2.8em 3.5em;
}

.microsoftBanner2 .challengesInnerLeft {
  width: 35%;
  vertical-align: middle;
}

.microsoftBanner2 .challengesInnerRight {
  width: 65%;
  vertical-align: middle;
  /*box-shadow: 0 0.5em 1em #00000014;*/
}

.microsoftBanner2 .challengesText1 {
  font-size: 2.2em;
  font-weight: 900;
}

.microsoftBanner2 .challengesText3 {
  font-size: 2em;
  color: #105ddd;
  font-style: italic;
}

.microsoftBanner2 {
  background-color: #ffffff;
}

.microsoftBanner2 .challengesImg {
  display: inline-block;
  max-width: none;
  max-height: none;
  width: 100%;
}

.microsoftBanner3 .discoverBlocksOuter {
  width: 50%;
}

.microsoftBanner3 .serviceButton {
  margin: 2em 0 1em 0;
}

.microsoftBanner3 .discoverBlocksOuter .worksText1a {
  height: auto;
}

.microsoftBanner4 .benefits-list {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 0 !important;
}

.microsoftBanner4 .benefits-list-items {
  border: 0;
}

.microsoftBanner4 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 6em;
  margin-bottom: 6em;
}

.microsoftBanner4 .offering-title {
  color: #000000;
  font-size: 2.6em;
  font-family: "isb", sans-serif;
  text-align: center;
  padding: 2em 0 1em 0;
}

.microsoftBanner4 .mainLeftMenuA:link {
  font-size: 1.8em;
  font-weight: 900;
}

.faqDiv {
  border-radius: 2em;
  border: 0.1em solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.faqText {
  color: #000000;
  font-size: 1.6em;
  font-family: "isl", sans-serif;
  padding: 0 2em 2em 2em;
  line-height: 1.5em;
}

.imgCont {
  height: 0.8em;
  float: right;
  position: relative;
  margin: 0.2em 0 0 0;
}

.imgContImg1 {
  display: block;
  height: 100%;
  transition: opacity 500ms ease;
}

.imgContImg2 {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 500ms ease;
  transform: rotateX(180deg);
}

.microsoftText1 {
  padding: 1em 0 1.5em 0;
}

.microsoftTabularText1 {
}

.microsoftTabularText2 {
  display: inline-block;
  vertical-align: middle;
}

.microsoftTabularText3 {
  display: inline-block;
  vertical-align: middle;
  border-bottom: 0.1em solid rgba(0, 0, 0, 0.1);
}

.microsoftTabularText4 {
  font-size: 1.1em;
  font-weight: 900;
}

.microsoftTabularText5 {
  padding: 0.4em 0 1.3em 0;
}

.growLeftDesc2a:last-of-type .microsoftTabularText3 {
  border-bottom: 0;
}

.microsoftTabularText2 .growLeftDesc2aIcon {
  vertical-align: 1em;
}

.growLeft1 {
  width: 48%;
}

.growMiddle1 {
  width: 4%;
}

.growRight1 {
  width: 48%;
}

.faqDiv1 {
  border: 0;
}

.growLeftMiddleRight {
  position: relative;
}

.growLeft1m {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow: auto;
}

.microsoftFormTitle {
  font-size: 2em;
  font-family: "isb", sans-serif;
  color: #000000;
  text-align: left;
}

.microsoftFormMain {
  font-size: 1.8em;
  font-family: "isb", sans-serif;
  color: #000000;
  text-align: left;
}

.capabilitiesDescription1a {
  padding: 0;
}

.growLeftDesc1b {
  font-family: "ir", sans-serif;
  font-size: 1.6em;
  text-align: center;
}

.worksText1d {
  font-size: 1.3em;
  font-family: "ib", sans-serif;
  letter-spacing: 0.1em;
  padding: 0.3em 0 0.3em 0;
}

.tiles1 {
  height: auto;
  font-family: "serifttfont", serif;
}

.tiles2 {
  height: auto;
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
}

.tiles3color1 {
  background-color: #0068ab;
}

.tiles3color2 {
  background-color: #8fc62d;
}

.tiles3color3 {
  background-color: #ed7800;
}

.tiles3color4 {
  background-color: #454449;
}

.tiles3Text {
  font-size: 1.3em;
  font-family: "ib", sans-serif;
  color: #ffffff;
  display: inline-block;
}

.tiles3A {
  width: 100%;
  height: 100%;
  display: block;
}

.tiles3a {
  height: 25em;
}

.tiles3b {
  height: 15em;
}

.tiles3c {
  height: 17em;
}

.tiles3d {
  height: 23em;
}

.tiles3e {
  height: 19em;
}

.tiles3f {
  height: 21em;
}

.jobs1 {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  line-height: 2em;
}

.emailA1:link {
  color: #333333;
}

.emailA1:visited {
  color: #333333;
}

.emailA1:hover {
  color: #000000;
}

.emailA1:active {
  color: #000000;
}

.newsletter1 {
}

.newsletter2 {
  width: 90%;
  max-width: 82em;
  margin: 0 auto;
}

.newsletter3 {
}

.pdfVanillaEmbed {
  width: 100%;
  height: 100em;
  display: block;
}

.pdfMobileEmbed {
  display: none;
  width: 100%;
  height: 40em;
  text-align: center;
}

.pdfMobileEmbedA:link {
  font-size: 1.6em;
  font-family: "ir", sans-serif;
  color: #000000;
}

.pdfMobileEmbedA:visited {
  color: #000000;
}

.pdfMobileEmbedA:hover {
  color: #666666;
}

.pdfMobileEmbedA:active {
  color: #666666;
}

/* kkk */

/* Common Css Starts */
.mCustomScrollbar {
  touch-action: initial;
}

.commonDeskElement {
  display: block;
}

.commonDeskElementIB {
  display: inline-block;
}

.commonMobElement {
  display: none;
}

.mobileLineBreak {
  display: inline;
}

.commonScrollPaddingAdd {
  padding-left: 2em;
}

.opacity0 {
  opacity: 0;
}

.width50 {
  width: 50%;
}

.padding0 {
  padding: 0 !important;
}

.boldFont1 {
  font-weight: 900;
}

.italicFont1 {
  font-style: italic;
}

.padding1 {
  padding: 0 0 0.7em 0 !important;
}

.padding2 {
  padding: 0 0 5em 0 !important;
}

/* Common Css Ends */

@media (max-width: 1200px) {
  .latestContent1RightInnerBTitle2 {
    font-size: 2em;
  }
}

@media (max-width: 1100px) {
  html,
  body {
    overflow-x: hidden;
  }

  .pdfVanillaEmbed {
    display: none;
  }

  .pdfMobileEmbed {
    display: block;
  }

  .hs-form-field {
    width: 100% !important;
  }

  .letsTalkSec .hbspt-form fieldset .hs-form-field:first-of-type {
    margin-right: 0;
    width: 100% !important;
  }

  /*.commonScrollPaddingAdd {
        padding-left: 0;
    }*/
  .ourWorksInnerPlaceHolder {
    width: 0;
  }

  .commonMobilePadding {
    padding-left: 2em;
  }

  .capabilitiesDescription1 {
    font-size: 2.5em;
    padding: 0 2em 0 0;
  }

  .capabilitiesDescription {
    padding: 1.2em 2em 1.8em 2em;
  }

  .bannerText1c {
    font-size: 2em;
    line-height: 1.3em;
  }

  .bannerText1a {
    padding: 0 2em;
    width: calc(100% - 4em);
  }

  .banner1A1Text {
    font-size: 1.2em;
  }

  .mainLogo {
    left: 1.8em;
    height: 30%;
    top: 35%;
  }

  .banner1A1 {
    margin: 2em 0 0 0;
    height: 2em;
    width: 11em;
  }

  .banner1Icon2 {
    top: 0.8em;
    left: 1.5em;
    height: 0.5em;
  }

  .capabilitiesOuter {
    padding: 4em 0 3em 0;
  }

  .capabilities1 {
    width: 100%;
  }

  .capabilities1Inner {
    margin: 0 0 2em 0;
  }

  .capabilitiesContainer {
    padding: 0 2em;
  }

  /*.capabilitiesContainerCust1 .capabilities1:nth-child(odd) .capabilities1Inner {
        margin: 0 0 2em 0;
    }

    .capabilitiesContainerCust1 .capabilities1:nth-child(even) .capabilities1Inner {
        margin: 0 0 2em 0;
    }*/
  .capabilities1 .capabilities1Inner {
    margin: 0 0 2em 0;
  }

  .capabilities2Descriptions {
  }

  .financeCapabilities1 {
    width: calc(100% - 1.7em);
    margin: 0 0 2em 1.5em;
  }

  .capabilitiesTitle {
    padding: 0 0 0 2em;
  }

  .capabilitiesTitle1 {
    font-size: 1.1em;
  }

  .capabilitiesDescription1 {
    font-size: 2em;
  }

  .worksText1A1Text {
    font-size: 1em;
  }

  .accelerateOuter {
    height: 20em;
    max-width: 100%;
    overflow-x: hidden;
  }

  .accelerateText {
    padding: 0 0 1em 0;
    line-height: 1.5em;
    font-size: 1.8em;
  }

  .accelerateButton {
    padding: 0.5em 2em 0.5em 1.5em;
  }

  .accelerateButtonText {
    font-size: 1em;
    vertical-align: 0.2em;
  }

  .mobileBreak {
    display: block;
  }

  .capabilities2Title {
    padding: 1em 0 1em;
  }

  .capabilities2Title1 {
    font-size: 1.4em;
    min-height: 2.5em;
  }

  .capabilities2Descriptions {
    font-size: 1.2em;
    height: auto;
    padding: 0 0 1em 0;
  }

  .capabilities2DescriptionsAlt {
    font-size: 1.2em;
    min-height: 5em;
  }

  .innovationFrameworksOuter {
    background-color: #d9d3fd;
    padding: 2.3em 0 1.6em 0;
  }

  .innovationFrameworks {
    padding: 0 2em;
  }

  .innovationFrameworksTitle {
    font-size: 1.7em;
    padding: 1em 0 1em 0;
  }

  .innovationFrameworksAText {
    font-size: 1.1em;
  }

  .innovationFrameworksD {
    display: none;
  }

  .innovationFrameworksM {
    display: block;
  }

  .innovationFrameworksPlaceholderImg {
    display: none;
  }

  .innovationFrameworksInner {
    width: auto;
    height: auto;
    position: relative;
  }

  .innovationSlidesContainer {
    display: none;
  }

  .ourWorksOuter {
    padding: 4em 0 1em 0;
  }

  .ourWorksTitle1 {
    font-size: 1.1em;
  }

  .ourWorksTitle2 {
    /*font-size: 2.5em;*/
    padding: 1em 0 1.7em 0;
  }

  .ourWorksTitle2a {
    font-size: 2em;
  }

  .worksText1b {
    font-size: 1.5em;
  }

  .worksText1Icon1 {
    vertical-align: 0;
  }

  .chatHoverImg {
    display: none !important;
  }

  .ourWorksInner {
    padding: 0 1.5em 0 1.5em;
    height: auto;
  }

  .ourWorksInner .column1 {
    width: 100%;
    height: 100%;
  }

  .ourWorksInner .ssOuter {
    height: 100%;
  }

  .ssOuter {
    margin: 0;
    box-shadow: none;
  }

  .customisationTypeShowType2 .ssMiddleSinglePortfolio {
    width: 100%;
  }

  .aboutTitle1 {
    font-size: 1.1em;
  }

  .aboutTitle2a {
    font-size: 2.2em;
  }

  .aboutDesc {
    font-size: 1.4em;
  }

  .ourWorksArrow {
    padding: 0 0 0 0;
  }

  .latestContent1LeftText .worksText1Icon1 {
    height: 0.9em;
    vertical-align: -0.1em;
  }

  .aboutContent {
    padding: 4em 0;
  }

  .aboutContentLeft {
    display: block;
    width: calc(100% - 4em);
    padding: 0 2em;
  }

  .desktopLineBreak {
    display: inline;
  }

  .mobileLineBreak {
    display: block;
  }

  .aboutDesc {
    padding: 0 2em 2em 0;
  }

  .aboutContentRight {
    width: calc(100% - 2em);
    padding: 0 2em 0 0;
  }

  .aboutTitle2 {
    padding: 1.2em 0 1.6em 0;
  }

  .aboutBlocks {
    width: calc(100% - 2em);
    margin: 0 0 2em 2em;
    padding: 2em;
    height: auto;
    box-sizing: border-box;
  }

  .aboutOuter {
    height: auto;
    min-height: 0;
  }

  .aboutInner {
    position: relative;
  }

  .aboutBlocksIcon {
    height: 2.7em;
  }

  .aboutBlocksText1 {
    font-size: 2em;
  }

  .aboutBlocksText2 {
    font-size: 1.3em;
  }

  .latestOuter {
    height: auto;
    min-height: 0;
  }

  .latestInner {
    position: relative;
  }

  .latestContent1Left {
    width: 100%;
  }

  .latestContent1Right {
    width: 100%;
    margin: 2em 0 0 0;
  }

  .latestContent {
    padding: 4em 2em 2em 2em;
    width: calc(100% - 4em);
  }

  .latestTitle {
    font-size: 2em;
  }

  .latestContent1 {
    padding: 3em 0 0 0;
  }

  .latestContent1RightInner {
    left: 0;
    width: 100%;
    position: relative;
  }

  .latestContent1RightInnerBTitle1 {
    font-size: 1.1em;
  }

  .latestContent1RightInnerBTitle2 {
    font-size: 1.8em;
  }

  .latestContent1RightInnerB {
    height: auto;
    padding: 2em 0;
  }

  .blogImgAlt {
    display: none;
  }

  .letsTalkContent1Left {
    display: none;
  }

  .letsTalkContent1Right {
    padding: 0 2em 0 2em;
    width: calc(100% - 4em);
  }

  .letsTalkForms {
    display: inline-block;
    width: calc(50% - 2em);
    vertical-align: top;
    padding: 0 2em 4em 0;
  }

  .letsTalkFormsDesc {
    width: calc(100% - 2em);
    padding: 0 2em 4em 0;
  }

  .letsTalkFormsButtonDiv {
    margin: 0 2em 0 auto;
  }

  .letsTalkFormsDescription {
    width: 100%;
  }

  .letsTalkContent1RightTitle {
    font-size: 2.1em;
  }

  .letsTalkInner {
    position: relative;
  }

  .letsTalkContent {
    padding: 4em 0;
  }

  .letsTalkContent1RightDesc {
    font-size: 1.3em;
    padding: 1em 0 2em 0;
  }

  .letsTalkFormsDescription {
    font-size: 1.3em;
  }

  .letsTalkFormsInput {
    font-size: 1.3em;
  }

  .letsTalkForms {
    padding: 0 2em 2em 0;
  }

  .letsTalkFormsTitle {
    font-size: 1.3em;
  }

  .letsTalkFormsInputDiv {
    height: 3.5em;
  }

  .letsTalkFormsDescriptionDiv {
    height: 9em;
  }

  .letsTalkFormsButtonDiv {
    width: 15em;
    height: 4em;
  }

  .letsTalkOuter {
    min-height: 0;
  }

  .letsTalkFormsButtonDivInnerText {
    font-size: 1.2em;
  }

  .letsTalkFormsButtonDivInnerArrow {
    vertical-align: -0.2em;
  }

  .footerContent1a {
  }

  .footerContent1bMH {
    display: none;
  }

  .footerInner {
    padding: 4em 2em;
    width: calc(100% - 4em);
  }

  .footerLogoA {
    height: 3.3em;
  }

  .footerContent1M {
    display: block;
  }

  .footerContent1M .mainLeftMenuA {
    padding-left: 0 !important;
  }

  .gITM:link {
    font-size: 1.4em;
    font-family: "isb", sans-serif;
    color: #ffffff;
    display: block;
    cursor: default;
    padding: 0 0 1em 0;
  }

  .gITM:visited {
    color: #ffffff;
  }

  .gITM:hover {
    color: #ffffff;
  }

  .gITM:active {
    color: #ffffff;
  }

  .footerNav {
    text-align: left;
    padding: 0 0 2em 0;
  }

  .footerNavsA {
    margin: 0 2.5em 0 0;
  }

  .footerNavsText {
    font-size: 1.2em;
  }

  .footerNavsASelected {
    border-bottom: 0.2em solid #105ddd;
    color: #105ddd;
    font-weight: 900;
  }

  .footerContent1bSlideOuter {
    position: relative;
    z-index: 0;
  }

  .mainLeftMenuA ~ .mainLeftMenuInner {
    padding: 0;
  }

  .footerContent1b2TI {
    font-size: 1.3em;
  }

  .footerContent1b2:link {
    font-size: 1.3em;
  }

  .footerContent1b2Div {
    font-size: 1em;
  }

  .footerCopyright {
    font-size: 1.2em;
  }

  .footerSocial {
    height: 2.2em;
  }

  .gITM:link {
    font-size: 1.6em;
  }

  .footerContent1M .mainLeftMenuOuter {
    padding: 2.5em 0 3.5em 0;
  }

  .worksText1A1D {
    height: 1.8em;
    margin-top: 0.4em;
  }

  .capabilities2Descriptions {
    width: 100%;
  }

  .dataBannerTextOuter {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
  }

  .dataBannerTextInner {
  }

  .processDABox2 {
    display: none;
  }

  .processDABox2M {
    display: block;
    padding: 0 0 0 0;
  }

  .processDAInner {
    padding-right: 2em;
    padding-left: 2em;
  }

  .coreImgContainer {
    display: none;
  }

  .fasterOuter {
  }

  .coreContainer {
    display: none;
  }

  .coreContainerM {
    display: block;
  }

  .processDABox1 {
    display: none;
  }

  .dataBannerText1 {
    font-size: 1em;
  }

  .dataBannerTextInner {
    padding: 0 0 0 2em;
  }

  .dataBannerText2 {
    font-size: 2.1em;
  }

  .dataBannerText3 {
    font-size: 1.3em;
    padding: 1em 0 1em 0;
  }

  .dataAnalyticsHeader {
    text-align: justify;
    padding: 0 1.5em;
    top: -0.1em;
  }

  .dataAnalyticsNav {
    margin: 0 0.5em;
  }

  .dataAnalyticsNavText {
    font-size: 1.1em;
  }

  .processDATitle1 {
    font-size: 2em;
  }

  .processDATitle2 {
    font-size: 1.2em;
    text-align: justify;
  }

  .processDAOuter {
    padding: 4em 0 1.5em 0;
  }

  .processDABox1aCText {
    font-size: 1.1em;
  }

  .processDABox2aIcon {
    height: 2em;
    margin: 0 0.5em 0 1.2em;
  }

  .processDABox2aTitleText {
    font-size: 1.6em;
  }

  .fasterTable .accelerateText {
    font-size: 1.5em;
    padding: 0 0 0.8em 0;
  }

  .fasterTable .accelerateButton {
    padding: 1em 2em 1em 2em;
  }

  .fasterTable .accelerateButtonText {
    font-size: 1em;
  }

  .ourWorksOuter.dataACus2 {
    padding: 2.5em 0 3.5em 0;
  }

  .dataACus2 .ourWorksInner {
    height: 27em;
  }

  .trendingInner .worksText1A1Text {
    font-size: 1em;
  }

  .trendingInner .worksText1A1 {
    padding: 0;
  }

  .trendingInner .worksText1c {
    font-size: 1.3em;
    padding: 0.6em 0 0.7em;
    line-height: 1.4em;
  }

  .trendingInner .worksText1b {
    font-size: 1.8em;
  }

  .trendingInner .trendingTextDate {
    font-size: 1.1em;
    padding: 0;
  }

  .coreTextTitle {
    font-size: 1.8em;
    padding: 1em 0 0.6em 0;
  }

  .ourWorksOuter.dataACus1 {
    padding: 3em 0 0 0;
    height: 70em;
  }

  .dataACus1 .ourWorksInner {
    height: 63em;
  }

  .mainLeftMenuAddPadM .mainLeftMenuA:link {
    /*padding-left: 2.3em;*/
  }

  .discoverInner {
    font-size: 2em;
    padding: 0 1em 0 0;
  }

  .discoverBlocksOuter {
    width: 100%;
  }

  .discoverBlocksInner {
    padding: 0 2em 2em 0;
  }

  .expertiseLeft {
    width: 100%;
  }

  .expertiseRight {
    width: 100%;
  }

  .expertiseLeftTitle {
    font-size: 2em;
  }

  .expertiseLeftDesc {
    padding: 1.7em 0 0 0;
  }

  .growLeft {
    width: 100%;
  }

  .growLeftTitle {
    font-size: 2em;
  }

  .growLeftDesc1 {
    font-size: 1.3em;
  }

  .growLeftDesc2aText {
    font-size: 1.3em;
  }

  .expertiseLeftDesc {
    font-size: 1.3em;
  }

  .talentOuter {
    padding-top: 4em;
    padding-bottom: 3em;
  }

  .expertiseOuter {
    padding-top: 4em;
    padding-bottom: 3em;
  }

  .growOuter {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .growMiddle {
    display: none;
  }

  .growRight {
    width: 100%;
    margin: 2em 0 0 0;
  }

  .growLeftDesc3 {
    width: 14em;
    height: 4em;
    border: 0.1em solid #105ddd;
    border-radius: 0.6em;
    display: block;
    margin: 1em 0 0 0;
  }

  .growLeftDesc3Text {
    font-size: 1.1em;
    font-family: "im", sans-serif;
    display: inline-block;
    color: #105ddd;
    letter-spacing: 0.1em;
  }

  .huutApp1InnersAB {
    height: auto;
    position: static;
  }

  .huutApp1Inners {
    width: 100%;
  }

  .huutApp1Title {
    font-size: 2em;
  }

  .huutApp1Desc {
    font-size: 1.3em;
    padding: 2em 0 0 0;
  }

  .huutApp1Outer {
    padding-top: 4em;
    padding-bottom: 3em;
  }

  .healthcareTitle1 {
    font-size: 2em;
  }

  .huutApp1ButtonContainer {
    padding: 2em 0 0 0;
  }

  .huutApp1Buttons {
    height: 3em;
    padding: 0 1.5em 0 0;
  }

  .huutApp1ButtonsImg {
    height: 3em;
  }

  .huutApp1ButtonsImg1 {
    height: 2em;
  }

  .huutApp1ButtonsImg2 {
    height: 2em;
  }

  .huutBanner1Content {
    position: static;
    padding: 0;
  }

  .huutBanner1Inners {
    width: 100%;
  }

  .huutBanner1InnersTitle {
    font-size: 2em;
    color: #000000;
    padding: 0 0 0.7em 0;
  }

  .huutBanner1Inner {
    margin: 0;
    height: auto;
  }

  .huutBanner1Inner {
    padding-right: 2em;
    padding-top: 4em;
    padding-bottom: 3.7em;
  }

  .huutBanner1InnersDescription {
    padding: 0;
    font-size: 1.3em;
  }

  .huutApp2Title {
    font-size: 2em;
    padding: 0 0 1em 0;
  }

  .huutApp3Title {
    font-size: 1.5em;
    padding: 1.5em 0 1em 0;
  }

  .huutApp3Text2 {
    font-size: 1.2em;
  }

  .huutApp3Container {
    text-align: justify;
  }

  .huutApp3Containers {
    width: 47%;
    margin: 0 0 1.2em 0;
    height: 6em;
  }

  .huutApp1InnersAlt1 .huutApp3Containers {
    width: 47%;
  }

  .huutApp1InnersAlt2 .huutApp3Containers {
    width: 47%;
    height: 8em;
  }

  .huutApp1InnersAlt2 {
    text-align: justify-all;
  }

  .huutApp3Img {
    height: 2em;
  }

  .huutApp3Text1 {
    font-size: 1.2em;
  }

  .bankingText1 {
    font-size: 1.5em;
    padding: 0 0 0.8em 0;
  }

  .bankingText {
    font-size: 1.1em;
    width: 80%;
    margin: 0 auto;
    padding: 0 0 0 0;
    line-height: 1.2em;
  }

  .commonBanner01Text1Inner1 {
    font-size: 1em;
  }

  .commonBanner01Text1 {
    margin: 0 0 0.5em 0;
  }

  .expertiseContentsLeft {
    width: 100%;
  }

  .expertiseContents {
    height: auto;
  }

  .expertiseContentsRight {
    border-bottom: 0;
  }

  .expertiseContentsRightInner {
    padding: 0 0 0 0;
  }

  .financeCust4 {
    min-height: 0;
  }

  .financeCust3 {
    min-height: 0;
  }

  .educationCust2 {
    min-height: 0;
  }

  .cloudCust5 {
    min-height: 0;
  }

  .cloudCust6 {
    min-height: 0;
  }

  .expertiseContentsRightOuter {
    width: 100%;
  }

  .expertiseContentsRightTitle {
    font-size: 1.5em;
    padding: 1em 0 0.3em 0;
  }

  .expertiseContentsRightDescription {
    font-size: 1.2em;
  }

  .challengesInner {
    height: auto;
  }

  .challengesInnerLeft {
    width: 100%;
  }

  .challengesInnerRight {
    width: 100%;
  }

  .challengesTextOuter {
    padding: 2em 0 0 0;
    max-width: none;
  }

  .financeCapabilitiesDescription1 {
    padding: 0;
  }

  .financeCapabilitiesDescription {
    padding: 0 0 1.8em 0;
  }

  .challengesOuter {
    padding: 4em 0 1em 0;
  }

  .challengesOuterCust1 {
    padding: 4em 0 3em 0;
  }

  .healthcare1Desc {
    font-size: 1.3em;
  }

  .challengesText1 {
    font-size: 2em;
  }

  .challengesText2 {
    font-size: 1.2em;
  }

  .challengesText3 {
    font-size: 1.2em;
  }

  .challengesText4 {
    font-size: 1.2em;
  }

  .commonBanner01Text1Inner {
    font-size: 1em;
  }

  .commonBanner01Text2 {
    font-size: 2em;
  }

  .commonBanner01Text3 {
    font-size: 1.1em;
    line-height: normal;
  }

  .challengesImg {
    max-width: none;
    max-height: none;
    width: 100%;
  }

  .challengesInnerLeft {
    /*width: calc(100% - 4em);
        padding: 0 2em;*/
  }

  .cloudCust1 .worksText1c {
    min-height: 0;
  }

  .cloudCust2 {
  }

  .cloudCust6Mob {
    min-height: 28.7em;
  }

  .serviceBannerText {
    font-size: 2em;
  }

  .serviceButton {
    padding: 0.5em 2em 0.5em 1.5em;
  }

  .serviceButtonText {
    font-size: 1em;
    vertical-align: 0.2em;
  }

  .autoOrchestrationsLeft {
    width: 100%;
  }

  .autoOrchestrationsRight {
    width: 100%;
  }

  .autoOrchestrationsRightTitle {
    font-size: 1.8em;
    padding: 0.6em 0 0.6em 0;
  }

  .autoOrchestrationsRightDescription {
    font-size: 1.3em;
  }

  .autoProcessDescriptions {
    width: 100%;
  }

  .autoProcessTitle {
    font-size: 1.6em;
    padding: 0 0 1em 0;
    line-height: 1.4em;
  }

  .autoProcessImg {
    height: 1.5em;
    margin: 0 1em 0 0;
    display: none;
  }

  .autoProcessDescriptionsText {
    font-size: 1.2em;
  }

  .letsTalkInHeader {
    display: none;
  }

  .capabilities2Description0h {
    height: auto;
  }

  .capabilities2Description0h1 {
    height: auto;
  }

  .capabilities2Description0h {
    height: auto;
  }

  .capabilities2Description0h1 {
    height: auto;
  }

  .capabilitiesContainer:hover .capabilities1 {
    opacity: 1;
  }

  .capabilities1:hover .capabilities2Description0h {
    height: auto;
  }

  .capabilities1:hover .capabilities2Description0h1 {
    height: auto;
  }

  .mainHeaderHover2NavA:hover .mainHeaderHover2NavText {
    text-decoration: underline;
  }

  .capabilitiesContainerNormal {
    padding: 0 2em 0 0.5em;
  }

  .challengesText3Empty {
    padding: 0.4em 0 0.3em 0;
  }

  .huutBanner1 {
    min-height: 0;
  }

  .dataBannerTextContainer {
    padding: 0;
  }

  .financeCapabilities1 {
    min-height: 0;
  }

  .financeCust2 {
    min-height: 0;
  }

  .challengesText4Img {
    display: none;
  }

  .leftQengg {
    width: auto;
    padding: 0 0 2em 0;
  }

  .leftQenggTitle1 {
    font-size: 2.5em;
    padding: 0 0 0 0;
  }

  .rightQengg {
    width: auto;
  }

  .autoProcessDescriptionsTextCust1 {
    padding: 0 0 0.5em 0;
  }

  .data-right.width50 {
    width: 100%;
  }

  .microsoftForm2 {
    width: calc(100% - 7em);
  }

  .microsoftBanner1 .dataBannerOverlay {
    position: relative;
  }

  .microsoftBanner1 .serviceBannerTextOuter {
    position: relative;
  }

  .microsoftBanner1 .serviceBannerTextInner {
    width: calc(100% - 6em);
    padding: 3em;
    text-align: center;
  }

  .microsoftBanner1 .serviceBannerTextOuter {
    width: 100%;
  }

  .microsoftBanner1 .serviceBannerTextOuter {
    position: relative;
  }

  .microsoftForm1 {
    width: 100%;
    margin: 0 0 3em;
  }

  .microsoftVideo1 {
    display: none;
  }

  .microsoftBanner2 .challengesInnerLeft {
    width: 100%;
  }

  .microsoftBanner2 .challengesInnerRight {
    width: 100%;
  }

  .microsoftBanner2 .challengesText1 {
    font-size: 1.7em;
  }

  .microsoftBanner2 .challengesText3 {
    font-size: 1.5em;
    padding: 0 0 3em;
  }

  .microsoftBanner3 .discoverBlocksOuter {
    width: 100%;
  }

  .microsoftBanner4 {
    margin-top: 0;
  }

  .microsoftBanner4 .benefits-list {
    grid-template-columns: 1fr 1fr;
  }

  .microsoftBanner4 .offering-title {
    font-size: 2em;
  }

  .microsoftBanner4 .benefits-list-items > span {
    font-size: 1.5em;
  }

  .microsoftBanner4 .mainLeftMenuA:link {
    font-size: 1.5em;
    font-weight: 900;
  }

  .faqText {
    font-size: 1.3em;
  }

  .faqDiv1 {
    padding: 2em 0 0 0;
  }

  .growLeft1d {
    display: none;
  }

  .growLeft1m {
    position: relative;
    height: auto;
  }

  .capabilitiesSec .capabilities2 .capabilities2Description {
    display: block;
  }

  .growLeftDesc1b {
    font-size: 1.3em;
  }

  .worksText1d {
    font-size: 1.5em;
  }

  .tiles2 {
    width: 100%;
  }

  .tiles3a {
    height: 20em;
    margin: 0 0 1em 0;
  }

  .tiles3b {
    height: 20em;
    margin: 0 0 1em 0;
  }

  .tiles3c {
    height: 20em;
    margin: 0 0 1em 0;
  }

  .tiles3d {
    height: 20em;
    margin: 0 0 1em 0;
  }

  .tiles3e {
    height: 20em;
    margin: 0 0 1em 0;
  }

  .tiles3f {
    height: 20em;
    margin: 0 0 1em 0;
  }

  .jobs1 {
    font-size: 1.3em;
  }

  .commonDeskElementIB {
    display: none;
  }

  .commonDeskElement {
    display: none;
  }

  .commonMobElement {
    display: block;
  }

  .lll {
  }
}

@media (max-width: 767px) {
  .ourWorksOuter.dataACus1 {
    height: 50em;
  }

  .dataACus1 .ourWorksInner {
    height: 42em;
  }
}

/* Fix for Mobile Footer Menu Color */
.footerContent1M .mainLeftMenuA,
.footerContent1M .mainLeftMenuA:link,
.footerContent1M .mainLeftMenuA:visited,
.footerContent1M .mainLeftMenuA:active {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.footerContent1M .mainLeftMenuA::after {
    color: #ffffff !important;
}

.footerContent1M .mainLeftMenuA:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.05);
}