@font-face {
  font-family: 'Avenir';
  src: url('avenir.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Microsoft Yahei';
  src: url('msyh.ttc') format('truetype-collection');
  font-weight: normal;
  font-style: normal;
}
:root {
  --default-font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

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

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

.main-container {
  position: relative;
  width: 1280px;
  height: 4117px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.product-page-hero-all {
  position: relative;
  width: 1280px;
  height: 678px;
  margin: 0 0 0 0;
  z-index: 88;
  overflow: hidden;
}
.right-decoration-line {
  position: absolute;
  width: 1347px;
  height: 855.584px;
  top: -58px;
  left: 533.967px;
  background: url(https://static.codia.ai/image/2025-03-19/4c159615-fabb-44b4-9bcc-7aae7413e2b9.png)
    no-repeat center;
  background-size: cover;
  z-index: 90;
}
.product-hero-background {
  position: absolute;
  width: 1280px;
  height: 680px;
  top: -2px;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-19/91c8e99e-683f-4c93-9f25-8a1f48c66d4c.png)
    no-repeat center;
  background-size: cover;
  z-index: 89;
  overflow: hidden;
}
.flex-column-fd {
  position: absolute;
  height: 247px;
  top: 0;
  right: 0.03px;
  left: -0.03px;
  z-index: 93;
}
.header-all {
  position: relative;
  width: 1280px;
  height: 120px;
  margin: 0 0 0 0;
  z-index: 93;
  overflow: hidden;
}
.header-logo {
  position: absolute;
  width: 140px;
  height: 34px;
  top: 43px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 96;
  overflow: hidden;
}
.logo {
  position: relative;
  width: 140px;
  height: 33.75px;
  margin: 0 0 0 0;
  background: url(https://static.codia.ai/image/2025-03-19/7674d085-9f6d-4923-b5e2-b3c4ecc06166.svg)
    no-repeat center;
  background-size: cover;
  z-index: 97;
  overflow: hidden;
}
.en {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 17px;
  height: 16px;
  top: 53px;
  left: 1076px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  z-index: 98;
}
.style-collections {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  top: 54px;
  left: 143px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 94;
}
.functional-mattress-ticking {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  top: 54px;
  left: 300px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 95;
}
.chinese {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 20px;
  height: 12px;
  top: 55px;
  left: 1110px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  opacity: 0.3;
  z-index: 99;
}
.rectangle {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 50%;
  left: 1101px;
  background: #191919;
  transform: translate(0, -41.67%);
  z-index: 100;
}
.our-certification {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  top: 55px;
  left: 805px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 101;
}
.contact {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  top: 55px;
  left: 970px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 102;
}
.high-quality-ticking {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 343px;
  height: 32px;
  margin: 95px 0 0 797px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  z-index: 91;
}
.style-collections-1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 48px;
  top: 160px;
  left: 140px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
  white-space: nowrap;
  z-index: 92;
}
.unique-ticking {
  position: relative;
  width: 1280px;
  height: 470px;
  margin: 0 0 0 0;
  background: #ffffff;
  z-index: 27;
  overflow: hidden;
}
.group {
  position: absolute;
  width: 1280px;
  height: 851px;
  top: -126px;
  left: -0.03px;
  z-index: 29;
  backdrop-filter: blur(2px);
}
.image {
  position: absolute;
  width: 1280px;
  height: 851px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-19/01b97a65-d407-44a9-91c2-b6af13042807.png)
    no-repeat center;
  background-size: cover;
  opacity: 0.6;
  z-index: 30;
}
.product-category-section-bkg {
  position: absolute;
  width: 1280px;
  height: 470px;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 28;
  overflow: hidden;
  -webkit-mask-image: url(https://static.codia.ai/image/2025-03-19/eff60e2d-3288-4444-b63b-c95ccd316f44.png);
  -webkit-mask-size: cover;
}
.product-category-section {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 64px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 37;
  overflow: hidden;
}
.rectangle-2 {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 38;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking-3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 39px;
  left: 32px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 39;
}
.create-unique-story {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 135px;
  height: 12px;
  top: 42px;
  left: 833px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: right;
  white-space: nowrap;
  z-index: 40;
}
.group-4 {
  position: absolute;
  width: 304.285px;
  height: 212.606px;
  top: 194px;
  left: 501.967px;
  z-index: 33;
  border-radius: 8px;
}
.classic-cn {
  position: absolute;
  width: 304.285px;
  height: 212.606px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-19/09fff905-b94c-4628-8ee8-8bd96b7c18f2.png)
    no-repeat center;
  background-size: cover;
  z-index: 34;
  border-radius: 8px;
}
.group-5 {
  position: absolute;
  width: 297.61px;
  height: 210px;
  top: 194px;
  left: 842.967px;
  z-index: 35;
  border-radius: 8px;
}
.classic-bu {
  position: absolute;
  width: 297.61px;
  height: 210px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-19/024f281a-cf39-43b9-a6e0-ced4d48858a3.png)
    no-repeat center;
  background-size: cover;
  z-index: 36;
  border-radius: 8px;
}
.group-6 {
  position: absolute;
  width: 327.345px;
  height: 211.545px;
  top: 194.453px;
  left: 139.967px;
  z-index: 31;
  border-radius: 8px;
}
.classic {
  position: absolute;
  width: 327.345px;
  height: 211.545px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-19/45548b0f-d468-4d6f-8478-459b6a9d38d5.png)
    no-repeat center;
  background-size: cover;
  z-index: 32;
  border-radius: 8px;
}
.style-category-section {
  position: relative;
  width: 1280px;
  height: 470px;
  margin: 0 0 0 0;
  background: #ffffff;
  z-index: 69;
  overflow: hidden;
  border-radius: 4px 0 0 0;
}
.product-category-section-7 {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 71;
  overflow: hidden;
}
.rectangle-8 {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 72;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking-9 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 39px;
  left: 32px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 73;
}
.create-unique-story-a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 102px;
  height: 12px;
  top: 42px;
  left: 866px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: right;
  white-space: nowrap;
  z-index: 74;
}
.product-category-section-bkg-b {
  position: absolute;
  width: 1280px;
  height: 716px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-19/a0210dd1-0330-4cc9-952a-fdd61c082042.png)
    no-repeat center;
  background-size: cover;
  z-index: 70;
  overflow: hidden;
}
.image-c {
  position: absolute;
  width: 317px;
  height: 190px;
  top: 193px;
  left: 818px;
  background: url(https://static.codia.ai/image/2025-03-19/bc54f445-8c81-447b-8496-de9d0a8fb50b.png)
    no-repeat center;
  background-size: cover;
  z-index: 75;
  border-radius: 8px;
}
.image-d {
  position: absolute;
  width: 324px;
  height: 190px;
  top: 193px;
  left: 476px;
  background: url(https://static.codia.ai/image/2025-03-19/348dc336-6337-4a67-84ec-8506de875227.png)
    no-repeat center;
  background-size: cover;
  z-index: 76;
  border-radius: 8px;
}
.image-e {
  position: absolute;
  width: 321.7px;
  height: 188px;
  top: 195px;
  left: 136px;
  background: url(https://static.codia.ai/image/2025-03-19/eeddf4c1-188e-4cfa-ad15-3101684b75af.png)
    no-repeat center;
  background-size: cover;
  z-index: 77;
  border-radius: 8px;
}
.style-category-section-hygiene {
  position: relative;
  width: 1280px;
  height: 470px;
  margin: 0 0 0 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 60;
  overflow: hidden;
}
.product-category-section-f {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 62;
  overflow: hidden;
}
.rectangle-10 {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 63;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking-11 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 39px;
  left: 32px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 64;
}
.create-unique-story-12 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 98px;
  height: 12px;
  top: 42px;
  left: 870px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: right;
  white-space: nowrap;
  z-index: 65;
}
.product-category-section-13 {
  position: absolute;
  width: 1280px;
  height: 470px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-19/ab83d2a0-08af-4c4e-86e8-112de211dcf6.png)
    no-repeat center;
  background-size: cover;
  z-index: 61;
  overflow: hidden;
}
.image-14 {
  position: absolute;
  width: 348.598px;
  height: 187px;
  top: 212.5px;
  left: 435.967px;
  background: url(https://static.codia.ai/image/2025-03-19/ba1f3cc4-a3a4-4c23-8282-467e597203f0.png)
    no-repeat center;
  background-size: cover;
  z-index: 66;
  border-radius: 8px;
}
.image-15 {
  position: absolute;
  width: 283px;
  height: 187px;
  top: 212.5px;
  left: 135.967px;
  background: url(https://static.codia.ai/image/2025-03-19/37a4ce32-d484-4148-853a-79efc62db4f9.png)
    no-repeat center;
  background-size: cover;
  z-index: 67;
  border-radius: 8px;
}
.image-16 {
  position: absolute;
  width: 345px;
  height: 187px;
  top: 212.5px;
  left: 802.967px;
  background: url(https://static.codia.ai/image/2025-03-19/561e42db-a6a5-49f5-b664-a020a6775cf8.png)
    no-repeat center;
  background-size: cover;
  z-index: 68;
  border-radius: 8px;
}
.style-category-section-17 {
  position: relative;
  width: 1280px;
  height: 470px;
  margin: 0 0 0 0;
  background: #ffffff;
  z-index: 78;
  overflow: hidden;
}
.product-category-section-18 {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 81;
  overflow: hidden;
}
.rectangle-19 {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 82;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.contemporary {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 39px;
  left: 32px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 83;
}
.modern-edge {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 76px;
  height: 12px;
  top: 42px;
  left: 892px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: right;
  white-space: nowrap;
  z-index: 84;
}
.product-category-section-1a {
  position: absolute;
  width: 1280px;
  height: 716px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-19/0a39567d-2338-4e2a-bd19-1dd21ff6c48c.png)
    no-repeat center;
  background-size: cover;
  z-index: 79;
  overflow: hidden;
}
.image-1b {
  position: absolute;
  width: 349px;
  height: 223px;
  top: 185px;
  left: 497px;
  background: url(https://static.codia.ai/image/2025-03-19/9129bb09-70b5-4ed9-9951-26441afedce5.png)
    no-repeat center;
  background-size: cover;
  z-index: 86;
  border-radius: 8px;
}
.image-1c {
  position: absolute;
  width: 334.586px;
  height: 222px;
  top: 188px;
  left: 140px;
  background: url(https://static.codia.ai/image/2025-03-19/e9fceda1-b1bf-46d9-a752-5ab1b27f4675.png)
    no-repeat center;
  background-size: cover;
  z-index: 80;
  border-radius: 8px;
}
.image-1d {
  position: absolute;
  width: 266px;
  height: 222px;
  top: 188px;
  left: 874px;
  background: url(https://static.codia.ai/image/2025-03-19/87ae9d58-63d2-44cf-9615-51298dd535ad.png)
    no-repeat center;
  background-size: cover;
  z-index: 85;
  border-radius: 8px;
}
.style-category-section-1e {
  position: relative;
  width: 1280px;
  height: 470px;
  margin: 0 0 0 0;
  background: #ffffff;
  z-index: 41;
  overflow: hidden;
}
.product-category-section-1f {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 43;
  overflow: hidden;
}
.rectangle-20 {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 44;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking-21 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 39px;
  left: 32px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 45;
}
.create-unique-story-22 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 88px;
  height: 12px;
  top: 42px;
  left: 880px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: right;
  white-space: nowrap;
  z-index: 46;
}
.product-category-section-23 {
  position: absolute;
  width: 1280px;
  height: 470px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-19/74cd7bfe-973a-4073-b0e1-bf5df97c7cf9.png)
    no-repeat center;
  background-size: cover;
  z-index: 42;
  overflow: hidden;
}
.image-24 {
  position: absolute;
  width: 321.165px;
  height: 216px;
  top: 208px;
  left: 474.967px;
  background: url(https://static.codia.ai/image/2025-03-19/031cabfc-2c31-4bd5-aa7e-5f0169d9171b.png)
    no-repeat center;
  background-size: cover;
  z-index: 47;
  border-radius: 8px;
}
.image-25 {
  position: absolute;
  width: 323.78px;
  height: 216px;
  top: 208px;
  left: 134.967px;
  background: url(https://static.codia.ai/image/2025-03-19/8e545932-c237-4169-be11-1a4ace333cc1.png)
    no-repeat center;
  background-size: cover;
  z-index: 48;
  border-radius: 8px;
}
.image-26 {
  position: absolute;
  width: 327.146px;
  height: 216px;
  top: 208px;
  left: 812.967px;
  background: url(https://static.codia.ai/image/2025-03-19/77f2d796-7610-4ce0-b4ab-fdaee8e2a39c.png)
    no-repeat center;
  background-size: cover;
  z-index: 49;
  border-radius: 8px;
}
.style-category-section-27 {
  position: relative;
  width: 1280px;
  height: 470px;
  margin: 0 0 0 0;
  background: #ffffff;
  z-index: 50;
  overflow: hidden;
}
.product-category-section-28 {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 53;
  overflow: hidden;
}
.rectangle-29 {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 54;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking-border {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 39px;
  left: 32px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 55;
}
.create-unique-story-2a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 87px;
  height: 12px;
  top: 42px;
  left: 881px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: right;
  white-space: nowrap;
  z-index: 56;
}
.product-category-section-2b {
  position: absolute;
  width: 1280px;
  height: 470px;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 51;
  overflow: hidden;
}
.david-jorre-fgcalkzbunsplash {
  position: absolute;
  width: 1305.967px;
  height: 1801.065px;
  top: -687.371px;
  left: -12.033px;
  background: url(https://static.codia.ai/image/2025-03-19/95400831-f776-4693-92d0-ef2d2afa73ec.png)
    no-repeat center;
  background-size: cover;
  opacity: 0.15;
  z-index: 52;
}
.image-2c {
  position: absolute;
  width: 308.972px;
  height: 227px;
  top: 202px;
  left: 829.967px;
  background: url(https://static.codia.ai/image/2025-03-19/fafb1703-b849-4600-9bb4-7e6729ab1d6e.png)
    no-repeat center;
  background-size: cover;
  z-index: 57;
  border-radius: 8px;
}
.image-2d {
  position: absolute;
  width: 305px;
  height: 227px;
  top: 202px;
  left: 494.967px;
  background: url(https://static.codia.ai/image/2025-03-19/692365f7-ecaa-4f89-90d1-fe6ba8ddd96b.png)
    no-repeat center;
  background-size: cover;
  z-index: 58;
  border-radius: 8px;
}
.image-2e {
  position: absolute;
  width: 310.655px;
  height: 234px;
  top: 202px;
  left: 146.967px;
  background: url(https://static.codia.ai/image/2025-03-19/d35d5a5a-d5bd-4b11-8044-f631bb7b810c.png)
    no-repeat center;
  background-size: cover;
  z-index: 59;
  border-radius: 8px;
}
.footer-all {
  position: relative;
  width: 1280px;
  height: 618px;
  margin: 1px 0 0 0;
  overflow: hidden;
}
.group-2f {
  position: relative;
  width: 942px;
  height: 112px;
  margin: 409px 0 0 140px;
  z-index: 2;
}
.flex-column-ba {
  position: absolute;
  width: 267px;
  height: 112px;
  top: 0;
  left: 675px;
  font-size: 0px;
  z-index: 4;
}
.address {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 267px;
  height: 96px;
  margin: 0 0 0 0;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  z-index: 3;
}
.bh {
  display: block;
  position: relative;
  height: 16px;
  margin: 0 0 0 0;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 4;
}
.focus-on-textile {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 405px;
  height: 96px;
  top: 16px;
  left: 0;
  color: rgba(252, 250, 241, 0.6);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 48px;
  font-weight: 600;
  line-height: 48px;
  text-align: left;
  text-overflow: initial;
  z-index: 5;
  overflow: hidden;
}
.rectangle-30 {
  position: absolute;
  width: 1280px;
  height: 618px;
  top: 0;
  left: 0;
  background: #191919;
  z-index: 1;
}
.footer-fillinfo {
  position: absolute;
  width: 494px;
  height: 288px;
  top: 80px;
  left: 140px;
  z-index: 6;
  overflow: hidden;
}
.group-31 {
  position: absolute;
  width: 494px;
  height: 288px;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 7;
}
.contact-us {
  display: block;
  position: relative;
  height: 14px;
  margin: 24px 0 0 32px;
  color: #191919;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 9;
}
.group-32 {
  position: relative;
  width: 241.07px;
  height: 116px;
  margin: 32px 0 0 32px;
  z-index: 13;
  overflow: visible auto;
}
.group-33 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 0 0 0 0.07px;
  font-size: 0px;
  z-index: 14;
  overflow: visible auto;
}
.full-name {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
}
.rectangle-34 {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(https://static.codia.ai/image/2025-03-19/e13e4575-41c9-4ab5-af91-e0e8bd656a01.svg)
    no-repeat center;
  background-size: cover;
  z-index: 16;
}
.group-35 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0.07px;
  font-size: 0px;
  z-index: 17;
  overflow: visible auto;
}
.your-company {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 18;
}
.rectangle-36 {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(https://static.codia.ai/image/2025-03-19/68984dff-13d9-4893-bff1-e7b93654470e.svg)
    no-repeat center;
  background-size: cover;
  z-index: 19;
}
.group-37 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0.07px;
  font-size: 0px;
  z-index: 20;
  overflow: visible auto;
}
.your-title {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 21;
}
.rectangle-38 {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(https://static.codia.ai/image/2025-03-19/e649492d-5b6d-4895-bfd3-2c212499d8aa.svg)
    no-repeat center;
  background-size: cover;
  z-index: 22;
}
.group-39 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0;
  font-size: 0px;
  z-index: 23;
  overflow: visible auto;
}
.e-mail-address {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 24;
}
.rectangle-3a {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(https://static.codia.ai/image/2025-03-19/7743e1fd-4037-4bad-8546-b77bed68d26c.svg)
    no-repeat center;
  background-size: cover;
  z-index: 25;
}
.group-3b {
  position: relative;
  width: 241px;
  height: 46px;
  margin: 24px 0 0 32px;
  font-size: 0px;
  z-index: 10;
  overflow: visible auto;
  border-radius: 8px;
}
.submit {
  display: block;
  position: relative;
  height: 16px;
  margin: 16px 0 0 93.5px;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 12;
}
.rectangle-3c {
  position: absolute;
  width: 241px;
  height: 46px;
  top: 0;
  right: 0;
  background: #191919;
  z-index: 11;
  border-radius: 8px;
  box-shadow: -2px 2px 1px 0 rgba(191, 191, 191, 0.1) inset;
}
.group-3d {
  position: absolute;
  height: 288px;
  top: 0;
  right: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-19/e0059bb9-229b-4b12-b17f-9a74cac39fee.png)
    no-repeat center;
  background-size: cover;
  z-index: 8;
}
.about-us-style-collections {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 207px;
  height: 144px;
  top: 104px;
  left: 815px;
  color: #fcfaf1;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  text-overflow: initial;
  z-index: 26;
  overflow: hidden;
}


#leo-form input { margin:4px 0; border:0; border-bottom:1px solid #aaa; padding:5px 0; width:100%; height:20px; color:#888;}

.footer-fillinfo {
  position: absolute;
  width: 494px;
  height: 288px;
  top: 80px;
  left: 140px;
  font-size: 0px;
  z-index: 214;
  overflow: hidden;
}
.contact-us {
  display: block;
  position: relative;
  height: 16px;
  margin: 24px 0 0 32px;
  color: #191919;

  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 218;
}
.group-5b {
  position: relative;
  width: 241.07px;
  height: 116px;
  margin: 32px 0 0 32px;
  z-index: 222;
  overflow: visible auto;
}
.group-5c {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 0 0 0 0.07px;
  font-size: 0px;
  z-index: 223;
  overflow: visible auto;
}
.full-name {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;

  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 224;
}
.rectangle-5d {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(./assets/images/7786ba6d-bcdf-407e-aed6-f8f7e2f75a67.png)
    no-repeat center;
  background-size: cover;
  z-index: 225;
}
.group-5e {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0.07px;
  font-size: 0px;
  z-index: 226;
  overflow: visible auto;
}
.your-company {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;

  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 227;
}
.rectangle-5f {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(./assets/images/6d5d4d45-1969-4bdb-862a-8d03d73d05e8.png)
    no-repeat center;
  background-size: cover;
  z-index: 228;
}
.group-60 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0.07px;
  font-size: 0px;
  z-index: 229;
  overflow: visible auto;
}
.your-title {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;

  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 230;
}
.rectangle-61 {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(./assets/images/87cb9a9f-64dd-4bc3-8913-10f97cfa231b.png)
    no-repeat center;
  background-size: cover;
  z-index: 231;
}
.group-62 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0;
  font-size: 0px;
  z-index: 232;
  overflow: visible auto;
}
.e-mail-address {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0;
  color: #a7a7a7;

  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 233;
}
.rectangle-63 {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(./assets/images/e1830ccc-a797-4ddf-9dfe-5c3116f9ccf6.png)
    no-repeat center;
  background-size: cover;
  z-index: 234;
}
.group-64 {
  position: relative;
  font-size: 0px;
  z-index: 219;
  overflow: visible auto;
  border-radius: 8px;
}

.submit {
  display: block;
  position: relative;
  height: 40px;
  margin: 20px 0 0 30px;
	padding: 0 40px;
	border-radius: 5px;
  color: #fcfaf1;

  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
	background-color:#191919;
  z-index: 221;
	cursor: pointer;
}
.rectangle-65 {
  position: absolute;
  width: 241px;
  height: 46px;
  top: 0;
  right: 0;
  background: #191919;
  z-index: 220;
  border-radius: 8px;
  box-shadow: -2px 2px 1px 0 rgba(191, 191, 191, 0.1) inset;
}
.footer-fillinfo-image {
  position: absolute;
  width: 494px;
  height: 288px;
  top: 0;
  left: 0;
  z-index: 215;
  overflow: hidden;
}
.group-66 {
  position: absolute;
  width: 494px;
  height: 288px;
  top: 0;
  left: 0;
  z-index: 216;
}
.group-67 {
  position: absolute;
  height: 288px;
  top: 0;
  right: 0;
  left: 0;
  background: url(./assets/images/79dec520-9a46-44e5-9d88-aba9d23a2ae8.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 217;
}
.style-collections-functional a {
	color:#fff;text-decoration:none;
}
.style-collections-functional {

  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
	font-family: PingFang SC, var(--default-font-family);
  top: 104px;
  left: 815px;
  color: #fcfaf1;

  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  text-overflow: initial;
  z-index: 235;
  overflow: hidden;
}