/* 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-lg: 18px; --font-size-9xl: 28px; --font-size-5xl: 24px; --font-size-xl: 20px; --font-size-base: 16px; --font-size-15xl: 34px; --font-size-11xl: 30px; --font-size-7xl: 26px; --font-size-sm: 14px; --font-size-13xl: 32px; --font-size-3xl: 22px; --font-size-39xl: 58px; --font-size-21xl: 40px; --font-size-17xl: 36px; --font-size-29xl: 48px; --font-size-25xl: 44px; --font-size-xs: 12px; --background-background-primary: #fff; --color-dimgray: #4c5458; --color-darkslategray-100: #363f43; --color-darkslategray-200: #303638; --color-darkslategray-300: #1b3d2f; --color-gray-100: #1d1d1d; --color-gray-200: #0b0b0b; --color-gray-300: rgba(0, 0, 0, 0.72); --color-gray-400: rgba(255, 255, 255, 0.6); --color-gray-500: rgba(255, 255, 255, 0.8); --color-lightskyblue: #67b0e6; --color-skyblue: #8aebff; --color-firebrick: #cb2e31; --color-khaki: #fce681; --color-whitesmoke-100: #f4f4f4; --color-whitesmoke-200: #eaeaea; --color-olive: #907504; --color-black: #000; --color-mediumseagreen-100: #3db16c; --color-lightgray: #d7d7d7; --color-goldenrod: #d9b22b; --color-darkslateblue: #194c93; --color-aliceblue: #edf2fd; --gap-3xs: 10px; --gap-xl: 20px; --gap-21xl: 40px; --gap-11xl: 30px; --gap-5xl: 24px; --gap-base: 16px; --gap-xs: 12px; --gap-mini: 15px; --gap-9xl: 28px; --gap-9xs: 4px; --gap-10xs: 3px; --gap-5xs: 8px; --gap-7xs: 6px; --gap-13xl: 32px; --gap-17xl: 36px; --gap-11xs: 2px; --gap-693xl: 712px; --gap-12xl: 31px; --padding-xl: 20px; --padding-121xl: 140px; --padding-45xl: 64px; --padding-17xl: 36px; --padding-11xl: 30px; --padding-base: 16px; --padding-29xl: 48px; --padding-3xs: 10px; --padding-5xl: 24px; --padding-xs: 12px; --padding-41xl: 60px; --padding-21xl: 40px; --padding-131xl: 150px; --padding-5xs: 8px; --padding-9xs: 4px; --padding-7xs: 6px; --padding-10xs: 3px; --padding-61xl: 80px; --padding-77xl: 96px; --padding-15xl: 34px; --padding-11xs: 2px; --padding-sm: 14px; --padding-8xs: 5px; --padding-mid: 17px; --padding-lg: 18px; --padding-smi: 13px; --padding-2xs: 11px; --br-5xl: 24px; --br-5xs: 8px; --br-81xl: 100px; --br-9xs: 4px; --br-xs: 12px; --br-8xs: 5px; --br-11xs: 2px; --br-7xs: 6px; } 
/* source: index.css */
.mobile-image-icon { width: 556px; max-width: 100%; overflow: hidden; max-height: 100%; object-fit: contain; display: none; height: auto; z-index: 2; } .harness-the-power { align-self: stretch; position: relative; letter-spacing: 0.02em; line-height: 60px; font-weight: 700; } .empowering-development-with { width: 100%; position: relative; font-size: var(--font-size-xl); letter-spacing: 0.02em; line-height: 26px; display: inline-block; max-width: 667px; } .text { align-self: stretch; flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 500px 0 0; box-sizing: border-box; gap: var(--gap-xs); max-width: 1240px; width: 100%; z-index: 1; } .banner, .image-icon { height: 508px; overflow: hidden; flex-shrink: 0; } .image-icon { width: 508px; position: absolute; object-fit: cover; right: 100px; z-index: 0; } .banner { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; padding: 0 var(--padding-121xl); padding-top: 75px; box-sizing: border-box; position: relative; gap: var(--gap-3xs); background-image: url(./public/Banner_BG.webp); background-size: cover; background-repeat: no-repeat; background-position: top; color: var(--background-background-primary); } .the-success-of { line-height: 125%; position: relative; display: inline-block; max-width: 1240px; text-align: center; width: 100%; } .success-of-automation { flex: 1; position: relative; line-height: 36px; font-weight: 500; } .qa .title { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; padding: var(--padding-5xl) 0 var(--padding-xs); padding: 0 var(--padding-xl) var(--padding-xl) 0; } .union-icon { width: 38px; position: relative; height: 38px; } .kpis-icon { width: 62px; height: 62px; overflow: hidden; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--padding-3xs); box-sizing: border-box; } .defect-detection-rate { align-self: stretch; position: relative; font-weight: 500; } .the-number-of { align-self: stretch; position: relative; font-size: var(--font-size-xl); } .success-title-description, .uasd-01 { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .uasd-01 { align-self: stretch; border-radius: var(--br-xs); background-color: var(--color-skyblue); flex-direction: row; justify-content: flex-start; padding: var(--padding-5xl) var(--padding-xs); gap: var(--gap-xs); } .kpis-icon-child { width: 36.5px; position: relative; height: 41.1px; object-fit: cover; } .union-icon1 { width: 32.5px; position: relative; height: 39.5px; } .uasd-first-row { align-self: stretch; height: auto; display: grid; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: var(--gap-5xl); grid-template-columns: repeat(3, 1fr); grid-auto-rows: max-content; } .union-icon2, .qa .vector-icon { width: 38px; position: relative; height: 42px; } .union-icon2 { width: 36px; height: 40.5px; } .uasd-content, .uasd-first-row1 { align-self: stretch; gap: var(--gap-5xl); } .uasd-first-row1 { height: auto; display: grid; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; padding: 0 var(--padding-131xl); box-sizing: border-box; grid-template-columns: repeat(2, 1fr); grid-auto-rows: max-content; } .uasd-content { text-align: left; font-size: var(--font-size-3xl); color: var(--color-dimgray); } .inner-blue-box, .introduction, .uasd-content { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .inner-blue-box { width: 100%; border-radius: var(--br-5xl); padding: 0 0 var(--padding-29xl); box-sizing: border-box; gap: var(--gap-3xs); max-width: 1240px; font-size: var(--font-size-7xl); color: var(--color-darkslategray-100); } .introduction { align-self: stretch; padding: var(--padding-41xl) 0 0; gap: var(--gap-9xl); text-align: center; font-size: var(--font-size-3xl); color: var(--color-dimgray); } .title-ensure-quality { flex: 1; position: relative; line-height: 50px; } .title1 { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; padding: var(--padding-29xl) 0 var(--padding-5xl); } .icon { width: 62px; position: relative; border-radius: var(--br-5xs); height: 62px; overflow: hidden; flex-shrink: 0; z-index: 1; } .description { flex: 1; position: relative; font-weight: 500; z-index: 0; } .ensure-quality-icon-descriptio { flex: 1; overflow: hidden; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-mini); } .icon1 { width: 62px; position: relative; height: 62px; z-index: 1; } .group-child, .group-item { position: absolute; height: 47.42%; width: 5.43%; top: 25.54%; right: 45.93%; bottom: 27.04%; left: 48.64%; background-color: var(--background-background-primary); } .group-item { height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--br-9xs); background-color: var(--color-lightskyblue); border: 2px solid var(--background-background-primary); box-sizing: border-box; } .group-inner, .rectangle-div { position: absolute; height: 27.48%; width: 8.14%; top: 36.64%; right: 78.28%; bottom: 35.88%; left: 13.57%; border-radius: var(--br-81xl); background-color: var(--background-background-primary); } .rectangle-div { height: 18.32%; width: 56.79%; top: 41.22%; right: 13.57%; bottom: 40.46%; left: 29.64%; } .group-div, .rectangle-container, .rectangle-group { position: absolute; height: 28.11%; width: 100%; top: 0; right: 0; bottom: 71.89%; left: 0; } .group-div, .rectangle-container { top: 35.84%; bottom: 36.05%; } .group-div { top: 71.67%; bottom: 0.21%; } .rectangle-parent { position: absolute; height: 75.16%; width: 71.29%; top: 12.9%; right: 14.19%; bottom: 11.94%; left: 14.52%; } .icon3, .icon4, .icon5 { width: 62px; position: relative; height: 62px; z-index: 1; } .icon3 { border-radius: var(--br-5xs); background-color: var(--color-lightskyblue); overflow: hidden; flex-shrink: 0; } .icon4, .icon5 { object-fit: cover; } .icon5 { border-radius: var(--br-5xs); overflow: hidden; flex-shrink: 0; } .eq-first-row { width: 100%; overflow: hidden; display: grid; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: var(--gap-5xl); max-width: 1240px; grid-template-columns: repeat(3, 1fr); } .ensure-quality-content { align-self: stretch; justify-content: flex-start; text-align: left; font-size: var(--font-size-lg); color: var(--color-dimgray); } .combine-box-one, .ensure-quality-content, .inner-gray-box { display: flex; flex-direction: column; align-items: center; } .inner-gray-box { width: 100%; border-radius: var(--br-5xl); background-color: #fafafa; justify-content: flex-start; padding: 0 var(--padding-xl) var(--padding-29xl); box-sizing: border-box; gap: var(--gap-3xs); max-width: 1240px; height: auto; } .combine-box-one { align-self: stretch; justify-content: center; padding: 100px 0; background-image: url(./public/BG.webp); background-size: cover; background-repeat: no-repeat; background-position: top; } .uasd-child { width: 38.8px; position: relative; height: 38.8px; } .uasd { width: 62px; height: 62px; overflow: hidden; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--padding-3xs); box-sizing: border-box; } .iot-sampler-for { align-self: stretch; position: relative; font-weight: 500; } .we-generated-realistic { align-self: stretch; position: relative; font-size: var(--font-size-lg); } .iot-sampler-for-generating-dat-parent { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--gap-xs); } .div, .success-automation-points { overflow: hidden; display: flex; flex-direction: row; justify-content: flex-start; } .div { align-self: stretch; align-items: flex-start; gap: var(--gap-base); } .success-automation-points { width: 950px; align-items: center; max-width: 950px; } .uasd-inner, .uasd-item { width: 49.1px; position: relative; height: 38.9px; } .uasd-inner { width: 36.5px; height: 47.9px; } .group-icon, .uasd-child1 { width: 46.3px; position: relative; height: 30.3px; } .uasd-child1 { width: 52.8px; height: 29.8px; } .frame-quality-solution, .uniqueautomation { flex-direction: column; justify-content: center; } .uniqueautomation { width: 100%; display: grid; align-items: flex-start; padding: 0 var(--padding-xl) var(--padding-xl); box-sizing: border-box; gap: var(--gap-21xl); max-width: 1240px; grid-template-columns: repeat(2, 1fr); column-gap: 20px; grid-auto-rows: max-content; height: auto; margin-top: -10px; text-align: left; font-size: var(--font-size-xl); color: var(--color-darkslategray-200); } .frame-quality-solution { align-self: stretch; display: flex; align-items: center; gap: 20px; text-align: center; font-size: var(--font-size-13xl); } .title-area-of { position: relative; line-height: 50px; } .title2 { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; padding: var(--padding-29xl) 0 var(--padding-3xs); } .scalability-for-media { align-self: stretch; height: 34px; position: relative; line-height: 34px; display: inline-block; } .image-icon1 { width: 272px; height: 213px; overflow: hidden; flex-shrink: 0; object-fit: cover; max-width: 360px; z-index: 1; } .us-based-client { margin: 0; } .us-based-client-container { align-self: stretch; position: relative; } .case-study-4, .image-and-description, .textset { display: flex; align-items: flex-start; justify-content: flex-start; } .textset { flex: 1; flex-direction: column; gap: var(--gap-xl); z-index: 0; } .case-study-4, .image-and-description { align-self: stretch; } .image-and-description { overflow: hidden; flex-direction: row; gap: var(--gap-5xl); font-size: var(--font-size-lg); color: var(--color-dimgray); } .case-study-4 { flex-direction: column; gap: var(--gap-3xs); } .for-load-testing1 { align-self: stretch; position: relative; } .all-case-studies { align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 48px; font-size: var(--font-size-9xl); } .area-of-expertise { width: 100%; border-radius: var(--br-5xl); padding: 0 0 var(--padding-29xl); box-sizing: border-box; gap: var(--gap-3xs); max-width: 1240px; } .area-of-expertise, .case-studies, .qa { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .case-studies { align-self: stretch; padding: var(--padding-xl) 0 0; font-size: var(--font-size-15xl); } .qa { width: 100%; position: relative; background-color: var(--background-background-primary); overflow: hidden; text-align: left; font-size: var(--font-size-39xl); color: var(--color-darkslategray-100); font-family: var(--font-heebo); } @media screen and (max-width: 1920px) and (min-width: 1601px) { .combine-box-one, .introduction { padding-left: var(--padding-121xl); padding-right: var(--padding-121xl); box-sizing: border-box; } .case-study-4 { flex-direction: column; } .case-studies { padding-left: var(--padding-121xl); padding-right: var(--padding-121xl); box-sizing: border-box; } } @media screen and (max-width: 1600px) and (min-width: 1367px) { .banner { padding-left: var(--padding-121xl); padding-right: var(--padding-121xl); box-sizing: border-box; } .the-success-of { font-size: var(--font-size-lg); } .success-of-automation { font-size: var(--font-size-5xl); } .defect-detection-rate { font-size: var(--font-size-xl); } .the-number-of { font-size: var(--font-size-lg); } .introduction { padding-left: var(--padding-121xl); padding-right: var(--padding-121xl); box-sizing: border-box; } .title-ensure-quality { font-size: var(--font-size-11xl); } .combine-box-one { padding-left: var(--padding-121xl); padding-right: var(--padding-121xl); box-sizing: border-box; } .title-area-of { font-size: var(--font-size-11xl); } .case-studies { padding-left: var(--padding-121xl); padding-right: var(--padding-121xl); box-sizing: border-box; } } @media screen and (max-width: 1366px) and (min-width: 1281px) { .harness-the-power { font-size: 46px; line-height: 48px; } .empowering-development-with { font-size: var(--font-size-xl); line-height: 24px; } .banner { padding-left: var(--padding-45xl); box-sizing: border-box; } .the-success-of { font-size: var(--font-size-lg); } .success-of-automation { font-size: var(--font-size-3xl); line-height: 32px; } .defect-detection-rate { font-size: var(--font-size-xl); } .the-number-of { font-size: var(--font-size-lg); } .introduction { padding-left: var(--padding-45xl); padding-right: var(--padding-45xl); box-sizing: border-box; } .title-ensure-quality { font-size: var(--font-size-11xl); line-height: 40px; } .combine-box-one { padding-left: var(--padding-45xl); padding-right: var(--padding-45xl); box-sizing: border-box; } .iot-sampler-for, .we-generated-realistic { font-size: var(--font-size-base); line-height: 20px; } .title-area-of { font-size: var(--font-size-11xl); line-height: 40px; } .scalability-for-media { font-size: var(--font-size-5xl); line-height: 30px; } .case-studies { padding-left: var(--padding-45xl); padding-right: var(--padding-45xl); box-sizing: border-box; } } @media screen and (max-width: 1280px) and (min-width: 961px) { .harness-the-power { font-size: 38px; line-height: 40px; } .empowering-development-with { font-size: var(--font-size-xl); line-height: 24px; } .banner, .text { box-sizing: border-box; } .text { gap: var(--gap-xs); padding-left: 0; } .banner { padding-left: var(--padding-45xl); } .the-success-of { font-size: var(--font-size-lg); } .success-of-automation { font-size: var(--font-size-3xl); line-height: 32px; } .defect-detection-rate { font-size: var(--font-size-xl); } .the-number-of { font-size: var(--font-size-lg); } .uasd-first-row, .uasd-first-row1 { display: grid; grid-template-columns: repeat (4, 1ftr); gap: var(--gap-5xl); } .uasd-first-row1 { grid-template-columns: repeat (2, 1ftr); } .inner-blue-box { max-width: 1240px; } .introduction { align-items: center; justify-content: flex-start; padding-left: var(--padding-45xl); padding-right: var(--padding-45xl); box-sizing: border-box; } .title-ensure-quality { font-size: var(--font-size-11xl); line-height: 40px; } .eq-first-row { align-items: flex-start; justify-content: center; } .combine-box-one { padding-left: var(--padding-45xl); padding-right: var(--padding-45xl); box-sizing: border-box; } .iot-sampler-for, .we-generated-realistic { font-size: var(--font-size-base); line-height: 20px; } .title-area-of { font-size: var(--font-size-11xl); line-height: 40px; } .scalability-for-media { font-size: var(--font-size-5xl); line-height: 30px; } .case-studies { padding-left: var(--padding-45xl); padding-right: var(--padding-45xl); box-sizing: border-box; } .uniqueautomation { padding-left: var(--padding-45xl); padding-right: var(--padding-45xl); } } @media screen and (max-width: 1200px) { .frame-quality-solution { height: auto; } .case-study-4 { gap: var(--gap-3xs); } } @media screen and (max-width: 960px) and (min-width: 601px) { .mobile-image-icon { display: flex; min-height: 300px; } .harness-the-power { font-size: var(--font-size-21xl); line-height: 42px; text-align: center; } .empowering-development-with { font-size: var(--font-size-base); line-height: 20px; text-align: center; max-width: 1000px; } .text { height: auto; align-items: center; justify-content: center; padding: 0 var(--padding-3xs) var(--padding-11xl) 0; box-sizing: border-box; flex: unset; align-self: stretch; } .image-icon { display: none; } .banner { height: auto; flex-direction: column; gap: var(--gap-3xs); align-items: center; justify-content: flex-end; padding: 0 var(--padding-17xl) 50px; padding-top: 75px; box-sizing: border-box; } .the-success-of { font-size: var(--font-size-lg); } .success-of-automation { font-size: var(--font-size-3xl); line-height: 30px; } .defect-detection-rate { font-size: var(--font-size-lg); } .the-number-of { font-size: var(--font-size-base); } .uasd-01 { min-height: 80px; max-height: 350px; } .uasd-first-row, .uasd-first-row1 { padding-left: 0; padding-right: 0; box-sizing: border-box; display: grid; grid-template-columns: repeat(1, 1fr); gap: var(--gap-5xl); } .inner-blue-box { padding-top: var(--padding-29xl); padding-bottom: var(--padding-5xl); box-sizing: border-box; max-width: 1240px; } .introduction { padding-left: var(--padding-17xl); padding-top: var(--padding-21xl); padding-right: var(--padding-17xl); box-sizing: border-box; } .title-ensure-quality { font-size: var(--font-size-7xl); line-height: 40px; } .description { font-size: var(--font-size-base); line-height: 20px; } .ensure-quality-icon-descriptio { flex: 1; flex-direction: row; } .eq-first-row { padding-left: var(--padding-xl); padding-right: var(--padding-xl); box-sizing: border-box; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-5xl); } .eq-first-row, .inner-gray-box { max-width: 1240px; } .combine-box-one { align-items: center; justify-content: flex-start; padding-left: var(--padding-17xl); padding-top: 90px; padding-right: var(--padding-17xl); box-sizing: border-box; } .iot-sampler-for, .we-generated-realistic { font-size: var(--font-size-base); line-height: 20px; } .frame-quality-solution { gap: -20px; } .title-area-of { font-size: var(--font-size-7xl); line-height: 40px; } .scalability-for-media { font-size: var(--font-size-xl); line-height: 26px; } .image-icon1 { width: 100%; height: auto; } .textset { flex: unset; align-self: stretch; } .image-and-description { flex-direction: column; } .area-of-expertise { max-width: 1240px; } .case-studies { align-items: center; justify-content: flex-start; padding-left: var(--padding-17xl); padding-top: var(--padding-11xl); padding-right: var(--padding-17xl); box-sizing: border-box; } } @media screen and (max-width: 600px) and (min-width: 298px) { .mobile-image-icon { display: flex; min-height: 260px; } .harness-the-power { font-size: var(--font-size-11xl); line-height: 32px; text-align: center; } .empowering-development-with { font-size: var(--font-size-base); line-height: 20px; text-align: center; } .text { height: auto; gap: var(--gap-xs); align-items: center; justify-content: flex-end; padding: 0 0 var(--padding-xl); box-sizing: border-box; flex: unset; align-self: stretch; } .image-icon { display: none; } .banner { height: auto; flex-direction: column; align-items: center; justify-content: flex-end; padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; } .the-success-of { font-size: var(--font-size-base); } .success-of-automation { font-size: var(--font-size-xl); line-height: 24px; } .defect-detection-rate { font-size: var(--font-size-lg); } .the-number-of { font-size: var(--font-size-base); } .uasd-01 { flex-direction: row; gap: var(--gap-9xs); align-items: center; justify-content: flex-start; padding-top: var(--padding-9xs); padding-bottom: var(--padding-9xs); box-sizing: border-box; min-height: 80px; } .uasd-first-row, .uasd-first-row1 { align-items: flex-start; justify-content: flex-start; display: grid; grid-template-columns: repeat(1, 1fr); } .uasd-first-row { gap: var(--gap-xs); } .uasd-first-row1 { align-self: stretch; width: auto; padding-left: 0; padding-right: 0; box-sizing: border-box; } .uasd-content, .uasd-first-row1 { gap: var(--gap-xs); } .inner-blue-box { padding-top: var(--padding-3xs); padding-bottom: var(--padding-5xl); box-sizing: border-box; max-width: 1240px; } .introduction { padding-left: var(--padding-base); padding-top: var(--padding-xl); padding-right: var(--padding-base); box-sizing: border-box; } .title-ensure-quality { font-size: var(--font-size-5xl); line-height: 30px; } .title1 { padding-top: var(--padding-5xl); padding-bottom: var(--padding-xs); box-sizing: border-box; } .description { font-size: var(--font-size-base); line-height: 20px; text-align: left; } .ensure-quality-icon-descriptio { flex-direction: row; max-width: 550px; } .ensure-quality-content, .ensure-quality-icon-descriptio, .eq-first-row { align-items: flex-start; justify-content: flex-start; } .eq-first-row { flex-direction: row; gap: var(--gap-5xl); padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; display: grid; grid-template-columns: repeat(1, 1fr); height: auto; } .ensure-quality-content { flex-direction: column; gap: var(--gap-11xl); } .inner-gray-box { gap: var(--gap-xl); padding-bottom: var(--padding-11xl); box-sizing: border-box; } .combine-box-one { gap: var(--gap-11xl); padding-left: var(--padding-base); padding-top: var(--padding-11xl); padding-right: var(--padding-base); box-sizing: border-box; } .uasd { padding-top: var(--padding-3xs); padding-bottom: var(--padding-3xs); box-sizing: border-box; } .iot-sampler-for, .we-generated-realistic { font-size: var(--font-size-base); line-height: 20px; text-align: left; } .uniqueautomation { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 20px; grid-auto-rows: max-content; } .title-area-of { font-size: var(--font-size-5xl); line-height: 30px; } .title2 { padding-top: var(--padding-5xl); box-sizing: border-box; } .scalability-for-media { font-size: var(--font-size-xl); line-height: 24px; } .image-icon1 { width: 100%; height: auto; max-width: 600px; } .textset { flex: unset; align-self: stretch; } .image-and-description { flex-direction: column; align-items: center; justify-content: flex-start; } .case-study-4 { flex-direction: column; } .all-case-studies { gap: var(--gap-21xl); } .area-of-expertise { gap: var(--gap-xl); } .case-studies { padding-left: var(--padding-base); padding-top: var(--padding-11xl); padding-right: var(--padding-base); box-sizing: border-box; } } @media screen and (max-width: 420px) { .image-icon1 { width: 100%; } .case-study-4 { padding-left: var(--padding-base); padding-top: 0; padding-right: var(--padding-base); box-sizing: border-box; } } @media screen and (max-width: 297px) and (min-width: 100px) { .mobile-image-icon { display: flex; min-height: 200px; } .harness-the-power { font-size: var(--font-size-3xl); line-height: 28px; text-align: center; } .empowering-development-with { font-size: var(--font-size-sm); line-height: 18px; text-align: center; } .text { gap: var(--gap-xs); align-items: center; justify-content: flex-end; padding: 0 0 var(--padding-xs); box-sizing: border-box; flex: unset; align-self: stretch; } .image-icon { display: none; } .banner { height: 400px; flex-direction: column; padding-left: var(--padding-3xs); padding-right: var(--padding-3xs); box-sizing: border-box; } .the-success-of { font-size: var(--font-size-sm); } .success-of-automation { font-size: var(--font-size-xl); line-height: 26px; text-align: center; } .title { padding-left: var(--padding-5xl); padding-right: var(--padding-5xl); padding-bottom: 0; box-sizing: border-box; } .defect-detection-rate { font-size: var(--font-size-base); } .the-number-of { font-size: var(--font-size-sm); } .uasd-01 { flex-direction: row; gap: var(--gap-9xs); padding-top: var(--padding-7xs); padding-bottom: var(--padding-9xs); box-sizing: border-box; min-height: 80px; max-height: 300px; } .uasd-first-row, .uasd-first-row1 { gap: var(--gap-xs); padding-left: var(--padding-5xs); padding-right: var(--padding-5xs); box-sizing: border-box; display: grid; grid-template-columns: repeat(1, 1fr); } .uasd-content { gap: var(--gap-xs); } .inner-blue-box { padding-top: var(--padding-3xs); padding-bottom: var(--padding-5xl); box-sizing: border-box; max-width: 1240px; } .introduction { padding-top: var(--padding-xl); box-sizing: border-box; } .title-ensure-quality { font-size: var(--font-size-3xl); line-height: 30px; } .title1 { padding-top: var(--padding-5xl); padding-bottom: var(--padding-xs); box-sizing: border-box; } .description { font-size: var(--font-size-base); line-height: 20px; text-align: center; } .ensure-quality-icon-descriptio { align-items: center; justify-content: flex-start; } .eq-first-row { padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; display: grid; grid-template-columns: repeat(1, 1fr); } .ensure-quality-content, .eq-first-row { gap: var(--gap-5xl); } .inner-gray-box { padding-left: 0; padding-right: 0; padding-bottom: var(--padding-5xl); box-sizing: border-box; } .combine-box-one { gap: var(--gap-base); padding-left: var(--padding-3xs); padding-top: var(--padding-base); padding-right: var(--padding-3xs); box-sizing: border-box; } .iot-sampler-for, .we-generated-realistic { font-size: var(--font-size-sm); line-height: 18px; text-align: center; } .uniqueautomation { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 20px; grid-auto-rows: max-content; } .title-area-of { font-size: var(--font-size-5xl); line-height: 30px; } .scalability-for-media { font-size: var(--font-size-base); line-height: 22px; text-align: center; } .image-icon1 { width: 100%; height: auto; max-width: 400px; } .textset { flex: unset; align-self: stretch; } .image-and-description { flex-direction: column; gap: var(--gap-5xl); align-items: center; justify-content: flex-start; } .all-case-studies { gap: var(--gap-11xl); } .area-of-expertise { padding-left: 0; padding-right: 0; box-sizing: border-box; } .case-studies { padding-top: 0; box-sizing: border-box; } } 
/* 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: 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; }