.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;
}

.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 {
  width: 100%;
  position: relative;
  display: inline-block;
  max-width: 1240px;
}

.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);
}

.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;
  }
}

@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;
    max-width: 1000px;
  }

  .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;
  }
}