: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=Onest:wght@300;400;500;600;700&display=swap');


html, body{
  font-family: 'Onest', 'roboto', sans-serif !important;
  margin: 0;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: auto;
  height: fit-content;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.flex-row-be {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 41.406px;
  margin: 15px 0 0 0;
  z-index: 700000000;
}
.empty {
  position: relative;
  width: 112px;
  height: 41.406px;
  top: 0;
  left: 40px;
  background: url(https://static.codia.ai/image/2025-03-14/ea2163ae-928f-4178-8895-619bc5431eea.png)
    no-repeat center;
  background-size: cover;
}
.rectangle {
  position: absolute;
  width: 190px;
  height: 40px;
  top: 1px;
  right: 40px;
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
  background: #004fff;
  z-index: 7;
  border-radius: 30px;
  cursor: pointer;
}
.contacts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: 10px;
  left: 58px;
  color: #ffffff;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 8;
}

.call1{
  width: 375px;
}

.call1 span a{
  position: absolute;
  top: 14px;
  right: 260px;
  text-decoration: none;
  color: black;

}

.header{
  margin: auto;
  display: flex;
  flex-direction: row;
  gap: 40px;
}

.about-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;

  height: 18px;

  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  z-index: 2;
}
.production {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 18px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.cost {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 18px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  z-index: 4;
}
.services {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 18px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  z-index: 5;
}
.company-info {
  position: relative;
  max-width: 1355px;
  width: 95%;
  margin: 65.594px 20px 0 20px;
  padding: 0 0px;
  font-family: Onest, var(--default-font-family);
  font-size: 33px;
  font-weight: 500;
  line-height: 36.3px;
  text-align: left;
  z-index: 9;
}
.production-company {
  position: relative;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 33px;
  font-weight: 500;
  line-height: 36.3px;
  text-align: left;
}
.techno-vid {
  position: relative;
  color: #004fff;
  font-family: Onest, var(--default-font-family);
  font-size: 33px;
  font-weight: 500;
  line-height: 36.3px;
  text-align: left;
}
.years-of-experience {
  position: relative;
  width: 100%;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 33px;
  font-weight: 500;
  line-height: 36.3px;
  text-align: left;
}
.rectangle-1 {
  max-width: 1355px;
  width: 95%;
  max-height: 416px;
  height: auto;
  margin: 20px 20px 0 20px;
  background: url(https://static.codia.ai/image/2025-03-14/2a062da8-c4db-4161-b438-a443043c888d.png)
    no-repeat center;
  background-size: contain;
  z-index: 20;
  border-radius: 10px;
}
.rectangle-2 {
  position: relative;
  max-width: 1360px;
  width: 95%;
  height: 1px;
  margin: 120px 20px 0 20px;
  background: #d9d9d9;
  z-index: 30;
  overflow: visible auto;
}
.rectangle-3 {
  position: relative;
  width: 273px;
  height: 1px;
  margin: 0 0 0 0;
  background: #004fff;
  z-index: 38;
}
.flex-row {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1360px;
  width: 95%;
  margin: 10px 20px 0 20px;
  z-index: 34;
}
.rectangle-4 {
  width: 325px;
  height: 132px;
  background: url(https://static.codia.ai/image/2025-03-14/648a6688-9dc3-4b0d-9f92-c2deef627b0f.png)
    no-repeat center;
  background-size: cover;
  z-index: 34;
  border-radius: 10px;
}
.regroup {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 895px;
  width: 100%;
  z-index: 29;
}
.own-production {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  min-width: 273px;
  width: 273px;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  z-index: 22;
}
.glass-processing {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 550px;
  width: 100%;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  text-align: left;
  opacity: 0.4;
  z-index: 29;
}
.rectangle-5 {
  position: relative;
  max-width: 1360px;
  width: 95%;
  height: 1px;
  margin: 10px 20px 0 20px;
  background: #d9d9d9;
  z-index: 31;
  overflow: visible auto;
}
.rectangle-6 {
  position: relative;
  width: 258px;
  height: 1px;
  margin: 0 0 0 0;
  background: #004fff;
  z-index: 39;
}
.flex-row-c {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1360px;
  width: 95%;
  margin: 10px 20px 0 20px;
  z-index: 35;
}
.rectangle-7 {
  width: 325px;
  height: 132px;
  background: url(https://static.codia.ai/image/2025-03-14/3e28e43a-823c-449e-bc4f-6b73c8e12871.png)
    no-repeat center;
  background-size: cover;
  z-index: 35;
  border-radius: 10px;
}
.regroup-8 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 896px;
  top: 0;
  left: 0;
  z-index: 28;
}
.glass-types {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 273px;
  width: 273px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  z-index: 23;
}
.different-glass-types {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 550px;
  width: 100%;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  text-align: left;
  opacity: 0.4;
  z-index: 28;
}
.rectangle-9 {
  position: relative;
  max-width: 1360px;
  width: 95%;
  height: 1px;
  margin: 10px 20px 0 20px;
  background: #d9d9d9;
  z-index: 31;
  overflow: visible auto;
}
.rectangle-a {
  position: relative;
  width: 202px;
  height: 1px;
  margin: 0 0 0 0;
  background: #004fff;
  z-index: 40;
}
.flex-row-b {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1360px;
  width: 95%;
  margin: 10px 20px 0 20px;
  z-index: 35;
}
.rectangle-c {
  width: 325px;
  height: 132px;
  background: url(https://static.codia.ai/image/2025-03-14/f1be8d48-a679-4a3f-b619-faf467744c70.png)
    no-repeat center;
  background-size: cover;
  z-index: 36;
  border-radius: 10px;
}
.okraska-furnitury {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 273px;
  width: 273px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  white-space: wrap;
  z-index: 24;
}
.okraska-furnitury-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 550px;
  width: 100%;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  text-align: left;
  opacity: 0.4;
  z-index: 27;
}
.rectangle-d {
  position: relative;
  max-width: 1360px;
  width: 95%;
  height: 1px;
  margin: 10px 20px 0 20px;
  background: #d9d9d9;
  z-index: 31;
  overflow: visible auto;
}
.rectangle-e {
  position: relative;
  width: 214px;
  height: 1px;
  margin: 0 0 0 0;
  background: #004fff;
  z-index: 41;
}
.flex-row-eca {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1360px;
  width: 95%;
  margin: 10px 20px 0 20px;
  z-index: 37;
}
.rectangle-f {
  width: 325px;
  height: 132px;
  background: url(https://static.codia.ai/image/2025-03-14/875af592-793a-4543-bcb8-145c907d7c5b.png)
    no-repeat center;
  background-size: cover;
  z-index: 37;
  border-radius: 10px;
}
.kompleksnyy-podhod {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  min-width: 273px;
  width: 273px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  z-index: 25;
}
.kompleksnyy-podhod-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 550px;
  width: 100%;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  text-align: left;
  opacity: 0.4;
  z-index: 26;
}
.vidy-peregordok {
  display: block;
  position: relative;
  height: 36px;
  margin: 120px 0 0 0;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 35.7px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 15;
  width: 1360px;
}
.flex-row-ea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1360px;
  height: 528px;
  margin: 60px 0 0 0;
  z-index: 12;
}
.rectangle-10 {
  flex-shrink: 0;
  position: relative;
  width: 670px;
  height: 528px;
  background: #f6f7f9;
  z-index: 11;
  border-radius: 20px;
}
.group {
  position: absolute;
  width: 379px;
  height: 459.394px;
  top: 35px;
  left: 148px;
  background: url(https://static.codia.ai/image/2025-03-14/23e3689a-4657-40bd-b055-cd9b7b707c3f.png)
    no-repeat center;
  background-size: cover;
  z-index: 13;
}
.ofisnye-peregordki {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 140px;
  left: 60px;
  color: #004fff;
  font-family: Onest, var(--default-font-family);
  font-size: 25px;
  font-weight: 500;
  line-height: 27.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 19;
}
.ofisnye-peregordki-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 532px;
  height: 72px;
  top: 218px;
  left: 60px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  text-align: left;
  z-index: 18;
}
.rectangle-11 {
  flex-shrink: 0;
  position: relative;
  width: 670px;
  height: 528px;
  background: #f6f7f9;
  z-index: 12;
  border-radius: 20px;
}
.group-12 {
  position: absolute;
  width: 377px;
  height: 455.542px;
  top: 35px;
  left: 119px;
  background: url(https://static.codia.ai/image/2025-03-14/a37c7d1e-5915-4c71-9a62-a5e0b52a57f2.svg)
    no-repeat center;
  background-size: cover;
  z-index: 14;
}
.mezkomnatnye-peregordki {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 140px;
  left: 60px;
  color: #004fff;
  font-family: Onest, var(--default-font-family);
  font-size: 25px;
  font-weight: 500;
  line-height: 27.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 16;
}
.mezkomnatnye-peregordki-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 515px;
  height: 54px;
  top: 218px;
  left: 60px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  text-align: left;
  z-index: 17;
}
.flex-row-e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: fit-content;
  height: 325px;
  margin: 120px auto 0  auto;
  z-index: 45;
  gap: 20px;
}
.rectangle-13 {
  flex-shrink: 0;
  position: relative;
  width: 325px;
  height: 325px;
  font-size: 0px;
  background: #f6f7f9;
  z-index: 44;
  border-radius: 20px;
}
.besplatnaya-konsultatsiya {
  display: block;
  position: relative;
  height: 22px;
  margin: 60px 0 0 30px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 53;
}
.besplatnaya-konsultatsiya-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 273px;
  height: 54px;
  margin: 50px 0 0 30px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  text-align: left;
  opacity: 0.4;
  z-index: 52;
}
.rectangle-14 {
  flex-shrink: 0;
  position: relative;
  width: 325px;
  height: 325px;
  background: #004fff;
  z-index: 45;
  border-radius: 20px;
}
.mask-group {
  position: relative;
  width: 116px;
  height: 208px;
  margin: 59px 0 0 105px;
  background: url(https://static.codia.ai/image/2025-03-14/bf249e52-5e43-4e88-b99f-1884f2974842.png)
    no-repeat center;
  background-size: cover;
  z-index: 55;
}
.flex-row-fb {
  position: relative;
  max-width: 1360px;
  width: 100%;
  height: 325px;
  margin: 20px 20px 0 20px;
  z-index: 47;
}
.rectangle-15 {
  position: absolute;
  width: 325px;
  height: 325px;
  top: 0;
  left: 1035px;
  font-size: 0px;
  background: #f6f7f9;
  z-index: 47;
  border-radius: 20px;
}
.span-choose-design {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 204px;
  height: 44px;
  margin: 60px 0 0 30px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  z-index: 51;
}
.span-color-profile {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 278px;
  height: 126px;
  margin: 50px 0 0 30px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  text-align: left;
  opacity: 0.4;
  z-index: 50;
}
.regroup-16 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 670px;
  height: 325px;
  top: 0;
  left: 0;
  z-index: 46;
}
.rectangle-17 {
  flex-shrink: 0;
  position: relative;
  width: 325px;
  height: 325px;
  font-size: 0px;
  background: #f6f7f9;
  z-index: 43;
  border-radius: 20px;
}
.span-special-partitions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 282px;
  height: 44px;
  margin: 60px 0 0 30px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  z-index: 49;
}
.span-glass-partitions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 275px;
  height: 90px;
  margin: 50px 0 0 30px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  text-align: left;
  opacity: 0.4;
  z-index: 48;
}
.rectangle-18 {
  flex-shrink: 0;
  position: relative;
  width: 325px;
  height: 325px;
  background: #004fff;
  z-index: 46;
  border-radius: 20px;
}
.group-19 {
  position: relative;
  width: 141.502px;
  height: 190.647px;
  margin: 67px 0 0 92px;
  background: url(https://static.codia.ai/image/2025-03-14/b12c234d-71f9-442c-b942-b4c7c1f4a8f1.svg)
    no-repeat center;
  background-size: cover;
  z-index: 54;
}
.span-cost {
  display: block;
  position: relative;
  height: 36px;
  margin: 120px 0 0 0;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 35.7px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 101;
  width: 1360px;
}
.flex-row-ca {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1360px;
  height: 533px;
  margin: 40px 0 0 0;
  z-index: 103;
}
.rectangle-1a {
  flex-shrink: 0;
  position: relative;
  width: 670px;
  height: 533px;
  background: #f6f7f9;
  z-index: 82;
  border-radius: 20px;
}
.flex-row-1b {
  position: relative;
  width: 550px;
  height: 20px;
  margin: 38px 0 0 60px;
  z-index: 92;
}
.span-approx-cost {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 13px;
  top: 0;
  left: 382px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.3;
  z-index: 91;
}
.span-name {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 2px;
  left: 0;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.3;
  z-index: 92;
}
.rectangle-1c {
  position: relative;
  width: 550px;
  height: 1px;
  margin: 10px 0 0 60px;
  background: #d9d9d9;
  z-index: 83;
}
.flex-row-1d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 550px;
  height: 18px;
  margin: 15px 0 0 60px;
  z-index: 98;
}
.span-stationary-partitions {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  z-index: 85;
}
.glasswall1{
  display: none;
}
.span-price-stationary {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 98;
}
.flex-row-dce {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 550px;
  height: 18px;
  margin: 30px 0 0 60px;
  z-index: 97;
}
.span-glass-partitions-1e {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  z-index: 86;
}
.span-price-glass {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 97;
}
.flex-row-1f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 550px;
  height: 18px;
  margin: 30px 0 0 60px;
  z-index: 96;
}
.span-sliding-partitions {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  z-index: 87;
}
.span-price-sliding {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 96;
}
.flex-row-c-20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 550px;
  height: 18px;
  margin: 30px 0 0 60px;
  z-index: 93;
}
.span-folding-partitions {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  z-index: 88;
}
.from-price-per-sq-m {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 93;
}
.flex-row-cc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 550px;
  height: 18px;
  margin: 30px 0 0 60px;
  z-index: 94;
}
.loft-partitions {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  z-index: 89;
}
.from-price-per-sq-m-21 {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 94;
}
.flex-row-22 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 550px;
  height: 18px;
  margin: 30px 0 0 60px;
  z-index: 95;
}
.measurement-visit {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  z-index: 90;
}
.price {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 95;
}
.rectangle-23 {
  position: relative;
  width: 550px;
  height: 1px;
  margin: 20px 0 0 60px;
  background: #d9d9d9;
  z-index: 84;
}
.order-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 484px;
  height: 36px;
  margin: 20px 0 0 0;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  opacity: 0.4;
  z-index: 99;
}
.disclaimer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 573px;
  height: 54px;
  margin: 20px 0 0 0;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  opacity: 0.4;
  z-index: 100;
}
.rectangle-24 {
  flex-shrink: 0;
  position: relative;
  width: 670px;
  height: 533px;
  font-size: 0px;
  background: #004fff;
  z-index: 103;
  border-radius: 20px;
}
.calculate-price-data {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 523px;
  height: 82px;
  margin: 40px 0 0 32px;
  color: #ffffff;
  font-family: Onest, var(--default-font-family);
  font-size: 32px;
  font-weight: 500;
  line-height: 40.824px;
  text-align: left;
  text-transform: uppercase;
  z-index: 116;
}
.individual-price-calculation {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 608px;
  height: 36px;
  margin: 20px 0 0 32px;
  color: #ffffff;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  text-align: left;
  z-index: 120;
}
.flex-row-25 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 393px;
  height: 15.5px;
  margin: 40.5px 0 0 30px;
  z-index: 112;
}
.your-name {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #ffffff;
  font-family: Onest, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.12px;
  z-index: 106;
}
.your-phone {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #ffffff;
  font-family: Onest, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.12px;
  z-index: 112;
}
.flex-row-fc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 610px;
  height: 39px;
  margin: 4px 0 0 30px;
  z-index: 111;
}
.rectangle-26 {
  flex-shrink: 0;
  position: relative;
  width: 295px;
  height: 39px;
  background: #ffffff;
  z-index: 105;
  border-radius: 30px;
}
.rectangle-27 {
  flex-shrink: 0;
  position: relative;
  width: 295px;
  height: 39px;
  background: #ffffff;
  z-index: 111;
  border-radius: 30px;
}
.your-email {
  display: block;
  position: relative;
  height: 15px;
  margin: 20px 0 0 32px;
  color: #ffffff;
  font-family: Onest, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.12px;
  z-index: 109;
}
.rectangle-28 {
  position: relative;
  width: 608px;
  height: 39px;
  margin: 4px 0 0 32px;
  background: #ffffff;
  z-index: 108;
  border-radius: 30px;
}
.flex-row-29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 381px;
  height: 13px;
  margin: 20px 0 0 30px;
  z-index: 119;
}
.rectangle-2a {
  flex-shrink: 0;
  position: relative;
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  z-index: 119;
}
.data-processing-agreement {
  flex-shrink: 0;
  position: relative;
  height: 13px;
  color: #f6f7f9;
  font-family: Onest, var(--default-font-family);
  font-size: 10px;
  font-weight: 300;
  line-height: 12.75px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.1px;
  z-index: 118;
}
.rectangle-2b {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 173px;
  height: 45px;
  margin: 20px 0 0 30px;
  background: #ffffff;
  border: 0.5px solid #ffffff;
  z-index: 115;
  border-radius: 30px;
  backdrop-filter: blur(2px);
}
.submit-button {
  flex-shrink: 0;
  position: relative;
  height: 16.2px;
  color: #004fff;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 16.2px;
  text-align: left;
  white-space: nowrap;
  z-index: 115;
}
.rectangle-2c {
  position: relative;
  width: 100%;
  height: 351px;
  margin: 120px 0 0 0;
  background: #f6f7f9;
  z-index: 57;
  overflow: visible auto;
  text-align: center;
}
.flex-row-c-2d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 457px;
  height: 21.594px;
  margin: 114.406px 0 0 270px;
  z-index: 77;
}
.email {
  flex-shrink: 0;
  position: relative;
  height: 20px;
  color: #c7c7c7;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.16px;
  z-index: 72;
}
.address-warehouse {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #c7c7c7;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.14px;
  z-index: 77;
}
.flex-row-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 780px;
  height: 29.594px;
  margin: 6.406px 0 0 270px;
  z-index: 78;
}
.info-email {
  flex-shrink: 0;
  position: relative;
  height: 26px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 25.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 71;
}
.address-moscow {
  flex-shrink: 0;
  position: relative;
  height: 26px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 25.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 78;
}
.address-production {
  display: block;
  position: relative;
  height: 18px;
  margin: 26.406px 0 0 615px;
  color: #c7c7c7;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.14px;
  z-index: 80;
}
.address-dubna {
  display: block;
  position: relative;
  height: 26px;
  margin: 10px 0 0 615px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 25.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 81;
}
.rectangle-2e {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 44.594px 0 0 0;
  background: #d9d9d9;
  z-index: 65;
}
.flex-row-ae {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 13px;
  margin: 10px 0 0 0;
  padding: 0 50px 0 50px;
  z-index: 60;
}
.privacy-policy {
  flex-shrink: 0;
  position: relative;
  height: 13px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 10px;
  font-weight: 300;
  line-height: 13px;
  text-align: left;
  white-space: nowrap;
  z-index: 60;
}
.copyright {
  flex-shrink: 0;
  position: relative;
  height: 13px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 10px;
  font-weight: 300;
  line-height: 13px;
  text-align: left;
  white-space: nowrap;
  z-index: 59;
}
.flex-row-b-2f {
  position: absolute;
  width: 1360px;
  height: 70px;
  top: 30px;
  left: 40px;
  z-index: 75;
}
.empty-30 {
  position: absolute;
  width: 112px;
  height: 41.406px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-14/ea2163ae-928f-4178-8895-619bc5431eea.png)
    no-repeat center;
  background-size: cover;
  z-index: 58;
}
.address-office {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 0;
  left: 575px;
  color: #c7c7c7;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.14px;
  z-index: 74;
}
.frame {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 111px;
  height: 30px;
  top: 0;
  left: 1249px;
  padding: 11px 20px 11px 20px;
  border: 1px solid #004fff;
  z-index: 61;
  border-radius: 30px;
}
.whatsapp {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 18px;
  color: #004fff;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.14px;
  z-index: 62;
}
.address-moscow-ochakovskoe {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 26px;
  top: 28.406px;
  left: 575px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 25.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 75;
}
.phone-number {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 26px;
  top: 30px;
  left: 230px;
  color: #000000;
  font-family: Onest, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 25.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 69;
}
.frame-31 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 111px;
  height: 30px;
  top: 40px;
  left: 1249px;
  padding: 11px 20px 11px 20px;
  border: 1px solid #004fff;
  z-index: 63;
  border-radius: 30px;
}
.telegram {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 18px;
  color: #004fff;
  font-family: Onest, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.85px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.14px;
  z-index: 64;
}
.mirror-factory {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 14px;
  top: 48px;
  left: 0;
  color: #5353a3;
  font-family: Onest, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.11px;
  z-index: 66;
}
.phone-whatsapp-telegram {
  position: absolute;
  width: 255px;
  height: 20px;
  top: 30px;
  left: 270px;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: 0.16px;
  z-index: 68;
}
.phone {
  position: relative;
  color: #c7c7c7;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 20.4px;
  text-align: left;
  letter-spacing: 0.16px;
}
.phone-whatsapp-telegram-32 {
  position: relative;
  color: #c7c7c7;
  font-family: Onest, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 20.4px;
  text-align: left;
  letter-spacing: 0.16px;
}

.call{
  background-color: #004FFF;
  color: white;
  text-align: center;
  width: 190px;
  height: 40px;
  border-radius: 30px;
  border: 0;
  font-size: 16px;
  cursor: pointer;
}

.contact{
  background-color: #004FFF;
  color: white;
  text-align: center;
  width: 190px;
  height: 40px;
  border-radius: 30px;
  border: 0;
  font-size: 16px;
  cursor: pointer;
}

.nav .contact{
  display: block;
  background-color: rgba(246, 247, 249, 1);
  color: #004FFF;
}


.nav .logo{
  z-index: 19999999;
  position: absolute;
  top:15px;
  left: 10px;
}

.hamburger{
  display: none;
  cursor: pointer;
}

.nav{
  display: none;
  z-index: 100;
}

.nav ul{
  padding-left: 0;
}

.list span{
  margin-top: 50px;
  margin-bottom: 20px;
}

.list a{
  text-decoration: none;
}

.list span a{
  text-decoration: none;
  color: black;
}

.nav .contact{
  display: block;
  background-color: rgba(246, 247, 249, 1);
  color: #004FFF;
}



.rectangle-14add{
  display: none;
}

.row{
  display: flex;
  flex-direction: row;
}

.displayHalfMobile{
  display: none;
}

.justify-between{
  display: flex;
  justify-content: space-between;
}


footer{
  background-color: #F6F7F9;
  padding: 30px 40px;
  width: 100%;
  margin-top: 120px;
}

footer p{
  font-size: 20px;
  margin-top: 10px;
}

footer a{
  text-decoration: none;
  color: black;
}

footer .gray-text{
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 30px;
}

.footer .gray-text{
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 30px;
}

footer .gray-text:first-child{
  margin-top: 0;
}

footer img{
  height: fit-content;
}

footer button{
  width: 111px;
  height: 30px;
  font-size: 14px;
  color: #004FFF;
  background-color: white;
  border-radius: 30px;
  border: 1px solid #004FFF;
  margin-bottom: 10px;
  cursor: pointer;
}

.copyrigth p{
  font-size: 10px;
  margin-bottom: 0;
}

.OL1{
  padding-left: 80px;
  opacity: 0.4;
}

form{
  margin: 40px 30px 0 30px;
  color: white;
}

.rowColumbOnHalfMobile{
  display: flex;
}


form div label{
  width: 100%;
  /* margin-left: 20px;
  margin-right: 20px; */
  max-width: 460px;
}

form div label:first-child{
  width: 100%;
  /* margin-left: 0; */
  margin-right: 10px;
}

form div label:last-child{
  width: 100%;
  margin-left: 10px;
}

.label2 span{
  line-height: 10px;
  margin: auto auto auto 0;
}

form div label p{
  margin-bottom: 4px;
  font-size: 12px;
}

form div label input{
  width: 100%;
  font-size: 19px;
  border-radius: 30px;
  border: 0;
  max-width: 430px;
  height: 39px;
  padding: 0 15px;
}

form .message{
  max-width: 100%;
    display: block;
    width: 100%;
}

form .message p{
  margin-bottom: 4px;
  margin-top: 20px ;
  font-size: 12px;
}

form .message input{
  width: 100%;
  font-size: 20px;
  border-radius: 30px;
  border: 0;
  max-width: 1385px;
  height: 39px;
  padding: 0 15px;
}

form .label2{
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: left;
  font-size: 10px;
  align-content: center;
  line-height: 10px;
}

form .label2 *{
  line-height: 10px;
}

form .label2 input{
  border: 1px solid white;
  background-color: #004FFF;
  accent-color: #004fff;
}

form input[type='submit']{
  font-size: 14px;
  color: #004FFF;
  width: 173px;
  height: 45px;
  background-color: white;
  border: 0;
  border-radius: 30px;
  cursor: pointer;
}

form input[type='submit']:hover{
  background-color: rgb(243, 243, 243);
}

form input[type='submit']:active{
  background-color: rgb(230, 230, 230);
}

.gray-text{
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width:1440px) {

  .empty{
    left: 20px;
  }

  .flex-row, .flex-row-c, .flex-row-b, .flex-row-eca{
    gap: 40px;
  }

  .rectangle-4, .rectangle-7, .rectangle-c, .rectangle-f{
    min-width: 240px;
  }

  .rectangle-a, .rectangle-e, .rectangle-6{
    width: 273px;
  }

  .glass-processing, .different-glass-types, .okraska-furnitury-text, .kompleksnyy-podhod-text{
    min-width: 327px;
  }
  
  .vidy-peregordok, .span-cost{
    width: 920px;
  }

  .flex-row-ea {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: fit-content;
    height: auto;
    gap: 20px;

  }
  .ofisnye-peregordki, .mezkomnatnye-peregordki {
    top: 40px;
    left: 38px;
  }

  .ofisnye-peregordki-text, .mezkomnatnye-peregordki-text {
    width: 374px;
    height: auto;
    top: 108px;
    left: 38px;
  }

  .group {
    position: absolute;
    width: 186.84px;
    height: 226.48px;
    top: 46px;
    left: 132px;
  }

  .group-12 {
    position: absolute;
    width: 186.84px;
    height: 226.48px;
    top: 46px;
    left: 132px;
  }

  .rectangle-11, .rectangle-10 {
    width: 450px;
    height: 320px;
  }


  .flex-row-e {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    position: relative;
    width: fit-content;
    height: 300px;
    margin: 120px auto 0  auto;
    z-index: 45;
    gap: 10px;
  }

  .flex-row-fb{
    display: flex;
    position: relative;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 10px;
    margin-top: 10px;
  }

  .rectangle-14 {
    flex-shrink: 0;
    position: relative;
    width: 300px;
    height: 300px;
    background: #004fff;
    z-index: 45;
    border-radius: 20px;
  }

  .rectangle-14add {
    display: block;
    flex-shrink: 0;
    position: relative;
    width: 300px;
    height: 300px;
    background: #00000000;
    z-index: 45;
    border-radius: 20px;
  }

  .rectangle-15, .rectangle-17, .rectangle-18, .rectangle-13{
    position: static;
    width: 300px;
    height: 300px;
  }

  .rectangle-4, .rectangle-7, .rectangle-c, .rectangle-f{
    min-width: 270px;
    min-height: 217px;
  }

  .regroup-16{
    gap: 10px;
    width: fit-content;
    position: static;
  }

  .flex-row-ca {
    flex-direction: column;
    width: auto;
    height: auto;
    gap: 20px;
  }

  .rectangle-1a {
    width: 920px;
    height: 487px;
  }

  .flex-row-1b {
    width: 800px;
    height: 20px;
    margin: 38px 60px 0 60px;
    z-index: 92;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .span-approx-cost, .span-name{
    position: static;
  }

  .rectangle-1c, .rectangle-23{
    width: 800px;
  }

  .flex-row-1d, .flex-row-dce, .flex-row-1f, .flex-row-c-20, .flex-row-cc,.flex-row-22 {
    width: 800px;
  }

  .order-info, .disclaimer{
    width: 770px;
    height: auto;
    margin-left: 0;
  }
  
  .rectangle-24{
    width: 100%;
  }



}

@media (max-width:960px) {

  .rectangle-1 {
    display: none;
  }

  .glasswall1{
    display: block;
    width: 95%;
    max-height: 450px;
    height: auto;
    margin: 20px 20px 0 20px;
    border-radius: 10px;
  }


.call1 span a{
  display: none;
}

  .hideOnHalfMobile{
    display: none;
  }

  .displayHalfMobile{
    display: block;
  }

  .columnonmobile{
    flex-direction: column !important;
    margin-bottom: 30px;
  }

  .mobileimg{
    width: 100px;
    margin-bottom: 50px;
  }

  
  .header{
    display: none;
  }

  .nav {
    display: block;
    background:#ffffff;
    position:fixed;
    top:0;
    right:0;
    width:100%;/* 100% = fullscreen */
    height:100vh;
    transition: transform0.7s, opacity1s;
    transform: translateX(100%);
    opacity:0;
  }

  .nav.show {
    transform: translateX(0%);
    opacity:1;
  }

  .list {
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    height: inherit;
    list-style: none;
    background-color: #ffffff;
    color: #004FFF;
    gap: 30px;
    z-index: 9000;
    margin: 0;
    width: 100%;
  }

  .list li a{
    color: #000000 !important;
  }

  .glass-processing, .different-glass-types, .okraska-furnitury-text, .kompleksnyy-podhod-text{
    min-width: 250px;
    max-width: 300px;
  }

  .flex-row, .flex-row-c, .flex-row-b, .flex-row-eca{
    gap: 70px;
  }




  .vidy-peregordok, .span-cost{
    width: 95%;
  }

  .flex-row-ea {
    flex-direction: column;
    width: 95%;
    height: auto;
    margin: 60px 20px 0 20px;
  }

  .rectangle-11, .rectangle-10 {
    width: 100%;
    height: 320px;
    display: flex;
    flex-direction: column;
    height: fit-content;

  }

  .ofisnye-peregordki, .mezkomnatnye-peregordki {
    position: static;
    justify-content: center;
    margin-top: 40px;
  }

  .ofisnye-peregordki-text, .mezkomnatnye-peregordki-text {
    width: 90%;
    margin: auto;
    margin-top: 40px;
    height: auto;
    position: static;
  }

  .group, .group-12 {
    position: static;
    width: 186.84px;
    height: 226.48px;
    margin: 40px auto 40px auto;
    order: 3;
  }

  .rectangle-14add {
    display: none;
  }

  .flex-row-e {
    height: fit-content;
    flex-direction: row;
  }

  .flex-row-fb {
    height: fit-content;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }

  .rectangle-15{
    order: 2;
  }

  .rectangle-16add{
    order: 1;
    display: block;
    flex-shrink: 0;
    position: relative;
    width: 300px;
    height: 300px;
    background: #00000000;
    z-index: 45;
    border-radius: 20px;
  }

  .regroup-16{
    flex-direction: row-reverse;
  }

  .rectangle-15, .rectangle-14, .rectangle-17, .rectangle-18, .rectangle-13, .rectangle-16add{
    position: static;
    width: 300px;
    height: 325px;
  }

  .span-color-profile, .span-glass-partitions, .besplatnaya-konsultatsiya-text{
    width: 80%;
    margin: 50px 20px 20px 20px;
    height: auto;
  }

  .span-choose-design, .span-special-partitions, .besplatnaya-konsultatsiya{
    margin-top: 30px;
  }
  
  .rectangle-1a{
    width: 95%;
    height: fit-content;
  }

  .flex-row-1b,.flex-row-1d, .flex-row-dce, .flex-row-1f, .flex-row-c-20, .flex-row-cc, .flex-row-22{
    width: 94%;
    margin: 20px 20px 0 20px;
  }

  .rectangle-1c, .rectangle-23{
    width: 94%;
    margin: 20px 20px 0 20px;
  }

  .order-info{
    width: 460px;
  }

  .disclaimer{
    width: 95%;
  }

  .OL1 {
    padding-left: 40px;
    opacity: 0.4;
}

.rectangle-24 {
  width: 95%;
  height: fit-content;
}

.php-mailer .rowColumbOnHalfMobile{
  flex-direction: column;
  height: fit-content;
}

.php-mailer{
  margin-bottom: 40px;
}

form div label{
  width: 100%;
  max-width: 100%;
  margin-right: 0;
}

form div label input{
  width: 100%;
  max-width: 100%;
}

form div label:first-child{
  width: 100%;
  max-width: 100%;
  margin-right: 0;
}

form div label:last-child {
  width: 100%;
  margin-left: 0;
}


.proizvodstwo{
  width: 100%;
}



  .hamburger {
    position: fixed;
    top: 15px;
    right: 10px;
    width: 45px;
    height: 35px;
    z-index: 9999;
    border: 0;
    background-color: unset;
    display: block;
  }
  
  .hamburger span {
    position: absolute;
    left: 0;
    background: #ffffff;
    width: inherit;
    height: 5px;
    transition: transform 0.5s, opacity 0.5s;
  }
  

}


@media (max-width:640px) {


 .glasswall1{
  min-height: 400px;
 }

 .flex-row-1b,.flex-row-1d, .flex-row-dce, .flex-row-1f, .flex-row-c-20, .flex-row-cc, .flex-row-22{
  width: 94%;
  margin: 20px 10px 0 10px;
}

.rectangle-1c, .rectangle-23{
  width: 94%;
  margin: 20px 10px 0 10px;
}

.flex-row, .flex-row-c, .flex-row-b, .flex-row-eca{
  flex-direction: column;
  gap: 10px;
}

.flex-row div, .flex-row-c div, .flex-row-b div, .flex-row-eca div, .glass-processing, .different-glass-types, .okraska-furnitury-text, .kompleksnyy-podhod-text{
  width: 96%;
  max-width: 100%;

}

.call1{
  width: fit-content ;
}

.ofisnye-peregordki, .mezkomnatnye-peregordki{
  white-space: normal;
  margin-left: 20px;
}

.flex-row-e , .rectangle-2 ,.vidy-peregordok, .span-cost{
  margin-top: 70px;
}

.rectangle-d, .rectangle-9 , .rectangle-5, .rectangle-2{
  width: 91%;
} 

.flex-row-e, .regroup-16{
  flex-direction: column;
}

.rectangle-14 ,.rectangle-13, .rectangle-17, .rectangle-18, .rectangle-15{
  width: 95%;
  margin: 0 10px;
}

.rectangle-14, .rectangle-18{
  display: flex;
}

.mask-group, .group-19{
  margin: auto;
}

.span-color-profile, .span-glass-partitions, .besplatnaya-konsultatsiya-text{
  width: 85%;
}

.rectangle-13, .rectangle-17, .rectangle-15{
  height: fit-content;
}

.rectangle-16add{
  display: none;
}

.regroup-16{
  
  height: fit-content;

}


.span-choose-design{
  margin-left: 20px;

}

.OL1{
  margin-right: 20px;
}

.flex-row-ca{
  width: 95%;
  margin: 40px auto 0 auto;
}

.rectangle-1a{
  width: 100%;
  max-width: 100%;
}

.rectangle-1c, .rectangle-23{
  width: 95%;
}

.order-info, .disclaimer{
  width: auto;
}


.calculate-price-data{
  width: auto;
  height: auto;
}

.span-glass-partitions-1e{
  white-space: normal;
}

.individual-price-calculation{
  width: auto;
  height: auto;
}





}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 9999999; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(255, 255, 255, 0); /* Set a background color */
  background-image: url(/assets/img/Up.png);
  background-position: center;
  background-repeat: no-repeat;
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 100%; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  width: 44px;
  height: 44px;
  border: 1px solid black;
}

#myBtn:hover {
  background-color: #a1a1a167; /* Add a dark-grey background on hover */
}