@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: 5017px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.all-comfort {
  position: relative;
  width: 1280px;
  height: 716px;
  margin: 1087px 0 0 0;
  background: #ffffff;
  z-index: 95;
  overflow: hidden;
}
.section-name {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 97;
  overflow: hidden;
}
.rectangle {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 98;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking {
  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: 99;
}
.create-unique-story {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 186px;
  height: 12px;
  top: 42px;
  left: 782px;
  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: 100;
}
.bkg-comfort {
  position: absolute;
  width: 1280px;
  height: 716px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/28f65876-4423-468f-8740-d2649d33628a.png)
    no-repeat center;
  background-size: cover;
  z-index: 96;
  overflow: hidden;
}
.comfort {
  position: absolute;
  width: 1000px;
  height: 214px;
  top: 192px;
  left: 140px;
  background: url(https://static.codia.ai/image/2025-03-07/97478925-f7b0-41e2-90e0-c5216f2553e3.png)
    no-repeat center;
  background-size: cover;
  z-index: 101;
}
.group {
  position: absolute;
  width: 873.033px;
  height: 36px;
  top: 288px;
  left: 50%;
  transform: translate(-48.68%, 0);
  z-index: 102;
}
.aloe-vera {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 48px;
  height: 36px;
  top: 9px;
  left: 0;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-overflow: initial;
  z-index: 103;
  overflow: hidden;
}
.nouwell-spa {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 89px;
  height: 36px;
  top: 0;
  left: 386.611px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-overflow: initial;
  z-index: 105;
  overflow: hidden;
}
.feran-ice-c {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 80px;
  height: 36px;
  top: 9px;
  left: 592.812px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-overflow: initial;
  z-index: 106;
  overflow: hidden;
}
.rucofin {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 81px;
  height: 18px;
  top: 9px;
  left: 185.411px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 104;
}
.avocado {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 92px;
  height: 18px;
  top: 9px;
  left: 781.033px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 107;
}
.group-1 {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 438px;
  left: 140px;
  font-size: 0px;
  z-index: 108;
}
.cashmere {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 99px;
  height: 18px;
  margin: 98px 0 0 111.5px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 110;
}
.cashmere-2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/83096682-cc7c-4add-8584-5913e4bbfc95.png)
    no-repeat center;
  background-size: cover;
  z-index: 109;
}
.group-3 {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 438px;
  left: 479px;
  font-size: 0px;
  z-index: 111;
}
.tencel {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 69px;
  height: 18px;
  margin: 98px 0 0 126.5px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 113;
}
.tencel-4 {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/f916f7f3-9337-40b5-a178-f381ba7d27a1.png)
    no-repeat center;
  background-size: cover;
  z-index: 112;
}
.group-5 {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 438px;
  left: 818px;
  font-size: 0px;
  z-index: 114;
}
.silk {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 37px;
  height: 18px;
  margin: 98px 0 0 142.5px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 116;
}
.silk-6 {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/604d3d1b-3d88-48bf-a83b-0e0c4b944d89.png)
    no-repeat center;
  background-size: cover;
  z-index: 115;
}
.all-hygiene {
  position: relative;
  width: 1280px;
  height: 470px;
  margin: 0 0 0 0;
  background: #e8f0f2;
  z-index: 65;
  overflow: hidden;
}
.section-name-7 {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 67;
  overflow: hidden;
}
.rectangle-8 {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 68;
  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: 69;
}
.create-unique-story-a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 130px;
  height: 12px;
  top: 42px;
  left: 838px;
  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: 70;
}
.bkg-hygiene {
  position: absolute;
  width: 1280px;
  height: 470px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/61a5a51e-4003-4a87-a357-55521c01d612.png)
    no-repeat center;
  background-size: cover;
  z-index: 66;
  overflow: hidden;
}
.hygiene {
  position: absolute;
  width: 1000px;
  height: 214px;
  top: 192px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 71;
  -webkit-mask-image: url(https://static.codia.ai/image/2025-03-07/1de1068a-bb27-45d6-a3e1-443b1574e4f7.png);
  -webkit-mask-size: cover;
}
.group-b {
  position: absolute;
  width: 999.482px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/246ba71e-975b-4188-a94b-1209373ff002.png)
    no-repeat center;
  background-size: cover;
  z-index: 72;
}
.layer {
  position: absolute;
  width: 120px;
  height: 30px;
  top: 93px;
  left: 645px;
  z-index: 73;
  overflow: hidden;
}
.rectangle-c {
  position: absolute;
  width: 102.45%;
  height: 101.89%;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/571cdaf8-2ba1-40c8-a78b-34b9945d4195.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 74;
}
.silverplus {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 99px;
  height: 18px;
  top: 292px;
  left: 591px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 75;
}
.all-natural {
  position: relative;
  width: 1280px;
  height: 716px;
  margin: 0 0 0 0;
  background: #ffffff;
  z-index: 117;
  overflow: hidden;
}
.section-name-d {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 119;
  overflow: hidden;
}
.rectangle-e {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 120;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking-f {
  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: 121;
}
.create-unique-story-10 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 244px;
  height: 12px;
  top: 42px;
  left: 724px;
  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: 122;
}
.bkg-natural {
  position: absolute;
  width: 1280px;
  height: 716px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/0852d7f9-d702-4be5-b7d8-cdd753a5ac2b.png)
    no-repeat center;
  background-size: cover;
  z-index: 118;
  overflow: hidden;
}
.natural {
  position: absolute;
  width: 1000px;
  height: 214px;
  top: 192px;
  left: 140px;
  background: url(https://static.codia.ai/image/2025-03-07/f5d7564f-deec-4b20-ac9f-7faabfcec5c8.png)
    no-repeat center;
  background-size: cover;
  z-index: 123;
}
.recycled-pes {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 93px;
  height: 36px;
  top: 297px;
  left: 197px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-overflow: initial;
  z-index: 124;
  overflow: hidden;
}
.group-11 {
  position: absolute;
  width: 98px;
  height: 30px;
  top: 291px;
  left: 790.967px;
  z-index: 129;
}
.group-12 {
  position: relative;
  width: 70px;
  height: 18px;
  margin: 0 0 0 14px;
  z-index: 131;
}
.celys {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 53px;
  height: 18px;
  top: 5px;
  left: 0;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 132;
}
.tm {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15px;
  height: 10px;
  top: 3px;
  left: 55px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  text-align: center;
  white-space: nowrap;
  z-index: 133;
}
.compostable-pes {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 98px;
  height: 12px;
  margin: 0 0 0 0;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  z-index: 130;
}
.kapok {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 62px;
  height: 18px;
  top: 297px;
  left: 406.467px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 125;
}
.group-13 {
  position: absolute;
  width: 85px;
  height: 18px;
  top: 297px;
  left: 598.967px;
  z-index: 126;
}
.ecovero {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 68px;
  height: 18px;
  top: 0;
  left: 0;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 127;
}
.tm-14 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15px;
  height: 10px;
  top: 0;
  left: 70px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  text-align: center;
  white-space: nowrap;
  z-index: 128;
}
.biolution {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 98px;
  height: 18px;
  top: 297px;
  left: 993px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 134;
}
.cotton {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 438px;
  left: 140px;
  font-size: 0px;
  z-index: 135;
}
.pure-organic-cotton {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 112px;
  height: 36px;
  margin: 98.5px 0 0 63px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-overflow: initial;
  z-index: 137;
  overflow: hidden;
}
.cotton-15 {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/d1000d36-9275-4ea4-a43a-de32693fc73c.png)
    no-repeat center;
  background-size: cover;
  z-index: 136;
}
.linen {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 438px;
  left: 648px;
  font-size: 0px;
  z-index: 138;
}
.linen-16 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 44px;
  height: 18px;
  margin: 98.5px 0 0 97px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 140;
}
.linen-17 {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/f89489c7-0111-4c33-8673-ae09693a8a5d.png)
    no-repeat center;
  background-size: cover;
  z-index: 139;
}
.hemp {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 438px;
  left: 902px;
  font-size: 0px;
  z-index: 141;
}
.hemp-18 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 50px;
  height: 18px;
  margin: 98.5px 0 0 94px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 143;
}
.hemp-19 {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/c29998b7-baef-4ef2-a63c-ef7e4c758d4a.png)
    no-repeat center;
  background-size: cover;
  z-index: 142;
}
.naia {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 438px;
  left: 394px;
  z-index: 144;
}
.frame {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 1px;
  position: relative;
  width: 133px;
  margin: 97.5px 0 0 56.967px;
  z-index: 146;
}
.naia-tm {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 38px;
  height: 18px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 147;
}
.tm-1a {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 10px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  text-align: left;
  white-space: nowrap;
  z-index: 148;
}
.acetate {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 78px;
  height: 18px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 149;
}
.naia-1b {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/22fd6076-d8a6-4067-ab37-087d3f505c2a.png)
    no-repeat center;
  background-size: cover;
  z-index: 145;
}
.therapy {
  position: relative;
  width: 1280px;
  height: 470px;
  margin: 0 0 0 0;
  background: #ffffff;
  z-index: 150;
  overflow: hidden;
}
.name {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 152;
  overflow: hidden;
}
.rectangle-1c {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 153;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking-1d {
  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: 154;
}
.create-unique-story-1e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 129px;
  height: 12px;
  top: 42px;
  left: 839px;
  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: 155;
}
.therapy-bkg {
  position: absolute;
  width: 1280px;
  height: 470px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/66bc0ee2-705e-4321-a1c0-421b96850771.png)
    no-repeat center;
  background-size: cover;
  z-index: 151;
  overflow: hidden;
}
.therapy-1f {
  position: absolute;
  width: 1000px;
  height: 214px;
  top: 192px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 156;
  -webkit-mask-image: url(https://static.codia.ai/image/2025-03-07/c85550e2-825c-4f87-8fbd-3e042ca2aaa9.png);
  -webkit-mask-size: cover;
}
.group-20 {
  position: absolute;
  width: 1000px;
  height: 214px;
  top: 0;
  left: 0;
  z-index: 157;
}
.scenting {
  position: absolute;
  top: 0;
  right: 875px;
  bottom: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/e1efd32a-b22e-4b9a-b21a-3a85bb358b1b.png)
    no-repeat center;
  background-size: cover;
  z-index: 158;
}
.collagen {
  position: absolute;
  top: 0;
  right: 750px;
  bottom: 0;
  left: 125px;
  background: url(https://static.codia.ai/image/2025-03-07/925f3a0a-06bb-44b1-b902-a6fbe7586346.png)
    no-repeat center;
  background-size: cover;
  z-index: 159;
}
.q {
  position: absolute;
  top: 0;
  right: 625px;
  bottom: 0;
  left: 250px;
  background: url(https://static.codia.ai/image/2025-03-07/d028bc57-9225-4acd-b3b6-489b275e920d.png)
    no-repeat center;
  background-size: cover;
  z-index: 160;
}
.hyalu {
  position: absolute;
  top: 0;
  right: 500px;
  bottom: 0;
  left: 375px;
  background: url(https://static.codia.ai/image/2025-03-07/16f5adc0-635c-4d88-8f22-0239fb4a7085.png)
    no-repeat center;
  background-size: cover;
  z-index: 161;
}
.cbd {
  position: absolute;
  top: 0;
  right: 375px;
  bottom: 0;
  left: 500px;
  background: url(https://static.codia.ai/image/2025-03-07/22c60dea-dd38-473f-8601-70e89440c0a3.png)
    no-repeat center;
  background-size: cover;
  z-index: 162;
}
.qiten {
  position: absolute;
  width: 125px;
  height: 214px;
  top: 0;
  left: 750px;
  z-index: 163;
  -webkit-mask-image: url(https://static.codia.ai/image/2025-03-07/a65390ea-c82f-458a-9738-bbc1e926ff50.png);
  -webkit-mask-size: cover;
}
.layer-21 {
  position: relative;
  width: 78.15px;
  height: 25.52px;
  margin: 94px 0 0 23px;
  z-index: 166;
  overflow: hidden;
}
.rectangle-22 {
  position: absolute;
  width: 103.72%;
  height: 105.05%;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/ed982bb4-79f2-45e3-ab9e-021734e281b2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 167;
}
.rectangle-23 {
  position: absolute;
  width: 212.22%;
  height: 104.17%;
  top: -3.47%;
  left: -53.36%;
  background: url(https://static.codia.ai/image/2025-03-07/94f4b54e-7e70-4505-83e4-b18ef47453dd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 164;
}
.rectangle-24 {
  position: absolute;
  width: 125px;
  height: 214px;
  top: 0;
  left: 0;
  background: rgba(25, 25, 25, 0.15);
  z-index: 165;
}
.argan {
  position: absolute;
  top: 0;
  right: 250px;
  bottom: 0;
  left: 625px;
  background: url(https://static.codia.ai/image/2025-03-07/d9584285-c729-49bf-88d4-9bdf4b035279.png)
    no-repeat center;
  background-size: cover;
  z-index: 168;
}
.negative {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 875px;
  background: url(https://static.codia.ai/image/2025-03-07/92b9d3f9-3920-4e30-a2dc-1077005f27dc.png)
    no-repeat center;
  background-size: cover;
  z-index: 169;
}
.group-25 {
  position: absolute;
  width: 967.001px;
  height: 36px;
  top: 282px;
  left: 157px;
  z-index: 170;
}
.argan-oil {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 65px;
  height: 36px;
  top: 10px;
  left: 639.57px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-overflow: initial;
  z-index: 176;
  overflow: hidden;
}
.argan-oil2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 65px;
  height: 36px;
  top: 0px;
  left: 770px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-overflow: initial;
  z-index: 176;
  overflow: hidden;
}
.negative-ions {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 89px;
  height: 36px;
  top: 10px;
  left: 878.001px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-overflow: initial;
  z-index: 177;
  overflow: hidden;
}
.scenting-26 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 92px;
  height: 18px;
  top: 10px;
  left: 0;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 171;
}
.collagen-27 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 99px;
  height: 18px;
  top: 10px;
  left: 119.991px;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 172;
}
.q10 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 35px;
  height: 18px;
  top: 10px;
  left: 276.952px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 173;
}
.hyalu-28 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 58px;
  height: 18px;
  top: 10px;
  left: 388.06px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 174;
}
.cbd-29 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 38px;
  height: 18px;
  top: 10px;
  left: 523.021px;
  color: #fcfaf1;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 175;
}
.protection {
  position: relative;
  width: 1280px;
  height: 470px;
  margin: 0 0 0 0;
  background: #ffffff;
  z-index: 76;
  overflow: hidden;
}
.name-2a {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 79;
  overflow: hidden;
}
.rectangle-2b {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 80;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking-2c {
  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: 81;
}
.create-unique-story-2d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 77px;
  height: 12px;
  top: 42px;
  left: 891px;
  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: 82;
}
.bkg-protection {
  position: absolute;
  width: 1280px;
  height: 470px;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 77;
  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-07/eef56684-d850-4180-b234-68011dd32dc1.png)
    no-repeat center;
  background-size: cover;
  z-index: 78;
}
.addi {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 192px;
  left: 140px;
  z-index: 83;
}
.addiflam-pp {
  position: relative;
  width: 146px;
  height: 18px;
  margin: 98px 0 0 45.5px;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 85;
}
.addiflam {
  position: relative;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}
.registered-trademark {
  position: relative;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
}
.pp50 {
  position: relative;
  color: #ffffff;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}
.addi-2e {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/5372632e-dfd9-42f6-8620-aeae91e04dc3.png)
    no-repeat center;
  background-size: cover;
  z-index: 84;
}
.ruco-plast {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 192px;
  left: 394px;
  z-index: 86;
}
.ruco-plast-psm {
  position: relative;
  width: 150px;
  height: 18px;
  margin: 98px 0 0 43.5px;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 88;
}
.ruco {
  position: relative;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}
.registered-trademark-2f {
  position: relative;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
}
.plast-psm {
  position: relative;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}
.ruco-plast-30 {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/6f56cbfc-a459-4248-8edd-e2dfe4b7a0b9.png)
    no-repeat center;
  background-size: cover;
  z-index: 87;
}
.ruco-31 {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 192px;
  left: 648px;
  font-size: 0px;
  z-index: 89;
}
.ruco-pur-sly {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 125px;
  height: 18px;
  margin: 98px 0 0 56.5px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 91;
}
.ruco-32 {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/31160669-0a63-435e-bb2e-9497b12c1242.png)
    no-repeat center;
  background-size: cover;
  z-index: 90;
}
.thermic {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 192px;
  left: 902px;
  z-index: 92;
}
.thermic-pcm {
  position: relative;
  width: 131px;
  height: 18px;
  margin: 98px 0 0 53.5px;
  font-family: Avenir, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 94;
}
.thermic-33 {
  position: relative;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.registered-trademark-34 {
  position: relative;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.thermic-35 {
  position: relative;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.thermic-36 {
  position: absolute;
  width: 238px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/3c56b450-2c92-47d9-bba7-348c2fd29f6e.png)
    no-repeat center;
  background-size: cover;
  z-index: 93;
}
.product-category-section {
  position: relative;
  width: 1280px;
  height: 470px;
  margin: 0 0 0 0;
  background: #ffffff;
  z-index: 178;
  overflow: hidden;
}
.product-category-section-37 {
  position: absolute;
  width: 1280px;
  height: 471px;
  top: -0.5px;
  left: -0.03px;
  background: #ffffff;
  z-index: 179;
  overflow: hidden;
}
.group-38 {
  position: relative;
  width: 1280px;
  height: 471px;
  margin: -0.5px 0 0 -0.03px;
  background: url(https://static.codia.ai/image/2025-03-07/66dd3c18-752d-4b1e-b714-8f24d51f8d08.png)
    no-repeat center;
  background-size: cover;
  z-index: 180;
}
.product-category-section-39 {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 64px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 181;
  overflow: hidden;
}
.rectangle-3a {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 182;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking-3b {
  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: 183;
}
.create-unique-story-3c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 95px;
  height: 12px;
  top: 42px;
  left: 873px;
  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: 184;
}
.metal {
  position: absolute;
  width: 492px;
  height: 214px;
  top: 192px;
  left: 140px;
  font-size: 0px;
  z-index: 185;
}
.metal-conductive {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 145px;
  height: 18px;
  margin: 98px 0 0 173.5px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 187;
}
.metal-3d {
  position: absolute;
  width: 492px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/2f4c89a6-620a-4f13-b435-5d5ffb762976.png)
    no-repeat center;
  background-size: cover;
  z-index: 186;
}
.graphene {
  position: absolute;
  width: 492px;
  height: 214px;
  top: 192px;
  left: 648px;
  font-size: 0px;
  z-index: 188;
}
.graphene-3e {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 82px;
  height: 18px;
  margin: 98px 0 0 204.5px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 190;
}
.graphene-3f {
  position: absolute;
  width: 492px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/5aeb3637-7032-4fb4-8cbd-0677c16103d3.png)
    no-repeat center;
  background-size: cover;
  z-index: 189;
}
.footer-all {
  position: relative;
  width: 1280px;
  height: 618px;
  margin: 0 0 0 0;
  z-index: 15;
  overflow: hidden;
}
.group-40 {
  position: relative;
  width: 942px;
  height: 114px;
  margin: 407px 0 0 140px;
  z-index: 17;
}
.flex-column {
  position: absolute;
  width: 267px;
  height: 114px;
  top: 0;
  left: 675px;
  font-size: 0px;
  z-index: 19;
}
.address-info {
  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: 18;
}
.bh-copyright {
  display: block;
  position: relative;
  height: 16px;
  margin: 2px 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: 19;
}
.focus-on-textile {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 405px;
  height: 96px;
  top: 18px;
  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: 20;
  overflow: hidden;
}
.rectangle-41 {
  position: absolute;
  width: 1280px;
  height: 618px;
  top: 0;
  left: 0;
  background: #191919;
  z-index: 16;
}
.footer-fillinfo {
  position: absolute;
  width: 494px;
  height: 288px;
  top: 80px;
  left: 140px;
  z-index: 21;
  overflow: hidden;
}
.group-42 {
  position: absolute;
  width: 494px;
  height: 288px;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 22;
}
.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: 24;
}
.group-43 {
  position: relative;
  width: 241.07px;
  height: 116px;
  margin: 32px 0 0 32px;
  z-index: 28;
  overflow: visible auto;
}
.group-44 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 0 0 0 0.07px;
  font-size: 0px;
  z-index: 29;
  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: 30;
}
.rectangle-45 {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(https://static.codia.ai/image/2025-03-07/0549d375-4901-4fd0-8b3a-0c3eb10182d8.svg)
    no-repeat center;
  background-size: cover;
  z-index: 31;
}
.group-46 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0.07px;
  font-size: 0px;
  z-index: 32;
  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: 33;
}
.rectangle-47 {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(https://static.codia.ai/image/2025-03-07/b823ea90-4d77-46c3-8ba5-3756ba79ff00.svg)
    no-repeat center;
  background-size: cover;
  z-index: 34;
}
.group-48 {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0.07px;
  font-size: 0px;
  z-index: 35;
  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: 36;
}
.rectangle-49 {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(https://static.codia.ai/image/2025-03-07/fd9ab100-5be7-4233-ba87-fa249cc718c4.svg)
    no-repeat center;
  background-size: cover;
  z-index: 37;
}
.group-4a {
  position: relative;
  width: 241px;
  height: 17px;
  margin: 16px 0 0 0;
  font-size: 0px;
  z-index: 38;
  overflow: visible auto;
}
.email-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: 39;
}
.rectangle-4b {
  position: relative;
  width: 241px;
  height: 1px;
  margin: 4px 0 0 0;
  background: url(https://static.codia.ai/image/2025-03-07/ae9c8200-1d05-4dcf-b7e7-23464d65e5f9.svg)
    no-repeat center;
  background-size: cover;
  z-index: 40;
}
.group-4c {
  position: relative;
  width: 241px;
  height: 46px;
  margin: 24px 0 0 32px;
  font-size: 0px;
  z-index: 25;
  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: 27;
}
.rectangle-4d {
  position: absolute;
  width: 241px;
  height: 46px;
  top: 0;
  right: 0;
  background: #191919;
  z-index: 26;
  border-radius: 8px;
  box-shadow: -2px 2px 1px 0 rgba(191, 191, 191, 0.1) inset;
}
.group-4e {
  position: absolute;
  height: 288px;
  top: 0;
  right: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/59bd44b9-e187-4bbf-bd4f-55256c2a2695.png)
    no-repeat center;
  background-size: cover;
  z-index: 23;
}
.style-collections-functional a {
	color:#fff;text-decoration:none;
}
.style-collections-functional {

  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;

  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: 41;
  overflow: hidden;
}
.product-page-hero-all {
  position: absolute;
  width: 1280px;
  height: 678px;
  top: 0;
  left: 0.03px;
  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-07/c6630cab-51c5-4712-82d1-8e9fb8e5604a.png)
    no-repeat center;
  background-size: cover;
  z-index: 2;
}
.product-hero-background-image {
  position: absolute;
  width: 1280px;
  height: 680px;
  top: -2px;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/d475ad5f-e3a8-4b76-b620-dd6e944195aa.png)
    no-repeat center;
  background-size: cover;
  z-index: 1;
  overflow: hidden;
}
.flex-column-c {
  position: absolute;
  height: 247px;
  top: 0;
  right: 0.03px;
  left: -0.03px;
  z-index: 5;
}
.header-all {
  position: relative;
  width: 1280px;
  height: 120px;
  margin: 0 0 0 0;
  z-index: 5;
  overflow: hidden;
}
.header-logo {
  position: absolute;
  width: 140px;
  height: 34px;
  top: 43px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 8;
  overflow: hidden;
}
.logo {
  position: relative;
  width: 140px;
  height: 33.75px;
  margin: 0 0 0 0;
  background: url(https://static.codia.ai/image/2025-03-07/f95e37bf-a068-47df-a97e-ca489ff2c1d7.svg)
    no-repeat center;
  background-size: cover;
  z-index: 9;
  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: 10;
}
.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: 6;
}
.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: 7;
}
.zhongwen {
  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: 11;
}
.rectangle-4f {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 50%;
  left: 1101px;
  background: #191919;
  transform: translate(0, -41.67%);
  z-index: 12;
}
.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: 13;
}
.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: 14;
}
.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: 3;
}
.functional-mattress-ticking-50 {
  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: 38px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
  white-space: nowrap;
  z-index: 4;
}
.product-category-section-uniqueticking {
  position: absolute;
  width: 1280px;
  height: 470px;
  top: 617.236px;
  left: 50%;
  background: #ffffff;
  transform: translate(-50%, 0);
  z-index: 42;
  overflow: hidden;
}
.product-category-section-name {
  position: relative;
  width: 1000px;
  height: 96px;
  margin: 64px 0 0 140px;
  z-index: 61;
  overflow: hidden;
}
.rectangle-51 {
  position: absolute;
  width: 1000px;
  height: 96px;
  top: 0;
  left: 0px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 62;
  border-radius: 8px;
  backdrop-filter: blur(7.5px);
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.unique-ticking-52 {
  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: 63;
}
.create-unique-story-53 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 111px;
  height: 12px;
  top: 42px;
  left: 857px;
  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: 64;
}
.product-category-section-bkg-uniqueticking {
  position: absolute;
  width: 1280px;
  height: 470px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/3376e596-84a5-457e-9985-0ea992d6c8cc.png)
    no-repeat center;
  background-size: cover;
  z-index: 43;
  overflow: hidden;
}
.group-54 {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 192px;
  left: 140px;
  z-index: 44;
}
.group-55 {
  position: relative;
  width: 322px;
  height: 56px;
  margin: 158px 0 0 0;
  font-size: 0px;
  z-index: 46;
  overflow: visible auto;
}
.bielastic {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 60px;
  height: 16px;
  margin: 20px 0 0 130.5px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  z-index: 48;
}
.rectangle-56 {
  position: absolute;
  width: 322px;
  height: 56px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/0a20c3b6-fffc-42a6-b74c-278b803cf804.svg)
    no-repeat center;
  background-size: cover;
  z-index: 47;
  backdrop-filter: blur(7.5px);
}
.bie-background {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/ccf9c2bf-1231-475b-be45-3ce7fbdb5db6.png)
    no-repeat center;
  background-size: cover;
  z-index: 45;
}
.group-57 {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 192px;
  left: 479px;
  z-index: 49;
}
.group-58 {
  position: relative;
  width: 322px;
  height: 56px;
  margin: 158px 0 0 0;
  font-size: 0px;
  z-index: 51;
  overflow: visible auto;
}
.gel-streeetch {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 100px;
  height: 16px;
  margin: 20px 0 0 110.5px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  z-index: 53;
}
.rectangle-59 {
  position: absolute;
  width: 322px;
  height: 56px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/c0b78016-bcc4-4c82-90bf-c4ac00f547c8.svg)
    no-repeat center;
  background-size: cover;
  z-index: 52;
  backdrop-filter: blur(7.5px);
}
.gel-background {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/1b443121-0f10-4016-ae4b-bfc0bed47049.png)
    no-repeat center;
  background-size: cover;
  z-index: 50;
}
.group-5a {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 192px;
  left: 818px;
  z-index: 54;
}
.group-5b {
  position: relative;
  width: 322px;
  height: 56px;
  margin: 158px 0 0 0;
  z-index: 56;
  overflow: visible auto;
}
.group-5c {
  position: relative;
  width: 30px;
  height: 16px;
  margin: 20px 0 0 143.5px;
  z-index: 58;
}
.text-4d {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 18px;
  height: 16px;
  top: 0;
  left: 0;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  z-index: 59;
}
.celsius {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 12px;
  height: 10px;
  top: 0.5px;
  left: 18px;
  color: #191919;
  font-family: Avenir, var(--default-font-family);
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  text-align: center;
  white-space: nowrap;
  z-index: 60;
}
.rectangle-5d {
  position: absolute;
  width: 322px;
  height: 56px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/83fda1dd-e4f5-4c84-aa21-ea0be52bd295.svg)
    no-repeat center;
  background-size: cover;
  z-index: 57;
  backdrop-filter: blur(7.5px);
}
.background {
  position: absolute;
  width: 322px;
  height: 214px;
  top: 0;
  left: 0;
  background: url(https://static.codia.ai/image/2025-03-07/da53c5d2-8f3f-4918-ab8c-4769b2f1ad49.png)
    no-repeat center;
  background-size: cover;
  z-index: 55;
}




#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-5bx {
  position: relative;
  width: 241.07px;
  height: 116px;
  margin: 32px 0 0 32px;
  z-index: 222;
  overflow: visible auto;
}
.group-5cx {
  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-5dx {
  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 {

  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;

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