/*@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: 55%; top: 22.5%; left: 2em; z-index: 3; } .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: #8b1724; } .mainNavigationA:active { color: #8b1724; } .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: #8B1724; } .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: #8a1623; 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: #fbedea; border: 0.1em solid #f4dad6; 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; } .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: #8a1623; 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: #8a1623; 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: #000000; transition: all 500ms linear; font-size: 1.5em; display: block; letter-spacing: 0.05em; padding: 1.5em 1.33em; background: rgba(255, 255, 255, 1); border-top: 0.1em solid rgba(0, 0, 0, 0.1); /*border-bottom: 0.1em solid rgba(255, 255, 255, 0.1);*/ } .mainLeftMenuA:visited { color: #000000; } .mainLeftMenuA:hover { color: #8B1724; } .mainLeftMenuA:active { color: #8B1724; } .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: #8B1724; } .mainHeaderAlt .mainNavigationAActivated:visited { color: #8B1724; } .mainHeaderAlt .mainNavigationAActivated:hover { color: #8B1724; } .mainHeaderAlt .mainNavigationAActivated:active { color: #8B1724; } .worksText1A1Text { font-size: 1.2em; color: #8b1724; 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: #8B1724; 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: #8B1724; } .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-color: #181818; /*height:100%; min-height: 74.5em;*/ } .footerInner { max-width: 115em; width: auto; padding: 6em 2em 2em 2em; 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: #000000; 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 #8B1724; color: #8B1724; 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; } footerSocialAImg { height: 100%; display: block; } .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: #8b1724; }*/ /*.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: #8C8C8C; display: block; padding: 0 0 0.8em 0; font-size: 1.4em; } .footerContent1b2:visited { color: #8C8C8C; } .footerContent1b2:hover { color: #ffffff; } .footerContent1b2:active { color: #8b1724; } .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: #8C8C8C; } .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: #717171; 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: #8C8C8C; background-color: rgba(24,24,24,1); } .footerContent1M .mainLeftMenuA:visited { color: #8C8C8C; } .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: #8C8C8C; } .footerContent1M .mainLeftMenuA:visited { color: #8C8C8C; } .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: #b12939; } .dataAnalyticsNav:hover { color: #ffffff; } .dataAnalyticsNavSelected { color: #fff; } .dataAnalyticsNavSelected .dataAnalyticsNavBottom { background-color: #b12939; } .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: #994B72; color: #ffffff; } .processDABox1aSelected.processDABox1a:nth-of-type(3) .processDABox1aC { background-color: #994B72; color: #ffffff; } .processDABox1aSelected.processDABox1a:nth-of-type(4) .processDABox1aT { background-color: #C35556; color: #ffffff; } .processDABox1aSelected.processDABox1a:nth-of-type(4) .processDABox1aC { background-color: #C35556; color: #ffffff; } .processDABox1aSelected.processDABox1a:nth-of-type(5) .processDABox1aT { background-color: #D85B44; color: #ffffff; } .processDABox1aSelected.processDABox1a:nth-of-type(5) .processDABox1aC { background-color: #D85B44; 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: #994B72; } .processDABox2Inner:nth-of-type(4) .processDABox2aTitleText { color: #C35556; } .processDABox2Inner:nth-of-type(5) .processDABox2aTitleText { color: #D85B44; } .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: #994B72; } .processDABox2InnerM:nth-of-type(4) .processDABox2aTitleText { color: #C35556; } .processDABox2InnerM:nth-of-type(5) .processDABox2aTitleText { color: #D85B44; } .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: #994B72; color: #ffffff; } .processDABox2InnerM:nth-of-type(4) .processDABox1aCM { background-color: #C35556; color: #ffffff; } .processDABox2InnerM:nth-of-type(5) .processDABox1aCM { background-color: #D85B44; 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: #8B1724; font-size: 1.4em; font-family: 'ir', sans-serif; display: inline-block; } .mainHeaderDivInfoText3InnerM { color: #8B1724; 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 #8B1724; 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: #8B1724; 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: #8B1724; 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: #8B1724; 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: #8B1724; 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: #8B1724; } .contactTabsHeaderNameActive .contactTabsHeaderLine { background-color: #8B1724; } .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: #8B1724; cursor: pointer; display: inline-block; border-radius: 0.75em; padding: 1.2em 2.5em 1.2em 2em; } .serviceButton:hover { background-color: #8A2724; } .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: #8B1724; } .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 #8B1724; 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: #8B1724; } .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: #1c1c1c; z-index: 1; width: 100%; padding: 1.25em 1.25em 0.63em 1.25em; box-shadow: 0px 4px 15px rgb(0 0 0 / 70%); border-radius: 5px; border: 1px solid #2f2f2f; } .footerContent1bInner{ position: relative; z-index: 0; } .footerContent1b1Event{ position: relative; } .footerContent1b2Div { font-family: 'ir', sans-serif; color: #8C8C8C; 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: #8b1724; } */ .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: #8B1724; 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; } /* 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) { .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: 45%; top: 25%; } .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; } .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(50% - 6em); margin: 0 0 2em 2em; padding: 2em; height: 14em; } .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; } .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 #8B1724; color: #8B1724; 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 #8B1724; 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: #8B1724; 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; } }