.frame-child15,
.main-inner {
  width: 761px;
  position: absolute;
  margin: 0 !important;
  top: 141px;
  left: 0;
  border-radius: 50%;
  border: 1px solid var(--color-gainsboro-100);
  box-sizing: border-box;
  height: 780px;
  z-index: 0;
}
.main-inner {
  width: 85.77%;
  top: 1094px;
  right: 31.8%;
  left: -17.57%;
  border-radius: 552.5px;
  height: 1080px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 108px 9px;
}
.image-1-icon1 {
  width: 15vw;
  position: relative;
  object-fit: cover;
}
.colos{
  position: absolute;
  right: -187px;
  width: 30vw;
}
.potato{
  position: absolute;
  left: -115px;
  width: 28vw;
  margin-top: 54vh;
  z-index: -2;
}
.graph{
  max-width: 500px;
  padding: 30px;
}
.image-1-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xl) 0;
  z-index: 1;
}
.div143,
.main-child {
  align-self: stretch;
  position: relative;
}
.div143 {
  font-weight: 900;
  text-align: center;
  z-index: 2;
}
.main-child {
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 3;
  border-radius: 30%;
}
.mapbg{
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 3;
  position: absolute;
  z-index: 0;
  opacity: 0.4;
  margin-top: -15vw;
}
.frame-child16 {
  width: 60vw;
  object-fit: cover;
  position: absolute;
  z-index: 0;
  left: -120px;
}

.p2 {
  margin: 0;
}
.div144,
.div145 {
  position: relative;
  font-weight: 900;
}
.div145 {
  flex: 1;
  font-size: var(--text-1-size);
  font-weight: 500;
  color: #231f20;
  text-align: left;
  display: inline-block;
  min-width: 200px;
}
.parent16 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 42px;
  max-width: 810px;
  z-index: 1;
}
.b4,
.div146 {
  position: relative;
}
.div146 {
  flex: 1;
  font-weight: 500;
}
.parent17,
.parent18,
.parent19,
.parent20,
.parent21,
.parent22 {
  width: 229px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.parent18,
.parent19,
.parent20,
.parent21,
.parent22 {
  width: 251px;
}
.parent19,
.parent20,
.parent21,
.parent22 {
  width: 305px;
}
.parent20,
.parent21,
.parent22 {
  width: 345px;
}
.parent21,
.parent22 {
  width: 398px;
}
.parent22 {
  width: 433px;
}
.instance-parent {
  flex: 1;
  height: 437px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.div156 {
  align-self: stretch;
  position: relative;
  font-weight: 900;
}
.parent23 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-21xl);
  text-align: right;
  font-size: var(--title02-size);
}
.frame-parent22,
.frame-parent23 {
  display: flex;
  justify-content: flex-start;
  z-index: 0;
}
.frame-parent23 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  text-align: left;
  font-size: var(--txt01-size);
}
.frame-parent22 {
  width: 50vw;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 var(--padding-31xl) var(--padding-31xl) 0;
  box-sizing: border-box;
  gap: 71px;
  min-width: 714px;
}
.frame-parent21 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 0;
  text-align: right;
}
.frame-parent21 video{
  position: absolute;
  left: -180px;
  z-index: 1;
  width: 39vw;
}

.div158 {
  align-self: stretch;
  position: relative;
  font-size: var(--txt01-size);
  font-weight: 500;
}
.parent24 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 40px;
  box-sizing: border-box;
  gap: var(--gap-11xl);
  min-width: 300px;
  min-height: 360px;
}
.image-5-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 372px;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  min-width: 300px;
}
.frame-parent24,
.main-inner1 {
  display: flex;
  justify-content: flex-start;
}
.frame-parent24 {
  width: 100%;
  border-radius: 50px;
  background-color: #e4e4e4;
  overflow: hidden;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-31xl);
  max-width: 1024px;
}
.main-inner1 {
  align-self: stretch;
  flex-direction: column;
  align-items: center;
  padding: 0 var(--padding-31xl);
  z-index: 5;
  color: var(--brown-1);
}
.div159,
.div160 {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.div159 {
  width: 100%;
  font-weight: 900;
}
.div160 {
  width: 251px;
  font-weight: 500;
}
.instance-child {
  width: 7.4px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  height: 10px;
}
.div161,
.div162 {
  position: relative;
  font-weight: 500;
}
.div162 {
  font-size: var(--txt02-size);
}
.parent27 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.vector-parent2 {
  flex-direction: row;
  align-items: center;
}
.instance-group,
.vector-parent2,
.vector-parent3 {
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-mini);
}
.vector-parent3 {
  align-self: stretch;
  flex-direction: row;
  align-items: center;
}
.instance-group {
  flex-direction: column;
  align-items: flex-start;
}
.parent26 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: var(--txt01-size);
}
.vector-icon6 {
  width: 69px;
  position: relative;
  height: 72px;
}
.parent29,
.vector-parent4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.parent29 {
  align-self: stretch;
  justify-content: flex-start;
}
.vector-parent4 {
  flex: 1;
  justify-content: center;
  gap: var(--gap-xl);
  min-width: 200px;
}
.vector-icon7 {
  width: 69px;
  position: relative;
  height: 68px;
}
.frame-parent25 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-59xl);
  font-size: var(--title02-size);
  color: var(--green-1);
}
.div170 {
  position: relative;
  font-size: var(--txt01-size);
  font-weight: 500;
}
.frame-wrapper7,
.instance-container,
.parent31 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.parent31 {
  align-items: flex-start;
  gap: var(--gap-8xs);
}
.frame-wrapper7,
.instance-container {
  align-items: center;
}
.instance-container {
  align-self: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}
.div185 {
  width: 54px;
  position: relative;
  font-size: var(--txt01-size);
  font-weight: 500;
  display: none;
}
.instance-parent1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: var(--title02-size);
}
.frame-parent26 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-22xl);
}
.div196 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-21xl);
  font-weight: 500;
}
.parent25 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-31xl);
  box-sizing: border-box;
  gap: var(--gap-59xl);
  max-width: 1280px;
  z-index: 0;
  color: var(--blue-1);
}

.grow{
  width: 85vw;
}
.vector-icon8 {
  width: 65px;
  position: relative;
  height: 72px;
}
.vector-parent6 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  color: var(--red-1);
}
.div198 {
  align-self: stretch;
  position: relative;
  font-size: var(--title02-size);
  font-weight: 500;
  display: flex;
  flex-direction: row;

  gap: 30px;
  flex-wrap: wrap;
}
.div198 a{
  font-size: 20px;
  color: var(--blue-1);

}
.div199 {
  max-width: 500px;
}
.div199,
.div200 {
  flex: 1;
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 200px;
}
.frame-parent36,
.parent40 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.parent40 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 68px;
  font-size: var(--txt01-size);
}
.frame-parent36 {
  width: 100%;
  flex-direction: column;
  padding: 0 var(--padding-31xl);
  box-sizing: border-box;
  gap: 28px;
  max-width: 1280px;
  z-index: 7;
  color: var(--brown-1);
}
.vector-icon9 {
  width: 66px;
  position: relative;
  height: 57px;
}
.vector-parent7 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  z-index: 2;
}
.asset-81-icon,
.img-11024x-100-icon {
  width: 100%;
  position: relative;
  height: auto;
  object-fit: cover;
}
.asset-81-icon {
  width: 50%;
  height: auto;
}
.img-11024x-100-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
.div203 {
  width: 54px;
  position: relative;
  font-size: var(--txt01-size);
  font-weight: 500;
  color: var(--blue-1);
  display: none;
}
.parent41 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.div204 {
  align-self: stretch;
  position: relative;
  font-size: var(--txt02-size);
  font-weight: 500;
}
.frame-parent40,
.wrapper6 {
  display: flex;
  flex-direction: column;
}
.frame-parent40 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.wrapper6 {
  width: 100px;
  border-radius: var(--br-481xl);
  border: 2px dashed var(--yel-1);
  box-sizing: border-box;
  height: 100px;
  align-items: center;
  justify-content: center;
  font-size: var(--txt02-size);
}
.frame-parent38,
.frame-parent39 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.frame-parent38 {
  width: 50%;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--gap-11xl);
  z-index: 1;
  font-size: var(--title-1-size);
  margin-top: 160px;
  margin-left: -100px;
}
.div209 {
  flex: 1;
  position: relative;
  font-size: var(--txt01-size);
  font-weight: 500;
  color: var(--brown-1);
  z-index: 1;
  margin-top: 70px;
}
.frame-parent37 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-31xl);
  box-sizing: border-box;
  max-width: 1280px;
  z-index: 8;
  color: var(--yel-1);
}
.div211 {
  align-self: stretch;
  position: relative;
  font-size: var(--title02-size);
  font-weight: 900;
  color: var(--yel-1);
}
.frame-child17 {
  width: 18px;
  position: relative;
  height: 23px;
}
.frame-parent43,
.vector-parent8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.frame-parent43 {
  width: 202px;
  flex-direction: column;
  align-items: flex-start;
}
.component-parent,
.frame-wrapper16 {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
}
.component-parent {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 50px 150px;
}
.frame-wrapper16 {
  flex-direction: column;
  align-items: flex-start;
  color: var(--yel-1);
}
.div230 {
  position: relative;
  font-size: var(--title02-size);
  font-weight: 900;
}
.frame-parent49 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.frame-wrapper23,
.instance-parent2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.frame-wrapper23 {
  flex: 1;
}
.instance-parent2 {
  align-self: stretch;
  flex-wrap: wrap;
  gap: 50px 41px;
}
.frame-parent42,
.main {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
}
.frame-parent42 {
  align-items: flex-start;
  padding: 0 var(--padding-31xl);
  gap: var(--gap-11xl);
  max-width: 1280px;
  z-index: 9;
  width: 80%;
  margin-top: 100px;
}
.main {
  position: relative;
  background-color: var(--color-white1);
  overflow: hidden;
  align-items: center;
  padding: 0 0 0px;
  gap: var(--gap-31xl);
  text-align: left;
  font-size: var(--title01-size);
  color: var(--green-1);
  font-family: var(--txt02);
}

.myslider{
  padding: 100px 0 100px 0;
  width: 100vw;
  height: 100vh;
}

.swiper {
  width: 100vw;
  height: 100vh;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 50%;
  height: 100vh;
  object-fit: cover;
}
.myslides{
  display: flex;
}

.slidetxt{
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 10%;
}
.slidetxt p{
  font-size: 30px;
  font-weight: 900;
  color: var(--brown-1);
}
.slidetxt .desc{
  font-size: 18px;
  font-weight: 300;
  color: var(--brown-1);
}

.video-about{
  .video-1{
    width: 100%;
  }
}

.cont{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
}
.cont .bottle{
  width: 30%;
  margin-top: -250px;
}

.soc {
  display: flex;
  flex-direction: row;
    gap: 20px;
  justify-content: center;
}
.soc img{
  width: 40px;

}

.border{
  width: 65%;
  border-radius: 50px;
  border: 1px solid;
  padding: 50px;
  padding-bottom: 300px;
}

.cont p{
  color: var(--brown-1);
  font-size: 20px;
  text-align: center;
}

.cont .green{
  font-weight: 900;
  text-align: center;
}

@media (max-width: 1024px) {
  .main{
    font-size: 35px;
  }
  .image-1-icon1{
    width: 35vw;
  }
  .parent16{
    justify-content: left;
  }
  .frame-parent21{
    text-align: left;
    flex-direction: column;
  }
  .frame-child16{
    width: 123vw;
    position: relative;
  }
  .frame-parent22{
    padding: 0 var(--padding-31xl) var(--padding-31xl) 15px;
    min-width: 320px;
    width: 100%;
  }
  .instance-parent{
    align-items: flex-start;
  }
  .parent17, .parent18, .parent19, .parent20, .parent21, .parent22 {
    width: 100%;
  }
  .parent23{
    align-items: flex-start;
    padding-top:40px ;
  }
  .div144 , .div156{
    text-align: left;
  }
  .frame-parent24{
    flex-direction: column-reverse;
  }
  .image-5-icon{
    border-radius: 50px;
    padding: 0px;
    flex: auto;
    max-width: unset;
    max-height: 300px;
  }
  .parent24{
    padding: 20px;
  }

  .div159{
    width: 100%;
    height: unset;
  }

  .parent26{
    gap: 10px;
  }
  .instance-group{
    flex-direction: row;
  }
  .instance-container{
    gap: 20px;
  }


  .instance-parent1{
    gap: 20px;
  }
  .parent40{
    gap: 20px;
  }

  .frame-parent37{
    flex-direction: column;
    gap: 20px;
  }

  .div209{
    margin-top: 0px;
  }
  .frame-parent38{
    margin-top: 0px;
    font-size: 16vw;
    margin-left: 0px;
    width: 100%;
  }
  .img-11024x-100-icon{
    width: 100%;
    height: auto;
  }
  .asset-81-icon{
    width: 50%;
    height: auto;
  }
  .component-parent{
    gap: 40px 40px;
  }
  .frame-parent43{
    width: 135px;
  }
    .frame-parent42{
    width: 100%;
  }
  .potato{
    display: none;
  }
  .myslides{
    display: flex;
    flex-direction: column;
  }
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 50vh;
    object-fit: cover;
  }
  .slidetxt{
    width: 80%;
  }

  .border{
    width: 85%;
    padding: 20px;
    padding-bottom: 300px;
  }
  .cont .bottle{
    width: 60%;
  }

  .frame-parent21 video{
    position: absolute;
    left: -136px;
    z-index: 1;
    width: 76vw;
}

}