/* source: global.css */
body { margin: 0; line-height: normal; } .popup-overlay { display: flex; flex-direction: column; position: fixed; inset: 0; } :root { --font-heebo: Heebo; --font-helvetica-neue: "Helvetica Neue"; --font-open-sans: "Open Sans"; --font-size-xs: 12px; --font-size-xl: 20px; --font-size-sm: 14px; --font-size-41xl: 60px; --font-size-33xl: 52px; --font-size-11xl: 30px; --font-size-9xl: 28px; --font-size-11xl: 30px; --font-size-27xl: 46px; --font-size-19xl: 38px; --font-size-31xl: 50px; --font-size-23xl: 42px; --font-size-5xl: 24px; --font-size-7xl: 26px; --font-size-21xl: 40px; --font-size-13xl: 32px; --font-size-lg: 18px; --font-size-23xl: 42px; --font-size-15xl: 34px; --font-size-base: 16px; --font-size-3xs: 10px; --font-size-2xs: 11px; --font-size-lg: 18px; --font-size-mini: 15px; --color-firebrick: #cb2e31; --background-background-primary: #fff; --transparent-transparent: #fff; --color-mediumseagreen-100: #1ed07e; --color-gray-800: #959393; --color-gray-100: #1e1e1e; --color-gray-200: #1d1d1d; --color-gray-300: #121338; --color-gray-400: #0c111f; --color-gray-500: #0b0b0b; --color-gray-900: #0a0a0a; --color-gray-1000: rgba(12, 17, 31, 0); --color-gray-700: rgba(255, 255, 255, 0.52); --color-gray-1100: rgba(255, 255, 255, 0.7); --color-gray-600: rgba(11, 11, 11, 0.44); --color-deeppink: #ff04b9; --color-aquamarine: #00ffd3; --color-peru: #ca974e; --color-aliceblue: #e5eef8; --color-khaki: #fae265; --color-darkslategray-200: #3e3c3c; --color-darkslategray-100: #1b3d2f; --color-darkslategray-300: #1c3045; --color-lightgray-100: #d7d7d7; --color-mediumspringgreen: #21ed8f; --color-mediumseagreen: #1ed07e; --color-whitesmoke: #f1eeee; --color-darkgray: #9f9f9f; --color-silver: #bdc6d0; --color-lightgreen: #94c56f; --color-goldenrod: #f3a43c; --color-gainsboro: rgba(230, 230, 230, 0.67); --color-lightskyblue: #7cb9f6; --color-salmon: #ff7867; --color-darkturquoise: #04d0dd; --color-whitesmoke-100: #f6f5f5; --gap-mid: 17px; --gap-5xl: 24px; --gap-5xs: 8px; --gap-7xs: 6px; --gap-0: 0px; --gap-base: 16px; --gap-xs: 12px; --gap-3xs: 10px; --gap-xs: 12px; --gap-sm: 14px; --gap-9xs: 4px; --gap-5xs: 8px; --gap-xl: 20px; --gap-lg: 18px; --gap-mini: 15px; --gap-163xl: 182px; --gap-153xl: 172px; --gap-19xl: 38px; --gap-4xl: 23px; --gap-9xl: 28px; --gap-7xl: 26px; --gap-10xs: 3px; --gap-21xl: 40px; --gap-8xs: 5px; --gap-12xl: 31px; --padding-2xs: 11px; --padding-121xl: 140px; --padding-77xl: 96px; --padding-5xl: 24px; --padding-lg: 18px; --padding-61xl: 80px; --padding-base: 16px; --padding-xl: 20px; --padding-5xs: 8px; --padding-3xs: 10px; --padding-35xl: 54px; --padding-sm: 14px; --padding-5xs: 8px; --padding-xs: 12px; --padding-17xl: 36px; --padding-23xl: 42px; --padding-11xl: 30px; --padding-41xl: 60px; --padding-10xs: 3px; --padding-25xl: 44px; --padding-lg: 18px; --padding-lgi: 19px; --padding-43xl: 62px; --padding-15xl: 34px; --padding-61xl: 80px; --padding-46xl: 65px; --padding-8xs: 5px; --padding-11xs: 2px; --padding-13xl: 32px; --padding-3xl: 22px; --padding-9xs: 4px; --br-8xs: 5px; --br-6xs: 7px; --br-lg: 18px; --br-mid: 17px; --br-7xs: 6px; --br-12xs: 1px; --br-10xs: 3px; --br-3xs: 10px; }
/* source: cookie_popup.css */
 .termsfeed-com---nb-simple { max-width: 100% !important; } .termsfeed-com---nb .cc-nb-main-container { padding: 12px 32px 20px !important; display: flex !important; flex-direction: row; flex-wrap: wrap; justify-content: space-between !important; align-items: center !important; gap: 16px !important; font-size: 16px !important; font-family: "Heebo", sans-serif !important; } .termsfeed-com---nb .cc-nb-main-container { padding: 12px 32px 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: nowrap !important; gap: 16px !important; } .termsfeed-com---palette-light .cc-nb-text { flex: 1 1 auto; margin-right: 24px; } .cc-nb-buttons-container { flex-shrink: 0; display: flex !important; flex-direction: row !important; justify-content: flex-end !important; gap: 12px !important; } .termsfeed-com---reset p { margin-bottom: 0 !important; } .termsfeed-com---palette-light.termsfeed-com---nb { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15) !important; background-color: #ffffff !important; text-align: left !important; box-sizing: border-box !important; width: -webkit-fill-available; } .termsfeed-com---palette-light .cc-nb-text { color: #2d2d2d !important; font-size: 16px !important; flex: 1 1 auto; line-height: 1.6; } .termsfeed-com---palette-light .cc-nb-text a { text-decoration: underline !important; color: #0056b3 !important; } .cc-nb-buttons-container { display: flex !important; justify-content: flex-end !important; gap: 12px !important; flex: 0 0 auto; } .cc-nb-okagree, .cc-nb-reject { padding: 12px 24px !important; font-size: 14px !important; border-radius: 6px !important; text-transform: uppercase !important; font-weight: bold !important; cursor: pointer !important; min-width: 90px !important; text-align: center; border: none !important; } .cc-nb-okagree { background-color: #28a745 !important; color: white !important; } .cc-nb-okagree:hover { background-color: #218838 !important; } .cc-nb-reject { background-color: #d9534f !important; color: white !important; } .cc-nb-reject:hover { background-color: #c9302c !important; } .cc-nb-customize, .cross-btn, .cc-nb-title-container { display: none !important; } @media screen and (max-width: 600px) { .termsfeed-com---nb .cc-nb-main-container { flex-direction: column !important; align-items: flex-start !important; padding: 20px !important; } .termsfeed-com---palette-light .cc-nb-text { font-size: 14px !important; padding-right: 0 !important; } .cc-nb-buttons-container { width: 100% !important; justify-content: flex-end !important; flex-wrap: wrap; } .cc-nb-okagree, .cc-nb-reject { width: 0% !important; max-width: 100% !important; font-size: 12px !important; } } 
/* source: thank-you-popup.css */
.thank-you-popup .dear { font-family: var(--font-heebo); } .thank-you-popup .dear-testing { margin: 0; } .thank-you-popup .close, .thank-you-popup .copy { position: relative; } .thank-you-popup .copy { align-self: stretch; line-height: 24px; } .thank-you-popup .close { font-size: var(--font-size-sm); line-height: 16px; text-transform: uppercase; font-family: var(--font-heebo); color: var(--color-darkslategray-100); text-align: left; opacity: 0.9 !important; text-shadow: none !important; } .thank-you-popup .content { display: flex; flex-direction: row; align-items: center; justify-content: center; padding-left: 0; padding-right: 0; } .thank-you-popup .button { cursor: pointer; border: 0; padding: 0 var(--padding-5xl); background-color: var(--color-mediumseagreen); height: 52px; border-radius: var(--br-6xs); align-items: flex-end; box-sizing: border-box; max-width: 91px; } .thank-you-popup { display: none; flex-direction: column; justify-content: center; } .thank-you-popup.show, .thank-you-popup .action, .thank-you-popup .button { display: flex; flex-direction: column; justify-content: center; } .thank-you-popup .action { align-self: stretch; align-items: flex-end; } .thank-you-popup { position: relative; box-shadow: 0 7px 5px rgba(0, 0, 0, 0.11); border-radius: var(--br-6xs); background-color: var(--color-whitesmoke-100); align-items: flex-start; padding: var(--padding-5xl); box-sizing: border-box; gap: var(--gap-21xl); max-width: 448px; text-align: left; font-size: var(--font-size-lg); color: var(--color-darkslategray-300); font-family: var(--font-heebo); position: fixed; top: 78px; right: 34vw; z-index: 9999999; display: none; } @media screen and (max-width: 1366px) and (min-width: 1281px) { .thank-you-popup { padding-left: var(--padding-5xl); padding-right: var(--padding-5xl); box-sizing: border-box; } } @media screen and (max-width: 1280px) and (min-width: 961px) { .thank-you-popup { padding-left: var(--padding-5xl); padding-right: var(--padding-5xl); box-sizing: border-box; } } @media screen and (max-width: 960px) and (min-width: 601px) { .thank-you-popup .copy { font-size: var(--font-size-base); line-height: 24px; } .thank-you-popup { gap: var(--gap-5xl); padding-left: var(--padding-5xl); padding-right: var(--padding-5xl); box-sizing: border-box; } } @media screen and (max-width: 600px) and (min-width: 298px) { .thank-you-popup .copy { font-size: var(--font-size-sm); line-height: 20px; } .thank-you-popup .button { width: 100%; align-items: center; justify-content: center; max-width: 91px; } .thank-you-popup .action, .thank-you-popup { align-items: flex-end; justify-content: center; } .thank-you-popup { gap: var(--gap-5xl); padding-left: var(--padding-5xl); padding-top: var(--padding-5xl); padding-right: var(--padding-5xl); box-sizing: border-box; } } @media screen and (max-width: 297px) and (min-width: 100px) { .thank-you-popup .copy { font-size: var(--font-size-sm); line-height: 20px; text-align: left; } .thank-you-popup .close { font-size: var(--font-size-xs); } .thank-you-popup .button { width: 100%; height: 46px; align-items: center; justify-content: center; padding-left: 0; padding-right: 0; box-sizing: border-box; max-width: 500px; } .thank-you-popup { height: auto; gap: var(--gap-5xl); padding-left: var(--padding-5xl); padding-top: var(--padding-5xl); padding-right: var(--padding-5xl); box-sizing: border-box; } }
/* source: slick.css */
 .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } 
/* source: slick-theme.css */
@charset 'UTF-8'; .slick-loading .slick-list { background: #fff url('./slick/ajax-loader.gif') center center no-repeat; } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./slick/fonts/slick.eot'); src: url('./slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('./slick/fonts/slick.woff') format('woff'), url('./slick/fonts/slick.ttf') format('truetype'), url('./slick/fonts/slick.svg#slick') format('svg'); } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } 
/* source: index.css */
@keyframes slide-in-bottom { 0% { transform: translateY(200px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slide-in-left { 0% { transform: translateX(-200px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { transform: translateX(200px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } html { scroll-behavior: smooth; scroll-padding-top: 100px; } .vector-icon { position: absolute; height: 58.33%; width: 83.33%; top: 20.83%; right: 8.33%; bottom: 20.83%; left: 8.33%; max-width: 100%; overflow: hidden; max-height: 100%; } .menu { cursor: pointer; border: 0; padding: 0; background-color: transparent; position: relative; width: 24px; height: 24px; overflow: hidden; flex-shrink: 0; display: none; } .-tag-line-2-icon { position: relative; width: 159px; height: 37px; object-fit: cover; } .logo, .logo-menu { display: flex; align-items: center; } .logo { height: 47px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; z-index: 2; } .logo-menu { width: 159px; flex-direction: row; justify-content: flex-start; gap: var(--gap-3xs); z-index: 2; } .logo-tag-line-3-icon { position: relative; width: 107.43px; height: 25px; object-fit: cover; } .logo-mobile { flex: 1; height: 41px; display: none; flex-direction: row; align-items: center; justify-content: space-between; z-index: 1; } .home1 { position: relative; letter-spacing: 0.02em; line-height: 42px; mix-blend-mode: normal; } .home1:hover { font-weight: 800; font-family: var(--font-heebo); cursor: pointer; } .collaboration { display: flex; flex-direction: row; align-items: center; } .collaboration { cursor: pointer; border: 0; padding: var(--padding-base) 0 var(--padding-base) var(--padding-xs); background-color: var(--transparent-transparent); align-self: stretch; justify-content: flex-start; } .internet-of-things { flex: 1; position: relative; font-size: var(--font-size-mini); letter-spacing: 0.02em; line-height: 16px; font-family: var(--font-heebo); color: var(--color-gray-200); text-align: left; } .internet-of-things:hover { font-weight: 700; font-family: var(--font-heebo); } .contents, .submenu-verticals { flex-direction: column; align-items: flex-start; justify-content: flex-start; } .contents { align-self: stretch; background-color: var(--transparent-transparent); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); display: flex; padding: var(--padding-xs) 0; } .submenu-verticals { margin: 0 !important; position: absolute; top: 19px; left: 0; width: 206px; display: none; padding: var(--padding-13xl) 0 0; box-sizing: border-box; z-index: 1; } #verticals_navbar:hover .submenu-verticals, #verticals_submenu:hover .submenu-verticals { display: flex; } #verticals_navbar:hover .about-us { font-weight: 600; font-family: var(--font-heebo); } .verticals2 { position: relative; letter-spacing: 0.02em; line-height: 42px; mix-blend-mode: normal; } .subtract-icon { position: relative; width: 12px; height: 6.5px; } .arrow, .verticals { display: flex; flex-direction: column; justify-content: flex-start; } .arrow { height: 16.5px; align-items: flex-start; padding: var(--padding-8xs) var(--padding-11xs); box-sizing: border-box; } .verticals { height: 42px; align-items: flex-end; position: relative; gap: var(--gap-10xs); z-index: 4; } .verticals:hover { cursor: pointer; } .aria-conversational-chatbot { position: relative; font-size: var(--font-size-mini); letter-spacing: 0.02em; line-height: 14px; font-family: var(--font-heebo); color: var(--color-gray-200); text-align: left; } .aria-conversational-chatbot:hover { font-weight: 700; font-family: var(--font-heebo); } .collaboration:hover { background-color: var(--color-gainsboro); font-weight: 700; font-family: var(--font-heebo); } .collaboration7 { cursor: pointer; border: 0; padding: var(--padding-base) var(--padding-xs); flex-direction: row; align-items: center; } .collaboration7:hover, .collaboration8:hover { background-color: var(--color-gainsboro); font-weight: 700; font-family: var(--font-heebo); } .collaboration7, .collaboration8, .contents1 { background-color: var(--transparent-transparent); display: flex; justify-content: flex-start; } .collaboration8 { cursor: pointer; border: 0; padding: var(--padding-base) 0 var(--padding-base) var(--padding-xs); width: 227px; flex-direction: row; align-items: center; box-sizing: border-box; } .contents1 { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); flex-direction: column; align-items: flex-start; padding: var(--padding-xs) 0; } .submenu-verticals1 { margin: 0 !important; position: absolute; top: 19px; width: max-content; left: 0; display: none; align-items: flex-start; padding: var(--padding-13xl) 0 0; z-index: 1; } #technogies_navbar:hover .submenu-verticals1, #technologies_submenu:hover .submenu-verticals1 { display: flex; } #technogies_navbar:hover .about-us { font-weight: 600; } .submenu-verticals1, .submenu-verticals2, .technologies { flex-direction: column; justify-content: flex-start; } .technologies:hover #technogies_navbar { font-weight: 800; } .technologies { height: 42px; display: flex; align-items: flex-end; position: relative; gap: var(--gap-10xs); z-index: 3; } .technologies:hover { cursor: pointer; } .submenu-verticals2 { margin: 0 !important; position: absolute; top: 19px; left: 0; width: max-content; display: none; width: 145px; align-items: flex-start; padding: var(--padding-13xl) 0 0; box-sizing: border-box; z-index: 1; } #careers_navbar:hover .submenu-verticals2, #careers_submenu:hover .submenu-verticals2 { display: flex; } #careers_navbar:hover .about-us { font-weight: 600; } .careers { height: 42px; flex-direction: column; align-items: flex-end; justify-content: flex-start; position: relative; gap: var(--gap-10xs); z-index: 2; } .submenu-verticals3 { margin: 0 !important; position: absolute; top: 19px; left: 0; width: 202px; display: none; align-items: flex-start; padding: var(--padding-13xl) 0 0; box-sizing: border-box; z-index: 1; } .submenu-verticals3 .contents { width: 202px; } #aboutus_navbar:hover .submenu-verticals3, #aboutus_navbar:hover .submenu-verticals3 { display: flex; } #aboutus_navbar:hover .about-us { font-weight: 600; } .aboutus:hover, .careers:hover, .contact-us:hover { cursor: pointer; font-weight: 600; } .about-us { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; z-index: 0; } .aboutus, .contact-us { height: 42px; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; } .aboutus { position: relative; gap: var(--gap-10xs); z-index: 1; } .contact-us { z-index: 0; } .text-links { height: 42px; justify-content: flex-end; gap: 35px; z-index: 0; } .header-navigation, .nav-items { background-color: var(--transparent-transparent); display: flex; flex-direction: row; align-items: center; box-sizing: border-box; } .links-and-button, .text-links { height: 42px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .links-and-button { margin: 0; flex: 1; z-index: 1; text-align: left; font-size: var(--font-size-sm); color: var(--color-gray-500); font-family: var(--font-heebo); } .header-navigation, .nav-items { background-color: var(--transparent-transparent); } .nav-items { flex: 1; height: 62px; justify-content: space-between; padding: var(--padding-3xs) 0; z-index: 0; max-width: 1240px; } .header-navigation { align-self: stretch; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11); height: 75px; justify-content: center; padding: 0 96px; position: sticky; top: 0; z-index: 6; } .in-the-news1 { position: relative; line-height: 50px; text-transform: capitalize; font-weight: 300; } .titleframe { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: var(--padding-23xl) 0 var(--padding-11xl); box-sizing: border-box; max-width: 1240px; } .springct-honoured-with { align-self: stretch; position: relative; letter-spacing: 0.02em; line-height: 30px; font-weight: 500; } .this-award-is { align-self: stretch; position: relative; font-size: var(--font-size-sm); line-height: 21px; } .contentn { gap: var(--gap-5xs); } .contentn, .content-wrapper { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .arrow-normal-icon { position: relative; width: 18.47px; height: 12.55px; } .arrow-hover-icon { position: relative; width: 16.72px; height: 11.74px; display: none; } .arrow4 { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 44px; height: 44px; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .arrow4:hover .arrow-normal-icon { display: none; } .arrow4, .arrow4:hover .arrow-hover-icon, .event { display: flex; } .event { align-self: stretch; border-radius: var(--br-lg); background-color: var(--color-darkslategray-300); backdrop-filter: blur(11px); flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: var(--padding-xl) var(--padding-5xl); gap: var(--gap-9xs); } .blogs-child { flex: 1; max-width: 100%; overflow: hidden; height: 221.35px; object-fit: cover; min-width: 180px; } .news-updates { position: absolute; height: 60%; width: 83.96%; top: 20%; left: 7.55%; line-height: 12px; text-transform: capitalize; font-weight: 500; display: inline-block; } .news-updates-wrapper { position: relative; border-radius: var(--br-mid); background-color: var(--color-khaki); width: 106px; height: 20px; } .the-significance-of { align-self: stretch; position: relative; text-transform: capitalize; } .upon-crossing-the { align-self: stretch; position: relative; font-size: var(--font-size-sm); opacity: 0.8; } .the-significance-of-precision-parent { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); text-align: left; font-size: var(--font-size-base); color: var(--color-gray-500); } .arrow5 { display: flex; flex-direction: column; } .arrow5 { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 44px; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .arrow5:hover .arrow-normal-icon { display: none; } .arrow5:hover .arrow-hover-icon { display: flex; } .blogs-inner { flex: 1; flex-direction: row; flex-wrap: wrap; min-width: 180px; } .blogs, .blogs-inner, .leftcards { display: flex; align-items: flex-start; justify-content: flex-start; } .blogs { align-self: stretch; border-radius: var(--br-lg); background-color: var(--transparent-transparent); backdrop-filter: blur(11px); flex-direction: row; flex-wrap: wrap; padding: var(--padding-5xl); gap: var(--gap-mini); text-align: center; font-size: var(--font-size-xs); color: var(--color-darkslategray-200); } .leftcards { flex: 1; flex-direction: column; gap: var(--gap-lg); min-width: 400px; } .description, .titlen { align-self: stretch; position: relative; } .titlen { line-height: 16px; text-transform: capitalize; } .description { font-size: var(--font-size-sm); opacity: 0.8; } .arrow6 { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 44px; height: 44px; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .arrow6:hover .arrow-normal-icon { display: none; } .arrow6, .arrow6:hover .arrow-hover-icon { display: flex; } .news1-child { align-self: stretch; position: relative; border: 1px solid var(--color-gray-600); box-sizing: border-box; height: 1px; } .arrow7, .arrow8, .arrow9, .news1 { display: flex; flex-direction: column; } .news1 { align-self: stretch; align-items: flex-start; justify-content: flex-end; gap: var(--gap-10xs); } .arrow7, .arrow8, .arrow9 { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 44px; height: 44px; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .arrow7:hover .arrow-normal-icon { display: none; } .arrow7:hover .arrow-hover-icon, .arrow8:hover, .arrow8:hover .arrow-hover-icon { display: flex; } .arrow8:hover .arrow-normal-icon, .arrow9:hover .arrow-normal-icon { display: none; } .arrow9:hover .arrow-hover-icon, .fb-icons:hover .iconfb-hover { display: flex; } .rightcards { flex: 1; flex-direction: column; align-items: flex-start; gap: var(--gap-7xl); min-width: 200px; max-width: 400px; font-size: var(--font-size-base); color: var(--color-gray-500); } .cards, .in-the-news, .rightcards { display: flex; justify-content: flex-start; } .cards { width: 100%; flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding: 0 0 var(--padding-23xl); box-sizing: border-box; gap: var(--gap-xl); max-width: 1240px; font-size: var(--font-size-5xl); color: var(--transparent-transparent); } .in-the-news { align-self: stretch; background-color: var(--color-aliceblue); flex-direction: column; align-items: center; padding: 0 var(--padding-17xl); gap: var(--gap-3xs); z-index: 2; } .ready-to-jump { position: relative; text-transform: capitalize; font-weight: 300; font-size: 50px; line-height: 52px; } .name { border: 1px solid var(--color-darkgray); font-family: var(--font-heebo); font-size: var(--font-size-base); background-color: var(--transparent-transparent) !important; flex: 1; border-radius: var(--br-6xs); box-sizing: border-box; height: 44px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: var(--padding-3xs); min-width: 300px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #0e0f10 !important; } .nameorganization, .organisation { display: flex; flex-direction: row; flex-wrap: wrap; } .organisation { border: 1px solid var(--color-darkgray); font-family: var(--font-heebo); font-size: var(--font-size-base); background-color: var(--transparent-transparent); flex: 1; border-radius: var(--br-6xs); box-sizing: border-box; height: 44px; align-items: center; justify-content: flex-start; padding: var(--padding-3xs); min-width: 300px; } .nameorganization { align-self: stretch; align-items: flex-start; justify-content: center; gap: var(--gap-xl); } .description4 { border: 1px solid var(--color-darkgray); background-color: var(--transparent-transparent); flex: 1; border-radius: var(--br-6xs); box-sizing: border-box; height: 138px; overflow: hidden; min-width: 300px; font-family: var(--font-heebo); font-size: var(--font-size-base); resize: none; } .captcha-child { position: absolute; top: 14px; left: 17px; border-radius: var(--br-12xs); border: 1px solid var(--color-gray-500); box-sizing: border-box; width: 17px; height: 16px; } .smart-jackpots-that { position: absolute; top: 16px; left: 42px; font-size: var(--font-size-2xs); line-height: 11px; font-family: var(--font-heebo); color: var(--color-gray-500); text-align: left; display: inline-block; width: 71px; height: 11px; opacity: 0.8; } .captcha-1-icon { position: absolute; top: 8px; left: 126px; width: 28px; height: 28px; object-fit: cover; } .captcha { position: relative; align-items: flex-start; border-radius: var(--br-7xs); box-sizing: border-box; width: 172px; height: 44px; } .smart-jackpots-that1 { position: relative; font-size: var(--font-size-sm); line-height: 14px; text-transform: uppercase; display: inline-block; font-family: var(--font-heebo); color: var(--color-gray-500); text-align: center; width: 44px; flex-shrink: 0; } .buttonreset { cursor: pointer; border: 1px solid var(--color-gray-500); padding: var(--padding-lgi) var(--padding-xl); background-color: var(--transparent-transparent); flex: 1; border-radius: var(--br-6xs); box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; min-width: 140px; } .buttonreset:hover { background-color: var(--color-whitesmoke); } .reflexions-image { width: auto; height: 23px; object-fit: cover; } .reflexions-title { display: flex; align-items: flex-end; gap: 12px; line-height: 23px; } .smart-jackpots-that2 { position: absolute; top: 0; left: 0; font-size: var(--font-size-sm); line-height: 14px; text-transform: uppercase; display: inline-block; font-family: var(--font-heebo); color: var(--color-gray-400); text-align: center; width: 37px; } .vector-icon1 { position: absolute; height: 66.58%; width: 22.64%; top: 9.69%; right: -1.54%; bottom: 23.73%; left: 78.9%; max-width: 100%; overflow: hidden; max-height: 100%; } .smart-jackpots-that-you-may-lo-parent { position: relative; width: 58.01px; height: 14px; } .buttonsend { cursor: pointer; border: 0; padding: var(--padding-lg) var(--padding-xl); background-color: var(--color-mediumseagreen-100); flex: 1; border-radius: var(--br-6xs); display: flex; flex-direction: row; align-items: center; justify-content: center; box-sizing: border-box; } .buttonsend:hover { background-color: var(--color-mediumspringgreen); } .buttons, .buttons1 { display: flex; justify-content: flex-start; } .buttons1 { align-self: stretch; flex-direction: row; align-items: center; gap: var(--gap-base); } .buttons { flex: 1; border-radius: var(--br-6xs); flex-direction: column; align-items: flex-start; gap: 42px; } .interestbuttons { align-self: stretch; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: center; gap: var(--gap-xl); } .contactform, .formelements { display: flex; flex-direction: column; justify-content: center; } .formelements { width: 100%; align-items: flex-start; gap: var(--gap-xl); max-width: 1028px; } .contactform { align-self: stretch; align-items: center; padding: var(--padding-17xl); background-image: url("./public/ContactForm.webp"); gap: var(--gap-19xl); background-size: cover; background-repeat: no-repeat; background-position: top; z-index: 1; text-align: center; } .ic-logo-w-1-icon { position: absolute; top: 0; left: 0; width: 114px; height: 26px; object-fit: cover; bottom: 10px; } .usflag-icon { position: absolute; top: 0; left: 0; width: 21px; height: 14px; object-fit: cover; } .usflag { position: relative; width: 21px; height: 13.43px; } .spring-computing-technologies { margin: 0; } .nam-posuere-accumsan-container { align-self: stretch; position: relative; line-height: 20px; } .donec-dignissim-cura-container, .nam-posuere-accumsan-container { color: #ffffff !important; opacity: 0.8 !important; } .textaddress, .us { max-width: 398px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-3xs); } .us { gap: var(--gap-5xs); } .textaddress-icon { position: relative; width: 21px; height: 14px; object-fit: cover; } .india { max-width: 396px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); } .shape-icon { position: relative; } .iconfb, .iconfb-hover { cursor: pointer; border: 0; padding: 0; background-color: transparent; width: 20px; height: 20px; flex-direction: column; align-items: center; justify-content: center; } .iconfb { display: flex; } .iconfb-hover { display: none; } .fb-icons { top: -0.43px; left: 64px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .instagrey-icon, .instawhite-icon { position: relative; } .fb-icons:hover .iconfb, .instawhite-icon { display: none; } .iconinsta { cursor: pointer; border: 0; padding: 0; background-color: transparent; top: 0; left: 32px; width: 20px; height: 20px; flex-direction: column; align-items: center; justify-content: center; gap: var(--gap-3xs); } .iconinsta, .iconinsta:hover .instawhite-icon { display: flex; } .iconlinkedin-grey, .iconlinkedin-white { position: relative; } .iconinsta:hover .instagrey-icon, .iconlinkedin-white { display: none; } .iconlinkedin { cursor: pointer; border: 0; padding: 0; background-color: transparent; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--gap-3xs); } .iconlinkedin:hover .iconlinkedin-white { display: flex; } .iconlinkedin:hover .iconlinkedin-grey { display: none; } .iconx { cursor: pointer; border: 0; padding: 0; background-color: transparent; top: 0px; left: 92px; flex-direction: column; align-items: center; justify-content: center; gap: var(--gap-3xs); } .twitter-grey, .twitter-white { position: relative; background-color: transparent; border: none !important; } .twitter-white { display: none !important; } .iconx:hover .twitter-white { display: flex !important; } .iconx:hover .twitter-grey { display: none !important; } .socialmediaicons { position: relative; width: 116px; height: 20px; display: flex; justify-content: space-between; } .springctcontact { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-4xl); min-width: 140px; max-width: 263px; } .title4 { position: relative; line-height: 24px; text-transform: capitalize; } .list, .verticles { width: 172px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .verticles1 { width: 100px; gap: var(--gap-5xl); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .list { gap: var(--gap-xs); font-size: var(--font-size-sm); color: var(--color-gray-700); } .verticles { gap: var(--gap-5xl); min-width: 160px; } .donec-dignissim-cura-container { text-decoration: none; position: absolute; width: 100%; top: 0; left: 0; line-height: 21px; color: inherit; display: inline-block; } .donec-dignissim-cura-container:hover { color: var(--transparent-transparent); opacity: 1 !important; } .donec-dignissim-cura10 { position: relative; width: 172px; height: 40px; } .list1 { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-xs); font-size: var(--font-size-sm); color: var(--color-gray-700); } .technologies3 { width: 172px; flex-direction: column; gap: var(--gap-5xl); min-width: 160px; } .columns, .list3, .technologies3 { display: flex; align-items: flex-start; justify-content: flex-start; } .list3 { flex-direction: column; gap: var(--gap-xs); font-size: var(--font-size-sm); color: var(--color-gray-700); } .copyright, .info { align-self: stretch; } .info { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 50px; } .copyright { position: relative; font-size: var(--font-size-xs); line-height: 18px; color: #ffffff !important; text-align: center; opacity: 0.8 !important; } .footer, .footercontent, .spring-home-page { display: flex; flex-direction: column; justify-content: flex-start; } .footercontent { width: 100%; align-items: flex-start; max-width: 1240px; } .footer, .spring-home-page { align-items: center; } .footer { align-self: stretch; background-color: var(--color-gray-400); padding: var(--padding-41xl) var(--padding-17xl); z-index: 0; font-size: var(--font-size-sm); color: var(--transparent-transparent); } .spring-home-page { position: relative; background-color: var(--transparent-transparent); box-shadow: 0 4px 32px rgba(0, 0, 0, 0.18); width: 100%; mix-blend-mode: normal; text-align: left; font-size: var(--font-size-31xl); color: var(--color-gray-500); font-family: var(--font-heebo); padding-top: 75px; } @media screen and (max-width: 1270px) { .menu { display: none; } .text-links { display: flex; } .header-navigation { padding-left: 140px; padding-top: 0; padding-right: var(--padding-17xl); box-sizing: border-box; } .leftcards, .rightcards { flex: unset; align-self: stretch; } .rightcards { max-width: 1200px; } .cards, .in-the-news { flex-direction: column; } .technologies3, .verticles { width: 160px; } } @media screen and (min-width: 961px) and (max-width: 1280px) { } .header-navigation { padding-left: var(--padding-17xl); padding-top: 0; padding-right: var(--padding-17xl); box-sizing: border-box; } @media screen and (max-width: 1200px) { .logo-mobile { flex-direction: row; } .in-the-news1 { font-size: var(--font-size-21xl); } .in-the-news { gap: var(--gap-0); } .ready-to-jump { font-size: var(--font-size-21xl); } .buttons1 { gap: var(--gap-base); padding-left: 0; box-sizing: border-box; } .contactform { padding-left: var(--padding-17xl); padding-top: 24px; box-sizing: border-box; } } @media screen and (max-width: 960px) { .menu, .text-links { display: none; } .header-navigation { padding-left: var(--padding-5xl); padding-top: 0; padding-right: var(--padding-5xl); box-sizing: border-box; } .springct-honoured-with { font-size: var(--font-size-5xl); } .the-significance-of { font-size: var(--font-size-base); } .rightcards { width: 100%; max-width: 800px; } .cards { padding-left: 0; padding-top: 0; padding-right: 0; box-sizing: border-box; } .buttons1 { align-self: stretch; width: auto; flex-direction: row; } .buttons1, .technologies3 { padding-left: 0; box-sizing: border-box; } .info { flex-direction: row; } } @media screen and (max-width: 420px) { .iconinsta:hover .instawhite-icon, .menu { display: flex; } .logo { align-items: center; justify-content: center; } .logo, .menu { display: flex; } .nav-items { padding-left: 0; padding-right: 0; box-sizing: border-box; } .header-navigation { height: 75px; padding-left: var(--padding-base) !important; padding-right: var(--padding-base) !important; box-sizing: border-box; } .in-the-news1 { font-size: var(--font-size-13xl); } .titleframe { padding-top: var(--padding-sm); padding-bottom: var(--padding-sm); box-sizing: border-box; } .springct-honoured-with { font-size: var(--font-size-base); } .this-award-is { font-size: var(--font-size-xs); } .news-updates { font-size: var(--font-size-3xs); } .upon-crossing-the { font-size: var(--font-size-xs); max-height: 100px; } .leftcards { min-width: 100px; } .description { font-size: var(--font-size-xs); } .cards, .in-the-news { padding-top: 0; box-sizing: border-box; } .cards { padding-left: 0; padding-right: 0; } .in-the-news { padding-left: var(--padding-base); padding-right: var(--padding-base); } .ready-to-jump { font-size: var(--font-size-13xl); } .name, .organisation { min-width: 0; flex: unset; align-self: stretch; } .nameorganization { flex-direction: column; } .buttons, .description4 { flex: unset; align-self: stretch; } .description4 { min-width: 0; } .buttons { align-items: flex-start !important; justify-content: flex-start !important; } .interestbuttons { flex-direction: column; } .contactform { gap: var(--gap-9xl); padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; } .shape-icon, .shape-icon:hover { mix-blend-mode: normal; } .iconinsta:hover .instagrey-icon { display: none; } .twitter-grey-child:hover, .twitter-grey-item:hover, .twitter-whey-child:hover, .twitter-whey-item:hover { border: 1px solid var(--transparent-transparent); box-sizing: border-box; } .info { gap: 40px !important; } .footer { padding-left: var(--padding-base); padding-top: var(--padding-41xl); padding-right: var(--padding-base); box-sizing: border-box; } } @media screen and (max-width: 576px) and (min-width: 421px) { .menu { display: flex; } .header-navigation { padding-left: var(--padding-base) !important; padding-top: 0; padding-right: var(--padding-base) !important; box-sizing: border-box; } } @media screen and (max-width: 500px) { .menu { display: flex; } .g-recaptcha { transform: scale(0.77); transform-origin: 0 0; } } @media screen and (max-width: 1120px) { .menu { display: flex; } .text-links { display: none; } } .home2 { position: relative; flex-shrink: 0; } .home-parent { color: #0e0f10; } .home-parent { align-self: stretch; border-bottom: 1px solid var(--color-lightgray-100); display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: var(--padding-base) 0; } .frame-group { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .request-a-meeting { position: relative; font-size: var(--font-size-sm); letter-spacing: 0.02em; line-height: 12px; text-transform: uppercase; font-family: var(--font-heebo); color: var(--color-gray-300); text-align: center; } .btn-arrow-icon { position: relative; width: 24px; height: 24px; } .btn-banner { cursor: pointer; border: 0; padding: var(--padding-sm) var(--padding-base); background-color: var(--color-mediumseagreen-100); align-self: stretch; border-radius: var(--br-6xs); display: flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--gap-3xs); } @media screen and (max-width: 420px) { .request-a-meeting { font-size: var(--font-size-xs); } .btn-banner { gap: var(--gap-5xs); padding: var(--padding-3xs) var(--padding-5xs) var(--padding-3xs) var(--padding-xs); box-sizing: border-box; } } @media screen and (min-width: 1270px) { .hamburger { display: none; } } .dropdown-arrow { margin-left: auto; } .header-navigation a { text-decoration: none !important; } .section_client_review { margin: 0; padding: 0; } @keyframes slide-in-bottom { 0% { transform: translateY(200px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .newsinthenews { position: relative; line-height: 50px; text-transform: capitalize; font-weight: 300; } .newstitleframe { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: var(--padding-23xl) 0 var(--padding-11xl); box-sizing: border-box; max-width: 1240px; } .newsgiteximage-icon { flex: 1; max-width: 100%; overflow: hidden; height: 221.35px; object-fit: cover; min-width: 180px; } .lets-connect-at { align-self: stretch; position: relative; } .springct-is-participating { align-self: stretch; position: relative; font-size: var(--font-size-sm); opacity: 0.8; } .newsgitextext { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); } .newsgitexarrow-normal-icon { position: relative; width: 18.47px; height: 12.55px; } .newsgitexarrow { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .newsgitexarrow-normal-icon { display: flex; } .newsgitex, .newsgitexcontent, .newsgitexcontentarrow { display: flex; align-items: flex-start; justify-content: flex-start; } .newsgitexcontentarrow { flex: 1; flex-direction: column; gap: var(--gap-9xs); min-width: 200px; } .newsgitex, .newsgitexcontent { flex-direction: row; flex-wrap: wrap; } .newsgitexcontent { flex: 1; min-width: 180px; } .newsgitex { align-self: stretch; border-radius: var(--br-lg); background-color: var(--color-darkslategray-300); backdrop-filter: blur(11px); padding: var(--padding-5xl); gap: var(--gap-mini); } .aria-powered-by { align-self: stretch; position: relative; font-size: var(--font-size-sm); opacity: 1; } .newsariaarrow, .newstext { display: flex; flex-direction: column; } .newstext { align-self: stretch; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); text-align: left; font-size: var(--font-size-base); color: var(--color-gray-500); } .newsariaarrow { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 38px; height: 38px; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .newsariacard, .newsleftcards { display: flex; align-items: flex-start; justify-content: flex-start; } .newsariacard { align-self: stretch; border-radius: var(--br-lg); background-color: var(--transparent-transparent); backdrop-filter: blur(11px); flex-direction: row; flex-wrap: wrap; padding: var(--padding-5xl); gap: var(--gap-mini); text-align: center; font-size: var(--font-size-xs); color: var(--color-darkslategray-200); } .newsleftcards { flex: 1; flex-direction: column; gap: var(--gap-lg); min-width: 360px; } .compliance, .hipaa-compliance-for { align-self: stretch; position: relative; } .hipaa-compliance-for { line-height: 16px; } .compliance { font-size: var(--font-size-sm); opacity: 1; } .news1arrow { cursor: pointer; border: 0; background-color: transparent; height: 22px; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-5xs); font-weight: bold; } .news1arrow, .news1arrow:hover .newsgitexarrow-hover-icon, .news2arrow:hover { display: flex; } .news1line { align-self: stretch; position: relative; border: 1px solid var(--color-gray-600); box-sizing: border-box; height: 1px; } .news14 { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; } .news2arrow, .news3arrow, .news4arrow { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 38px; height: 38px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .news2arrow:hover .newsgitexarrow-hover-icon, .news3arrow:hover { display: flex; } .news3arrow:hover .newsgitexarrow-hover-icon, .news4arrow:hover { display: flex; } .news4arrow:hover .newsgitexarrow-hover-icon { display: flex; } .newscards, .rightcards1 { display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--gap-xl); } .rightcards1 { flex: 1; flex-direction: column; min-width: 200px; max-width: 400px; font-size: var(--font-size-base); color: var(--color-gray-500); } .newscards { width: 100%; flex-direction: row; flex-wrap: wrap; padding: 0 0 var(--padding-23xl); box-sizing: border-box; max-width: 1240px; font-size: var(--font-size-base); color: var(--transparent-transparent); } .in-the-news-separate, .inthenews { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .inthenews { align-self: stretch; background-color: var(--color-aliceblue); padding: 0 var(--padding-17xl); gap: var(--gap-3xs); z-index: 0; } .in-the-news-separate { position: relative; background-color: var(--transparent-transparent); width: 100%; mix-blend-mode: normal; text-align: left; font-size: var(--font-size-31xl); color: var(--color-gray-500); font-family: var(--font-heebo); } @media screen and (max-width: 1200px) { .newsinthenews { font-size: var(--font-size-21xl); } .inthenews { gap: var(--gap-0); } } @media screen and (max-width: 960px) { .lets-connect-at { font-size: var(--font-size-base); } .rightcards1 { width: 100%; max-width: 800px; } .newscards { padding-left: 0; padding-top: 0; padding-right: 0; box-sizing: border-box; } } @media screen and (max-width: 430px) { .newsinthenews { font-size: var(--font-size-13xl); } .newstitleframe { padding-top: var(--padding-sm); padding-bottom: var(--padding-sm); box-sizing: border-box; } .buttons, .description4 { flex: unset; align-self: stretch; } .description4 { min-width: 0; } .springct-is-participating { font-size: var(--font-size-xs); } .news-updates1 { font-size: var(--font-size-3xs); } .aria-powered-by { font-size: var(--font-size-xs); max-height: 100px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 4; -webkit-line-clamp: 4; } .newsleftcards { min-width: 100px; } .compliance { font-size: var(--font-size-xs); } .inthenews, .newscards { padding-top: 0; box-sizing: border-box; } .newscards { padding-left: 0; padding-right: 0; } .inthenews { padding-left: var(--padding-base); padding-right: var(--padding-base); } .verticalssection { padding-left: var(--padding-base) !important; padding-right: var(--padding-base) !important; } } @media screen and (max-width: 1270px) { .newsleftcards, .rightcards1 { flex: unset; align-self: stretch; } .rightcards1 { max-width: 1200px; } .inthenews, .newscards { flex-direction: column; } } .partnership-section { width: 100%; background: #e5eef8; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 24px; gap: 32px; text-align: center; color: #fff; box-sizing: border-box; } .partnership-section-content { width: 100%; max-width: 1240px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px; margin: 0 auto; box-sizing: border-box; } .partnership-section .success-stories1 { width: 100%; } .partnership-section .success-stories1 h2 { margin: 0; font-size: clamp(32px, 3vw, 44px); font-weight: 400; color: #000; } .partnership-section-content-description { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 34px; } .partnersCards { flex: 1 1 calc(33.333% - 32px); min-width: 280px; max-width: 360px; background-color: #fff; border-radius: 20px; padding: 20px; box-sizing: border-box; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); display: flex; flex-direction: column; align-items: center; gap: 20px; } .partnership-cards-track a { text-decoration: none !important; cursor: pointer; } .partner-logo { width: 100%; display: flex; align-items: center; justify-content: center; } .partner-logo img { width: 168px; height: 60px; max-width: 100%; object-fit: contain; } .partner-content { width: 100%; display: flex; align-items: flex-start; justify-content: center; } .partner-content p { margin: 0; font-size: 14px; line-height: 1.6; color: #1f1f1f; text-align: center; } .partnership-cards-window { width: 100%; max-width: 1240px; overflow: visible; margin: 0 auto; } .partnership-cards-track { width: 100%; } .goTop { position: fixed; right: 24px; bottom: 32px; z-index: 1000; } .goTop img { width: 44px; height: 44px; object-fit: contain; } @media screen and (max-width: 600px) { .goTop { right: 16px; bottom: 24px; } } @media screen and (max-width: 1024px) { .partnersCards { flex: 1 1 calc(50% - 32px); max-width: 420px; } } @media screen and (max-width: 960px) { .partnership-section { padding: 48px 20px; } .partner-content p { font-size: 15px; } } @media screen and (max-width: 600px) { .partnership-section { padding: 40px 16px; } .partnersCards { flex: 1 1 100%; max-width: 100%; } .partner-content p { font-size: 14px; text-align: left; } } @media screen and (max-width: 1280px) and (min-width: 961px) { .partnership-section { padding: 48px 24px; } } @media screen and (max-width: 740px) { .info { gap: 40px !important; } } @media screen and (max-width: 740px) and (min-width: 580px) { .textaddress, .us { width: 280px; } } @media screen and (max-width: 1270px) and (min-width: 950px) { .newsgiteximage-icon { max-width: 378px; } } @media screen and (max-width: 320px) { .description4 { width: auto; } .buttons { width: 250px; } .buttons1 { width: 250px !important; } .buttonreset { padding: 10px; min-width: 50px !important; } .buttonsend { padding: 10px; min-width: 50px !important; } } .btn-banner1:hover, .banner3btn-banner:hover, .banner2btn-banner:hover { background-color: var(--color-mediumspringgreen); } @media screen and (max-width: 1920px) { .submenu-verticals, .submenu-verticals2, .submenu-verticals3, .submenu-verticals1 { top: 24px; } .text-links { height: 42px; justify-content: flex-end; gap: 40px; z-index: 0; } } @media screen and (max-width: 1440px) { .text-links { gap: 35px; } } .hamburger .banner3btn-banner { width: auto; border: none; } #readmore { width: 85px !important; } .news-read-more { align-self: flex-end; } .displaynone { display: none; } .rotateIt { rotate: 180deg; } .cutting-edge-technology_footer { margin: 0; } @media screen and (max-width: 630px) { a.news-read-more { display: flex; align-items: center; } .newsgitex, .newsgitexcontent { flex-direction: column; flex-wrap: wrap; } .newsariacard { flex-direction: column; } .newsariacard, .newsgitex { display: flex; align-items: normal; justify-content: flex-start; } } @media screen and (max-width: 630px) and (min-width: 500px) { .newsgiteximage-icon { object-fit: contain; width: 100%; } } .buttonsend:disabled { color: black; cursor: not-allowed; } .loderModal { position: fixed; z-index: 1061; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7) url("../assets/loader.gif") 50% 50% no-repeat; } body.loading { overflow: hidden; } body.loading .loderModal { display: block; } .video-collaboration-link { font-size: 14px !important; font-family: Heebo; } .video-collaboration-link:hover { font-weight: bold; } 
/* source: banner-images-separate.css */
.banner3image-icon { align-self: stretch; flex: 1; max-width: 100%; overflow: hidden; max-height: 100%; object-fit: cover; display: none; }.banner-container { width: 100%; min-height: 500px; position: relative; overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat;}.cutting-edge-technology, .embracing-the-future { align-self: stretch; position: relative; letter-spacing: 0.02em; } .embracing-the-future { line-height: 50px; opacity: 0.8; } .cutting-edge-technology { font-size: var(--font-size-41xl); line-height: 60px; background: linear-gradient(90.04deg, #f9a83f, #ee6a2d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .banner3title { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); } .banner3request, .banner3subtitle { position: relative; } .banner3subtitle { align-self: stretch; line-height: 20px; opacity: 0.68; margin: 0 !important; } .banner3request { line-height: 12px; text-transform: uppercase; } .banner3btnarrow-icon { position: relative; width: 24px; height: 24px; } .banner3btn-banner { border-radius: var(--br-6xs); background-color: var(--color-mediumseagreen-100); width: 188px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: var(--padding-sm) var(--padding-3xs) var(--padding-sm) var(--padding-base); box-sizing: border-box; gap: var(--gap-3xs); text-align: center; font-size: var(--font-size-xs); color: var(--color-gray-300); } .banner3content, .smalltextandbutton { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--gap-base); } .smalltextandbutton { font-size: var(--font-size-xl); } .banner3content { flex: 1; padding: var(--padding-5xl) 0; } .cutting-edge-technology1, .embracing-the-future1 { align-self: stretch; position: relative; letter-spacing: 0.02em; } .embracing-the-future1 { line-height: 50px; opacity: 0.8; } .cutting-edge-technology1 { font-size: var(--font-size-41xl); line-height: 60px; background: linear-gradient(90.04deg, #f9a83f, #ee6a2d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .banner3title1 { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); } .banner3subtitle1 { align-self: stretch; position: relative; letter-spacing: 0.02em; line-height: 20px; opacity: 0.68; } .banner3contentmobile, .banner3subtitle-parent { align-self: stretch; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--gap-base); } .banner3subtitle-parent { display: flex; font-size: var(--font-size-xl); } .banner3contentmobile { flex: 1; background: linear-gradient( 180deg, transparent, rgba(0, 0, 0, 0.46) 15.56%, rgba(0, 0, 0, 0.5) 26.56%, #000 ); display: none; padding: var(--padding-5xl) 0; } .banner3image-icon1 { align-self: stretch; max-width: 840px; overflow: hidden; max-height: 100%; object-fit: cover; } .banner3 { align-self: stretch; height: 623px; display: flex; flex-direction: row; align-items: flex-end; justify-content: center; padding: 0 0 0 var(--padding-121xl); box-sizing: border-box; gap: var(--gap-5xl); background-size: cover; background-repeat: no-repeat; background-position: top; mix-blend-mode: normal; z-index: 3; } .punes-best-employer { font-size: var(--font-size-41xl); line-height: 60px; color: var(--color-peru); } .banner3subtitle2, .punes-best-employer, .punes-best-employer1 { align-self: stretch; position: relative; letter-spacing: 0.02em; } .banner3subtitle2 { line-height: 20px; opacity: 0.68; } .punes-best-employer1 { font-size: var(--font-size-41xl); line-height: 60px; color: var(--color-peru); } .banner31 { align-self: stretch; height: 623px; display: flex; flex-direction: row; align-items: flex-end; justify-content: center; padding: 0 0 0 var(--padding-121xl); box-sizing: border-box; gap: 0; background-size: cover; background-repeat: no-repeat; background-position: top; mix-blend-mode: normal; z-index: 2; } .global-partnerships, .global-partnerships1 { align-self: stretch; position: relative; font-size: var(--font-size-41xl); letter-spacing: 0.02em; line-height: 60px; color: var(--color-aquamarine); } .banner32 { align-self: stretch; height: 623px; display: flex; flex-direction: row; align-items: flex-end; justify-content: center; padding: 0 0 0 var(--padding-121xl); box-sizing: border-box; gap: 0; background-size: cover; background-repeat: no-repeat; background-position: top; mix-blend-mode: normal; z-index: 1; } .support-innovation { font-size: var(--font-size-41xl); line-height: 60px; color: var(--color-deeppink); } .banner3subtitle6, .support-innovation, .support-innovation1 { align-self: stretch; position: relative; letter-spacing: 0.02em; } .banner3subtitle6 { line-height: 20px; opacity: 0.68; } .support-innovation1 { font-size: var(--font-size-41xl); line-height: 60px; color: var(--color-deeppink); } .banner33, .trial-banner-layout-8 { min-height: 500px; display: flex; mix-blend-mode: normal; } .banner33 { align-self: stretch; height: 623px; flex-direction: row; align-items: flex-end; justify-content: center; padding: 0 0 0 var(--padding-121xl); box-sizing: border-box; gap: 0; background-size: cover; background-repeat: no-repeat; background-position: top; z-index: 0; } .trial-banner-layout-8 { min-height: 500px;position: relative; background-color: var(--transparent-transparent); box-shadow: 0 4px 32px rgba(0, 0, 0, 0.18); width: 100%; flex-direction: column; align-items: center; justify-content: flex-start; text-align: left; font-size: var(--font-size-31xl); color: var(--transparent-transparent); font-family: var(--font-heebo); } .proconf-title { color: #19b88b; } .twilio_btn { font-size: 12px; } .banner_twilio .banner3btn-banner { width: 145px; } @media screen and (max-width: 960px) { .banner3image-icon { max-width: 587px; } } @media screen and (max-width: 420px) { .banner3image-icon { display: flex; width: auto; align-self: stretch; flex: unset; flex-direction: column; gap: var(--gap-0); align-items: center; justify-content: flex-end; } .embracing-the-future { font-size: var(--font-size-7xl); line-height: 26px; } .banner_twilio .banner3title1 { align-items: center; } .banner_twilio .banner3image-icon { object-fit: contain; } .twilio_text { text-align: center !important; font-size: 22px; line-height: 24px; } .twilio-desc { font-size: 20px; line-height: 22px; } .cutting-edge-technology { font-size: var(--font-size-9xl); line-height: 26px; text-align: center; } .banner3title { align-items: center; justify-content: flex-end; } .banner3subtitle { font-size: var(--font-size-sm); line-height: 16px; } .banner3request { font-size: var(--font-size-xs); } .banner3btn-banner { height: 40px; gap: var(--gap-9xs); padding: var(--padding-3xs) var(--padding-5xs) var(--padding-3xs) var(--padding-xs); box-sizing: border-box; } .banner3content, .smalltextandbutton { align-items: center; justify-content: flex-end; box-sizing: border-box; } .smalltextandbutton { gap: var(--gap-5xs); padding-left: 0; padding-top: 0; padding-right: 0; } .banner3content { display: none; gap: var(--gap-7xs); padding: var(--padding-5xl) var(--padding-base); margin-top: -50%; flex: unset; align-self: stretch; } .embracing-the-future1 { font-size: var(--font-size-7xl); line-height: 26px; text-align: center; } .cutting-edge-technology1 { font-size: var(--font-size-9xl); line-height: 28px; text-align: center; } .banner3title1 { gap: var(--gap-7xs); padding: 0; box-sizing: border-box; } .banner3subtitle1 { font-size: var(--font-size-sm); line-height: 16px; text-align: center; max-width: 329px; align-self: center; } .banner3contentmobile, .banner3subtitle-parent { align-items: center; justify-content: flex-end; box-sizing: border-box; } .banner3subtitle-parent { gap: var(--gap-xs); padding-left: 0; padding-top: var(--padding-3xs); padding-right: 0; } .banner3contentmobile { display: flex; gap: var(--gap-0); padding: var(--padding-5xl) var(--padding-base); margin-top: -50%; flex: unset; align-self: stretch; } .banner3image-icon1 { display: none; height: auto; margin-top: -40%; } .banner3 { height: 480px !important; flex-direction: column; gap: var(--gap-7xs); align-items: center; justify-content: space-between; padding: 0; box-sizing: border-box; } .punes-best-employer { font-size: var(--font-size-9xl); line-height: 26px; text-align: center; } .banner3subtitle2 { font-size: var(--font-size-sm); line-height: 16px; } .punes-best-employer1 { font-size: var(--font-size-9xl); line-height: 28px; text-align: center; } .banner31 { height: 480px !important; flex-direction: column; gap: var(--gap-7xs); align-items: center; justify-content: space-between; padding: 0; box-sizing: border-box; } .global-partnerships, .global-partnerships1 { font-size: var(--font-size-9xl); line-height: 26px; text-align: center; } .global-partnerships1 { line-height: 28px; } .banner32 { height: 480px !important; flex-direction: column; gap: var(--gap-7xs); align-items: center; justify-content: space-between; padding: 0; box-sizing: border-box; } .support-innovation { font-size: var(--font-size-9xl); line-height: 26px; text-align: center; } .banner3subtitle6 { font-size: var(--font-size-sm); line-height: 16px; } .support-innovation1 { font-size: var(--font-size-9xl); line-height: 28px; text-align: center; } .banner33 { height: 480px !important; flex-direction: column; gap: var(--gap-7xs); align-items: center; justify-content: space-between; padding: 0; box-sizing: border-box; } } @media screen and (max-width: 576px) and (min-width: 421px) { .banner3image-icon { display: flex; width: auto; align-self: stretch; flex: unset; flex-direction: column; gap: var(--gap-0); align-items: center; justify-content: flex-end; } .embracing-the-future { font-size: var(--font-size-7xl); line-height: 26px; text-align: center; } .twilio_text { font-size: 28px; line-height: 30px; text-align: center; } .twilio-desc { font-size: 26px; line-height: 30px; } .cutting-edge-technology { font-size: var(--font-size-9xl); line-height: 28px; text-align: center; } .banner3title { gap: var(--gap-9xs); align-items: center; justify-content: flex-end; } .banner3subtitle { font-size: var(--font-size-sm); line-height: 16px; text-align: center; } .banner3btn-banner { height: 40px; } .banner3content, .smalltextandbutton { align-items: center; justify-content: flex-end; box-sizing: border-box; } .smalltextandbutton { gap: var(--gap-sm); padding-left: var(--padding-35xl); padding-top: 0; padding-right: var(--padding-35xl); } .banner3content { display: none; gap: var(--gap-3xs); padding: var(--padding-5xl); margin-top: -60%; flex: unset; align-self: stretch; } .embracing-the-future1 { font-size: var(--font-size-9xl); line-height: 28px; text-align: center; } .cutting-edge-technology1 { font-size: var(--font-size-11xl); line-height: 30px; text-align: center; } .banner3title1 { gap: var(--gap-9xs); align-items: center; justify-content: flex-start; } .banner3subtitle1 { font-size: var(--font-size-sm); line-height: 16px; text-align: center; max-width: 344px; align-self: center; } .banner3contentmobile, .banner3subtitle-parent { align-items: center; justify-content: flex-end; box-sizing: border-box; } .banner3subtitle-parent { gap: var(--gap-sm); padding-left: 27px; padding-top: 0; padding-right: 27px; } .banner3contentmobile { display: flex; gap: var(--gap-3xs); padding: var(--padding-5xl); margin-top: -60%; flex: unset; align-self: stretch; } .banner3, .banner3image-icon1 { flex-direction: column; align-items: center; } .banner3image-icon1 { display: none; width: 100%; height: auto; justify-content: center; } .banner3 { height: 560px; gap: var(--gap-0); justify-content: space-between; padding-left: 0; padding-top: 0; padding-right: 0; box-sizing: border-box; } .punes-best-employer { font-size: var(--font-size-9xl); line-height: 28px; text-align: center; } .banner3subtitle2 { font-size: var(--font-size-sm); line-height: 16px; text-align: center; } .punes-best-employer1 { font-size: var(--font-size-11xl); line-height: 30px; text-align: center; } .banner31 { height: 560px; flex-direction: column; gap: var(--gap-0); align-items: center; justify-content: space-between; padding-left: 0; padding-top: 0; padding-right: 0; box-sizing: border-box; } .global-partnerships { font-size: var(--font-size-9xl); line-height: 28px; text-align: center; } .global-partnerships1 { font-size: var(--font-size-11xl); line-height: 30px; text-align: center; } .banner32 { height: 560px; flex-direction: column; gap: var(--gap-0); align-items: center; justify-content: space-between; padding-left: 0; padding-top: 0; padding-right: 0; box-sizing: border-box; } .support-innovation { font-size: var(--font-size-9xl); line-height: 28px; text-align: center; } .banner3subtitle6 { font-size: var(--font-size-sm); line-height: 16px; text-align: center; } .support-innovation1 { font-size: var(--font-size-11xl); line-height: 30px; text-align: center; } .banner33 { height: 560px; flex-direction: column; gap: var(--gap-0); align-items: center; justify-content: space-between; padding-left: 0; padding-top: 0; padding-right: 0; box-sizing: border-box; } } @media screen and (min-width: 1300px) { .embracing-the-future { font-size: var(--font-size-23xl); line-height: 42px; } .cutting-edge-technology { font-size: var(--font-size-27xl); line-height: 46px; } .banner3subtitle { font-size: var(--font-size-lg); line-height: 18px; width: 436px; } .banner32 .banner3subtitle2 { font-size: var(--font-size-lg); line-height: 18px; width: 425px; } .banner33 .banner3subtitle6 { width: 434px; } .banner3content { padding-top: var(--padding-xl); padding-left: 0 !important; padding-right: 0; padding-bottom: var(--padding-xl); box-sizing: border-box; padding-right: 0; max-width: 46%; margin-right: 0; margin-left: auto; } .banner3 .banner3content { max-width: 44.3%; } .embracing-the-future1 { font-size: var(--font-size-21xl); line-height: 40px; } .banner3contentmobile { padding-top: var(--padding-xl); padding-right: 0; padding-bottom: var(--padding-xl); box-sizing: border-box; } .banner3, .banner31, .banner32, .banner33 { height: 500px; padding-left: 0 !important; box-sizing: border-box; } .cutting-edge-technology1, .punes-best-employer, .punes-best-employer1, .global-partnerships, .global-partnerships1, .support-innovation1, .support-innovation { font-size: var(--font-size-27xl); line-height: 46px; } .banner3subtitle2 { font-size: var(--font-size-lg); line-height: 18px; width: 439px; } .banner3subtitle6 { font-size: var(--font-size-lg); line-height: 18px; width: 510px; } } @media screen and (max-width: 1299px) and (min-width: 960px) { .cutting-edge-technology { font-size: var(--font-size-19xl); line-height: 38px; } .banner3subtitle { line-height: 22px; width: 450px; } .banner3content { padding-top: var(--padding-xl); padding-right: 0; padding-bottom: var(--padding-xl); box-sizing: border-box; } .embracing-the-future1 { font-size: var(--font-size-13xl); line-height: 32px; } .cutting-edge-technology1 { font-size: var(--font-size-19xl); line-height: 38px; } .banner3subtitle1 { line-height: 22px; } .banner3, .banner3contentmobile { padding-right: 0; box-sizing: border-box; } .banner3contentmobile { padding-top: var(--padding-xl); padding-bottom: var(--padding-xl); } .banner3 { height: 420px; padding-left: 5%; padding-top: 0; } .punes-best-employer { font-size: var(--font-size-19xl); line-height: 38px; } .banner3subtitle2 { line-height: 22px; width: 436px; } .punes-best-employer1 { font-size: var(--font-size-19xl); line-height: 38px; } .banner31 { height: 420px; padding-left: var(--padding-77xl); padding-top: 0; padding-right: 0; box-sizing: border-box; } .global-partnerships, .global-partnerships1 { font-size: var(--font-size-19xl); line-height: 38px; } .banner32 { height: 420px; padding-left: var(--padding-77xl); padding-top: 0; padding-right: 0; box-sizing: border-box; } .embracing-the-future { font-size: 32px; line-height: 34px; } .banner3image-icon1 { object-fit: cover; } .support-innovation { font-size: var(--font-size-19xl); line-height: 38px; } .banner3subtitle6 { line-height: 22px; width: 461px; } .support-innovation1 { font-size: var(--font-size-19xl); line-height: 38px; } .banner33 { height: 420px; padding-left: var(--padding-77xl); padding-top: 0; padding-right: 0; box-sizing: border-box; } } @media screen and (max-width: 960px) and (min-width: 577px) { .embracing-the-future { font-size: var(--font-size-9xl); line-height: 28px; } .twilio_text { font-size: 20px; line-height: 22px; } .twilio_desc { font-size: 18px; line-height: 20px; } .banner33 .embracing-the-future, .banner31 .embracing-the-future { font-size: var(--font-size-9xl); line-height: 28px; min-width: 260px; } .banner_twilio .banner3image-icon1 { object-fit: cover; } .banner3content { justify-content: center !important; } .cutting-edge-technology { font-size: var(--font-size-11xl); line-height: 30px; } .banner3subtitle { font-size: var(--font-size-sm); line-height: 16px; width: 338px; } .banner3content { gap: var(--gap-xs); justify-content: flex-end; } .punes-best-employer { font-size: var(--font-size-11xl); line-height: 30px; } .banner3subtitle2 { font-size: var(--font-size-sm); line-height: 16px; width: 344px; } .global-partnerships { font-size: var(--font-size-11xl); line-height: 30px; } .banner32 .banner3image-icon1, .banner31 .banner3image-icon1 { align-self: stretch; max-width: 840px; overflow: hidden; max-height: 100%; object-fit: cover; } .support-innovation { font-size: var(--font-size-11xl); line-height: 30px; } .banner3subtitle6 { font-size: var(--font-size-sm); line-height: 16px; width: 340px; } .banner3, .banner31, .banner32, .banner33 { padding-left: 36px; box-sizing: border-box; height: 360px; } } @media screen and (max-width: 1300px) and (min-width: 960px) { .banner3, .banner31, .banner32, .banner33 { padding-left: 36px; box-sizing: border-box; } } @media screen and (max-width: 960px) and (min-width: 600px) { .banner3 { gap: 0px; } .embracing-the-future { font-size: var(--font-size-9xl); line-height: 28px; width: max-content; } .banner33 .embracing-the-future, .banner31 .embracing-the-future { font-size: var(--font-size-9xl); line-height: 28px; min-width: 260px; } .cutting-edge-technology { font-size: var(--font-size-11xl); line-height: 30px; width: max-content; } .banner3content { gap: var(--gap-xs); justify-content: center; } } .displayIt { display: flex; } .hideIt { display: none; } .bar { border-radius: var(--br-10xs); width: 38px; height: 5px; background-color: #ffffff; opacity: 0.6; cursor: pointer; } .baractive { background-color: #1ed07e; opacity: 1; } .home-slider { display: flex; flex-direction: row; flex-direction: row; align-items: flex-start; justify-content: flex-start; position: absolute; bottom: 20px; gap: var(--gap-7xs); z-index: 1; cursor: pointer; } .bannerframe { position: relative; } .banner { z-index: 0; } .banner a { text-decoration: none; color: var(--color-gray-300); } nav a { color: #0e0f10; } .hamburger a { text-decoration: none; cursor: pointer; } .hamburger a:hover, .hamburger a:focus { font-weight: 700; } @media screen and (max-width: 576px) { .home-slider { bottom: 10px; } .bar { width: 20px; height: 2px; } } @media screen and (max-width: 576px) { .home-slider { visibility: hidden; } .banner3content { display: none !important; } .banner3image-icon1 { display: none !important; } .trial-banner-layout-8 .slick-initialized .slick-slide { display: flex !important; } .banner-container { width: 100%; } .trial-banner-layout-8 .slick-dots li button:before { opacity: 1; color: rgb(200, 200, 200) !important; } .trial-banner-layout-8 ul.slick-dots { display: flex !important; justify-content: center !important; } .trial-banner-layout-8 .slick-dots li.slick-active button:after { opacity: 1; } .trial-banner-layout-8 .slick-dots { position: absolute; bottom: 5px !important; } .trial-banner-layout-8 .slick-dotted.slick-slider { margin-bottom: 0 !important; } .banner3contentmobile { padding-bottom: 32px !important; } .trial-banner-layout-8 .slick-active button { opacity: 1; } .trial-banner-layout-8 .slick-dots li button:before { opacity: 0.25; } .trial-banner-layout-8 .slick-dots li button:focus:before { opacity: 0.25 !important; } .trial-banner-layout-8 .slick-dots li.slick-active button:focus:before { opacity: 0.75 !important; } } .banner-container { width: inherit; } @media screen and (max-width: 1300px) and (min-width: 960px) { .banner3content { padding-top: var(--padding-xl); padding-right: 0; padding-bottom: var(--padding-xl); box-sizing: border-box; justify-content: center; } } @media screen and (max-width: 380px) { .embracing-the-future1 { font-size: 18px; line-height: 18px; } .banner3subtitle1 { font-size: 12px; line-height: 14px; width: 270px; } .banner33 .banner3subtitle1 { font-size: 12px; line-height: 14px; width: 277px; } .punes-best-employer1, .twilio_text { font-size: 20px; line-height: 22px; } .twilio-desc { font-size: 18px; line-height: 20px; } .support-innovation1 { font-size: 20px; line-height: 20px; } .cutting-edge-technology1 { font-size: 20px; line-height: 20px; } .global-partnerships1 { font-size: 20px; line-height: 20px; } .banner3btn-banner { height: 36px; width: 153px; } .banner3request { font-size: 10px; } .banner31, .banner32, .banner3, .banner33 { height: 420px !important; } .banner3title1 { gap: 4px; } .banner3subtitle-parent { gap: 10px; padding-top: 8px; } } .slide-in { opacity: 1; transform: translateX(0); transition: opacity 0.5s, transform 0.5s; display: flex; } .slide-out { opacity: 0; transform: translateX(-100%); transition: opacity 0.5s, transform 0.5s; } @media screen and (max-width: 320px) { .banner3subtitle1, .banner33 .banner3subtitle1 { width: auto; } } @media screen and (max-width: 1120px) and (min-width: 960px) { .banner3, .banner33, .banner32, .banner31 { padding-left: 36px; } .header-navigation { padding-left: var(--padding-17xl); padding-top: 0; padding-right: var(--padding-17xl); box-sizing: border-box; } } @media screen and (min-width: 1600px) { .banner3, .banner33, .banner32, .banner31 { height: 623px; padding-left: 0 !important; } .banner3content { padding-top: var(--padding-xl); padding-right: 0; padding-bottom: var(--padding-xl); box-sizing: border-box; padding-right: 0; max-width: 39%; } } @media screen and (max-width: 1700px) and (min-width: 1600px) { .banner3content { max-width: 35% !important; } } @media screen and (max-width: 1800px) and (min-width: 1700px) { .banner3content { max-width: 36% !important; } } @media screen and (max-width: 1900px) and (min-width: 1800px) { .banner3content { max-width: 37% !important; } } @media screen and (min-width: 1900px) and (max-width: 2000px) { .banner3content { max-width: 38% !important; } .banner3 .banner3content { max-width: 36.7% !important; } } @media screen and (min-width: 2000px) { .banner3content { max-width: 40% !important; } } @media screen and (min-width: 1600px) { .embracing-the-future, .embracing-the-future1 { font-size: 50px; line-height: 52px; width: max-content; } .cutting-edge-technology { font-size: 60px; line-height: 62px; width: max-content; } .banner3subtitle, .banner32 .banner3subtitle2, .banner33 .banner3subtitle6, .banner3subtitle2, .banner3subtitle6 { font-size: 20px; line-height: 22px; } .cutting-edge-technology1, .punes-best-employer, .punes-best-employer1, .global-partnerships, .global-partnerships1, .support-innovation1, .support-innovation { font-size: 60px; line-height: 62px; } .twilio_text { font-size: 50px; line-height: 52px; } .twilio_text { font-size: 46px; line-height: 48px; } .banner3subtitle2 { width: 449px; } .banner3subtitle6 { width: 550px; } .banner3subtitle { width: 456px; } .banner32 .banner3subtitle2 { width: 455px; } .banner33 .banner3subtitle6 { width: 464px; } } 
/* source: global.css */
body { margin: 0; line-height: normal; } .popup-overlay { display: flex; flex-direction: column; position: fixed; inset: 0; } :root { --font-heebo: Heebo; --caption-caption-small-strong: Poppins; --font-size-xs: 12px; --body-body-small-strong-size: 14px; --font-size-base: 16px; --font-size-31xl: 50px; --font-size-21xl: 40px; --font-size-13xl: 32px; --caption-caption-small-strong-size: 10px; --font-size-5xl: 24px; --font-size-lg: 18px; --font-size-xl: 20px; --font-size-mini: 15px; --transparent-transparent: #fff; --color-gray-800: #959393; --color-gray-100: #1e1e1e; --color-gray-200: #1d1d1d; --color-gray-300: #121338; --color-gray-400: #0c111f; --color-gray-500: #0b0b0b; --color-gray-900: #0a0a0a; --color-gray-600: rgba(11, 11, 11, 0.44); --color-gray-700: rgba(255, 255, 255, 0.52); --color-mediumseagreen-100: #1ed07e; --color-mediumspringgreen: #21ed8f; --color-darkgray: #9f9f9f; --color-silver: #bdc6d0; --color-aliceblue: #e5eef8; --color-lightgreen: #94c56f; --color-darkslategray-100: #333; --color-goldenrod: #f3a43c; --miscellaneous-interactive: #0f62fe; --text-accent: #0055ff; --color-gainsboro: rgba(230, 230, 230, 0.67); --color-lightgray-100: #d7d7d7; --color-lightskyblue: #7cb9f6; --color-salmon: #ff7867; --color-darkturquoise: #04d0dd; --gap-xl: 20px; --gap-19xl: 38px; --gap-5xl: 24px; --gap-xs: 12px; --gap-3xs: 10px; --gap-5xs: 8px; --gap-base: 16px; --gap-7xs: 6px; --gap-7xl: 26px; --gap-0: 0px; --gap-10xs: 3px; --gap-9xs: 4px; --gap-21xl: 40px; --gap-8xs: 5px; --padding-41xl: 60px; --padding-17xl: 36px; --padding-base: 16px; --padding-10xs: 3px; --padding-25xl: 44px; --padding-xl: 20px; --padding-3xs: 10px; --padding-43xl: 62px; --padding-21xl: 40px; --padding-5xl: 24px; --padding-23xl: 42px; --padding-15xl: 34px; --padding-61xl: 80px; --padding-46xl: 65px; --padding-xs: 12px; --padding-sm: 14px; --padding-77xl: 96px; --padding-5xs: 8px; --padding-8xs: 5px; --padding-11xs: 2px; --padding-13xl: 32px; --br-6xs: 7px; --br-7xs: 6px; --br-10xs: 3px; --br-3xs: 10px; --br-lg: 18px; } 
/* source: style.css */
@keyframes slide-in-bottom { 0% { transform: translateY(200px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slide-in-left { 0% { transform: translateX(-200px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } .subtract-icon { position: relative; width: 12px; height: 6.5px; } .arrow, .verticals { display: flex; flex-direction: column; justify-content: flex-start; } .arrow { height: 16.5px; align-items: flex-start; padding: var(--padding-8xs) var(--padding-11xs); box-sizing: border-box; } .subtext { align-self: stretch; font-size: var(--font-size-base); line-height: 24px; opacity: 0.68; } .request-a-meeting { font-size: var(--body-body-small-strong-size); line-height: 12px; text-transform: uppercase; font-family: var(--font-heebo); color: var(--color-gray-300); text-align: center; } .btn-arrow-icon { position: relative; width: 24px; height: 24px; } .btn-banner { cursor: pointer; border: 0; padding: var(--padding-sm) var(--padding-base); background-color: var(--color-mediumseagreen-100); border-radius: var(--br-6xs); display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-3xs); } .btn-banner:hover { background-color: var(--color-mediumspringgreen); } .color { position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--text-accent); } .image { position: relative; background-color: var(--transparent-transparent); width: 32px; height: 32px; overflow: hidden; flex-shrink: 0; } .div, .landscape { position: relative; line-height: 20px; } .landscape { font-size: var(--caption-caption-small-strong-size); line-height: 140%; color: var(--miscellaneous-interactive); } .aspect-ratio-content-template, .ratio-text { flex-direction: column; align-items: center; justify-content: center; } .ratio-text { display: flex; } .aspect-ratio-content-template { margin: 0 !important; position: absolute; top: calc(50% - 37px); left: calc(50% - 27.5px); background-color: var(--transparent-transparent); display: none; gap: var(--gap-5xs); z-index: 1; } .description { font-size: var(--body-body-small-strong-size); line-height: 21px; opacity: 0.93; } .content1 { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-xs); } .description1, .title2 { align-self: stretch; position: relative; letter-spacing: 0.02em; line-height: 18px; } .description1 { margin: 0; font-size: var(--font-size-xs); line-height: 16px; opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cardscasestudies { align-self: stretch; font-size: var(--font-size-lg); color: var(--transparent-transparent); } .arrow4 { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 44px; height: 44px; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .arrow4:hover .arrow-normal-icon { display: none; } .arrow4, .arrow4:hover .arrow-hover-icon, .event { display: flex; } .event { align-self: stretch; border-radius: var(--br-lg); background-color: #1c3045; backdrop-filter: blur(11px); flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: var(--padding-xl) var(--padding-5xl); gap: var(--gap-9xs); } .blogs-child { flex: 1; max-width: 100%; overflow: hidden; height: 221.35px; object-fit: cover; min-width: 180px; } .arrow5, .frame-parent { display: flex; flex-direction: column; } .arrow5 { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 44px; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .arrow5:hover .arrow-normal-icon { display: none; } .arrow5:hover .arrow-hover-icon { display: flex; } .blogs-inner { flex: 1; flex-direction: row; flex-wrap: wrap; min-width: 180px; } .blogs, .blogs-inner, .leftcards { display: flex; align-items: flex-start; justify-content: flex-start; } .blogs { align-self: stretch; border-radius: var(--br-lg); background-color: var(--transparent-transparent); backdrop-filter: blur(11px); flex-direction: row; flex-wrap: wrap; padding: var(--padding-5xl); gap: 15px; text-align: center; font-size: var(--font-size-xs); color: #3e3c3c; } .leftcards { flex: 1; flex-direction: column; gap: 18px; min-width: 400px; } .description5, .title6 { align-self: stretch; position: relative; } .title6 { line-height: 16px; text-transform: capitalize; } .description5 { font-size: var(--body-body-small-strong-size); opacity: 0.8; } .arrow6 { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 44px; height: 44px; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .arrow6:hover .arrow-normal-icon { display: none; } .arrow6, .arrow6:hover .arrow-hover-icon { display: flex; } .arrow7, .arrow8, .arrow9 { cursor: pointer; border: 0; padding: var(--padding-xs); background-color: transparent; width: 44px; height: 44px; align-items: center; justify-content: center; box-sizing: border-box; gap: var(--gap-3xs); } .arrow7:hover .arrow-normal-icon { display: none; } .arrow7:hover .arrow-hover-icon, .arrow8:hover, .arrow8:hover .arrow-hover-icon { display: flex; } .arrow8:hover .arrow-normal-icon, .arrow9:hover .arrow-normal-icon { display: none; } .arrow9:hover .arrow-hover-icon, .fb-icons:hover .iconfb-hover { display: flex; } .our-client-reviews { position: relative; text-transform: capitalize; font-weight: 300; display: inline-block; font-size: 50px; line-height: 52px; color: var(--transparent-transparent); } .reviewcard-child { align-self: stretch; position: relative; border-radius: var(--br-lg) 0 0 var(--br-lg); background-color: var(--color-lightgreen); backdrop-filter: blur(11px); width: 16px; } .quick-heal-logo-1-icon { position: relative; width: auto; object-fit: cover; } .content8 .logo1 { align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center; } .for-us-working { align-self: stretch; position: relative; line-height: 21px; opacity: 1; color: #0b0b0b; } .aspect-ratio-horizontal-resi { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 0 var(--padding-21xl); box-sizing: border-box; position: relative; background-size: cover; background-repeat: no-repeat; background-position: top; max-width: 674px; } .chief-technology-officer, .david-wallace { position: relative; line-height: 12px; display: inline-block; opacity: 0.8; color: #0b0b0b; } .chief-technology-officer { font-size: var(--font-size-xs); } .righttabs { cursor: pointer; } .content8, .nameposition, .text { flex-direction: column; justify-content: center; } .nameposition { display: flex; align-items: center; gap: var(--gap-7xs); font-size: var(--body-body-small-strong-size); color: #0b0b0b; } .content8, .text { align-self: stretch; } .text { display: flex; align-items: center; gap: var(--gap-base); } .content8 { padding-right: var(--padding-61xl); padding-left: var(--padding-46xl); gap: var(--gap-7xl); } .content8, .maincardframe, .reviewcard { flex: 1; display: flex; align-items: center; } .reviewcard { width: 100%; border-radius: var(--br-lg); background-color: var(--color-aliceblue); backdrop-filter: blur(11px); flex-direction: row; justify-content: center; max-width: 808px; } .maincardframe { align-self: stretch; flex-direction: column; justify-content: flex-start; padding: var(--padding-23xl) 0; } .uparrow-child { position: relative; width: 28.83px; height: 17.24px; } .uparrow { width: 36px; height: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .att-labs, .srinivas { position: relative; text-transform: capitalize; } .srinivas { line-height: 12px; display: inline-block; width: 177.76px; opacity: 0.8; color: #0b0b0b; } .att-labs { line-height: 14px; } .companyname { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .we-are-extremely { align-self: stretch; position: relative; font-size: var(--font-size-xs); line-height: 16px; opacity: 1; color: #0b0b0b; } .reviewcard-inner, .srinivas-parent { flex: 1; display: flex; align-items: flex-start; } .srinivas-parent { flex-direction: column; justify-content: center; gap: var(--gap-7xs); } .reviewcard-inner { flex-direction: row; justify-content: flex-start; padding: var(--padding-3xs); } .reviewcard1 { align-self: stretch; border-radius: var(--br-3xs); background-color: var(--color-silver); backdrop-filter: blur(11px); height: 92px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .reviewcard1:hover { background-color: var(--color-aliceblue); } .reviewcard-item { position: relative; width: 6px; height: 90.31px; } .cards1, .righttabs { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .righttabs { align-self: stretch; flex: 1; flex-direction: column; gap: var(--gap-3xs); min-width: 380px; max-width: 398px; text-align: left; font-size: var(--body-body-small-strong-size); } .cards1 { width: 100%; flex-direction: row; gap: 36px; max-width: 1240px; } .sliderbar, .sliderbar1 { position: relative; border-radius: var(--br-10xs); width: 24.27px; height: 3.18px; } .sliderbar { background-color: var(--transparent-transparent); } .sliderbar1 { background-color: #11b268; } .silder { display: none; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-7xs); } .body, .clientreviews { align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center; } .body { font-size: var(--font-size-base); color: var(--color-gray-100); } .clientreviews { height: auto !important; overflow: hidden; flex-shrink: 0; padding: 36px; box-sizing: border-box; gap: 24px; background-image: url(./public/ClientReviews.webp); background-size: cover; background-repeat: no-repeat; background-position: top; z-index: 2; text-align: center; } .buttonreset:hover { background-color: #f1eeee; } .smart-jackpots-that2 { position: absolute; top: 0; left: 0; font-size: var(--body-body-small-strong-size); line-height: 14px; text-transform: uppercase; display: inline-block; font-family: var(--font-heebo); color: var(--color-gray-400); text-align: center; width: 37px; } .vector-icon1 { position: absolute; height: 66.58%; width: 22.64%; top: 9.69%; right: -1.54%; bottom: 23.73%; left: 78.9%; max-width: 100%; overflow: hidden; max-height: 100%; } .smart-jackpots-that-you-may-lo-parent { position: relative; width: 58.01px; height: 14px; } .buttonsend:hover { background-color: var(--color-mediumspringgreen); } .buttons, .buttons1 { display: flex; justify-content: flex-start; } .buttons1 { align-self: stretch; flex-direction: row; align-items: center; gap: var(--gap-base); } .interestbuttons { align-self: stretch; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: center; gap: var(--gap-xl); } .ic-logo-w-1-icon { position: absolute; top: 0; left: 0; width: 124px; height: 26px; object-fit: cover; } .logo2 { position: relative; width: 114px; height: 26px; } .nam-posuere-accumsan-container { align-self: stretch; position: relative; line-height: 20px; opacity: 0.52; } .textaddress-icon { position: relative; width: 21px; height: 14px; object-fit: cover; } .list { gap: var(--gap-xs); font-size: var(--body-body-small-strong-size); color: var(--color-gray-700); } .verticles { gap: var(--gap-5xl); min-width: 160px; } .donec-dignissim-cura-container { text-decoration: none; position: absolute; width: 100%; top: 0; left: 0; line-height: 21px; color: inherit; display: inline-block; } .columns, .list3, .technologies3 { display: flex; align-items: flex-start; justify-content: space-between; } .list3 { flex-direction: column; gap: var(--gap-xs); font-size: var(--body-body-small-strong-size); color: var(--color-gray-700); } .columns { flex: 1; flex-direction: row; flex-wrap: wrap; min-width: 230px; font-size: var(--font-size-base); } .copyright { position: relative; font-size: var(--font-size-xs); line-height: 18px; color: rgba(255, 255, 255, 0.7); text-align: center; opacity: 0.52; } .footer, .footercontent { display: flex; flex-direction: column; justify-content: flex-start; } .footercontent { width: 100%; align-items: flex-start; max-width: 1240px; } .footer { align-items: center; } .footer { align-self: stretch; background-color: var(--color-gray-400); padding: var(--padding-11xl) var(--padding-17xl); z-index: 0; font-size: var(--body-body-small-strong-size); } @media screen and (max-width: 1200px) { .subtext { font-size: var(--font-size-base); max-width: 400px; } .banner1 { padding-left: var(--padding-77xl); box-sizing: border-box; } .unified-communication { font-size: var(--font-size-5xl); } .unified-cmmunication { gap: var(--gap-8xs); } .aspect-ratio-horizontal-resi { align-self: stretch; height: auto; flex-direction: column; padding-left: var(--padding-21xl); box-sizing: border-box; } .our-client-reviews { font-size: var(--font-size-19xl); line-height: 42px; } .clientreviews { gap: var(--gap-xl); padding-left: var(--padding-17xl); padding-top: var(--padding-17xl); padding-right: var(--padding-17xl); box-sizing: border-box; } .ready-to-jump { font-size: var(--font-size-21xl); } .buttons1 { gap: var(--gap-base); padding-left: 0; box-sizing: border-box; } } @media screen and (max-width: 1270px) { .clientreviews { padding-left: var(--padding-17xl); padding-top: 24px; padding-bottom: 24px; padding-right: var(--padding-17xl); box-sizing: border-box; } } @media screen and (max-width: 1200px) { .righttabs { display: none !important; } .silder { display: flex; } .content8 { height: 389px; } .maincardframe { padding: 24px 0; } } @media screen and (max-width: 968px) { .columns { gap: var(--gap-19xl); } } @media screen and (max-width: 960px) { .subtext { font-size: var(--font-size-base); max-width: 400px; } .maincardframe { padding: 20px 0; } .content { gap: var(--gap-xl); padding-top: var(--padding-xl); padding-bottom: var(--padding-xl); box-sizing: border-box; } .robotimage-icon, .robotimage2-icon { align-self: stretch; height: auto; } .banner1 { padding-left: var(--padding-17xl); box-sizing: border-box; } .unified-communication { font-size: var(--font-size-xl); } .unified-cmmunication { flex-direction: column; gap: var(--gap-5xl); } .digital-health1, .enterprise-security1, .fintech1, .iot { font-size: var(--font-size-xl); } .tabs { flex-direction: row; } .aspect-ratio-horizontal-resi { display: none; } .case-study1 { min-width: 200px; } .content-parent { align-items: flex-start; justify-content: flex-start; min-width: 260px; } .unified-communication-section, .verticalssection { padding-left: var(--padding-5xl); padding-right: var(--padding-5xl); box-sizing: border-box; } .unified-communication-section { padding-top: var(--padding-base); flex: unset; align-self: stretch; } .verticalssection { flex-direction: column; gap: var(--gap-5xl); padding-top: var(--padding-23xl); } .springct-honoured-with { font-size: var(--font-size-5xl); } .the-significance-of { font-size: var(--font-size-base); } .content8 { padding-left: 45px; padding-right: var(--padding-41xl); height: 390px; } .righttabs { display: none !important; } .silder { display: flex; } .clientreviews { gap: var(--gap-7xs); box-sizing: border-box; } .buttons1 { align-self: stretch; flex-direction: row; } .buttons1, .technologies3 { padding-left: 0; box-sizing: border-box; } .info { flex-direction: row; } } @media screen and (max-width: 660px) { .content8 { height: 480px; } .maincardframe { padding: 16px 0; } } @media screen and (max-width: 500px) { .content8 { height: 570px; } } @media screen and (max-width: 431px) { .iconinsta:hover .instawhite-icon, .menu { display: flex; } .nav-items { padding-left: 0; padding-right: 0; box-sizing: border-box; } .header-navigation { padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; } .subtext { letter-spacing: 0.02em; line-height: 20px; } .request-a-meeting, .subtext { font-size: var(--font-size-xs); } .btn-banner { gap: var(--gap-5xs); padding: var(--padding-3xs) var(--padding-5xs) var(--padding-3xs) var(--padding-xs); box-sizing: border-box; } .robotimage-icon { display: none; } .robotimage2-icon { mix-blend-mode: lighten; display: flex; } .unified-communication { font-size: var(--font-size-xs); line-height: 14px; } .unified-cmmunication { width: auto; align-self: unset; } .digital-health1, .enterprise-security1, .fintech1, .iot { font-size: var(--font-size-xs); } .tabs { gap: var(--gap-base); padding-left: 0; padding-right: 0; box-sizing: border-box; } .aspect-ratio-horizontal-resi, .iconinsta:hover .instagrey-icon { display: none; } .unified-communication-section { padding-left: var(--padding-xs); padding-top: 0; padding-right: var(--padding-xs); box-sizing: border-box; } .verticalssection { gap: 13px; padding: 26px var(--padding-base); box-sizing: border-box; } .titleframe { padding-top: var(--padding-sm); padding-bottom: var(--padding-sm); box-sizing: border-box; } .upon-crossing-the { font-size: var(--font-size-xs); max-height: 100px; } .leftcards { min-width: 100px; } .description5 { font-size: var(--font-size-xs); } .cards { padding-top: 0; box-sizing: border-box; } .cards { padding-left: 0; padding-right: 0; } .our-client-reviews { font-size: var(--font-size-11xl); line-height: 34px; } .reviewcard-child { width: 16px; } .david-wallace, .for-us-working { font-size: var(--font-size-xs); } .content8 { padding: var(--padding-base) var(--padding-5xl) var(--padding-base) var(--padding-base); box-sizing: border-box; height: 440px; } .reviewcard { min-width: 20px; } .maincardframe { min-width: 0; } .clientreviews { padding: var(--padding-base); padding-top: 30px; box-sizing: border-box; height: 632px; } .ready-to-jump { font-size: var(--font-size-13xl); } .name, .organisation { min-width: 0; flex: unset; align-self: stretch; } .nameorganization { flex-direction: column; } .buttons, .description9 { flex: unset; align-self: stretch; } .description9 { min-width: 0; } .buttons { align-items: center; justify-content: flex-start; } .interestbuttons { flex-direction: column; } .contactform { gap: 28px; padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; } .shape-icon, .shape-icon:hover { mix-blend-mode: normal; } .twitter-grey-child:hover, .twitter-grey-item:hover, .twitter-whey-child:hover, .twitter-whey-item:hover { border: 1px solid var(--transparent-transparent); box-sizing: border-box; } .info { gap: 172px; } .footer { padding-left: var(--padding-base); padding-top: var(--padding-41xl); padding-right: var(--padding-base); box-sizing: border-box; } } .logo3 { position: relative; } .group-icon { position: absolute; height: 66.75%; width: 66.75%; top: 16.61%; right: 16.62%; bottom: 16.63%; left: 16.63%; max-width: 100%; overflow: hidden; max-height: 100%; } .cross { cursor: pointer; border: 0; padding: 0; background-color: transparent; position: relative; width: 24px; height: 24px; overflow: hidden; flex-shrink: 0; } .displayIt { display: flex !important; } .hideIt { display: none !important; } .active { background-color: #11b268; } :root { --lh: 1rem; } .truncate-overflow { --max-lines: 1; position: relative; max-height: calc(var(--lh) * var(--max-lines)); overflow: hidden; } .truncate-overflow::before { position: absolute; content: "..."; bottom: 0; right: 0; } .truncate-overflow::after { content: ""; position: absolute; right: 0; width: 1rem; height: 1rem; } .disableIt { opacity: 0.5; } .righttabs .displayIt { animation-name: slideUp; animation-duration: 0.8s; } .righttabs .hideIt { animation-name: slideDown; animation-duration: 0.8s; } .opened { background-color: var(--color-aliceblue); } .closed { background-color: var(--color-silver); } @keyframes slideUp { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideDown { from { transform: translateY(0); opacity: 1; } to { transform: translateY(-20px); opacity: 0; } } .vertical_name { margin-top: 0.5rem; color: #0b0b0b; opacity: 0.5; } @media screen and (max-width: 390px) { .content8 { padding: var(--padding-base) var(--padding-5xl) var(--padding-base) var(--padding-base); box-sizing: border-box; height: 458px; } } @media screen and (max-width: 360px) { .content8 { height: 500px; } } @media screen and (max-width: 300px) { .content8 { height: 540px; } .card8 .quick-heal-logo-1-icon { width: 129px; object-fit: cover; } } .maincardframe { width: 100%; width: 100% !important; max-width: 100vw; width: 100%; overflow: hidden; } @media screen and (max-width: 576px) { .maincardframe .slick-slide { display: flex !important; margin: 0.3rem; margin-bottom: 0px !important; } .maincardframe .slick-dots li button:before { opacity: 1 !important; color: var(--transparent-transparent) !important; } .maincardframe .slick-dots li.slick-active button:before { opacity: 1 !important; color: #11b268 !important; } .maincardframe ul.slick-dots { display: flex !important; justify-content: center !important; } .maincardframe .slick-dots { display: flex; position: relative !important; justify-content: center; padding: 1rem 0 !important; list-style-type: none; } .maincardframe .slick-dots li button:before { font-family: monospace; font-size: 39px !important; content: "-" !important; text-align: center; } .maincardframe .slick-dots li { margin: 0px 6px !important; } .slick-dotted.slick-slider { margin-bottom: 10px !important; } .silder { display: none; } } 
/* source: global.css */
body { margin: 0; line-height: normal; } .popup-overlay { display: flex; flex-direction: column; position: fixed; inset: 0; } :root { --font-heebo: Heebo; --font-size-xs: 12px; --font-size-sm: 14px; --font-size-base: 16px; --font-size-2xs: 11px; --font-size-31xl: 50px; --font-size-21xl: 40px; --font-size-13xl: 32px; --font-size-3xs: 10px; --font-size-xl: 20px; --font-size-smi: 13px; --font-size-17xl: 36px; --font-size-5xl: 24px; --font-size-11xl: 30px; --font-size-9xl: 28px; --font-size-7xl: 26px; --font-size-41xl: 60px; --font-size-27xl: 46px; --font-size-19xl: 38px; --font-size-lg: 18px; --font-size-23xl: 42px; --font-size-15xl: 34px; --font-size-mini: 15px; --transparent-transparent: #fff; --color-gray-800: #959393; --color-gray-100: #1e1e1e; --color-gray-200: #1d1d1d; --color-gray-300: #121338; --color-gray-400: #0c111f; --color-gray-500: #0b0b0b; --color-gray-900: #0a0a0a; --color-gray-600: rgba(11, 11, 11, 0.44); --color-gray-1000: rgba(12, 17, 31, 0); --color-gray-700: rgba(255, 255, 255, 0.52); --color-gray-1100: rgba(255, 255, 255, 0.7); --color-mediumseagreen-100: #1ed07e; --color-mediumseagreen-200: #11b268; --color-mediumspringgreen: #21ed8f; --color-whitesmoke: #f1eeee; --color-darkgray: #9f9f9f; --color-silver: #bdc6d0; --color-aliceblue: #e5eef8; --iot: #a2d77b; --color-lightgreen: #94c56f; --color-khaki: #fae265; --color-darkslategray-200: #3e3c3c; --color-darkslategray-100: #333; --color-darkslategray-300: #1c3045; --unifiedcommunication: #c0a3ff; --color-goldenrod: #f3a43c; --color-gainsboro: rgba(230, 230, 230, 0.67); --enterprisesecurity: #fd8a80; --color-salmon: #ff7867; --fintech: #ffa554; --digitalhealth: #8cc7fd; --color-lightskyblue: #7cb9f6; --color-lightgray-100: #d7d7d7; --color-deeppink: #ff04b9; --color-aquamarine: #00ffd3; --color-peru: #ca974e; --color-darkturquoise: #04d0dd; --gap-xl: 20px; --gap-163xl: 182px; --gap-153xl: 172px; --gap-19xl: 38px; --gap-5xl: 24px; --gap-xs: 12px; --gap-4xl: 23px; --gap-3xs: 10px; --gap-5xs: 8px; --gap-9xl: 28px; --gap-base: 16px; --gap-7xs: 6px; --gap-17xl: 36px; --gap-7xl: 26px; --gap-0: 0px; --gap-10xs: 3px; --gap-lg: 18px; --gap-mini: 15px; --gap-9xs: 4px; --gap-21xl: 40px; --gap-smi: 13px; --gap-13xl: 32px; --gap-11xs: 2px; --gap-8xs: 5px; --gap-sm: 14px; --gap-12xl: 31px; --padding-41xl: 60px; --padding-17xl: 36px; --padding-base: 16px; --padding-10xs: 3px; --padding-25xl: 44px; --padding-lg: 18px; --padding-xl: 20px; --padding-lgi: 19px; --padding-3xs: 10px; --padding-43xl: 62px; --padding-70xl: 89px; --padding-21xl: 40px; --padding-5xl: 24px; --padding-23xl: 42px; --padding-15xl: 34px; --padding-61xl: 80px; --padding-46xl: 65px; --padding-26xl: 45px; --padding-xs: 12px; --padding-11xl: 30px; --padding-sm: 14px; --padding-77xl: 96px; --padding-7xl: 26px; --padding-5xs: 8px; --padding-4xs: 9px; --padding-121xl: 140px; --padding-35xl: 54px; --padding-13xl: 32px; --padding-3xl: 22px; --padding-8xs: 5px; --padding-11xs: 2px; --br-6xs: 7px; --br-7xs: 6px; --br-12xs: 1px; --br-10xs: 3px; --br-3xs: 10px; --br-lg: 18px; --br-mid: 17px; } 
/* source: style.css */
.unified-communication1 { position: relative; font-size: var(--font-size-5xl); letter-spacing: 0.02em; line-height: 24px; font-weight: 900; font-family: var(--font-heebo); text-align: left; } .unified-communication1, .unified-communication1:hover { } .unified-cmmunication1 { cursor: pointer; border: 0; padding-left: 0px; background-color: transparent; border-bottom: 3px solid var(--unifiedcommunication); display: flex !important; flex-direction: column; align-items: flex-start; justify-content: flex-start; text-wrap: nowrap; } .digital-health2, .enterprise-security3, .fintech2, .iot1 { cursor: pointer; border: 0; padding: 0; background-color: transparent; position: relative; font-size: var(--font-size-5xl); letter-spacing: 0.02em; line-height: 24px; font-weight: 900; font-family: var(--font-heebo); color: var(--color-gray-800); text-align: left; display: inline-block; text-wrap: nowrap; } .digital-health2:hover, .iot1:hover { color: var(--color-gray-900); } .fintech2:hover { color: var(--color-gray-500); } .enterprise-security3:hover { color: var(--color-gray-900); } .verticaltabs1 { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--gap-21xl); } .bigimage-icon1 { flex: 1; max-width: 524px; overflow: hidden; max-height: 100%; object-fit: cover; } .description10, .title13 { position: relative; letter-spacing: 0.02em; } .title13 { align-self: stretch; line-height: 47px; font-weight: 300; } .description10 { width: 100%; font-size: var(--font-size-base); line-height: 22px; display: inline-block; opacity: 0.93; max-width: 760px; } .titlecontent1 { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-xs); } .description11, .title14 { align-self: stretch; position: relative; letter-spacing: 0.02em; line-height: 22px; } .description11 { margin: 0; font-size: var(--font-size-smi); line-height: 16px; display: none; opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-clamp: 2; } .case-study14, .content6 { flex-direction: column; justify-content: flex-end; } .content6 { align-self: stretch; display: flex; align-items: flex-start; gap: var(--gap-8xs); } .case-study14 { padding: var(--padding-xl) var(--padding-xs) var(--padding-base); box-sizing: border-box; background-image: url(./public/case-study1@3x.png); background-size: cover; background-repeat: no-repeat; background-position: top; min-width: 200px; min-height: 124px; } .case-study14:hover, .case-study15:hover, .case-study16:hover, .case-study17:hover { cursor: pointer; transform: scale(1.05); transition: transform 0.3s ease; } .case-study14, .case-study15, .upper1 { align-self: stretch; flex: 1; display: flex; align-items: flex-start; } .case-study15 { flex-direction: column; justify-content: flex-end; padding: 0 var(--padding-xs) var(--padding-base); box-sizing: border-box; background-image: url(./public/case-study11@3x.png); background-size: cover; background-repeat: no-repeat; background-position: top; min-width: 200px; min-height: 124px; } .upper1 { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .case-study16 { align-self: stretch; flex-direction: column; justify-content: flex-end; padding: 0 var(--padding-xs) var(--padding-base); box-sizing: border-box; background-image: url(./public/case-study12@3x.png); background-size: cover; background-repeat: no-repeat; background-position: top; min-width: 200px; min-height: 124px; } .cardscasestudies1, .case-study16, .case-study17, .lower1 { flex: 1; display: flex; align-items: flex-start; } .case-study17 { align-self: stretch; flex-direction: column; justify-content: flex-end; padding: 0 var(--padding-xs) var(--padding-base); box-sizing: border-box; background-image: url(./public/case-study13@3x.png); background-size: cover; background-repeat: no-repeat; background-position: top; min-width: 200px; min-height: 124px; } .cardscasestudies1, .lower1 { justify-content: flex-start; } .lower1 { align-self: stretch; flex-direction: row; flex-wrap: wrap; } .cardscasestudies1 { width: 100%; flex-direction: column; max-width: 760px; font-size: var(--font-size-xl); color: var(--transparent-transparent); } .smart-jackpots-that4 { position: relative; line-height: 14px; text-transform: uppercase; } .vector-icon3 { position: relative; width: 14px; height: 10px; } .button, .icon { align-items: center; justify-content: center; } .icon { width: 16px; height: 16px; display: flex; flex-direction: column; } .button { border-radius: var(--br-6xs); background-color: var(--transparent-transparent); border: 1px solid var(--color-gray-500); box-sizing: border-box; height: 36px; display: none; flex-direction: row; padding: 0 var(--padding-base); gap: var(--gap-7xs); text-align: center; font-size: var(--font-size-sm); } .titlecontentcasestudies1 { align-self: stretch; flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding-bottom: var(--padding-xs); gap: var(--gap-5xl); } .unified-communication-section1 { flex: 1; background-color: var(--unifiedcommunication); flex-direction: row; align-items: flex-end; padding: 0 var(--padding-17xl) 0 0; box-sizing: border-box; gap: var(--gap-11xs); min-height: 594px; padding: var(--padding-xl) var(--padding-17xl) 0 var(--padding-base); } .unified-communication-section1, .verticals-dev, .verticalssection1 { display: flex; justify-content: flex-start; } .verticalssection1 { background-color: var(--transparent-transparent); flex-direction: row; align-items: flex-start; padding: var(--padding-23xl) var(--padding-77xl); gap: var(--gap-21xl); z-index: 0; text-align: left; font-size: var(--font-size-17xl); color: var(--color-gray-500); font-family: var(--font-heebo); } .verticals-dev { position: relative; background-color: #b7b7b7; box-shadow: 0 4px 32px rgba(0, 0, 0, 0.18); width: 100%; height: 1385px; flex-direction: column; align-items: center; mix-blend-mode: normal; text-align: left; font-size: var(--font-size-17xl); color: var(--color-gray-500); font-family: var(--font-heebo); } @media screen and (max-width: 1200px) { .unified-communication1 { font-size: var(--font-size-5xl); } .unified-cmmunication1 { gap: var(--gap-8xs); } .bigimage-icon1 { width: 30%; } } @media screen and (max-width: 1080px) { .unified-communication1 { font-size: var(--font-size-xl); } .unified-cmmunication1 { flex-direction: column; gap: var(--gap-5xl); } .digital-health2, .enterprise-security3, .fintech2, .iot1 { font-size: var(--font-size-xl); } .verticaltabs1 { flex-direction: row; } .description10 { max-width: 960px; } .titlecontentcasestudies1 { align-items: flex-start; justify-content: flex-start; min-width: 180px; } .unified-communication-section1, .verticalssection1 { padding-left: var(--padding-5xl); padding-right: var(--padding-5xl); box-sizing: border-box; } .unified-communication-section1 { padding-top: var(--padding-base); flex: unset; align-self: stretch; } .verticalssection1 { flex-direction: column; gap: var(--gap-5xl); padding-top: var(--padding-23xl); width: 100%; } } @media screen and (max-width: 576px) { .unified-communication1 { font-size: 16px; line-height: 18px; padding-bottom: 5px; } .unified-cmmunication1 { width: auto; align-self: unset; } .digital-health2, .enterprise-security3, .fintech2, .iot1 { font-size: 16px; line-height: 18px; padding-bottom: 5px; } .verticaltabs1 { gap: var(--gap-base); padding-left: 0; padding-right: 0; box-sizing: border-box; } .bigimage-icon1 { display: none; width: 100%; min-height: 120px; flex: unset; align-self: stretch; } .description10, .title13 { color: var(--color-gray-500); } .title13 { font-size: var(--font-size-5xl); line-height: 26px; } .description10 { line-height: 18px; } .description10, .description11, .title14 { font-size: var(--font-size-base); } .description11 { text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); } .case-study14, .case-study15, .case-study16, .case-study17 { min-width: 50px; } .cardscasestudies1 { display: none; } .button { display: flex; } .titlecontentcasestudies1 { gap: var(--gap-xs); padding-top: var(--padding-base); box-sizing: border-box; flex: unset; align-self: stretch; } .unified-communication-section1 { height: auto; flex-direction: column; gap: var(--gap-0); padding-left: var(--padding-xs); padding-top: 0; padding-right: var(--padding-xs); box-sizing: border-box; min-height: 300px; } .verticalssection1 { gap: var(--gap-smi); padding: var(--padding-7xl) var(--padding-base); box-sizing: border-box; width: 100%; } } @media screen and (max-width: 576px) and (min-width: 421px) { .digital-health2, .enterprise-security3, .fintech2, .iot1, .unified-communication1 { line-height: 26px; } .bigimage-icon1 { display: none; } .title13 { font-size: var(--font-size-5xl); line-height: 26px; } .description10 { font-size: var(--font-size-base); line-height: 18px; } .cardscasestudies1 { display: none; } .button { display: flex; } .titlecontentcasestudies1 { gap: var(--gap-xs); padding-top: var(--padding-sm); box-sizing: border-box; } .unified-communication-section1 { height: auto; gap: var(--gap-base); padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; min-height: 300px; } } @media screen and (min-width: 1280px) { .unified-communication-section1 { border-radius: 45px 0px 0px 0px; } } @media screen and (max-width: 1600px) and (min-width: 1281px) { .digital-health2, .enterprise-security3, .fintech2, .iot1, .unified-communication1 { font-size: var(--font-size-xl); line-height: 20px; padding-bottom: 4px; } .enterprise-security3 { letter-spacing: 0.02em; } .bigimage-icon1 { flex: 1; max-width: 38%; } .title13 { font-size: 26px; line-height: 28px; } .description10 { font-size: var(--font-size-base); line-height: 20px; max-width: 680px; } .case-study14, .case-study15, .case-study16, .case-study17 { gap: var(--gap-9xs); padding-top: var(--padding-xs); padding-right: var(--padding-xs); padding-bottom: var(--padding-xs); box-sizing: border-box; } .cardscasestudies1 { max-width: 680px; } .titlecontentcasestudies1 { gap: var(--gap-xs); padding-bottom: var(--padding-xs); box-sizing: border-box; } .unified-communication-section1 { min-height: 512px; } .verticalssection1 { gap: var(--gap-13xl); align-items: flex-start; justify-content: flex-start; padding-left: var(--padding-17xl); padding-top: var(--padding-23xl); padding-right: var(--padding-17xl); box-sizing: border-box; box-shadow: 0 4px 32px rgba(0, 0, 0, 0.18); } } @media screen and (max-width: 1280px) and (min-width: 1081px) { .digital-health2, .enterprise-security3, .fintech2, .iot1, .unified-communication1 { font-size: var(--font-size-xl); line-height: 20px; padding-bottom: 4px; } .enterprise-security3 { letter-spacing: 0.02em; } .verticaltabs1 { flex-direction: row; } .bigimage-icon1 { height: 100%; max-width: 36%; overflow: hidden; } #tab3 .bigimage-icon1 { height: auto; } .title13 { font-size: var(--font-size-9xl); line-height: 30px; } .description10 { font-size: var(--font-size-base); line-height: 20px; max-width: 700px; } .case-study14, .case-study15, .case-study16, .case-study17 { padding: 0 var(--padding-5xs) var(--padding-5xs); box-sizing: border-box; min-height: 0; } .cardscasestudies1 { max-width: 700px; max-height: 280px; } .titlecontentcasestudies1 { gap: var(--gap-xs); align-items: flex-start; justify-content: center; padding-bottom: var(--padding-5xs); box-sizing: border-box; } .unified-communication-section1 { height: 440px; flex: unset; align-self: stretch; } .verticalssection1 { flex-direction: column; padding-left: var(--padding-17xl); padding-top: var(--padding-23xl); padding-right: var(--padding-17xl); box-sizing: border-box; } } @media screen and (max-width: 1080px) and (min-width: 531px) { .digital-health2, .enterprise-security3, .fintech2, .iot1, .unified-communication1 { padding-bottom: 4px; } .bigimage-icon1 { display: none; max-width: 30%; } .title13 { font-size: var(--font-size-7xl); line-height: 28px; } .description10 { line-height: 20px; } .titlecontent1 { flex: 1; } .case-study14, .case-study15, .case-study16, .case-study17 { min-height: 140px; } .cardscasestudies1 { max-width: 100%; } .titlecontentcasestudies1, .unified-communication-section1 { height: auto; } } .verticaltabs1 { z-index: 1; } @media (max-width:927px) { .verticaltabs1 { width: 100%; max-width: 928px; box-sizing: border-box; overflow-x: auto; justify-content: flex-start; padding-bottom: 9px; } } @media (max-width:320px) { .title13 { font-size: 20px; } .description10 { font-size: 14px; } } .slide { display: flex; } @media (max-width:576px) { .verticals_container { width: 100% !important; max-width: 100vw; width: 100%; overflow: hidden; } .verticals_container .slick-slide { margin: 0.2rem; } .titlecontent1 { flex: 1; } .titlecontentcasestudies1 { padding-bottom: var(--padding-base); } } @media screen and (max-width: 576px) and (min-width: 500px) { .titlecontentcasestudies1 { height: 380px !important; } } @media screen and (max-width: 499px) and (min-width: 450px) { .titlecontentcasestudies1 { height: 420px !important; } } @media screen and (max-width: 449px) and (min-width: 400px) { .titlecontentcasestudies1 { height: 440px !important; } } @media screen and (max-width: 399px) and (min-width: 370px) { .titlecontentcasestudies1 { height: 480px !important; } } @media screen and (max-width: 370px) { .titlecontentcasestudies1 { height: 510px !important; } } @media screen and (max-width: 300px) { .titlecontentcasestudies1 { height: 570px !important; } }