/* 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: style.css */
 @font-face { font-family: Heebo-Thin; src: url("../../fonts/Heebo-Thin.ttf"); } @font-face { font-family: Heebo-Black; src: url("../../fonts/Heebo-Black.ttf"); } @font-face { font-family: Heebo-Bold; src: url("../../fonts/Heebo-Bold.ttf"); } @font-face { font-family: Heebo-ExtraBold; src: url("../../fonts/Heebo-ExtraBold.ttf"); } @font-face { font-family: Heebo-Light; src: url("../../fonts/Heebo-Light.ttf"); } @font-face { font-family: Heebo-Medium; src: url("../../fonts/Heebo-Medium.ttf"); } @font-face { font-family: Heebo-Regular; src: url("../../fonts/Heebo-Regular.ttf"); } html, body { overflow-x: hidden; } body { position: relative; font-family: Heebo-Regular; padding: 0 !important; } h1 { font-family: Heebo-Thin; font-size: 3.5714285714285716em; color: #4c5458; line-height: 1.2em; text-align: center; } h4 { font-size: 24px; color: #ffffff; text-align: left; } .col-md-3 { position: relative; min-height: 1px; padding-right: 0 !important; padding-left: 0 !important; } .col-lg-10 { float: none; } .remove-body { overflow: hidden; } section { clear: both; } textarea { resize: none; } .has-error .form-control, .error { background-color: #f9e1e1 !important; border: 1px solid #f24d4d !important; } label.error { display: none !important; } .goTop { top: 90%; right: 3%; position: fixed; z-index: 105; } .iot-locofy { font-family: Heebo-Regular; padding-top: 75px; } .banner { height: 650px; overflow: hidden; flex-shrink: 0; padding: 0 120px; box-sizing: border-box; background: url("../assets/BannerImage.webp") no-repeat center center; background-size: cover; background-position: right; background-repeat: no-repeat; background-size: cover; z-index: 10; font-size: 33px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .banner .inner { width: 1240px; max-width: 1240px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .banner .text { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; justify-content: center; } .scalable-custom-built-iot { align-self: stretch; position: relative; line-height: 58px; font-weight: 800; color: #000000; font-size: 52px; font-family: Heebo-ExtraBold; margin: 0 !important; text-align: left !important; } .springct { font-weight: 500; color: #4d359d; } .springct-provides-unique { align-self: stretch; position: relative; font-size: 22px; letter-spacing: 0.02em; line-height: 30px; color: #333333; margin: 0 !important; text-align: left !important; font-weight: 400; } .partners-section { background: #f0f8f0; border: 1px solid #4caf50; border-radius: 12px; padding: 8px 16px; margin: 20px 0; } .our-partners { font-family: Heebo-Medium; font-weight: 500; color: #45552a; font-size: 20px; } .banner .partner-logos { display: flex; gap: 8px; align-items: center; } .partners-section { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; } .banner .partner-logo { width: 47px; height: 47px; object-fit: contain; } .button { cursor: pointer; border: 0; padding: 12px 32px; background: linear-gradient(89.95deg, #4d359d, #684770); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 4px; display: flex; flex-direction: row; align-items: center; color: #ffffff; font-weight: 600; text-transform: uppercase; font-size: 14px; } .button:hover { transform: translateY(-2px); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; } .images-icon { flex: 1; max-width: 100%; overflow: hidden; max-height: 100%; object-fit: contain; height: auto; } .success-stories { align-self: stretch; background: linear-gradient(95.16deg, #34294a, #643471 48.5%, #34294a), linear-gradient(90deg, #ededed, #7d6bb1); overflow: visible; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 20px; gap: 16px; position: relative; z-index: 9; font-size: 36px; color: #ffffff; } .outer { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; position: relative; gap: 60px; max-width: 1240px; min-height: 394px; overflow: visible; margin: 0 auto; } .previousnextinner { align-self: stretch; justify-content: flex-end; gap: 32px; } .previous-next { flex: 0 0 30%; justify-content: flex-start; max-width: 30%; margin-left: 0; box-sizing: border-box; z-index: 10; } .text1 { flex: 1; } .success-stories1 { font-size: 32px; font-weight: 700; color: #ffffff; margin-bottom: 16px; line-height: 1.2; text-transform: capitalize; } @media (min-width: 1441px) { .success-stories1 { font-size: 36px; } } .recognition-of-our { font-size: 18px; color: #ffffff; line-height: 1.6; } .icons { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; } .icon-mediumicon-button-fille, .icon-mediumicon-button-fille1 { cursor: pointer; border: 0; padding: 8px 0; background-color: #ffffff; width: 44px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 50%; height: 44px; overflow: hidden; flex-shrink: 0; justify-content: center; box-sizing: border-box; display: flex; align-items: center; } .vector-icon { position: absolute; height: 74.33%; width: 90.33%; top: 12.83%; right: 8.33%; bottom: 20.83%; left: 13.33%; max-width: 100%; overflow: hidden; max-height: 100%; } .eparrow-left-bold { width: 24px; position: relative; height: 24px; overflow: hidden; flex-shrink: 0; } .icon-mediumicon-button-fille, .icon-mediumicon-button-fille1 { cursor: pointer; border: 0; padding: 12px 0; background-color: #ffffff; width: 44px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 100px; height: 44px; overflow: hidden; flex-shrink: 0; justify-content: center; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; } .icon-mediumicon-button-fille:disabled, .icon-mediumicon-button-fille1:disabled { opacity: 0.5; cursor: not-allowed; background-color: #ccc; } .icon-mediumicon-button-fille:disabled:hover, .icon-mediumicon-button-fille1:disabled:hover { transform: none; background-color: #ccc; } .icon-mediumicon-button-fille:disabled, .icon-mediumicon-button-fille1:disabled { opacity: 0.5; cursor: not-allowed; transform: none; background-color: #ccc; } .icon-mediumicon-button-fille:disabled:hover, .icon-mediumicon-button-fille1:disabled:hover { transform: none; box-shadow: 0 4px 12px rgba(77, 53, 157, 0.3); } .icons { display: flex; gap: 16px; align-items: center; margin-top: 20px; } .clients { width: 65%; align-items: flex-start; gap: 30px; position: absolute; left: 35%; overflow-x: auto; right: 0; max-width: 65%; padding-right: 0; z-index: 10; font-size: 14px; color: #2f4f4f; display: flex; flex-direction: row; justify-content: flex-start; box-sizing: border-box; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scroll-snap-stop: always; scroll-padding: 0; scroll-margin: 0; } .clients::-webkit-scrollbar { display: none; } .testimonials-card-quote { width: 372px; min-width: 372px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: #def1bc; height: 400px; overflow: hidden; flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 24px; box-sizing: border-box; position: relative; margin-right: 0; scroll-snap-align: start; scroll-snap-stop: always; transition: transform 0.3s ease, box-shadow 0.3s ease; max-width: 477px; } .top { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px; } .bi-quote-1-icon { width: 48px; position: relative; height: 44px; } .we-are-extremely { align-self: stretch; position: relative; line-height: 20px; font-size: 16px; color: #2f4f4f; } .bottom { align-self: stretch; flex-direction: row; gap: 16px; font-size: 16px; display: flex; align-items: center; justify-content: flex-start; } .name-designation { align-self: stretch; flex: 1; border-top: 1px solid #ffa07a; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 16px 0 0; gap: 4px; } .srinivas-bangalore { align-self: stretch; position: relative; letter-spacing: 0.2px; line-height: 24px; font-weight: 600; color: #2f4f4f; margin-bottom: 4px; } .principal-research-scientist { align-self: stretch; position: relative; font-size: 12px; line-height: 16px; font-weight: 500; color: #2f4f4f; } .logo { width: 120px; flex-direction: column; padding: 16px 0 0; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; } .logo-child { width: 120px; height: 57px; overflow: hidden; flex-shrink: 0; object-fit: contain; } .unknown-2-icon { width: 120px; height: 57px; overflow: hidden; flex-shrink: 0; object-fit: cover; } .slider-dot { width: 64px; display: none; flex-direction: row; align-items: center; justify-content: center; gap: 8px; margin-top: 32px; margin-left: auto; margin-right: auto; } .desktop-arrows { display: flex; } .desktop-arrows button { pointer-events: auto; cursor: pointer; } .mobile-arrows { display: none; } .slider-dot-inner, .slider-dot-child { width: 16px; border-radius: 50%; background-color: #ffffff; height: 16px; } .slider-dot-inner { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 2px; box-sizing: border-box; } .slider-dot-child { position: relative; opacity: 0.4; } .frame-child { width: 8px; position: relative; border-radius: 50%; background-color: #483d8b; height: 8px; } @media (max-width: 1200px) { .clients { left: 30%; padding-right: 30%; } .previous-next { max-width: 45%; } } @media (max-width: 1024px) { .testimonials-card-quote { width: 350px; height: 380px; padding: 20px; box-sizing: border-box; max-width: 350px; scroll-snap-align: start; } .clients { padding-left: 0; padding-right: 40%; box-sizing: border-box; position: absolute; left: 40%; scroll-snap-type: x mandatory; scroll-snap-stop: always; } .success-stories { padding-left: 40px; padding-top: 42px; padding-bottom: 40px; box-sizing: border-box; } } @media (max-width: 768px) { .success-stories { padding: 60px 20px; } .outer { flex-direction: column; gap: 40px; align-items: center; } .previous-next { max-width: 100%; margin-bottom: 20px; flex: 1; text-align: center; } .clients { gap: 20px; align-items: flex-start; justify-content: flex-start; padding-left: 0; padding-right: 0; box-sizing: border-box; position: unset; left: 0; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-snap-stop: always; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } .testimonials-card-quote { min-width: 300px; width: 300px; height: auto; min-height: 350px; flex-shrink: 0; scroll-snap-align: start; } .success-stories1 { font-size: 28px; text-align: center; } .recognition-of-our { text-align: center; } .icons { justify-content: center; } .icon-mediumicon-button-fille, .icon-mediumicon-button-fille1 { width: 40px; height: 40px; padding: 10px; } .vector-icon { position: absolute; height: 74.33%; width: 90.33%; top: 12.83%; right: 8.33%; bottom: 20.83%; left: 13.33%; max-width: 100%; overflow: hidden; max-height: 100%; } .slider-dot { display: none; } .desktop-arrows { display: none; } .mobile-arrows { display: flex; justify-content: center; align-items: center; gap: 12px; position: relative; z-index: 10; pointer-events: auto; } .mobile-arrows button { pointer-events: auto; cursor: pointer; } } .outer1, .outer2, .outer4 { padding: 80px 0; } .outer1 { background: #ffffff; padding-bottom: 0; } .outer1.ml-ai-section { background: linear-gradient( to right, #9ecf49 0%, #d6eeab 42%, #b9de79 79%, #9dcf48 100% ); } @media (max-width: 768px) { .outer1.ml-ai-section { background: linear-gradient( to bottom, #9ecf49 0%, #d6eeab 42%, #b9de79 79%, #9dcf48 100% ); } } .outer2 { background: #f8f9fa; } .outer4 { background: #ffffff; } .wrapper-2 { max-width: 1240px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 60px; } .image-icon, .image-icon1 { flex: 1; max-width: 500px; height: auto; object-fit: contain; border-radius: 8px; } .titles { margin-bottom: 16px; } .smart-manufacturing, .smart-cities, .connected-healthcare, .supply-chain, .energy-management, .agriculture-iot { font-size: 32px; font-weight: 700; line-height: 1.2; color: #000000; font-family: Heebo-Bold, sans-serif; } @media (min-width: 1441px) { .smart-manufacturing, .smart-cities, .connected-healthcare, .supply-chain, .energy-management, .agriculture-iot { font-size: 36px; } } .industrial-iot-solutions, .urban-iot-infrastructure, .healthcare-iot-solutions, .end-to-end-visibility, .smart-energy-solutions, .precision-farming { font-size: 20px; color: #666666; font-weight: 500; } .description { margin-bottom: 16px; } .springct-leverages-cutting-edg { font-size: 18px; font-family: Heebo-Regular; line-height: 1.6; color: #000000; } .btn, .btn1 { display: flex; justify-content: flex-start; } .button1 { cursor: pointer; border: 0; padding: 12px 32px; background: linear-gradient(89.95deg, #4d359d, #684770); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 4px; display: flex; align-items: center; color: #ffffff; font-weight: 600; text-transform: uppercase; font-size: 14px; transition: all 0.3s ease; } .button1:hover { transform: translateY(-2px); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); } .case-study { padding: 80px 0; } .case-studysec-inner-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; } .case-study-title { text-align: center; margin-bottom: 48px; } .case-studies { font-size: 32px; font-weight: 700; color: #000000; line-height: 1.2; } @media (min-width: 1441px) { .case-studies { font-size: 36px; } } .tabs { display: flex; justify-content: center; gap: 16px; margin-bottom: 40px; flex-wrap: wrap; } .tab-nav { background: #ffffff; border: 2px solid #e0e0e0; border-radius: 8px; padding: 12px 24px; cursor: pointer; transition: all 0.3s ease; font-size: 16px; font-weight: 500; } .tab-nav:hover { border-color: #4d359d; color: #4d359d; } .tab-active { background: #4d359d; color: #ffffff; border-color: #4d359d; } .tab-inactive { background: #ffffff; color: #666666; } .cs { display: flex; gap: 24px; overflow-x: auto; padding: 20px 0; } .case-study-imagesdefault { border-radius: 12px; overflow: hidden; min-width: 300px; flex-shrink: 0; text-decoration: none; color: inherit; } .card-wrapper { height: 200px; overflow: hidden; background: linear-gradient(to bottom, #a7d55b 0%, #ffffff 100%); } .image-icon22 { width: 100%; height: 100%; object-fit: cover; padding: 10px 10px 0px 10px; } .case-study-name-container { padding: 20px; } .different-media-server { font-size: 16px; font-weight: 400; color: #000; line-height: 1.3; margin: 0; } .icon-next-previous { display: flex; justify-content: center; gap: 16px; margin-top: 32px; } .ic-previous { background: #ffffff; border: 2px solid #4d359d; border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; } .vector-icon7 { width: 20px; height: 20px; } .why { padding: 80px 0; background: #ffffff; } .wrapper-1 { max-width: 1240px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 60px; } .image-icon7 { flex: 1; max-width: 500px; height: auto; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); } .why-springct { font-size: 32px; font-weight: 700; color: #333333; margin-bottom: 24px; } @media (max-width: 1440px) { .banner { height: 520px; } .scalable-custom-built-iot { font-size: 36px; line-height: 1.2; letter-spacing: 0.2%; } .springct-provides-unique { font-size: 16px; line-height: 1.2; letter-spacing: 0.2%; } } @media (max-width: 1024px) { .banner { padding: 0 36px; height: 520px; } .wrapper-2 { flex-direction: column !important; gap: 40px; text-align: center; } .wrapper-1 { flex-direction: column; gap: 40px; text-align: center; } } @media (max-width: 768px) { .banner .inner { flex-direction: column; gap: 20px; height: 100%; } .banner .text { padding: 0 0 0px; } .banner { padding: 0 20px; height: auto; min-height: 710px; align-items: flex-end; } .scalable-custom-built-iot { font-size: 32px; line-height: 1.3; } .springct-provides-unique { font-size: 16px; } .tabs { justify-content: flex-start; overflow-x: auto; padding-bottom: 16px; } .tab-nav { flex-shrink: 0; } .clients { gap: 16px; } .testimonials-card-quote { min-width: 280px; } .outer1, .outer2, .outer4 { padding: 60px 0; } .wrapper-2 { flex-direction: column !important; gap: 30px; text-align: left; padding: 0 20px; } .wrapper-2:nth-child(even) { flex-direction: column !important; } .wrapper-2:nth-child(even) .image-icon, .wrapper-2:nth-child(even) .image-icon1 { order: 1; } .wrapper-2:nth-child(even) .text2, .wrapper-2:nth-child(even) .text3 { order: 2; } .wrapper-2:nth-child(even) .btn, .wrapper-2:nth-child(even) .btn1 { order: 3; } .image-icon, .image-icon1 { flex: none; max-width: 100%; width: 100%; height: auto; object-fit: contain; margin-bottom: 20px; order: 1; } .titles { margin-bottom: 20px; } .smart-manufacturing, .smart-cities, .connected-healthcare, .supply-chain, .energy-management, .agriculture-iot { font-size: 36px; text-align: left; line-height: 1.2; } .springct-leverages-cutting-edg { font-size: 16px; text-align: left; line-height: 1.6; margin-bottom: 20px; } .btn, .btn1 { justify-content: flex-start; order: 3; margin-top: 20px; } .button1 { padding: 10px 24px; font-size: 13px; } } @media (max-width: 480px) { .banner { min-height: 669px; } .partners-section { flex-direction: row; gap: 8px; align-items: center; justify-content: center; padding: 12px 12px; } .banner .inner { flex-direction: column; gap: 20px; height: 100%; } .banner .text { padding: 0 0 40px; } .scalable-custom-built-iot { font-size: 24px; } .success-stories1 { font-size: 24px; } .case-studies { font-size: 24px; } .ready-to-jump { font-size: 28px; font-weight: 700; } .springct-provides-unique { font-size: 14px; line-height: 1.25; letter-spacing: 0.2%; } .our-partners { font-size: 14px; } .outer1, .outer2, .outer4 { padding: 20px 0; } .wrapper-2 { gap: 10px; padding: 0 15px; } .image-icon, .image-icon1 { margin-bottom: 1px; order: 1; } .text2, .text3 { order: 2; } .smart-manufacturing, .smart-cities, .connected-healthcare, .supply-chain, .energy-management, .agriculture-iot { font-size: 28px; margin-bottom: 0px !important; margin-top: 0px !important; } .springct-leverages-cutting-edg { font-size: 15px; margin-bottom: 15px; } .btn, .btn1 { order: 3; margin-top: 15px; } .button1 { padding: 8px 20px; font-size: 12px; } } .contactform { align-self: stretch; align-items: center; justify-content: center; padding: 100px 34px; gap: 38px; background-image: url("../../public/ContactForm.webp"); background-size: cover; background-repeat: no-repeat; background-position: top; display: flex; flex-direction: column; color: #000000; } .ready-to-jump { text-align: center; font-size: 32px; font-weight: 700; line-height: 1.2; text-transform: none; color: #000000; font-family: Heebo-Bold, sans-serif; } @media (min-width: 1441px) { .ready-to-jump { font-size: 36px; } } .formelements { display: flex; width: 100%; align-items: flex-start; gap: 20px; max-width: 1028px; margin: 0 auto; flex-direction: column; } .nameorganization { display: flex; align-self: stretch; align-items: flex-start; justify-content: center; flex-wrap: wrap; align-content: flex-start; gap: 20px; } .name, .organisation { border: 1px solid #b2b2b2; outline: 0; font-family: Heebo; font-size: 16px; background-color: #ffffff; flex: 1; border-radius: 7px; box-sizing: border-box; height: 44px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 10px; color: #1d1d1d; min-width: 300px; } .name::placeholder, .organisation::placeholder { color: #1d1d1d; } .name:focus, .organisation:focus, .description8:focus { outline: 0; border-color: #b2b2b2; background-color: #ffffff; } .interestbuttons { align-self: stretch; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; gap: 20px; } .myInterestVC { display: inline-flex; border-radius: var(--br-6xs); width: 49%; height: 156px; flex: 1; min-width: 300px; } .description8 { border: 1px solid var(--color-darkgray); background-color: var(--color-white); outline: 0; flex: 1; border-radius: var(--br-6xs); box-sizing: border-box; overflow: hidden; min-width: 300px; font-size: 16px; padding: 10px; font-family: var(--font-heebo); color: #1d1d1d; width: 100%; height: 138px; resize: none; } .button { border-radius: 6px !important; } .button { cursor: pointer; border: 0; padding: var(--padding-3xs) var(--padding-5xl); background-color: transparent; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: var(--br-7xs); background: linear-gradient(89.95deg, #4d359d, #684770); display: flex; flex-direction: row; align-items: center; } .buttons { display: flex; flex-direction: column; align-items: flex-start; gap: var(--gap-31xl); min-width: 300px; flex: 1; border-radius: var(--br-6xs); } .captcha { width: 172px; position: relative; border-radius: 6px; box-sizing: border-box; height: 60px; } .buttons1 { display: flex; align-self: stretch; flex-direction: row; align-items: center; gap: var(--gap-base); justify-content: flex-start; } .buttonreset { cursor: pointer; border: 1px solid #1d1d1d; padding: 19px 20px; background-color: #ffffff; flex: 1; border-radius: 7px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; min-width: 140px; color: #1d1d1d; font-family: Heebo; font-size: 14px; text-transform: uppercase; } .buttonsend { cursor: pointer; border: 0; padding: 12px 24px; background: #1ed07e; flex: 0.9703; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; color: #ffffff; height: 52px; display: flex; flex-direction: row; align-items: center; justify-content: center; box-sizing: border-box; min-width: 140px; transition: all 0.3s ease; } .buttonsend:disabled { background: #1ed07e; color: #000; cursor: not-allowed !important; opacity: 0.7; box-shadow: none; } .buttonsend:not(:disabled):hover { background-color: #21ed85; } .smart-jackpots-that-you-may-lo-parent { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; } .smart-jackpots-that1 { width: 44px; position: relative; font-size: 14px; line-height: 14px; text-transform: uppercase; display: inline-block; font-family: Heebo; color: #1d1d1d; text-align: center; flex-shrink: 0; } .smart-jackpots-that2 { color: #000000; } .vector-icon2 { width: 16px; height: 16px; } @media screen and (max-width: 297px) and (min-width: 100px) { .description8, .name, .organisation { min-width: 200px; } .description8 { width: 100%; flex: unset; align-self: stretch; } .interestbuttons { flex-direction: column; align-items: flex-start; justify-content: center; padding-right: 0; box-sizing: border-box; } .myInterestVC { width: 100%; height: auto; } } @media screen and (max-width: 600px) and (min-width: 298px) { .myInterestVC { width: 100%; height: auto; } .description8 { height: 106px; } } @media screen and (max-width: 960px) and (min-width: 601px) { .myInterestVC { width: 100%; height: auto; } } .loderModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 9999; } .loderModal::after { content: ""; width: 50px; height: 50px; border: 5px solid #f3f3f3; border-top: 5px solid #4d359d; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .thank-you-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; align-items: center; justify-content: center; z-index: 1000; } .thank-you-popup.show { display: flex; } .copy { background: #ffffff; padding: 40px; border-radius: 12px; text-align: center; max-width: 500px; margin: 0 20px; } .dear-testing { margin: 0 0 16px 0; color: #333333; font-size: 16px; line-height: 1.6; } .dear { color: #4d359d; font-weight: 600; } .action { margin-top: 24px; } .content { padding: 12px 32px; background: #4d359d; color: #ffffff; border-radius: 8px; cursor: pointer; font-weight: 600; } .content:hover { background: #23527c; } @media (max-width: 1024px) { .contactform { padding: 70px 34px; } .formelements { padding: 0 30px; } .nameorganization { flex-direction: column; gap: 20px; } .name, .organisation { min-width: 100%; width: 100%; } .description8 { min-width: 100%; width: 100%; } .buttons { flex-direction: column; align-items: stretch; gap: 30px; } .buttons1 { flex-direction: row; gap: 20px; } .buttonreset, .buttonsend { flex: 1; } } @media (max-width: 900px) { .contactform { padding: 60px 34px; } .formelements { padding: 0 25px; } .nameorganization { gap: 18px; } .description8 { height: 130px; } .buttons { gap: 25px; } .buttons1 { gap: 18px; } } @media (max-width: 768px) { .contactform { padding: 60px 20px; } .ready-to-jump { font-size: 36px; } .formelements { padding: 0 20px; } .nameorganization { flex-direction: column; gap: 20px; } .name, .organisation { min-width: 100%; width: 100%; } .description8 { min-width: 100%; width: 100%; height: 120px; } .buttons { gap: 24px; min-width: 100%; } .buttons1 { flex-direction: column; gap: 16px; } .buttonreset, .buttonsend { width: 100%; min-width: 100%; } } @media (max-width: 480px) { .contactform { padding: 40px 15px; } .ready-to-jump { font-size: 28px; } .formelements { padding: 0 15px; } .nameorganization { flex-direction: column; gap: 16px; } .name, .organisation { min-width: 100%; width: 100%; height: 40px; padding: 8px 12px; font-size: 14px; } .description8 { min-width: 100%; width: 100%; height: 100px; padding: 8px 12px; font-size: 14px; } .buttons { gap: 20px; min-width: 100%; } .buttons1 { flex-direction: column; gap: 12px; justify-content: center; } .buttonreset, .buttonsend { width: 100%; min-width: 100%; padding: 16px 20px; font-size: 13px; } .captcha { order: 1; } .buttons1 { order: 2; } } @media screen and (max-width: 768px) { .clients { left: 20px; padding-right: 20px; gap: 15px; } .testimonials-card-quote { width: 300px; min-width: 300px; height: 350px; padding: 20px; } .we-are-extremely { font-size: 14px; line-height: 18px; } } @media screen and (max-width: 480px) { .clients { left: 10px; padding-right: 10px; gap: 10px; } .testimonials-card-quote { width: 280px; min-width: 280px; height: 320px; padding: 16px; } .we-are-extremely { font-size: 13px; line-height: 16px; } } .partnerships-section { background: linear-gradient( to right, #9ecf49 0%, #d6eeab 42%, #b9de79 79%, #9dcf48 100% ); padding: 80px 0; } .partnerships-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; } .partnerships-title { text-align: center; margin-bottom: 48px; } .partnerships-title h2 { font-size: 32px; font-weight: 700; line-height: 1.2; color: #000000; margin: 0; } @media (min-width: 1441px) { .partnerships-title h2 { font-size: 36px; } } .partnerships-cards { display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; } .partnership-card { background: #ffffff; border-radius: 12px; gap: 24px; padding: 30px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); flex: 1; min-width: 300px; max-width: 600px; display: flex; flex-direction: column; } .partnerships-cards a { text-decoration: none; } .partner-logo img { align-self: center; } .partnership-card:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); } .partner-logo { text-align: center; flex-shrink: 0; display: flex; justify-content: center; align-items: center; } .partner-logo img { max-width: 120px; height: 60px; object-fit: contain; border-radius: 8px; } .partner-content { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; } .partner-content p { font-size: 16px; line-height: 1.6; color: #333333; margin: 0; text-align: left; } @media (max-width: 768px) { .partnerships-section { background: linear-gradient( to bottom, #9ecf49 0%, #d6eeab 42%, #b9de79 79%, #9dcf48 100% ); } .partnerships-cards { flex-direction: column; align-items: center; } .partnership-card { min-width: 100%; max-width: 100%; } .partnerships-title h2 { font-size: 28px; } } @media (max-width: 480px) { .partnerships-section { padding: 60px 0; } .partnerships-container { padding: 0 15px; } .partnership-card { padding: 20px; } .partnerships-title h2 { font-size: 24px; } .partner-content p { font-size: 14px; } } .case-study-imagesdefault .card-wrapper .desktop-image { display: block; } .case-study-imagesdefault .card-wrapper .mobile-image { display: none; } @media (max-width: 768px) { .case-study-imagesdefault .card-wrapper .desktop-image { display: none; } .case-study-imagesdefault .card-wrapper .mobile-image { display: block; } } @media (max-width: 1440px) { .outer { gap: 50px; } .previousnextinner { } .previous-next { flex: 0 0 32%; max-width: 32%; } .clients { width: 63%; max-width: 63%; left: 36%; } } @media (max-width: 1024px) { .outer { gap: 40px; } .previousnextinner { } .previous-next { flex: 0 0 35%; max-width: 35%; } .clients { width: 60%; max-width: 60%; left: 38%; } } @media (max-width: 768px) { .outer { flex-direction: column; gap: 30px; } .previousnextinner { flex: none; width: 100%; max-width: 100%; text-align: center; align-items: center; } .previous-next { flex: none; width: 100%; max-width: 100%; justify-content: center; } .clients { width: 100%; max-width: 100%; position: relative; left: auto; right: auto; } .success-stories { padding: 60px 20px; } } @media (max-width: 480px) { .success-stories { padding: 40px 15px; } .outer { gap: 20px; } .previousnextinner { gap: 20px; } .success-stories1 { font-size: 28px; line-height: 34px; } .recognition-of-our { font-size: 16px; } } 
/* source: global.css */
 :root { --color-darkgray: #9f9f9f; --color-white: #ffffff; --br-6xs: 7px; --font-heebo: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; --gap-base: 16px; --gap-31xl: 24px; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: "Heebo-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; line-height: 1.6; color: #333333; background-color: #ffffff; } h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.2; margin-bottom: 1rem; } p { margin-bottom: 1rem; } a { color: #4d359d; text-decoration: none; transition: color 0.3s ease; } a:hover { color: #684770; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-primary { color: #4d359d; } .text-secondary { color: #684770; } .text-success { color: #4caf50; } .text-muted { color: #666666; } .text-white { color: #ffffff; } .bg-primary { background-color: #4d359d; } .bg-secondary { background-color: #684770; } .bg-light { background-color: #f8f9fa; } .bg-white { background-color: #ffffff; } .bg-success { background-color: #4caf50; } .m-0 { margin: 0; } .m-1 { margin: 0.25rem; } .m-2 { margin: 0.5rem; } .m-3 { margin: 1rem; } .m-4 { margin: 1.5rem; } .m-5 { margin: 3rem; } .mt-0 { margin-top: 0; } .mt-1 { margin-top: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 1rem; } .mt-4 { margin-top: 1.5rem; } .mt-5 { margin-top: 3rem; } .mb-0 { margin-bottom: 0; } .mb-1 { margin-bottom: 0.25rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 1rem; } .mb-4 { margin-bottom: 1.5rem; } .mb-5 { margin-bottom: 3rem; } .ml-0 { margin-left: 0; } .ml-1 { margin-left: 0.25rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 1rem; } .ml-4 { margin-left: 1.5rem; } .ml-5 { margin-left: 3rem; } .mr-0 { margin-right: 0; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 1rem; } .mr-4 { margin-right: 1.5rem; } .mr-5 { margin-right: 3rem; } .p-0 { padding: 0; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 1rem; } .p-4 { padding: 1.5rem; } .p-5 { padding: 3rem; } .pt-0 { padding-top: 0; } .pt-1 { padding-top: 0.25rem; } .pt-2 { padding-top: 0.5rem; } .pt-3 { padding-top: 1rem; } .pt-4 { padding-top: 1.5rem; } .pt-5 { padding-top: 3rem; } .pb-0 { padding-bottom: 0; } .pb-1 { padding-bottom: 0.25rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-3 { padding-bottom: 1rem; } .pb-4 { padding-bottom: 1.5rem; } .pb-5 { padding-bottom: 3rem; } .pl-0 { padding-left: 0; } .pl-1 { padding-left: 0.25rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 1rem; } .pl-4 { padding-left: 1.5rem; } .pl-5 { padding-left: 3rem; } .pr-0 { padding-right: 0; } .pr-1 { padding-right: 0.25rem; } .pr-2 { padding-right: 0.5rem; } .pr-3 { padding-right: 1rem; } .pr-4 { padding-right: 1.5rem; } .pr-5 { padding-right: 3rem; } .d-none { display: none; } .d-block { display: block; } .d-inline { display: inline; } .d-inline-block { display: inline-block; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .d-grid { display: grid; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .align-start { align-items: flex-start; } .align-end { align-items: flex-end; } .align-center { align-items: center; } .align-baseline { align-items: baseline; } .align-stretch { align-items: stretch; } .position-static { position: static; } .position-relative { position: relative; } .position-absolute { position: absolute; } .position-fixed { position: fixed; } .position-sticky { position: sticky; } .w-25 { width: 25%; } .w-50 { width: 50%; } .w-75 { width: 75%; } .w-100 { width: 100%; } .w-auto { width: auto; } .h-25 { height: 25%; } .h-50 { height: 50%; } .h-75 { height: 75%; } .h-100 { height: 100%; } .h-auto { height: auto; } .border { border: 1px solid #dee2e6; } .border-0 { border: 0; } .border-top { border-top: 1px solid #dee2e6; } .border-end { border-right: 1px solid #dee2e6; } .border-bottom { border-bottom: 1px solid #dee2e6; } .border-start { border-left: 1px solid #dee2e6; } .border-primary { border-color: #4d359d; } .border-secondary { border-color: #684770; } .border-success { border-color: #4caf50; } .border-light { border-color: #f8f9fa; } .rounded { border-radius: 0.375rem; } .rounded-0 { border-radius: 0; } .rounded-1 { border-radius: 0.25rem; } .rounded-2 { border-radius: 0.5rem; } .rounded-3 { border-radius: 1rem; } .rounded-circle { border-radius: 50%; } .shadow { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); } .shadow-none { box-shadow: none; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-scroll { overflow: scroll; } .cursor-pointer { cursor: pointer; } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .fw-light { font-weight: 300; } .fw-normal { font-weight: 400; } .fw-medium { font-weight: 500; } .fw-semibold { font-weight: 600; } .fw-bold { font-weight: 700; } .fw-bolder { font-weight: 800; } .fs-1 { font-size: 2.5rem; } .fs-2 { font-size: 2rem; } .fs-3 { font-size: 1.75rem; } .fs-4 { font-size: 1.5rem; } .fs-5 { font-size: 1.25rem; } .fs-6 { font-size: 1rem; } .lh-1 { line-height: 1; } .lh-sm { line-height: 1.25; } .lh-base { line-height: 1.5; } .lh-lg { line-height: 2; } .card { background: #ffffff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding: 1rem; } .btn { display: inline-block; padding: 0.5rem 1rem; border: 1px solid transparent; border-radius: 4px; text-decoration: none; text-align: center; cursor: pointer; transition: all 0.3s ease; } .btn-primary { background-color: #4d359d; border-color: #4d359d; color: #ffffff; } .btn-primary:hover { background-color: #684770; border-color: #684770; } .btn-secondary { background-color: #684770; border-color: #684770; color: #ffffff; } .btn-secondary:hover { background-color: #4d359d; border-color: #4d359d; } .btn-success { background-color: #4caf50; border-color: #4caf50; color: #ffffff; } .btn-success:hover { background-color: #45a049; border-color: #45a049; } .btn-outline { background-color: transparent; border-color: #4d359d; color: #4d359d; } .btn-outline:hover { background-color: #4d359d; color: #ffffff; } .form-control { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #ffffff; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control:focus { border-color: #4d359d; outline: 0; box-shadow: 0 0 0 0.2rem rgba(77, 53, 157, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col { flex: 1 0 0%; padding-right: 15px; padding-left: 15px; } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } } 
/* source: custom.css */
 .form-field-wrapper { position: relative; flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 4px; } .form-field-wrapper > input.name, .form-field-wrapper > input.organisation { width: 100%; flex: none; } .myInterestVC.form-field-wrapper { display: inline-flex; border-radius: var(--br-6xs); width: 49%; height: 156px; min-height: 156px; } @media screen and (max-width: 960px) and (min-width: 601px) { .form-field-wrapper { min-width: 100%; width: 100%; } .myInterestVC.form-field-wrapper { width: 100%; min-width: 100%; } } @media screen and (max-width: 600px) and (min-width: 298px) { .form-field-wrapper { min-width: 100%; width: 100%; } .myInterestVC.form-field-wrapper { width: 100%; min-width: 100%; height: 130px; } } @media screen and (max-width: 297px) and (min-width: 100px) { .form-field-wrapper { min-width: 100%; width: 100%; } .myInterestVC.form-field-wrapper { width: 100%; min-width: 100%; height: 120px; } } .error-message { display: none; color: #d32f2f; font-size: 12px; margin-top: 4px; font-family: var(--font-heebo); line-height: 1.4; } .error-message:not(:empty), .error-message[role="alert"] { display: block; } input.error, textarea.error { border-color: #d32f2f !important; border-width: 2px !important; outline: 2px solid rgba(211, 47, 47, 0.2); outline-offset: 2px; } input.error:focus, textarea.error:focus { outline: 3px solid rgba(211, 47, 47, 0.3); outline-offset: 2px; } input[aria-invalid="true"], textarea[aria-invalid="true"] { border-color: #d32f2f !important; } .error-summary { background-color: #ffebee; border: 2px solid #d32f2f; border-radius: 4px; padding: 12px 16px; margin-bottom: 20px; color: #d32f2f; font-weight: 600; font-family: var(--font-heebo); font-size: 14px; } .error-summary:empty { display: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .iot-offerings { padding: 80px 0; background: #f8f9fa; } .offerings-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; } .offerings-title { text-align: center; margin-bottom: 60px; } .offerings-title h2 { font-size: 32px; font-weight: 700; color: #000000; margin: 0; font-family: Heebo-Bold, sans-serif; } @media (min-width: 1441px) { .offerings-title h2 { font-size: 36px; } } .offerings-grid { display: grid; gap: 20px; margin-top: 40px; } .offering-card { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; cursor: pointer; } .offering-card:hover { box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15); } .offering-image { position: relative; width: 100%; height: 391px; overflow: hidden; border-radius: 20px; } .offering-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; border-radius: 20px; } .offering-title-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 120px; background: rgba(0, 0, 0, 0.75); color: #ffffff; padding: 20px 24px; z-index: 2; transition: opacity 0.6s ease, visibility 0.6s ease; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .offering-title-overlay h3 { font-size: 24px; font-weight: 700; color: #ffffff; margin: 0; font-family: Heebo-Bold, sans-serif; line-height: 120%; } .offering-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000e6; opacity: 0.9; color: #ffffff; padding: 32px; transform: translateY(100%); transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.6s ease; backdrop-filter: blur(10px); z-index: 3; display: flex; flex-direction: column; justify-content: flex-start; visibility: hidden; pointer-events: none; } .offering-card:hover .offering-overlay { transform: translateY(0); visibility: visible; pointer-events: auto; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.6s ease; } .offering-card:hover .offering-title-overlay { opacity: 0; visibility: hidden; transition: opacity 0.6s ease, visibility 0.6s ease; } .offering-content { width: 100%; } .offering-content h3 { font-size: 18px; font-weight: 700; color: #ffffff; margin: 0 0 8px 0; font-family: Heebo-Bold, sans-serif; line-height: 1.2; } .offering-content p { font-size: 15px; line-height: 1.2; color: #ffffff; margin: 0; font-family: Heebo-Regular, sans-serif; opacity: 0.95; } .offering-mobile-content { display: none; padding: 20px 24px; background: #ffffff; } .offering-mobile-content h3 { margin: 0 0 15px 0; font-size: 20px; font-weight: 600; color: #000000; font-family: Heebo-Bold, sans-serif; line-height: 1.3; } .offering-mobile-content p { margin: 0; font-size: 16px; line-height: 1.5; color: #000000; font-family: Heebo-Regular, sans-serif; text-align: left; } @media (min-width: 1025px) { .iot-offerings .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .iot-offerings .offering-title-overlay { display: none !important; } .iot-offerings .offering-mobile-content { display: block; } .iot-offerings .offering-card { height: auto; } .iot-offerings .offering-image { height: 219px; padding: 20px; border-radius: 20px; padding-bottom: 0; } .iot-offerings .offering-card:hover { box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); transform: none; } } @media (max-width: 1224px) { .offering-title-overlay h3 { font-size: 16px; } .offering-overlay { padding: 16px; } } @media (max-width: 1024px) { .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .scalable-custom-built-iot { font-size: 36px; line-height: 1.2; letter-spacing: 0.2%; } .springct-provides-unique { font-size: 16px; line-height: 1.2; letter-spacing: 0.2%; } .offerings-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; } .images-icon { width: 500px; height: 500px; } .offering-image img { border-radius: 12px; } .offering-image { height: 280px; padding: 10px; border-radius: 16px; } .offering-overlay { padding: 24px; display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay h3 { font-size: 18px; } } @media (max-width: 768px) { .scalable-custom-built-iot { font-size: 24px; line-height: 1.2; letter-spacing: 0.2%; } .springct-provides-unique { font-size: 14px; line-height: 1.2; letter-spacing: 0.2%; } .iot-offerings { padding: 60px 0; } .offerings-title h2 { font-size: 36px; } .offerings-grid { grid-template-columns: 1fr; gap: 24px; } .offering-image { height: 250px; } .offering-overlay { padding: 20px; } .offering-content h3 { font-size: 16px; margin-bottom: 16px; } .offering-content p { font-size: 14px; } .offering-title-overlay h3 { font-size: 20px; } .offering-title-overlay { padding: 16px 20px; } } @media (max-width: 480px) { .iot-offerings { padding: 40px 0; } .offerings-title h2 { font-size: 28px; } .offerings-title { margin-bottom: 40px; } .offering-image { height: 220px; } .offering-overlay { padding: 16px; } .offering-title-overlay h3 { font-size: 18px; } .offering-title-overlay { padding: 12px 16px; } } .tech-stack { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 80px 0; } .tech-stack-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px; margin-top: 40px; } .tech-item { background: #ffffff; border-radius: 12px; padding: 24px; text-align: center; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; border: 1px solid rgba(76, 175, 80, 0.1); } .tech-item:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); } .tech-item .icon { width: 48px; height: 48px; background: linear-gradient(135deg, #4caf50, #8bc34a); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; color: #ffffff; font-size: 24px; } .tech-item .name { font-size: 16px; font-weight: 600; color: #333333; margin-bottom: 8px; } .tech-item .description { font-size: 14px; color: #666666; line-height: 1.4; } .process-flow { padding: 80px 0; background: #ffffff; } .process-steps { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 40px; position: relative; } .process-steps::before { content: ""; position: absolute; top: 40px; left: 60px; right: 60px; height: 2px; background: linear-gradient(90deg, #4caf50, #8bc34a, #cddc39); z-index: 1; } .process-step { flex: 1; text-align: center; position: relative; z-index: 2; } .process-step .step-number { width: 80px; height: 80px; background: linear-gradient(135deg, #4caf50, #8bc34a); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: #ffffff; font-size: 24px; font-weight: bold; box-shadow: 0 4px 16px rgba(76, 175, 80, 0.3); } .process-step .title { font-size: 18px; font-weight: 600; color: #333333; margin-bottom: 12px; } .process-step .description { font-size: 14px; color: #666666; line-height: 1.5; max-width: 200px; margin: 0 auto; } .metrics-dashboard { background: linear-gradient(135deg, #4d359d 0%, #684770 100%); padding: 80px 0; color: #ffffff; } .metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 32px; margin-top: 40px; } .metric-card { background: rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 32px; text-align: center; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .metric-card .number { font-size: 48px; font-weight: 800; color: #4caf50; margin-bottom: 16px; display: block; } .metric-card .label { font-size: 18px; font-weight: 600; color: #ffffff; margin-bottom: 12px; } .metric-card .description { font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 1.5; } .security-features { padding: 80px 0; background: #f8f9fa; } .security-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px; margin-top: 40px; } .security-card { background: #ffffff; border-radius: 16px; padding: 32px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); border-left: 4px solid #4caf50; transition: all 0.3s ease; } .security-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); } .security-card .icon { width: 56px; height: 56px; background: linear-gradient(135deg, #4caf50, #8bc34a); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; color: #ffffff; font-size: 28px; } .security-card .title { font-size: 20px; font-weight: 600; color: #333333; margin-bottom: 16px; } .security-card .description { font-size: 16px; color: #666666; line-height: 1.6; margin-bottom: 20px; } .security-card .features { list-style: none; } .security-card .features li { padding: 6px 0; color: #555555; position: relative; padding-left: 20px; font-size: 14px; } .security-card .features li::before { content: "🔒"; position: absolute; left: 0; font-size: 12px; } .case-study .case-study-imagesdefault { position: relative; overflow: hidden; } .case-study .case-study-imagesdefault::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 135deg, rgba(76, 175, 80, 0.1), rgba(139, 195, 74, 0.1) ); opacity: 0; } .case-study .case-study-imagesdefault:hover .overlay { opacity: 1; } .case-study .overlay .view-more { color: #ffffff; font-size: 18px; font-weight: 600; text-decoration: none; } .button, .button1 { position: relative; overflow: hidden; } .button::before, .button1::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transition: left 0.5s ease; } .button:hover::before, .button1:hover::before { left: 100%; } @media (max-width: 768px) { .process-steps { flex-direction: column; gap: 40px; } .process-steps::before { display: none; } .tech-stack-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; } .metrics-grid { grid-template-columns: 1fr; gap: 24px; } .security-grid { grid-template-columns: 1fr; gap: 24px; } } @media (max-width: 480px) { .tech-item { padding: 20px; } .process-step .step-number { width: 60px; height: 60px; font-size: 20px; } .metric-card { padding: 24px; } .metric-card .number { font-size: 36px; } } .case-study .cs { display: flex !important; gap: 24px; overflow-x: auto; padding: 20px 0; } .case-study .cs.tabContent-active { opacity: 1 !important; transform: none !important; } .case-study .case-study-imagesdefault { min-width: 218px; flex-shrink: 0; } 
/* source: index.css */
 :root { --font-size-base: 16px; --font-size-3xl: 18px; --font-size-33xl: 33px; --font-heebo: Heebo-Regular; --color-white: #ffffff; --padding-3xs: 12px; --padding-5xl: 32px; --padding-13xl: 80px; --padding-15xl: 34px; --padding-17xl: 36px; --padding-23xl: 42px; --padding-41xl: 60px; --padding-61xl: 80px; --padding-base: 16px; --padding-5xl: 24px; --padding-xl: 20px; --gap-3xs: 12px; --gap-9xs: 4px; --gap-23xl: 42px; --br-7xs: 4px; } .lets-connect { position: relative; font-size: var(--font-size-base); text-transform: uppercase; font-family: var(--font-heebo); color: var(--color-white); text-align: left; } .button, .button1 { position: relative; overflow: hidden; } .button::before, .button1::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transition: left 0.5s; } .button:hover::before, .button1:hover::before { left: 100%; } .icon-mediumicon-button-fille, .icon-mediumicon-button-fille1, .ic-previous { position: relative; overflow: hidden; } .icon-mediumicon-button-fille:hover::before, .icon-mediumicon-button-fille1:hover::before, .ic-previous:hover::before { width: 100%; height: 100%; } .tab-nav { position: relative; overflow: hidden; } .tab-nav::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background: #4d359d; transform: translateX(-50%); transition: width 0.3s ease; } .tab-nav:hover::before { width: 100%; } .tab-active::before { width: 100%; } @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-20px) rotate(180deg); } } .slider-dot-inner, .slider-dot-child { transition: all 0.3s ease; position: relative; } .slider-dot-inner::before, .slider-dot-child::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: #4d359d; border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.3s, height 0.3s; } .slider-dot-inner:hover::before, .slider-dot-child:hover::before { width: 100%; height: 100%; } .outer1, .outer2, .outer4 { position: relative; overflow: hidden; } .outer4 { padding: 0; } .outer1::before, .outer2::before, .outer4::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(77, 53, 157, 0.05), transparent ); transition: left 0.8s ease; } .outer1:hover::before, .outer2:hover::before, .outer4:hover::before { left: 100%; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .goTop { transition: all 0.3s ease; border-radius: 50%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .goTop:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); } .tab-content { opacity: 1; transform: none; } .tabContent-active { opacity: 1; transform: none; } @media (max-width: 1024px) { .banner::before { width: 200px; height: 200px; } } @media (max-width: 768px) { .banner::before { display: none; } .testimonials-card-quote .top::before { display: none; } } @media print { .banner, .button, .button1, .goTop { display: none !important; } .banner .text { color: #000000 !important; background: #ffffff !important; } } @media (prefers-contrast: high) { .banner { background: #000000 !important; color: #ffffff !important; } .button, .button1 { border: 2px solid #ffffff !important; } .testimonials-card-quote { border: 2px solid #000000 !important; } } .icon-next-previous .vector-icon7 { width: 24px !important; position: relative !important; height: 24px !important; overflow: hidden !important; flex-shrink: 0 !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } .ic-previous { cursor: pointer; border: none; padding: var(--padding-3xs) 0; width: 40px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 50px; height: 40px; overflow: hidden; flex-shrink: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; box-sizing: border-box; transition: all 0.3s ease; } .icon-next-previous { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; margin-top: 10px; padding-bottom: 10px; } .case-study1 { align-items: center; } #all-content { justify-content: flex-start !important; align-items: start !important; display: flex; flex-wrap: nowrap; gap: 24px; overflow-x: auto; scroll-behavior: smooth; padding: 20px 0; } .tab-content { overflow: scroll; scrollbar-width: none; -ms-overflow-style: none; } .tab-content::-webkit-scrollbar { display: none; } .case-study-imagesdefault { flex: 0 0 auto; min-width: 300px; max-width: 350px; } button:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } button:disabled .vector-icon7 { opacity: 0.5; } .case-studysec-inner-container { overflow: hidden; width: 100%; max-width: 944px; } @keyframes scrollCards { 0% { transform: translateX(0); } 100% { transform: translateX(-180%); } } .iot-offerings { padding: 80px 0; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); } .offerings-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .offerings-title { text-align: center; margin-bottom: 60px; } .offerings-title h2 { font-size: 48px; font-weight: 700; color: #2c3e50; margin: 0; font-family: "Heebo", sans-serif; position: relative; } .offerings-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 40px; } .offering-card { background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; } .offering-card:hover { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } #partners-section-banner { cursor: pointer; } .offering-image { position: relative; height: 100%; overflow: hidden; } .offering-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .offering-title-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); padding: 40px 20px 20px; color: white; } .offering-title-overlay h3 { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.3; font-family: "Heebo", sans-serif; } .offering-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(77, 53, 157, 0.95); color: white; padding: 30px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; overflow-y: auto; } .offering-card:hover .offering-overlay { opacity: 1; } .offering-content h3 { margin: 0 0 20px 0; font-size: 24px; font-weight: 700; font-family: "Heebo", sans-serif; text-align: left; } .offering-content p { margin: 0; font-size: 16px; line-height: 1.2; font-family: "Open Sans", sans-serif; text-align: justify; } .offering-mobile-content { display: none; padding: 20px; background: white; } .offering-mobile-content h3 { margin: 0 0 15px 0; font-size: 20px; font-weight: 600; color: #2c3e50; font-family: "Heebo", sans-serif; line-height: 1.3; } .offering-mobile-content p { margin: 0; font-size: 14px; line-height: 1.5; color: #666; font-family: "Open Sans", sans-serif; text-align: left; } @media screen and (max-width: 1024px) { .offerings-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; } .offering-card { height: auto; min-height: 450px; } .offerings-title h2 { font-size: 42px; } .offering-card:hover { transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .offering-image { height: 250px; } .offering-content h3 { font-size: 22px; } .offering-content p { font-size: 14px; } } @media screen and (max-width: 768px) { .iot-offerings { padding: 60px 0; } .offerings-container { padding: 0 15px; } .offerings-title { margin-bottom: 40px; } .offerings-title h2 { font-size: 36px; } .offerings-grid { grid-template-columns: 1fr; gap: 25px; margin-top: 30px; } .offering-card { height: auto; min-height: 400px; } .offering-card:hover { transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .offering-card:hover .offering-image img { transform: none; } .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .offering-image { height: 200px; } .offering-content h3 { font-size: 20px; margin-bottom: 15px; } .offering-content p { font-size: 14px; line-height: 1.2; } } @media screen and (max-width: 480px) { .iot-offerings { padding: 40px 0; } .offerings-container { padding: 0 10px; } .offerings-title { margin-bottom: 30px; } .offerings-title h2 { font-size: 28px; } .offerings-grid { gap: 20px; margin-top: 25px; } .offering-card { height: auto; min-height: 350px; border-radius: 15px; } .offering-card:hover { transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .offering-card:hover .offering-image img { transform: none; } .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .offering-image { height: 180px; } .offering-content h3 { font-size: 18px; margin-bottom: 12px; } .offering-content p { font-size: 13px; line-height: 1.4; } } @media screen and (max-width: 360px) { .offerings-title h2 { font-size: 24px; } .offering-card { height: auto; min-height: 300px; } .offering-card:hover { transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .offering-card:hover .offering-image img { transform: none; } .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .offering-image { height: 150px; } .offering-content h3 { font-size: 16px; } .offering-content p { font-size: 12px; } } @media screen and (max-height: 500px) and (orientation: landscape) { .iot-offerings { padding: 30px 0; } .offerings-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; } .offering-card { height: auto; min-height: 250px; } .offering-card:hover { transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .offering-card:hover .offering-image img { transform: none; } .offering-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; } .offering-title-overlay { display: none !important; } .offering-mobile-content { display: block; } .offering-image { height: 120px; } .offering-content h3 { font-size: 16px; } .offering-content p { font-size: 12px; } } @media screen and (max-width: 600px) { .case-studysec-inner-container { width: 100%; gap: 30px; } .icon-next-previous { gap: 15px; margin-top: 10px; } .ic-previous { width: 35px; height: 35px; } .icon-next-previous .vector-icon7 { width: 20px !important; height: 20px !important; } }