:root {
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
      "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
      "Source Han Sans CN", sans-serif;
  }

  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  :root{
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
      "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
      "Source Han Sans CN", sans-serif;
  }

  .main-container1D {
    position: relative;
    width: 557px;
    height: 721px;
    margin: 0 auto;
    overflow: hidden;
  }
  .flex-row1D {
    position: relative;
    width: 500.082px;
    height: 72.79px;
    margin: 10.402px 0 0 31px;
    z-index: 41;
  }
  .group1D {
    position: absolute;
    width: 122px;
    height: 72.79px;
    top: 0;
    left: 379.573px;
    background: url(../Images/page1/fb0881e4-1500-4b15-927b-0bb2755760f8.webp)
      no-repeat center;
    background-size: cover;
    z-index: 41;
  }
  .vector1D {
    position: absolute;
    width:68px;
    height: 48.543px;
    top: 14.749px;
    left: 0;
    background: url(../Images/page1/14c27d07-4d7e-453d-9507-4633bb83fbf0.webp)
      no-repeat center;
    background-size: cover;
    z-index: 36;
  }
  .vector-11D {
    position: relative;
    width: 60px;
    height: 40.825px;
    margin: 3.871px 0 0 3.543px;
    background: url(../Images/page1/7bfc73c4-87a0-4cf9-893b-29526490bd2d.webp)
      no-repeat center;
    background-size: cover;
    z-index: 39;
    overflow: visible auto;
  }
  .vector-21D {
    position: relative;
    width: 51px;
    height: 25.673px;
    margin: 7.6px 0 0 5.533px;
    background: url(../Images/page1/39671006-e944-447d-a732-74acacf5476d.webp)
      no-repeat center;
    background-size: cover;
    z-index: 37;
  }
  .vector-31D {
    position: absolute;
    width:1px;
    height: 39.97px;
    top: 19.048px;
    left: 79.477px;
    background: url(../Images/page1/9608e1fb-8aa8-4d46-bd4b-93f8e109df9e.webp)
      no-repeat center;
    background-size: cover;
    z-index: 40;
  }
  .vector-41D {
    position: absolute;
    width:79px;
    height: 32.37px;
    top: 26.669px;
    left: 87.373px;
    background: url(../Images/page1/a6184443-46ab-4a8c-8f0b-10327bd90dad.webp)
      no-repeat center;
    background-size: cover;
    z-index: 34;
  }
  .flex-row-ca1D {
    position: relative;
    width: 486.995px;
    height: 318.816px;
    margin: 27.992px 0 0 31.404px;
    z-index: 44;
  }
  .contactless-water-purifier1D {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 333px;
    height: 46px;
    top: 0;
    left: 12.342px;
    color: #202436;
    font-family: Ebrima, var(--default-font-family);
    font-size: 18.17036247253418px;
    font-weight: 700;
    line-height: 23.183px;
    text-align: left;
    z-index: 7;
  }
  .vector-51D {
    position: absolute;
    width: 6px;
    height: 80.375px;
    top: 2.05px;
    left: 0;
    background: url(../Images/page1/35195bd9-0ed5-4bad-aa22-c520b7d70661.webp)
      no-repeat center;
    background-size: cover;
    z-index: 2;
  }
  .image1D {
    position: absolute;
    width:127px;
    height: 283px;
    top: 35.815px;
    left: 362.728px;
    background: url(../Images/page1/1c7b85012a65f731d1824a7f46f6b7fe4ba94b8b.webp)
      no-repeat center;
    background-size: cover;
    z-index: 28;
  }
  .rectangle1D {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 248.815px;
    left: 13.596px;
    z-index: 42;
    overflow: hidden;
  }
  
  .vector-71D {
    position: absolute;
    width: 99%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../Images/page1/6bc22e20-9791-4e4d-8440-5cb7c0948f78.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 43;
  }
  
  .degree1D {
    position: absolute;
    width: 50%;
    height: 42.07%;
    top: 12.5%;
    left: 26.56%;
    background: url(../Images/page1/8867d05a-d068-4619-b483-bfe631e08fdb.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 45;
  }
  
  .view-in-d1D {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    width: 36.497px;
    height: 31.16%;
    top: 58.43%;
    left: 21.88%;
    color: #202436;
    font-family: Ebrima, var(--default-font-family);
    font-size: 10.293997764587402px;
    font-weight: 700;
    line-height: 9.826px;
    text-align: center;
    text-overflow: initial;
    letter-spacing: 0.1px;
    z-index: 44;
    overflow: hidden;
  }
  
  .rectangle-81D {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 248.815px;
    left: 100.596px;
    z-index: 46;
    overflow: hidden;
  }
  
  .vector-911D {
    position: absolute;
    width:100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../Images/page1/3bc9a0da-1cbd-4701-88e3-dee3b231c94e.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 47;
  }
  
  .dbrand1D {
    position: absolute;
    width: 37%;
    height: 32.84%;
    top: 15.63%;
    left: 31.25%;
    background: url(../Images/page1/a69e1f30-3e7b-4a4e-a774-258a623a46f5.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 49;
  }
  
  .click-to-explore1D {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    width: 41px;
    height: 31.34%;
    top: 57.35%;
    left: 18.75%;
    color: #202436;
    font-family: Ebrima, var(--default-font-family);
    font-size: 10.352941513061523px;
    font-weight: 700;
    line-height: 9.882px;
    text-align: center;
    text-overflow: initial;
    letter-spacing: 0.1px;
    z-index: 48;
    overflow: hidden;
  }
  .fully-automatic-with-micro-controller1D {
    position: absolute;
    width: 152px;
    height: 34px;
    top: 52.46px;
    left: 13.705px;
    font-family: Inter, var(--default-font-family);
    font-size: 11.582158088684082px;
    font-weight: 700;
    line-height: 14.013px;
    text-align: left;
    text-overflow: initial;
    white-space: nowrap;
    z-index: 8;
  }
  .f1D {
    position: relative;
    color: #434242;
    font-family: Poppins, var(--default-font-family);
    font-size: 11.582158088684082px;
    font-weight: 300;
    line-height: 14.013px;
    text-align: left;
  }
  .fully-automatic-with-micro-controller-support1D {
    position: relative;
    color: #434242;
    font-family: Poppins, var(--default-font-family);
    font-size: 11.582158088684082px;
    font-weight: 300;
    line-height: 14.013px;
    text-align: left;
    text-transform: lowercase;
  }
  .image-61D {
    position: absolute;
    width: 116px;
    height: 264.554px;
    top: 54.262px;
    left: 227.596px;
    background: url(../Images/page1/b31cdd5964157dfc82638fa5a6c31f3b786c5a0c.webp)
      no-repeat center;
    background-size: cover;
    z-index: 29;
  }
  .yet-another-innovate-product1D {
    position: absolute;
    width: 119px;
    height: 104px;
    top: 125.479px;
    left: 12.705px;
    font-family: Inter, var(--default-font-family);
    font-size: 17.489059448242188px;
    font-weight: 700;
    line-height: 21.166px;
    text-align: left;
    text-overflow: initial;
    white-space: nowrap;
    z-index: 9;
  }
  .yet-another-innovate-product-from1D {
    position: relative;
    color: #202436;
    font-family: Poppins, var(--default-font-family);
    font-size: 17.489059448242188px;
    font-weight: 300;
    line-height: 21.166px;
    text-align: left;
  }
  .empty1D {
    position: relative;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 17.489059448242188px;
    font-weight: 700;
    line-height: 21.166px;
    text-align: left;
  }
  .conway1D {
    position: relative;
    color: #202436;
    font-family: Poppins, var(--default-font-family);
    font-size: 17.489059448242188px;
    font-weight: 600;
    line-height: 21.166px;
    text-align: left;
  }

  .d1D {
    position: absolute;
    width: 26px;
    height: 24px;
    top: 260.815px;
    left: 133.596px;
    background: url(../Images/page1/ba5432f1636ed13887b0e6c1898e18ae32162ab4.webp)
      no-repeat center;
    background-size: cover;
    z-index: 42;
  }
  .flex-row-a1D {
    position: relative;
    width: 557.945px;
    height: 13px;
    margin: 14px 0 0 0;
    z-index: 32;
  }
  .conway-hygienic-healthy-safe1D {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 13px;
    top: 0;
    left: 288.928px;
    color: #3ac1dd;
    font-family: Inter, var(--default-font-family);
    font-size: 10.423942565917969px;
    font-weight: 700;
    line-height: 12.615px;
    text-align: left;
    white-space: nowrap;
    z-index: 22;
  }
  .design1D {
    position: absolute;
    width:286px;
    height: 8px;
    top: 2px;
    left: 0;
    background: url(../Images/page1/cc178c0e0960f96409577c2b163e58e6c3aa4b34.webp)
      no-repeat center;
    background-size: cover;
    z-index: 32;
  }
  .design-71D {
    position: absolute;
    width: 39px;
    height: 8px;
    top: 2px;
    left: 520.611px;
    background: url(../Images/page1/d32b280e37c907ffb9cf928e917650a81eddbe43.webp)
      no-repeat center;
    background-size: cover;
    z-index: 31;
  }
  .flex-row-e1D {
    position: relative;
    width: 425.332px;
    height: 30px;
    margin: 7px 0 0 39px;
    z-index: 12;
  }
  .uv-ozone-purification1D {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 415px;
    height: 30px;
    top: 0;
    left: 10.332px;
    color: #5b5b5b;
    font-family: Inter, var(--default-font-family);
    font-size: 12px;
    font-weight: 500;
    line-height: 14.523px;
    text-align: left;
    z-index: 12;
  }
  .vector-81D {
    position: absolute;
    width: 5.5px;
    height: 5.549px;
    top: 2.253px;
    left: 0;
    background: url(../Images/page1/56baa2d3-7862-43b5-a5de-ad93a85a7b0d.webp)
      no-repeat center;
    background-size: cover;
    z-index: 11;
  }
  .flex-row-edab1D {
    position: relative;
    width: 502.98px;
    height: 30px;
    margin: 12px 0 0 39px;
    z-index: 15;
  }
  .commercial-ro-purification1D {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 493px;
    height: 30px;
    top: 0;
    left: 9.98px;
    color: #5b5b5b;
    font-family: Inter, var(--default-font-family);
    font-size: 12px;
    font-weight: 500;
    line-height: 14.523px;
    text-align: left;
    text-overflow: initial;
    z-index: 15;
    overflow: hidden;
  }
  .vector-91D {
    position: absolute;
    width:5px;
    height: 5.549px;
    top: 2.773px;
    left: 0;
    background: url(../Images/page1/4d281655-5a8f-4f25-863c-cbd31b35d654.webp)
      no-repeat center;
    background-size: cover;
    z-index: 14;
  }
  .flex-row-f1D {
    position: relative;
    width: 486.98px;
    height: 30px;
    margin: 12px 0 0 39px;
    z-index: 18;
  }
  .water-purifier-coolers1D {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 477px;
    height: 30px;
    top: 0;
    left: 9.98px;
    color: #5b5b5b;
    font-family: Inter, var(--default-font-family);
    font-size: 12px;
    font-weight: 500;
    line-height: 14.523px;
    text-align: left;
    text-overflow: initial;
    z-index: 18;
    overflow: hidden;
  }
  .vector-a1D {
    position: absolute;
    width:5px;
    height: 5.549px;
    top: 2.696px;
    left: 0;
    background: url(../Images/page1/70946246-4f2d-4720-b105-b3120a3949a1.webp)
      no-repeat center;
    background-size: cover;
    z-index: 17;
  }
  .flex-row-d1D {
    position: relative;
    width: 487.98px;
    height: 30px;
    margin: 12px 0 0 39px;
    z-index: 21;
  }
  .commercial-water-purifiers1D {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 478px;
    height: 30px;
    top: 0;
    left: 9.98px;
    color: #5b5b5b;
    font-family: Inter, var(--default-font-family);
    font-size: 12px;
    font-weight: 500;
    line-height: 14.523px;
    text-align: left;
    text-overflow: initial;
    z-index: 21;
    overflow: hidden;
  }
  .vector-b1D {
    position: absolute;
    width: 5px;
    height: 5.549px;
    top: 2.063px;
    left: 0;
    background: url(../Images/page1/dd30e6ad-ca5e-4cba-912a-6b5a2db175fc.webp)
      no-repeat center;
    background-size: cover;
    z-index: 20;
  }
  .schools-colleges-hospitals1D {
    display: block;
    position: relative;
    height: 17.037px;
    margin: 17px 0 0 39px;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 10.76729679107666px;
    font-weight: 700;
    line-height: 13.031px;
    text-align: left;
    white-space: nowrap;
    z-index: 26;
  }
  .conway-water-purifier-private-limited1D {
    display: block;
    position: relative;
    height: 16px;
    margin: 6.696px 0 0 150.041px;
    color: #292f42;
    font-family: Poppins, var(--default-font-family);
    font-size: 10.832724571228027px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    white-space: nowrap;
    z-index: 23;
  }
  .flex-row-ae1D {
    position: relative;
    width: 522.641px;
    height: 49.099px;
    margin: -9.989px 0 0 18px;
    z-index: 25;
  }
  .group-c1D {
    position: absolute;
    width:125px;
    height: 42.167px;
    top: 0;
    left: 0;
    background: url(../Images/page1/d33e600d-6992-4f42-83eb-493162783ee9.webp)
      no-repeat center;
    background-size: cover;
    z-index: 4;
  }
  .address1D {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 349.509px;
    height: 20px;
    top: 11.022px;
    left: 132.723px;
    color: #646464;
    font-family: Inter, var(--default-font-family);
    font-size: 8.516292572021484px;
    font-weight: 400;
    line-height: 10.307px;
    text-align: left;
    z-index: 24;
  }
  .website1D {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 19px;
    top: 30.099px;
    left: 365.641px;
    color: #292f42;
    font-family: Poppins, var(--default-font-family);
    font-size: 12.50191879272461px;
    font-weight: 700;
    line-height: 18.753px;
    text-align: left;
    white-space: nowrap;
    z-index: 25;
  }
  .vector-d1D {
    position: absolute;
    width: 229px;
    height: 2.27px;
    top: 39.871px;
    left: 133.31px;
    background: url(../Images/page1/ec06b771-d1e3-4a0f-a496-9c0a152ac364.webp)
      no-repeat center;
    background-size: cover;
    z-index: 3;
  }
  .image-e1D {
    position: absolute;
    width: 559px;
    height: 103.824px;
    top: -5px;
    left: 0;
    background: url(../Images/page1/0e258e3ae95a6a3517dbbb3432ff60e7812f3d17.webp)
      no-repeat center;
    background-size: cover;
    z-index: 6;
  }
  .ne1D {
    position: absolute;
    width: 559px;
    height: 399.628px;
    top: 45px;
    left: 17px;
    background: url(../Images/page1/237525adf1293c23275cf6180cc28ce3eaa79e59.webp)
      no-repeat center;
    background-size: cover;
  }
  .bottom1D {
    position: absolute;
    width:559px;
    height: 24.461px;
    top: 630.201px;
    left: 0;
    background: url(../Images/page1/c4bdb47a05305f3fb31d7bfc5163bfa62bad05d4.webp)
      no-repeat center;
    background-size: cover;
    z-index: 1;
  }
  
  

  /******************************************************************** page two **************************************************************/

  
.main-container2D {
  position: relative;
  width: 557px;
  height: 721px;
  margin: 0 auto;
  font-size: 0px;
  overflow: hidden;
}
.conway-contactless-water-purifier2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 424.039px;
  height: 15px;
  margin: 14.106px 0 0 64.597px;
  color: #051a2e;
  font-family: Arial, var(--default-font-family);
  font-size: 12.714055061340332px;
  font-weight: 700;
  line-height: 14.62px;
  text-align: center;
  white-space: nowrap;
  z-index: 8;
}
.flex-row-e2D {
  position: relative;
  width: 508px;
  height: 28px;
  margin: 18.878px 0 0 24.5px;
  z-index: 248;
}
.group2D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 11;
  overflow: hidden;
}
.model2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 33.964px;
  height: 11px;
  top: calc(50% - 5px);
  left: calc(50% - 17px);
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 9.081592559814453px;
  font-weight: 400;
  line-height: 10.991px;
  text-align: center;
  white-space: nowrap;
  z-index: 12;
}
.wrapper2D {
  position: absolute;
  width: 17.52%;
  height: 64.29%;
  top: 0;
  left: 29.92%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 95;
  overflow: hidden;
}
.conway-n2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 42px;
  height: 10px;
  top: calc(50% - 5px);
  left: calc(50% - 21.5px);
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 96;
}
.section-22D {
  position: absolute;
  width: 17.52%;
  height: 64.29%;
  top: 0;
  left: 47.44%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 166;
  overflow: hidden;
}
.conway-nh2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 48px;
  height: 10px;
  top: calc(50% - 5px);
  left: calc(50% - 24.5px);
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 167;
}
.wrapper-22D {
  position: absolute;
  width: 17.52%;
  height: 64.29%;
  top: 0;
  left: 64.96%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 205;
  overflow: hidden;
}
.conway-nc2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 48px;
  height: 10px;
  top: calc(50% - 5px);
  left: calc(50% - 24.5px);
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 206;
}
.box2D {
  position: absolute;
  width: 17.52%;
  height: 64.29%;
  top: 0;
  left: 82.48%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 244;
  overflow: hidden;
}
.conway-nhc2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 54px;
  height: 10px;
  top: calc(50% - 5px);
  left: calc(50% - 27.5px);
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 245;
}
.section-32D {
  position: absolute;
  width: 8.66%;
  height: 35.71%;
  top: 64.29%;
  left: 29.92%;
  background: #58595b;
  border: 0.5px solid #ffffff;
  z-index: 97;
  overflow: hidden;
}
.text-72D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15px;
  height: 80%;
  top: 10%;
  left: calc(50% - 8px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 98;
}
.group-22D {
  position: absolute;
  width: 8.86%;
  height: 35.71%;
  top: 64.29%;
  left: 38.58%;
  background: #58595b;
  border: 0.5px solid #ffffff;
  z-index: 99;
  overflow: hidden;
}
.text-82D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15px;
  height: 80%;
  top: 10%;
  left: calc(50% - 7.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 100;
}
.group-32D {
  position: absolute;
  width: 8.66%;
  height: 35.71%;
  top: 64.29%;
  left: 47.44%;
  background: #58595b;
  border: 0.5px solid #ffffff;
  z-index: 168;
  overflow: hidden;
}
.text-92D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15px;
  height: 80%;
  top: 10%;
  left: calc(50% - 8px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 169;
}
.group-42D {
  position: absolute;
  width: 8.86%;
  height: 35.71%;
  top: 64.29%;
  left: 56.1%;
  background: #58595b;
  border: 0.5px solid #ffffff;
  z-index: 170;
  overflow: hidden;
}
.text-a2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15px;
  height: 80%;
  top: 10%;
  left: calc(50% - 7.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 171;
}
.box-22D {
  position: absolute;
  width: 8.66%;
  height: 35.71%;
  top: 64.29%;
  left: 64.96%;
  background: #58595b;
  border: 0.5px solid #ffffff;
  z-index: 207;
  overflow: hidden;
}
.text-b2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15px;
  height: 80%;
  top: 10%;
  left: calc(50% - 8px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 208;
}
.section-42D {
  position: absolute;
  width: 8.86%;
  height: 35.71%;
  top: 64.29%;
  left: 73.62%;
  background: #58595b;
  border: 0.5px solid #ffffff;
  z-index: 209;
  overflow: hidden;
}
.text-c2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15px;
  height: 80%;
  top: 10%;
  left: calc(50% - 7.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 210;
}
.box-32D {
  position: absolute;
  width: 8.66%;
  height: 35.71%;
  top: 64.29%;
  left: 82.48%;
  background: #58595b;
  border: 0.5px solid #ffffff;
  z-index: 246;
  overflow: hidden;
}
.text-d2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15px;
  height: 80%;
  top: 10%;
  left: calc(50% - 8px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 247;
}
.group-52D {
  position: absolute;
  width: 8.86%;
  height: 35.71%;
  top: 64.29%;
  left: 91.14%;
  background: #58595b;
  border: 0.5px solid #ffffff;
  z-index: 248;
  overflow: hidden;
}
.text-e2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15px;
  height: 80%;
  top: 10%;
  left: calc(50% - 7.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 249;
}
.flex-row-fea2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 228;
}
.group-72D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 13;
  overflow: hidden;
}
.flow-rate-litres-hour2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 67.71%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 14;
}
.group-82D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 101;
  overflow: hidden;
}
.text-102D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 13px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 7px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 102;
}
.section-52D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 38.58%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 117;
  overflow: hidden;
}
.text-112D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 13px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 6.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 118;
}
.box-42D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 47.44%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 134;
  overflow: hidden;
}
.text-122D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 13px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 7px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 135;
}
.wrapper-32D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 56.1%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 150;
  overflow: hidden;
}
.text-132D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 13px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 6.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 151;
}
.wrapper-42D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 64.96%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 173;
  overflow: hidden;
}
.text-142D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 13px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 7px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 174;
}
.box-52D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 73.62%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 189;
  overflow: hidden;
}
.text-152D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 13px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 6.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 190;
}
.box-62D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 82.48%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 212;
  overflow: hidden;
}
.text-162D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 13px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 7px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 213;
}
.section-62D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 91.14%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 228;
  overflow: hidden;
}
.text-172D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 13px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 6.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 229;
}
.flex-row-c2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 230;
}
.group-92D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 15;
  overflow: hidden;
}
.storage-tank-normal-water2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 76.51%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 16;
}
.box-82D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 103;
  overflow: hidden;
}
.text-192D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 104;
}
.wrapper-52D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 38.58%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 119;
  overflow: hidden;
}
.span-802D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 4.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 120;
}
.div2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 47.44%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 136;
  overflow: hidden;
}
.span-502D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 137;
}
.div-12D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 56.1%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 152;
  overflow: hidden;
}
.span-80-22D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 4.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 153;
}
.div-32D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 64.96%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 175;
  overflow: hidden;
}
.span-202D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 176;
}
.div-42D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 73.62%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 191;
  overflow: hidden;
}
.span-302D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 4.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 192;
}
.div-52D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 82.48%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 214;
  overflow: hidden;
}
.span-20-62D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 215;
}
.div-72D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 91.14%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 230;
  overflow: hidden;
}
.span-30-82D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 4.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 231;
}
.div-flex-row-efa2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 232;
}
.div-92D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 17;
  overflow: hidden;
}
.span-storage-tank-cold-water2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 65.68%;
  height: 47.62%;
  top: 28.57%;
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 18;
}
.div-a2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 105;
  overflow: hidden;
}
.span-2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 106;
}
.div-b2D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 38.58%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 121;
  overflow: hidden;
}
.span--c2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 1.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 122;
}
.div-d2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 47.44%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 138;
  overflow: hidden;
}
.span--e2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 139;
}
.div-f2D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 56.1%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 154;
  overflow: hidden;
}
.span--102D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 1.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 155;
}
.div-112D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 64.96%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 177;
  overflow: hidden;
}
.span-20-122D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 178;
}
.div-132D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 73.62%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 193;
  overflow: hidden;
}
.span-402D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 4.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 194;
}
.div-142D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 82.48%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 216;
  overflow: hidden;
}
.span-20-152D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 217;
}
.div-162D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 91.14%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 232;
  overflow: hidden;
}
.span-40-172D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 4.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 233;
}
.div-flex-row-b2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 234;
}
.div-182D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 19;
  overflow: hidden;
}
.span-storage-tank-hot-water2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 67.03%;
  height: 47.62%;
  top: 28.57%;
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 20;
}
.div-192D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 107;
  overflow: hidden;
}
.span--1a2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 108;
}
.div-1b2D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 38.58%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 123;
  overflow: hidden;
}
.span--1c2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 1.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 124;
}
.div-1d2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 47.44%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 140;
  overflow: hidden;
}
.span-42D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 3px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 141;
}
.div-1e2D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 56.1%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 156;
  overflow: hidden;
}
.span-52D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 157;
}
.div-1f2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 64.96%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 179;
  overflow: hidden;
}
.span--202D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 180;
}
.div-212D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 73.62%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 195;
  overflow: hidden;
}
.span--222D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 1.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 196;
}
.div-232D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 82.48%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 218;
  overflow: hidden;
}
.span-4-242D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 3px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 219;
}
.div-252D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 91.14%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 234;
  overflow: hidden;
}
.span-5-262D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 235;
}
.div-flex-row-cb2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 236;
}
.div-272D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 21;
  overflow: hidden;
}
.span-no-of-faucets2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 38.6%;
  height: 47.62%;
  top: 28.57%;
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 22;
}
.div-282D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 109;
  overflow: hidden;
}
.span2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 3px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 110;
}
.div-292D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 38.58%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 125;
  overflow: hidden;
}
.span-2a2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 126;
}
.div-2b2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 47.44%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 142;
  overflow: hidden;
}
.span-2c2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 3px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 143;
}
.div-2d2D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 56.1%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 158;
  overflow: hidden;
}
.span-2e2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 159;
}
.div-2f2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 64.96%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 181;
  overflow: hidden;
}
.span-302D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 3px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 182;
}
.div-312D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 73.62%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 197;
  overflow: hidden;
}
.span-322D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 198;
}
.div-332D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 82.48%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 220;
  overflow: hidden;
}
.span-342D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 3px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 221;
}
.div-352D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 91.14%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 236;
  overflow: hidden;
}
.span-362D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 237;
}
.flex-row-bd2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 238;
}
.div-372D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 23;
  overflow: hidden;
}
.span-382D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 58.23%;
  height: 47.62%;
  top: 28.57%;
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 24;
}
.div-392D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 111;
  overflow: hidden;
}
.span-3a2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 112;
}
.div-3b2D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 38.58%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 127;
  overflow: hidden;
}
.span-3c2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 1.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 128;
}
.div-3d2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 47.44%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 144;
  overflow: hidden;
}
.span-3e2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 17px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 9px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 145;
}
.div-3f2D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 56.1%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 160;
  overflow: hidden;
}
.span-402D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 17px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 8.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 161;
}
.div-412D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 64.96%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 183;
  overflow: hidden;
}
.span-422D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 184;
}
.div-432D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 73.62%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 199;
  overflow: hidden;
}
.span-442D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 3px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 1.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 200;
}
.div-452D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 82.48%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 222;
  overflow: hidden;
}
.span-462D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 17px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 9px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 223;
}
.div-472D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 91.14%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 238;
  overflow: hidden;
}
.span-482D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 17px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 8.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 239;
}
.flex-row-bcef2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 240;
}
.div-492D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 25;
  overflow: hidden;
}
.span-4a2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 69.74%;
  height: 47.62%;
  top: 28.57%;
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 26;
}
.div-4b2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 113;
  overflow: hidden;
}
.span-4c2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 114;
}
.div-4d2D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 38.58%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 129;
  overflow: hidden;
}
.span-4e2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 4.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 130;
}
.div-4f2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 47.44%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 146;
  overflow: hidden;
}
.span-502D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 147;
}
.div-512D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 56.1%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 162;
  overflow: hidden;
}
.span-522D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 4.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 163;
}
.div-532D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 64.96%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 185;
  overflow: hidden;
}
.span-542D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 186;
}
.div-552D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 73.62%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 201;
  overflow: hidden;
}
.span-562D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 4.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 202;
}
.div-572D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 82.48%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 224;
  overflow: hidden;
}
.span-582D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 225;
}
.div-592D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 91.14%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 240;
  overflow: hidden;
}
.span-5a2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 4.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 241;
}
.flex-row-cb2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 242;
}
.empty2D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 27;
  overflow: hidden;
}
.no-of-power-cord-amps2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 71.1%;
  height: 47.62%;
  top: 28.57%;
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 28;
}
.empty-5b2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 115;
  overflow: hidden;
}
.one2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 3px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 116;
}
.empty-5c2D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 38.58%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 131;
  overflow: hidden;
}
.one-5d2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 132;
}
.empty-5e2D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 47.44%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 148;
  overflow: hidden;
}
.one-5f2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 3px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 149;
}
.empty-602D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 56.1%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 164;
  overflow: hidden;
}
.one-612D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 165;
}
.empty-622D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 64.96%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 187;
  overflow: hidden;
}
.one-632D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 3px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 188;
}
.empty-642D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 73.62%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 203;
  overflow: hidden;
}
.one-652D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 204;
}
.empty-662D {
  position: absolute;
  width: 8.66%;
  height: 100%;
  top: 0;
  left: 82.48%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 226;
  overflow: hidden;
}
.one-672D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 3px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 227;
}
.empty-682D {
  position: absolute;
  width: 8.86%;
  height: 100%;
  top: 0;
  left: 91.14%;
  background: #8f9194;
  border: 0.5px solid #ffffff;
  z-index: 242;
  overflow: hidden;
}
.one-692D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5px;
  height: 8px;
  top: calc(50% - 3.5px);
  left: calc(50% - 2.5px);
  color: #ffffff;
  font-family: Arial, var(--default-font-family);
  font-size: 7.265142917633057px;
  font-weight: 400;
  line-height: 8px;
  text-align: center;
  white-space: nowrap;
  z-index: 243;
}
.flex-row-de2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 62;
}
.empty-6a2D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 29;
  overflow: hidden;
}
.power-supply-ac-hz2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 66.36%;
  height: 47.62%;
  top: 28.57%;
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 30;
}
.empty-6b2D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 62;
  overflow: hidden;
}
.to-volts2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 17.75%;
  height: 47.62%;
  top: 23.81%;
  left: 24.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 63;
}
.flex-row-ac2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 64;
}
.empty-6c2D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 31;
  overflow: hidden;
}
.purification-method2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 51.46%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 32;
}
.empty-6d2D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 64;
  overflow: hidden;
}
.any-combinations-of-reverse-osmosis-ultraviolet-ozone2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 63.76%;
  height: 10px;
  top: calc(50% - 5px);
  left: 23.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 65;
}
.flex-row-ba2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 66;
}
.empty-6e2D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 33;
  overflow: hidden;
}
.moc-housing-ss2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 59.59%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 34;
}
.empty-6f2D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 66;
  overflow: hidden;
}
.stainless-steel-mm-sheet2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 33.52%;
  height: 47.62%;
  top: 23.81%;
  left: 23.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 67;
}
.flex-row-dc2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 68;
}
.empty-702D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 35;
  overflow: hidden;
}
.moc-normal-watertank2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 67.03%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 36;
}
.empty-712D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 68;
  overflow: hidden;
}
.lldpe2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 7.32%;
  height: 47.62%;
  top: 23.81%;
  left: 24.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 69;
}
.flex-row-b2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 70;
}
.empty-722D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 37;
  overflow: hidden;
}
.moc-cold-water-tank-ss2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 81.25%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 38;
}
.empty-732D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 70;
  overflow: hidden;
}
.stainless-steel-mm-sheet-742D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 33.52%;
  height: 47.62%;
  top: 23.81%;
  left: 23.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 71;
}
.flex-row-fd2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 72;
}
.empty-752D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 39;
  overflow: hidden;
}
.moc-hot-water-tank-ss2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 78.55%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 40;
}
.empty-762D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 72;
  overflow: hidden;
}
.stainless-steel-mm-sheet-772D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 33.52%;
  height: 47.62%;
  top: 23.81%;
  left: 23.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 73;
}
.flex-row-ced2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 74;
}
.empty-782D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 41;
  overflow: hidden;
}
.moc-legs-ss2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 50.78%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 42;
}
.empty-792D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 74;
  overflow: hidden;
}
.stainless-steel-mm-sheet-7a2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 33.52%;
  height: 47.62%;
  top: 23.81%;
  left: 23.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 75;
}
.flex-row-b-7b2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 76;
}
.section-1b2D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 43;
  overflow: hidden;
}
.moc-faucets2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 39.95%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 44;
}
.box-1e2D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 76;
  overflow: hidden;
}
.brass-chromium-plated2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 27.04%;
  height: 47.62%;
  top: 23.81%;
  left: 23.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 77;
}
.flex-row-dc-7c2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 78;
}
.section-1c2D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 45;
  overflow: hidden;
}
.insulation-cooling-tank2D {
  position: absolute;
  width: 67.03%;
  height: 10px;
  top: 50%;
  left: 13.82%;
  cursor: pointer;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  white-space: nowrap;
  background: transparent;
  border: none;
  transform: translate(0, -45%);
  z-index: 46;
}
.section-1d2D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 78;
  overflow: hidden;
}
.puf-epe2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9.55%;
  height: 47.62%;
  top: 23.81%;
  left: 24.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 79;
}
.flex-row-bd-7d2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 80;
}
.wrapper-1c2D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 47;
  overflow: hidden;
}
.dimension-conway2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 72.45%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 48;
}
.box-1f2D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 80;
  overflow: hidden;
}
.l-w-h-mm2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 30.99%;
  height: 47.62%;
  top: 23.81%;
  left: 23.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 81;
}
.flex-row-ea2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 82;
}
.box-202D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 49;
  overflow: hidden;
}
.dimension-conway-7e2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 72.45%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 50;
}
.wrapper-1e2D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 82;
  overflow: hidden;
}
.l-w-h-mm-7f2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 30.99%;
  height: 47.62%;
  top: 23.81%;
  left: 23.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 83;
}
.flex-row-bab2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 84;
}
.box-212D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 51;
  overflow: hidden;
}
.compressor-make2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 48.08%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 52;
}
.Button-22D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  cursor: pointer;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 84;
  overflow: hidden;
}
.emerson2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9.58%;
  height: 47.62%;
  top: 23.81%;
  left: 24.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 85;
}
.flex-row-c-802D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 86;
}
.section-1e2D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 53;
  overflow: hidden;
}
.compressor-refrigerant2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 62.97%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 54;
}
.group-262D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 86;
  overflow: hidden;
}
.r-a2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 7.89%;
  height: 47.62%;
  top: 23.81%;
  left: 24.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 87;
}
.flex-row-aa2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 88;
}
.section-202D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 55;
  overflow: hidden;
}
.water-control2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 35.21%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 56;
}
.group-272D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 88;
  overflow: hidden;
}
.solenoid-valve-mcn2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 34.37%;
  height: 47.62%;
  top: 23.81%;
  left: 23.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 89;
}
.flex-row-cbd2D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 90;
}
.box-232D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 57;
  overflow: hidden;
}
.sensor2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 28.29%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 14.47%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 58;
}
.Button-32D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  cursor: pointer;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 90;
  overflow: hidden;
}
.infrared-m-npn2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 16.57%;
  height: 47.62%;
  top: 23.81%;
  left: 23.38%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 91;
}
.flex-row-bd-812D {
  position: relative;
  width: 508px;
  height: 21px;
  margin: 0 0 0 24.5px;
  z-index: 92;
}
.wrapper-202D {
  position: absolute;
  width: 29.92%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 59;
  overflow: hidden;
}
.pcb2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 11.51%;
  height: 10px;
  top: calc(50% - 4.5px);
  left: 13.82%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 60;
}
.section-212D {
  position: absolute;
  width: 70.08%;
  height: 100%;
  top: 0;
  left: 29.92%;
  background: #e2e3e4;
  border: 0.5px solid #ffffff;
  z-index: 92;
  overflow: hidden;
}
.micro-controller-based2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 25.07%;
  height: 47.62%;
  top: 23.81%;
  left: 23.1%;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 8.173367500305176px;
  font-weight: 400;
  line-height: 9.892px;
  text-align: center;
  white-space: nowrap;
  z-index: 93;
}
.specifications-illustrations-descriptions2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 305.679px;
  height: 13px;
  margin: 21.368px 0 0 122.761px;
  color: #051a2e;
  font-family: Inter, var(--default-font-family);
  font-size: 10.897823333740234px;
  font-weight: 400;
  line-height: 13px;
  text-align: center;
  white-space: nowrap;
  z-index: 4;
}
.change-notice-continual-innovation2D {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 274.802px;
  height: 13px;
  margin: 0.08px 0 0 138.688px;
  color: #051a2e;
  font-family: Inter, var(--default-font-family);
  font-size: 10.897823333740234px;
  font-weight: 400;
  line-height: 13px;
  text-align: center;
  white-space: nowrap;
  z-index: 5;
}
.layer-copy2D {
  position: relative;
  width: 556.551px;
  height: 63.207px;
  margin: 30.363px 0 0 0;
  background: url('../Images/page2/ee65d673-bce1-4aa5-bb5b-ef15d336d6cb.webp')
    no-repeat center;
  background-size: 100% 100%;
  z-index: 7;
}
.rectangle2D {
  position: absolute;
  width: 100%;
  height: 82.59%;
  top: 0;
  left: 0;
  background: url('../Images/page2/ea547c59-df4f-4a74-97e9-d6f688e32694.webp')
    no-repeat center;
  background-size: 100% 100%;
  z-index: 1;
}
.rectangle-822D {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 2.96%;
  left: -0.04%;
  background: url('../Images/page2/0b0d3c90-d917-40a0-827a-4cb67abb878c.webp')
    no-repeat center;
  background-size: 100% 100%;
}
.rectangle-copy2D {
  position: absolute;
  width: 101.57%;
  height: 0.18%;
  top: 4.9%;
  left: -1.17%;
  background: url('../Images/page2/81f30cb1-a998-4b5d-8008-ea99453ae073.webp')
    no-repeat center;
  background-size: 100% 100%;
  z-index: 6;
}
.vector2D {
  position: absolute;
  width: 100.28%;
  height: 7.5%;
  top: 81.95%;
  left: -0.16%;
  background: url('../Images/page2/d299633c-98b7-455f-bc37-4f3bedb7b842.webp')
    no-repeat center;
  background-size: 100% 100%;
  z-index: 2;
}

/******************************************************************* page three ***************************************************************/



.main-container3D {
  position: relative;
  width: 557px;
  height: 721px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.rectangle3D {
  position: relative;
  width: 557px;
  height: 90px;
  margin: 21px 0 0 0;
  background: #fdfdfd;
  z-index: 1;
}
.group3D {
  position: absolute;
  width: 21.64%;
  height: 80.88%;
  top: 5.56%;
  left: 72.45%;
  background: url('../Images/page3/eb9b1b61-19dd-4743-9a57-a1371a0f88bd.webp')
    no-repeat center;
  background-size: 100% 100%;
  z-index: 10;
}
.vector3D {
  position: absolute;
  width: 12.11%;
  height: 53.94%;
  top: 21.94%;
  left: 4.31%;
  background: url('../Images/page3/4e7a6031-f8d4-46c9-9f3b-56e33fa9b80b.webp')
    no-repeat center;
  background-size: 100% 100%;
  z-index: 5;
}
.vector-13D {
  position: relative;
  width: 59.947px;
  height: 40.825px;
  margin: 3.872px 0 0 3.543px;
  background: url('../Images/page3/8bb2996c-2686-40ad-860a-09cdbb7eae15.webp')
    no-repeat center;
  background-size: 100% 100%;
  z-index: 8;
  overflow: visible auto;
}
.vector-23D {
  position: relative;
  width: 48.995px;
  height: 25.673px;
  margin: 7.599px 0 0 5.534px;
  background: url('../Images/page3/9832a92e-1221-42cb-af84-e8be6687c732.webp')
    no-repeat center;
  background-size: 100% 100%;
  z-index: 6;
}
.vector-33D {
  position: absolute;
  width: 0.14%;
  height: 44.41%;
  top: 26.72%;
  left: 18.58%;
  background: url('../Images/page3/bb0578de-3486-4522-83aa-f666ccc38266.webp')
    no-repeat center;
  background-size: 100% 100%;
  z-index: 9;
}
.vector-43D {
  position: absolute;
  width: 14.13%;
  height: 35.97%;
  top: 35.19%;
  left: 20%;
  background: url('../Images/page3/f1fe1541-cc21-4fc9-9b4b-6b4eea17c5da.webp')
    no-repeat center;
  background-size: 100% 100%;
  z-index: 3;
}
.our-prestigious-clients3D {
  display: block;
  position: relative;
  height: 28px;
  margin: 16px 0 0 111.889px;
  color: #27b7d1;
  font-family: Arial, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 27.598px;
  text-align: left;
  white-space: nowrap;
  z-index: 11;
}
.frame3D {
  position: relative;
  width: 497px;
  height: 512px;
  margin: 18px 0 0 33px;
  background: url('../Images/page3/e4bfdd3d-529a-4e31-9adc-e71f7b796eeb.webp')
    no-repeat center;
  background-size: cover;
  z-index: 12;
  overflow: hidden;
}
.rectangle-53D {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0.18%;
  background: url('../Images/page3/ad99531b-b91e-4f3b-b781-a3e6ab73d0fe.webp')
    no-repeat center;
  background-size: 100% 100%;
}



  /***********************************************************Footer********************************************/
  
  .footer {
    position: fixed;
    bottom: 0;
    width: 95%;
    /* background-color: #1325429a;
    color: rgb(19,37,66); */
    text-align: left;
    padding: 10px 50px;
  }
  

  .social-icons {
    display:inline;
  
  }
  

  
  .social-icons .icon:last-child {
    margin-right: 0; /* Remove margin from last icon */
  }
  
  .social-icons .left{
    float: left;
    position: relative;
  }

  .social-icons .right{
    width:140px;
    float: right;
    bottom: 4px;
    position: relative;
  }
  .social-icons .left a{
    display: inline-block;
    margin-right: 20px; 
  }
  .social-icons .right a{
    display: inline-block;
    margin-right: 10px; 
  }
 
  .social-icons .left  img {
    width: 20px; /* Adjust size as needed */
    height: auto;
  }

  .social-icons .right  img {
    width: 20px;
    position: relative;
    top: 1px; /* Adjust size as needed */
    height: auto;
  }
  
  /* Optional: Add hover effect */
  .social-icons .icon img:hover {
    opacity: 0.8;
    cursor: pointer;
  }
  
  
  .social-icons i{
    width: 20px; /* Adjust size as needed */
    height: auto;
  }
  
  .zoomed {
    transform: scale(2); /* Zoom factor */
  }