.desktop-1,
.desktop-1 * {
  box-sizing: border-box;
}
.desktop-1 {
  background: #ffffff;
  height: 3907px;
  position: relative;
  overflow: hidden;
  width:100%;
}
.mail {
  width: 100%;
  height: 41px;
  position: absolute;
  left: 1258px;
  top: 20px;
  overflow: hidden;
}
.xmlid-146 {
  width: 99.61%;
  height: 75.78%;
  position: absolute;
  right: 0%;
  left: 0.39%;
  bottom: 0.2%;
  top: 24.02%;
  overflow: visible;
}
.frame-1 {
  background: #050505;
  width: 1440px;
  height: 112px;
  position: absolute;
  left: 0px;
  top: 96px;
  overflow: hidden;
}
.organic-food {
  color: #ede4e4;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 275px;
  top: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.down-arrow {
  width: 26px;
  height: 35px;
  position: absolute;
  left: 451px;
  top: 39px;
  overflow: visible;
}
.frame-2 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 522px;
  top: 5px;
}
.kitchen-decor {
  color: #fcf8f8;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: relative;
  width: 204px;
  height: 103px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vector {
  flex-shrink: 0;
  width: 16.25px;
  height: 13.12px;
  position: relative;
  overflow: visible;
}
.down-arrow2 {
  flex-shrink: 0;
  width: 26px;
  height: 35px;
  position: relative;
  overflow: hidden;
}
.frame-3 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: 798px;
  top: 46px;
}
.electronics {
  color: #fff7f7;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vector2 {
  flex-shrink: 0;
  width: 16.25px;
  height: 13.12px;
  position: relative;
  overflow: visible;
}
.fashion {
  color: #fff8f8;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 1199px;
  top: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vector3 {
  width: 16.25px;
  height: 13.12px;
  position: absolute;
  left: 1316px;
  top: 55px;
  overflow: visible;
}
.frame-4 {
  width: 647px;
  height: 426px;
  position: absolute;
  left: 270px;
  top: 112px;
  overflow: hidden;
}
.frame-22 {
  background: #050505;
  width: 1440px;
  height: 95px;
  position: absolute;
  left: 0px;
  top: 96px;
  overflow: hidden;
}
.organic-food2 {
  color: #ede4e4;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 95px;
  top: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-23 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 228px;
  height: 61px;
  position: absolute;
  left: 662px;
  top: 16px;
}
.kitchen-decor2 {
  color: #fcf8f8;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 359px;
  top: -3px;
  width: 262px;
  height: 103px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-32 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-end;
  justify-content: flex-start;
  width: 188px;
  height: 10px;
  position: absolute;
  left: 841px;
  top: 56px;
}
.fashion2 {
  color: #fff8f8;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 1172px;
  top: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vector4 {
  width: 16px;
  height: 12px;
  position: absolute;
  left: 1121px;
  top: 146px;
  overflow: visible;
}
.image-3 {
  width: 94px;
  height: 36px;
  position: absolute;
  left: 656px;
  top: 839px;
}

.person {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 934px;
  top: 681px;
  overflow: hidden;
}
.person2 {
  width: 51px;
  height: 41px;
  position: absolute;
  left: 1353px;
  top: 25px;
  overflow: visible;
}
.phone {
  width: 51px;
  height: 41px;
  position: absolute;
  left: 1164px;
  top: 23px;
  overflow: visible;
}
.community{
  
  width: 65px;
  height: 60px;
  position: absolute;
  left: 1164px;
  top: 15px;
  overflow: visible;
 
}
div .box{
  color:rgb(239, 239, 237);
  position:relative;
  left:220px;
  text-decoration: white;
  color:inherit;

}

a{
  text-decoration: none;
  color:inherit;
}
.box1{
  left:800px;
}
.screenshot-2024-10-11-211328-1 {
  width: 861px;
  height: 333px;
  position: absolute;
  left: 442px;
  top: -93px;
}
.button {
  width: 319px;
  height: 69px;
  position: absolute;
  left: 324px;
  top: 13px;
}
.button2 {
  background: #1a2e05;
  border-radius: 6px;
  border-style: solid;
  border-color: #767676;
  border-width: 2px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.footprint-tool {
  color: #ffffff;
  text-align: center;
  font-family: "Roboto-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 141px;
  top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.boton-1{
  padding: 15px 30px;
  border: 2px solid #2c2c2c;
  background-color: #1a1a1a;
  color: #ffffff;
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 30px;
  transition: all 0.4s ease;
  outline: none;
  position: absolute;
  overflow: hidden;
  font-weight: bold;
  left:650px;
  top:-5px;
}

.boton-1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.25) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  transform: scale(0);
  transition: transform 0.5s ease;
}

.boton-1:hover::after {
  transform: scale(4);
}

.boton-1:hover {
  border-color: #666666;
  background: #292929;
}

.carbon {
  color: #ffffff;
  text-align: center;
  font-family: "Roboto-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 55px;
  top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.boton-elegante {
 
  padding: 15px 30px;
  border: 2px solid #2c2c2c;
  background-color: #1a1a1a;
  color: #ffffff;
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 30px;
  transition: all 0.4s ease;
  outline: none;
  position: absolute;
  overflow: hidden;
  font-weight: bold;
  left:400px;
  top:0px;
  
}

.boton-elegante::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.25) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  transform: scale(0);
  transition: transform 0.5s ease;
}

.boton-elegante:hover::after {
  transform: scale(4);
}

.boton-elegante:hover {
  border-color: #666666;
  background: #292929;
}

.image-1 {
  width: 56px;
  height: 50px;
  position: absolute;
  left: 0px;
  top: 10px;
  object-fit: cover;
}
.down-arrow3 {
  width: 26px;
  height: 35px;
  position: absolute;
  left: 451px;
  top: 39px;
  overflow: hidden;
}
.kids {
  color: #fffcfc;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 966px;
  top: 136px;
  width: 80px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vector5 {
  width: 16.25px;
  height: 13.12px;
  position: absolute;
  left: 214px;
  top: 44.94px;
  overflow: visible;
}
.vector6 {
  width: 16.25px;
  height: 13.12px;
  position: absolute;
  left: 160px;
  top: 6.88px;
  overflow: visible;
}
.image-4 {
  width: 465px;
  height: 425px;
  position: absolute;
  left: 180px;
  top: 730px;
  object-fit: cover;
}
.line-1 {
  width: 397px;
  height: 0px;
  position: absolute;
  left: 764px;
  top: 1127px;
  transform: translate(-0.5px, -397px);
  overflow: visible;
}
.image-5 {
  width: 410px;
  height: 425px;
  position: absolute;
  left: 901px;
  top: 715px;
  object-fit: cover;
}
.line-36 {
  margin-top: -1px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px 0 0 0;
  width: 1316.01px;
  height: 0px;
  position: absolute;
  left: 1408px;
  top: 1180px;
  transform-origin: 0 0;
  transform: rotate(179.739deg) scale(1, 1);
}
.eco-essentials {
  color: #000000;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 40px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 635px;
  top: 1197px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-10 {
  width: 1153px;
  height: 404px;
  position: absolute;
  left: 173px;
  top: 1231px;
}
.group-7 {
  position: absolute;
  inset: 0;
}
.line-25 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 24.44%;
  height: 0%;
  position: absolute;
  right: -20.71%;
  left: 96.27%;
  bottom: 88.12%;
  top: 11.88%;
  transform-origin: 0 0;
  transform: rotate(-179.297deg) scale(1, 1);
}
.line-26 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 5.47%;
  height: 0%;
  position: absolute;
  right: 22.87%;
  left: 71.67%;
  bottom: 3.17%;
  top: 96.83%;
}
.line-27 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 7.95%;
  height: 0%;
  position: absolute;
  right: 20.21%;
  left: 71.83%;
  bottom: 3.57%;
  top: 96.43%;
  transform-origin: 0 0;
  transform: rotate(1.425deg) scale(1, 1);
}
.line-28 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 24.77%;
  height: 0%;
  position: absolute;
  right: -21.04%;
  left: 96.27%;
  bottom: 87.72%;
  top: 12.28%;
  transform-origin: 0 0;
  transform: rotate(-179.536deg) scale(1, 1);
}
.rectangle-5 {
  border-radius: 0px;
  width: 28.67%;
  height: 96.43%;
  position: absolute;
  right: 0%;
  left: 71.33%;
  bottom: 3.57%;
  top: 0%;
  overflow: visible;
}
.rectangle-6 {
  background: #d9d9d9;
  border-radius: 9px;
  width: 28.67%;
  height: 96.83%;
  position: absolute;
  right: 0.5%;
  left: 70.84%;
  bottom: 0.8%;
  top: 2.38%;
}
.origami-toilet-roll {
  color: #000000;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  right: 6.06%;
  left: 71.31%;
  width: 22.63%;
  bottom: 16.69%;
  top: 79.43%;
  height: 3.87%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-29 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 33.93%;
  height: 0%;
  position: absolute;
  right: -5.1%;
  left: 71.17%;
  bottom: 97.62%;
  top: 2.38%;
  transform-origin: 0 0;
  transform: rotate(90.432deg) scale(1, 1);
}
.line-30 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 29%;
  height: 0%;
  position: absolute;
  right: 0.41%;
  left: 70.59%;
  bottom: 1.59%;
  top: 98.41%;
  transform-origin: 0 0;
  transform: rotate(0.782deg) scale(1, 1);
}
.line-31 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 28.34%;
  height: 0%;
  position: absolute;
  right: -27.59%;
  left: 99.25%;
  bottom: 1.59%;
  top: 98.41%;
  transform-origin: 0 0;
  transform: rotate(179.198deg) scale(1, 1);
}
.line-32 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 0.69%;
  height: 0%;
  position: absolute;
  right: 19.52%;
  left: 79.78%;
  bottom: 2.78%;
  top: 97.22%;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.quick-view {
  color: #125d36;
  text-align: center;
  font-family: "Rokkitt-SemiBold",serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  right: 6.07%;
  left: 77.1%;
  width: 16.83%;
  bottom: 7.67%;
  top: 88.37%;
  height: 3.96%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.group-8 {
  position: absolute;
  inset: 0;
}
.rectangle-1 {
  border-radius: 0px;
  width: 28.67%;
  height: 96.43%;
  position: absolute;
  right: 70.59%;
  left: 0.75%;
  bottom: 2.78%;
  top: 0.79%;
  overflow: visible;
}
.rectangle-2 {
  background: #d9d9d9;
  border-radius: 9px;
  width: 28.67%;
  height: 96.83%;
  position: absolute;
  right: 71.09%;
  left: 0.25%;
  bottom: 0%;
  top: 3.17%;
}
.cork-eco-yoga-mate {
  color: #000000;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  right: 77.29%;
  left: 1.83%;
  width: 20.88%;
  bottom: 14.93%;
  top: 81.02%;
  height: 4.05%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-14 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 29%;
  height: 0%;
  position: absolute;
  right: 71%;
  left: 0%;
  bottom: 0.8%;
  top: 99.2%;
  transform-origin: 0 0;
  transform: rotate(0.782deg) scale(1, 1);
}
.line-15 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 28.34%;
  height: 0%;
  position: absolute;
  right: 43%;
  left: 28.67%;
  bottom: 0.8%;
  top: 99.2%;
  transform-origin: 0 0;
  transform: rotate(179.198deg) scale(1, 1);
}
.quick-view2 {
  color: #125d36;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  right: 77.28%;
  left: 6.5%;
  width: 16.22%;
  bottom: 6.93%;
  top: 89.11%;
  height: 3.96%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.group-9 {
  position: absolute;
  inset: 0;
}
.line-17 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 24.44%;
  height: 0%;
  position: absolute;
  right: 13.67%;
  left: 61.89%;
  bottom: 87.33%;
  top: 12.67%;
  transform-origin: 0 0;
  transform: rotate(-179.297deg) scale(1, 1);
}
.line-19 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 7.95%;
  height: 0%;
  position: absolute;
  right: 54.6%;
  left: 37.45%;
  bottom: 2.78%;
  top: 97.22%;
  transform-origin: 0 0;
  transform: rotate(1.425deg) scale(1, 1);
}
.line-20 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 24.77%;
  height: 0%;
  position: absolute;
  right: 13.34%;
  left: 61.89%;
  bottom: 86.93%;
  top: 13.07%;
  transform-origin: 0 0;
  transform: rotate(-179.536deg) scale(1, 1);
}
.rectangle-3 {
  border-radius: 0px;
  width: 28.67%;
  height: 96.43%;
  position: absolute;
  right: 34.38%;
  left: 36.95%;
  bottom: 2.78%;
  top: 0.79%;
  overflow: visible;
}
.rectangle-4 {
  background: #d9d9d9;
  border-radius: 9px;
  width: 28.67%;
  height: 96.83%;
  position: absolute;
  right: 34.88%;
  left: 36.45%;
  bottom: 0%;
  top: 3.17%;
}
.line-22 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 29%;
  height: 0%;
  position: absolute;
  right: 34.8%;
  left: 36.21%;
  bottom: 0.8%;
  top: 99.2%;
  transform-origin: 0 0;
  transform: rotate(0.782deg) scale(1, 1);
}
.line-23 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 28.34%;
  height: 0%;
  position: absolute;
  right: 6.79%;
  left: 64.87%;
  bottom: 0.8%;
  top: 99.2%;
  transform-origin: 0 0;
  transform: rotate(179.198deg) scale(1, 1);
}
.line-24 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 0.69%;
  height: 0%;
  position: absolute;
  right: 53.9%;
  left: 45.4%;
  bottom: 1.98%;
  top: 98.02%;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.quick-view3 {
  color: #125d36;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  right: 40.42%;
  left: 42.76%;
  width: 16.83%;
  bottom: 6.93%;
  top: 89.11%;
  height: 3.96%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.line-292 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 33.93%;
  height: 0%;
  position: absolute;
  right: 37.24%;
  left: 28.83%;
  bottom: 97.23%;
  top: 2.77%;
  transform-origin: 0 0;
  transform: rotate(90.432deg) scale(1, 1);
}
.image-16 {
  width: 24.61%;
  height: 69.3%;
  position: absolute;
  right: 73.57%;
  left: 1.82%;
  bottom: 23.77%;
  top: 6.93%;
  object-fit: cover;
}
.image-17 {
  width: 24.44%;
  height: 69.3%;
  position: absolute;
  right: 37.03%;
  left: 38.53%;
  bottom: 23.77%;
  top: 6.93%;
}
.image {
  width: 24.44%;
  height: 69.3%;
  position: absolute;
  right: 37.03%;
  left: 38.53%;
  bottom: 23.77%;
  top: 6.93%;
  object-fit: cover;
}
.image2 {
  width: 24.52%;
  height: 69.3%;
  position: absolute;
  right: 2.4%;
  left: 73.07%;
  bottom: 23.77%;
  top: 6.93%;
  object-fit: cover;
}
.line-33 {
  margin-top: -1px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px 0 0 0;
  width: 5.47%;
  height: 0%;
  position: absolute;
  right: 65.2%;
  left: 29.33%;
  bottom: 2.78%;
  top: 97.22%;
}
.cork-laptop-bag {
  color: #000000;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  right: 43.19%;
  left: 37.47%;
  width: 19.34%;
  bottom: 17.33%;
  top: 79.21%;
  height: 3.47%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-15 {
  width: 1153px;
  height: 404px;
  position: absolute;
  left: 167px;
  top: 1664px;
}
.rectangle-52 {
  border-radius: 0px;
  width: 28.67%;
  height: 96.43%;
  position: absolute;
  right: 0%;
  left: 71.33%;
  bottom: 3.57%;
  top: 0%;
  overflow: visible;
}
.rectangle-12 {
  border-radius: 0px;
  width: 28.67%;
  height: 96.43%;
  position: absolute;
  right: 70.59%;
  left: 0.75%;
  bottom: 2.78%;
  top: 0.79%;
  overflow: visible;
}
.rectangle-32 {
  border-radius: 0px;
  width: 28.67%;
  height: 96.43%;
  position: absolute;
  right: 34.38%;
  left: 36.95%;
  bottom: 2.78%;
  top: 0.79%;
  overflow: visible;
}
.image3 {
  width: 24.61%;
  height: 69.3%;
  position: absolute;
  right: 73.57%;
  left: 1.82%;
  bottom: 23.77%;
  top: 6.93%;
  object-fit: cover;
}
.coconut-fiber-brush {
  color: #000000;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  right: 65.76%;
  left: 12.5%;
  width: 21.74%;
  bottom: 48.47%;
  top: 50.88%;
  height: 0.65%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.kitchen-decor3 {
  color: #000000;
  text-align: center;
  font-family: "Inter-Regular", serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  left: 1610px;
  top: 530px;
  width: 108px;
  height: 15px;
}
.image-22 {
  width: 281px;
  height: 273px;
  position: absolute;
  left: 1008px;
  top: 1692px;
  object-fit: cover;
}
.group-20 {
  width: 1153px;
  height: 404px;
  position: absolute;
  left: 154px;
  top: 2588px;
}
.rectangle-53 {
  border-radius: 0px;
  width: 28.67%;
  height: 96.43%;
  position: absolute;
  right: 0%;
  left: 71.33%;
  bottom: 3.57%;
  top: 0%;
  overflow: visible;
}
.rectangle-13 {
  border-radius: 0px;
  width: 28.67%;
  height: 96.43%;
  position: absolute;
  right: 70.59%;
  left: 0.75%;
  bottom: 2.78%;
  top: 0.79%;
  overflow: visible;
}
.rectangle-33 {
  border-radius: 0px;
  width: 28.67%;
  height: 96.43%;
  position: absolute;
  right: 34.38%;
  left: 36.95%;
  bottom: 2.78%;
  top: 0.79%;
  overflow: visible;
}
.image4 {
  width: 290px;
  height: 269px;
  position: absolute;
  left: 981px;
  top: 2615px;
  object-fit: cover;
}
.image-20-1 {
  width: 538px;
  height: 303px;
  position: absolute;
  left: -101px;
  top: -112px;
  object-fit: cover;
}
.plastic-free-alternatives {
  color: #000000;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 36px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 518px;
  top: 2501px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.image-26 {
  width: 283px;
  height: 283px;
  position: absolute;
  left: 171px;
  top: 2612px;
  object-fit: cover;
}
.disposable-party-pack {
  color: #000000;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 983px;
  top: 2902px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.zero-plastic-starter-kit {
  color: #000000;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 166px;
  top: 2914px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.reusable-beeswax-food-wraps {
  color: #000000;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 618px;
  top: 2904px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.latest-posts {
  color: #000000;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 40px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 605px;
  top: 3048px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

button {
  font-size: 1.5rem;
  color: #fafafa;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 10px;
  border: 2px solid #fafafa;
  background: #252525;
  box-shadow: 3px 3px #fafafa;
  cursor: pointer;
  margin: 35px 0;
  width:200px;
}

button:active {
  box-shadow: none;
  transform: translate(3px, 3px);
}
/* From Uiverse.io by cssbuttons-io */ 




.image-2 {
  width: 1440px;
  height: 446px;
  position: absolute;
  left: 0px;
  top: 183px;
  object-fit: cover;
}
.image5 {
  width: 226px;
  height: 322px;
  position: absolute;
  left: 152px;
  top: 2115px;
  object-fit: cover;
}
.image-29 {
  width: 227px;
  height: 322px;
  position: absolute;
  left: 388px;
  top: 2115px;
  object-fit: cover;
}
.image-27 {
  width: 238px;
  height: 322px;
  position: absolute;
  left: 625px;
  top: 2115px;
  object-fit: cover;
}
.image-28 {
  width: 226px;
  height: 322px;
  position: absolute;
  left: 873px;
  top: 2115px;
  object-fit: cover;
}
.image-30 {
  width: 226px;
  height: 322px;
  position: absolute;
  left: 1109px;
  top: 2115px;
  object-fit: cover;
}
.frame-20 {
  background: rgba(15, 15, 15, 0.53);
  width: 224px;
  height: 68px;
  position: absolute;
  left: 154px;
  top: 2326px;
  overflow: hidden;
}
.teracotta {
  color: #fffcfc;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 64px;
  top: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-222 {
  background: rgba(15, 15, 15, 0.53);
  width: 237px;
  height: 68px;
  position: absolute;
  left: 626px;
  top: 2326px;
  overflow: hidden;
}
.cane {
  color: #fffcfc;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 92px;
  top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-232 {
  background: rgba(15, 15, 15, 0.53);
  width: 227px;
  height: 68px;
  position: absolute;
  left: 872px;
  top: 2326px;
  overflow: hidden;
}
.bamboo-fiber {
  color: #fffcfc;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 42px;
  top: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-24 {
  background: rgba(15, 15, 15, 0.53);
  width: 227px;
  height: 68px;
  position: absolute;
  left: 1108px;
  top: 2326px;
  overflow: hidden;
}
.recycle {
  color: #fffcfc;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 74px;
  top: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-21 {
  background: rgba(15, 15, 15, 0.54);
  width: 225px;
  height: 68px;
  position: absolute;
  left: 390px;
  top: 2326px;
  overflow: hidden;
}
.organic {
  color: #fffcfc;
  text-align: center;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 72px;
  top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.line-37 {
  margin-top: -1px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px 0 0 0;
  width: 1191px;
  height: 0px;
  position: absolute;
  left: 155px;
  top: 2554.5px;
}
.image-31 {
  width: 437px;
  height: 438px;
  position: absolute;
  left: 50px;
  top: 3098px;
  object-fit: cover;
}
.image-32 {
  width: 422px;
  height: 438px;
  position: absolute;
  left: 507px;
  top: 3098px;
  object-fit: cover;
}
.image-33 {
  width: 436px;
  height: 436px;
  position: absolute;
  left: 949px;
  top: 3098px;
  object-fit: cover;
}
.rectangle-7 {
  background: rgba(255, 255, 255, 0.13);
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  width: 396px;
  height: 399px;
  position: absolute;
  left: 71px;
  top: 3110px;
}
.rectangle-8 {
  background: rgba(255, 255, 255, 0.13);
  border-style: solid;
  border-color: #f7d705;
  border-width: 1px;
  width: 396px;
  height: 399px;
  position: absolute;
  left: 974px;
  top: 3110px;
}
.rectangle-9 {
  background: rgba(255, 255, 255, 0.13);
  border-style: solid;
  border-color: #f7d705;
  border-width: 1px;
  width: 396px;
  height: 399px;
  position: absolute;
  left: 523px;
  top: 3110px;
}
.posted-at-18-nov-2020 {
  color: #fefdfd;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 149px;
  top: 3457px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.posted-at-12-sep-2017 {
  color: #fef5f5;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 634px;
  top: 3457px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.posted-at-12-may-2017 {
  color: #fffbfb;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 1055px;
  top: 3447px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.exploring-everyday-plastic-free-alternatives {
  color: #fffafa;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 98px;
  top: 3156px;
  width: 336px;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.understanding-circular-economy-as-against-linear-economies {
  color: #ffffff;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 550px;
  top: 3151px;
  width: 341px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.facts-uses-applications-of-bamboo-that-you-didn-t-know-about {
  color: #ffffff;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 987px;
  top: 3129px;
  width: 345px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-25 {
  background: #141313;
  width: 1440px;
  height: 319px;
  position: absolute;
  left: 0px;
  top: 3588px;
  overflow: hidden;
}
.code-builders {
  color: #ffffff;
  text-align: left;
  font-family: "Rokkitt-SemiBold", serif;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 61px;
  top: 53px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-7 {
  width: 5528px;
  height: 548px;
  position: absolute;
  left: -10822px;
  top: 509px;
  overflow: hidden;
}
.frame-72 {
  width: 5595px;
  height: 548px;
  position: absolute;
  left: -9941px;
  top: 1057px;
}
.frame-5 {
  width: 500px;
  height: 500px;
  position: absolute;
  left: 1588px;
  top: 737px;
}
.desktop-2 {
  background: #ffffff;
  padding: 20px 72px 20px 72px;
  display: flex;
  flex-direction: column;
  gap: 35px;
  align-items: center;
  justify-content: flex-start;
  width: 442px;
  height: 375px;
  position: absolute;
  left: 184px;
  top: -408px;
}
.vector-4 {
  border-radius: 0px;
  flex-shrink: 0;
  width: 295px;
  height: 54.5px;
  position: relative;
  overflow: visible;
}
.organic-food3 {
  color: #000000;
  text-align: center;
  font-family: "Inter-Regular", serif;
  font-size: 32px;
  font-weight: 400;
  position: absolute;
  left: 100px;
  top: 29px;
  width: 210px;
  height: 30px;
}
.fashion3 {
  color: #000000;
  text-align: center;
  font-family: "Inter-Regular", serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  left: 190px;
  top: 480px;
  width: 52px;
  height: 11px;
}
.polygon-1 {
  flex-shrink: 0;
  width: 29px;
  height: 19px;
  position: absolute;
  left: 352px;
  top: 60px;
  overflow: visible;
}
.polygon-2 {
  flex-shrink: 0;
  width: 29px;
  height: 19px;
  position: absolute;
  left: 352px;
  top: 60px;
  overflow: visible;
}
.group-14 {
  position: absolute;
  inset: 0;
}
.vector-42 {
  border-radius: 0px;
  width: 296px;
  height: 60.07px;
  position: absolute;
  left: 258px;
  top: -302px;
  overflow: visible;
}
.kitchen-decor4 {
  color: #000000;
  text-align: center;
  font-family: "Inter-Regular", serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  left: 272px;
  top: -285.71px;
  width: 232px;
  height: 49.89px;
}
.frame-18 {
  width: 2931px;
  height: 366px;
  position: absolute;
  left: 3861px;
  top: 1518px;
}
.frame-182 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  width: 1450px;
  position: absolute;
  left: -151px;
  top: 0px;
  overflow: hidden;
}
.frame-8 {
  background: #ffffff;
  flex-shrink: 0;
  width: 270px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.image-19 {
  width: 235px;
  height: 343.22px;
  position: absolute;
  left: 858px;
  top: 1515px;
  object-fit: cover;
}
.image6 {
  width: 270px;
  height: 366px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
}
.frame-9 {
  background: #ffffff;
  flex-shrink: 0;
  width: 270px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.image-20 {
  width: 272px;
  height: 366px;
  position: absolute;
  left: -2px;
  top: 0px;
  object-fit: cover;
}
.frame-10 {
  background: #ffffff;
  flex-shrink: 0;
  width: 270px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.image7 {
  width: 308px;
  height: 366px;
  position: absolute;
  left: -19px;
  top: 0px;
  object-fit: cover;
}
.frame-11 {
  background: #ffffff;
  flex-shrink: 0;
  width: 270px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.image-192 {
  width: 270px;
  height: 391px;
  position: absolute;
  left: 0px;
  top: -25px;
  object-fit: cover;
}
.frame-12 {
  background: #ffffff;
  flex-shrink: 0;
  width: 270px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.image-7 {
  width: 285px;
  height: 366px;
  position: absolute;
  left: -15px;
  top: 0px;
  object-fit: cover;
}
.frame-13 {
  background: #ffffff;
  flex-shrink: 0;
  width: 270px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.frame-17 {
  background: #ffffff;
  flex-shrink: 0;
  width: 270px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.frame-16 {
  background: #ffffff;
  flex-shrink: 0;
  width: 270px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.frame-15 {
  background: #ffffff;
  flex-shrink: 0;
  width: 270px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.frame-14 {
  background: #ffffff;
  flex-shrink: 0;
  width: 270px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.button3 {
  border-radius: 5px;
  border-style: dashed;
  border-color: #9747ff;
  border-width: 1px;
  width: 359px;
  height: 198px;
  position: absolute;
  left: -517px;
  top: 222px;
  overflow: hidden;
}
.property-1-default {
  width: 319px;
  height: 69px;
  position: relative;
}
.property-1-variant-2 {
  width: 319px;
  height: 69px;
  position: relative;
}
.button4 {
  background: #67bc0e;
  border-radius: 6px;
  border-style: solid;
  border-color: #767676;
  border-width: 2px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}