.homepage-ecommerce {
  background-color: var(--white);
  overflow: hidden;
  width: 100%;
  min-width: 1440px;
  min-height: 3591px;
  position: relative;
}

.homepage-ecommerce .group {
  position: absolute;
  top: 28px;
  left: 29px;
  width: 1378px;
  height: 58px;
}

.homepage-ecommerce .element-image-square {
  height: 100%;
  width: 132px;
  position: absolute;
  top: 0;
  left: 0;
}

.homepage-ecommerce .text-wrapper {
  position: absolute;
  width: 3.05%;
  top: calc(50.00% - 11px);
  left: 77.00%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-ecommerce .navbar {
  position: absolute;
  top: calc(50.00% - 11px);
  left: calc(50.00% - 237px);
  width: 476px;
  height: 40px;
}

.homepage-ecommerce .div {
  position: absolute;
  width: 17.93%;
  height: 100%;
  top: 0;
  left: 0;
}

.homepage-ecommerce .text-wrapper-2 {
  position: absolute;
  width: 80.86%;
  top: calc(50.00% - 20px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-ecommerce .element-arrow-small {
  position: absolute;
  width: 12.11%;
  height: 12.99%;
  top: 22.63%;
  left: 87.89%;
  background-image: url(./img/arrow-1.svg);
  background-size: 100% 100%;
}

.homepage-ecommerce .text-wrapper-3 {
  width: 20.38%;
  left: 25.42%;
  position: absolute;
  top: calc(50.00% - 20px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-ecommerce .text-wrapper-4 {
  width: 7.35%;
  left: 54.20%;
  position: absolute;
  top: calc(50.00% - 20px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-ecommerce .text-wrapper-5 {
  width: 10.29%;
  left: 69.12%;
  position: absolute;
  top: calc(50.00% - 20px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-ecommerce .text-wrapper-6 {
  width: 13.03%;
  left: 86.76%;
  position: absolute;
  top: calc(50.00% - 20px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-ecommerce .group-2 {
  position: absolute;
  top: calc(50.00% - 13px);
  right: 0;
  width: 147px;
  height: 42px;
  overflow: hidden;
}

.homepage-ecommerce .shopping-cart {
  position: absolute;
  top: 0;
  right: 117px;
  width: 30px;
  height: 29px;
}

.homepage-ecommerce .text-wrapper-7 {
  position: absolute;
  width: 75.51%;
  top: calc(50.00% - 19px);
  left: 25.17%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--pink-stroke-cta-image);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-ecommerce .placeholder {
  position: absolute;
  width: calc(100% - 1344px);
  height: calc(100% - 25px);
  top: 14px;
  left: 1149px;
  background-color: var(--ros-bg);
  border-radius: 16.77px;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.homepage-ecommerce .group-3 {
  position: absolute;
  width: 0;
  height: 18.95%;
  top: 44.78%;
  left: 84.03%;
}

.homepage-ecommerce .path {
  position: absolute;
  width: 78.02%;
  height: 81.82%;
  top: 0;
  left: 21.98%;
}

.homepage-ecommerce .rectangle {
  position: absolute;
  width: 25.81%;
  height: 118.18%;
  top: -9.09%;
  left: -6.45%;
  background-color: var(--pink-stroke-cta-image);
}

.homepage-ecommerce .element-arrow-small-2 {
  position: absolute;
  width: 0;
  height: 8.90%;
  top: 48.23%;
  left: 86.14%;
  background-image: url(./img/arrow-1.svg);
  background-size: 100% 100%;
}

.homepage-ecommerce .rectangle-2 {
  position: absolute;
  top: 114px;
  left: -1px;
  width: 1442px;
  height: 602px;
  background-color: var(--ros-bg);
}

.homepage-ecommerce .mountains {
  position: absolute;
  top: 412px;
  left: 1024px;
  width: 64px;
  height: 47px;
}

.homepage-ecommerce .headline-with-unique {
  position: absolute;
  top: 269px;
  left: 140px;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 50px;
  letter-spacing: -0.83px;
  line-height: 60px;
}

.homepage-ecommerce .the-following-tips-o {
  top: 414px;
  left: 141px;
  width: 564px;
  height: 84px;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .p {
  height: 84px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 24px;
  letter-spacing: 0;
  line-height: 32px;
}

.homepage-ecommerce .element-button-prime {
  position: absolute;
  top: 505px;
  left: 140px;
  width: 155px;
  height: 50px;
  display: flex;
}

.homepage-ecommerce .button-prime {
  flex: 1;
  width: 155px;
  position: relative;
  overflow: hidden;
}

.homepage-ecommerce .placeholder-2 {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  position: absolute;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 5px;
}

.homepage-ecommerce .button-clipping {
  position: absolute;
  width: 100%;
  height: 46.00%;
  top: 28.00%;
  left: 0;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .button {
  height: 23px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--white);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .group-4 {
  position: absolute;
  top: 3047px;
  left: 0;
  width: 1440px;
  height: 544px;
  overflow: hidden;
}

.homepage-ecommerce .background {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-color: var(--ros-bg);
}

.homepage-ecommerce .group-5 {
  position: absolute;
  top: 66px;
  right: 140px;
  width: 389px;
  height: 92px;
}

.homepage-ecommerce .auto-flex {
  position: absolute;
  height: 50px;
  top: 42px;
  left: 0;
  display: flex;
  align-items: flex-start;
  min-width: 389px;
  gap: 12px;
}

.homepage-ecommerce .element-input-fields {
  width: 255px;
  height: 50px;
  display: flex;
}

.homepage-ecommerce .input {
  flex: 1;
  width: 255px;
  background-color: var(--ros-bg);
  border-radius: 5px;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-ecommerce .text-clipping-group {
  position: relative;
  width: 85.88%;
  height: 56.00%;
  top: 22.00%;
  left: 7.06%;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .text {
  height: 28px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.homepage-ecommerce .button-prime-wrapper {
  all: unset;
  box-sizing: border-box;
  width: 122px;
  height: 50px;
  display: flex;
}

.homepage-ecommerce .button-prime-2 {
  all: unset;
  box-sizing: border-box;
  flex: 1;
  width: 122px;
  position: relative;
}

.homepage-ecommerce .placeholder-3 {
  width: 101.64%;
  height: 104.00%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 5px;
}

.homepage-ecommerce .newsletter {
  position: absolute;
  width: 32.90%;
  top: calc(50.00% - 46px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .business-stories-dig {
  position: absolute;
  width: 9.44%;
  height: 38.60%;
  top: 19.21%;
  left: 44.31%;
  display: flex;
  align-items: flex-start;
}

.homepage-ecommerce .flexcontainer {
  height: 210px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  width: 136px;
}

.homepage-ecommerce .span-wrapper {
  position: relative;
  align-self: stretch;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-ecommerce .span {
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: #212424;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-ecommerce .blog {
  position: absolute;
  width: 9.58%;
  top: calc(50.00% - 206px);
  left: 44.31%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .our-mission-our-stor {
  position: absolute;
  width: 9.44%;
  height: 50.37%;
  top: 19.21%;
  left: 32.78%;
  display: flex;
  align-items: flex-start;
}

.homepage-ecommerce .flexcontainer-2 {
  height: 274px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  width: 136px;
}

.homepage-ecommerce .about {
  position: absolute;
  width: 9.58%;
  top: calc(50.00% - 206px);
  left: 32.78%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .our-talent-freelance {
  position: absolute;
  width: 9.44%;
  height: 32.90%;
  top: 19.21%;
  left: 21.18%;
  display: flex;
  align-items: flex-start;
}

.homepage-ecommerce .flexcontainer-3 {
  height: 179px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  width: 136px;
}

.homepage-ecommerce .hire {
  position: absolute;
  width: 9.58%;
  top: calc(50.00% - 206px);
  left: 21.18%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .our-courses-the-prog {
  position: absolute;
  width: 9.44%;
  height: 42.65%;
  top: 19.21%;
  left: 9.65%;
  display: flex;
  align-items: flex-start;
}

.homepage-ecommerce .flexcontainer-4 {
  height: 232px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  width: 136px;
}

.homepage-ecommerce .learn {
  position: absolute;
  width: 9.58%;
  top: calc(50.00% - 206px);
  left: 9.65%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .element-getcraftwork {
  position: absolute;
  width: 42.36%;
  height: 4.96%;
  top: 89.31%;
  left: 28.82%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.homepage-ecommerce .element-getcraftwork-2 {
  margin-top: -3px;
  height: 24px;
  margin-left: -8.82%;
  width: 717.57px;
  margin-right: -8.82%;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
}

.homepage-ecommerce .symbol {
  position: absolute;
  top: calc(50.00% + 152px);
  left: calc(50.00% - 146px);
  width: 56px;
  height: 37px;
}

.homepage-ecommerce .money {
  position: absolute;
  top: calc(50.00% + 152px);
  left: calc(50.00% - 77px);
  width: 56px;
  height: 37px;
}

.homepage-ecommerce .mastercard {
  position: absolute;
  top: calc(50.00% + 152px);
  left: calc(50.00% - 8px);
  width: 56px;
  height: 37px;
}

.homepage-ecommerce .symbols {
  position: absolute;
  top: calc(50.00% + 152px);
  left: calc(50.00% + 61px);
  width: 56px;
  height: 37px;
}

.homepage-ecommerce .group-6 {
  position: absolute;
  top: 671px;
  left: 131px;
  width: 1159px;
  height: 736px;
  overflow: hidden;
}

.homepage-ecommerce .mountains-wrapper {
  position: absolute;
  width: 29.94%;
  height: 42.82%;
  top: 27.46%;
  left: 0;
  background-color: var(--ros-bg);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.homepage-ecommerce .img {
  position: absolute;
  width: 7.57%;
  height: 6.20%;
  top: 46.62%;
  left: 46.13%;
}

.homepage-ecommerce .group-7 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 106px;
  height: 51px;
  overflow: hidden;
}

.homepage-ecommerce .text-wrapper-8 {
  position: absolute;
  width: 50.00%;
  top: calc(50.00% - 24px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
}

.homepage-ecommerce .text-wrapper-9 {
  position: absolute;
  width: 40.38%;
  top: calc(50.00% - 22px);
  left: 61.54%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  text-decoration: line-through;
}

.homepage-ecommerce .YAMAHA-PACK-ERG {
  position: absolute;
  width: 23.64%;
  top: calc(50.00% + 174px);
  left: 3.88%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.homepage-ecommerce .the-following-tips-o-wrapper {
  position: absolute;
  width: 28.99%;
  height: 9.92%;
  top: 79.92%;
  left: 0;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .the-following-tips-o-2 {
  height: 73px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-ecommerce .button-clipping-wrapper {
  position: absolute;
  left: 171px;
  bottom: 9px;
  width: 175px;
  height: 50px;
  background-color: var(--ros-bg);
  border-radius: 100px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.homepage-ecommerce .button-wrapper {
  position: relative;
  width: 100%;
  height: 46.00%;
  top: 28.00%;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .button-2 {
  height: 23px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--pink-stroke-cta-image);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .group-8 {
  position: absolute;
  left: calc(50.00% - 174px);
  bottom: 0;
  width: 347px;
  height: 534px;
  overflow: hidden;
}

.homepage-ecommerce .element-image-square-2 {
  width: 100%;
  height: 59.02%;
  position: absolute;
  top: 0;
  left: 0;
}

.homepage-ecommerce .group-9 {
  position: absolute;
  width: 30.55%;
  height: 9.56%;
  top: 90.50%;
  left: 0;
  overflow: hidden;
}

.homepage-ecommerce .YAMAHA-PACK-ERG-g {
  position: absolute;
  width: 78.96%;
  top: calc(50.00% + 73px);
  left: 12.97%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.homepage-ecommerce .div-wrapper {
  width: 96.83%;
  height: 13.68%;
  top: 72.32%;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .group-10 {
  position: absolute;
  width: 50.43%;
  height: 9.37%;
  top: 89.00%;
  left: 49.28%;
  background-color: var(--ros-bg);
  border-radius: 100px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.homepage-ecommerce .group-11 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 347px;
  height: 534px;
  overflow: hidden;
}

.homepage-ecommerce .group-12 {
  position: absolute;
  top: 1407px;
  left: 131px;
  width: 1159px;
  height: 736px;
  overflow: hidden;
}

.homepage-ecommerce .group-13 {
  position: absolute;
  top: 2134px;
  left: 131px;
  width: 1159px;
  height: 736px;
  overflow: hidden;
}
/* Inject original CSS code from globals.css here */

.homepage-ecommerce {
  background-color: var(--white);
  overflow: hidden;
  width: 100%;
  min-width: 1440px;
  min-height: 3591px;
  position: relative;
}

.homepage-ecommerce .group {
  position: absolute;
  top: 28px;
  left: 29px;
  width: 1378px;
  height: 58px;
}

.homepage-ecommerce .element-image-square {
  height: 100%;
  width: 132px;
  position: absolute;
  top: 0;
  left: 0;
}

.homepage-ecommerce .text-wrapper {
  position: absolute;
  width: 3.05%;
  top: calc(50.00% - 11px);
  left: 77.00%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
  text-decoration: none;
}

.homepage-ecommerce .navbar {
  position: absolute;
  top: calc(50.00% - 11px);
  left: calc(50.00% - 237px);
  width: 476px;
  height: 40px;
}

.homepage-ecommerce .div {
  position: absolute;
  width: 17.93%;
  height: 100%;
  top: 0;
  left: 0;
}

.homepage-ecommerce .text-wrapper-2 {
  position: absolute;
  width: 80.86%;
  top: calc(50.00% - 20px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
  text-decoration: none;
}

.homepage-ecommerce .element-arrow-small {
  position: absolute;
  width: 12.11%;
  height: 12.99%;
  top: 22.63%;
  left: 87.89%;
  background-image: url(./img/arrow-1.svg);
  background-size: 100% 100%;
}

.homepage-ecommerce .text-wrapper-3 {
  width: 20.38%;
  left: 25.42%;
  position: absolute;
  top: calc(50.00% - 20px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
  text-decoration: none;
}

.homepage-ecommerce .text-wrapper-4 {
  width: 7.35%;
  left: 54.20%;
  position: absolute;
  top: calc(50.00% - 20px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
  text-decoration: none;
}

.homepage-ecommerce .text-wrapper-5 {
  width: 10.29%;
  left: 69.12%;
  position: absolute;
  top: calc(50.00% - 20px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
  text-decoration: none;
}

.homepage-ecommerce .text-wrapper-6 {
  width: 13.03%;
  left: 86.76%;
  position: absolute;
  top: calc(50.00% - 20px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
  text-decoration: none;
}

.homepage-ecommerce .group-2 {
  position: absolute;
  top: calc(50.00% - 13px);
  right: 0;
  width: 147px;
  height: 42px;
  overflow: hidden;
  text-decoration: none;
  display: block;
}

.homepage-ecommerce .shopping-cart {
  position: absolute;
  top: 0;
  right: 117px;
  width: 30px;
  height: 29px;
}

.homepage-ecommerce .text-wrapper-7 {
  position: absolute;
  width: 75.51%;
  top: calc(50.00% - 19px);
  left: 25.17%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--pink-stroke-cta-image);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-ecommerce .placeholder {
  position: absolute;
  width: calc(100% - 1344px);
  height: calc(100% - 25px);
  top: 14px;
  left: 1149px;
  background-color: var(--ros-bg);
  border-radius: 16.77px;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.homepage-ecommerce .group-3 {
  position: absolute;
  width: 0;
  height: 18.95%;
  top: 44.78%;
  left: 84.03%;
}

.homepage-ecommerce .path {
  position: absolute;
  width: 78.02%;
  height: 81.82%;
  top: 0;
  left: 21.98%;
}

.homepage-ecommerce .rectangle {
  position: absolute;
  width: 25.81%;
  height: 118.18%;
  top: -9.09%;
  left: -6.45%;
  background-color: var(--pink-stroke-cta-image);
}

.homepage-ecommerce .element-arrow-small-2 {
  position: absolute;
  width: 0;
  height: 8.90%;
  top: 48.23%;
  left: 86.14%;
  background-image: url(./img/arrow-1.svg);
  background-size: 100% 100%;
}

.homepage-ecommerce .rectangle-2 {
  position: absolute;
  top: 114px;
  left: -1px;
  width: 1442px;
  height: 602px;
  background-color: var(--ros-bg);
}

.homepage-ecommerce .mountains {
  position: absolute;
  top: 412px;
  left: 1024px;
  width: 64px;
  height: 47px;
}

.homepage-ecommerce .headline-with-unique {
  position: absolute;
  top: 269px;
  left: 140px;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 50px;
  letter-spacing: -0.83px;
  line-height: 60px;
}

.homepage-ecommerce .the-following-tips-o {
  top: 414px;
  left: 141px;
  width: 564px;
  height: 84px;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .p {
  height: 84px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 24px;
  letter-spacing: 0;
  line-height: 32px;
}

.homepage-ecommerce .element-button-prime {
  position: absolute;
  top: 505px;
  left: 140px;
  width: 155px;
  height: 50px;
  display: flex;
}

.homepage-ecommerce .button-prime {
  flex: 1;
  width: 155px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: block;
}

.homepage-ecommerce .placeholder-2 {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  position: absolute;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 5px;
}

.homepage-ecommerce .button-clipping {
  position: absolute;
  width: 100%;
  height: 46.00%;
  top: 28.00%;
  left: 0;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .button {
  height: 23px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--white);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .group-4 {
  position: absolute;
  top: 3047px;
  left: 0;
  width: 1440px;
  height: 544px;
  overflow: hidden;
}

.homepage-ecommerce .background {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-color: var(--ros-bg);
}

.homepage-ecommerce .group-5 {
  position: absolute;
  top: 66px;
  right: 140px;
  width: 389px;
  height: 92px;
}

.homepage-ecommerce .auto-flex {
  position: absolute;
  height: 50px;
  top: 42px;
  left: 0;
  display: flex;
  align-items: flex-start;
  min-width: 389px;
  gap: 12px;
}

.homepage-ecommerce .element-input-fields {
  width: 255px;
  height: 50px;
  display: flex;
}

.homepage-ecommerce .input {
  flex: 1;
  width: 255px;
  background-color: var(--ros-bg);
  border-radius: 5px;
  border: 2px solid;
  border-color: #2124244c;
  display: block;
  position: relative;
}

.homepage-ecommerce .text-clipping-group {
  position: relative;
  width: 85.88%;
  height: 56.00%;
  top: 22.00%;
  left: 7.06%;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .text {
  height: 28px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
}

.homepage-ecommerce .text::placeholder {
  color: var(--black-text-icon);
  opacity: 1;
}

.homepage-ecommerce .button-prime-wrapper {
  all: unset;
  box-sizing: border-box;
  width: 122px;
  height: 50px;
  display: flex;
}

.homepage-ecommerce .button-prime-2 {
  all: unset;
  box-sizing: border-box;
  flex: 1;
  width: 122px;
  position: relative;
  cursor: pointer;
}

.homepage-ecommerce .placeholder-3 {
  width: 101.64%;
  height: 104.00%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 5px;
}

.homepage-ecommerce .newsletter {
  position: absolute;
  width: 32.90%;
  top: calc(50.00% - 46px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .business-stories-dig {
  position: absolute;
  width: 9.44%;
  height: 38.60%;
  top: 19.21%;
  left: 44.31%;
  display: flex;
  align-items: flex-start;
}

.homepage-ecommerce .flexcontainer {
  height: 210px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  width: 136px;
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.homepage-ecommerce .span-wrapper {
  position: relative;
  align-self: stretch;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-ecommerce .span {
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: #212424;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  text-decoration: none;
}

.homepage-ecommerce .blog {
  position: absolute;
  width: 9.58%;
  top: calc(50.00% - 206px);
  left: 44.31%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .our-mission-our-stor {
  position: absolute;
  width: 9.44%;
  height: 50.37%;
  top: 19.21%;
  left: 32.78%;
  display: flex;
  align-items: flex-start;
}

.homepage-ecommerce .flexcontainer-2 {
  height: 274px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  width: 136px;
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.homepage-ecommerce .about {
  position: absolute;
  width: 9.58%;
  top: calc(50.00% - 206px);
  left: 32.78%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .our-talent-freelance {
  position: absolute;
  width: 9.44%;
  height: 32.90%;
  top: 19.21%;
  left: 21.18%;
  display: flex;
  align-items: flex-start;
}

.homepage-ecommerce .flexcontainer-3 {
  height: 179px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  width: 136px;
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.homepage-ecommerce .hire {
  position: absolute;
  width: 9.58%;
  top: calc(50.00% - 206px);
  left: 21.18%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .our-courses-the-prog {
  position: absolute;
  width: 9.44%;
  height: 42.65%;
  top: 19.21%;
  left: 9.65%;
  display: flex;
  align-items: flex-start;
}

.homepage-ecommerce .flexcontainer-4 {
  height: 232px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  width: 136px;
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.homepage-ecommerce .learn {
  position: absolute;
  width: 9.58%;
  top: calc(50.00% - 206px);
  left: 9.65%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .element-getcraftwork {
  position: absolute;
  width: 42.36%;
  height: 4.96%;
  top: 89.31%;
  left: 28.82%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.homepage-ecommerce .element-getcraftwork-2 {
  margin-top: -3px;
  height: 24px;
  margin-left: -8.82%;
  width: 717.57px;
  margin-right: -8.82%;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
}

.homepage-ecommerce .symbol {
  position: absolute;
  top: calc(50.00% + 152px);
  left: calc(50.00% - 146px);
  width: 56px;
  height: 37px;
}

.homepage-ecommerce .money {
  position: absolute;
  top: calc(50.00% + 152px);
  left: calc(50.00% - 77px);
  width: 56px;
  height: 37px;
}

.homepage-ecommerce .mastercard {
  position: absolute;
  top: calc(50.00% + 152px);
  left: calc(50.00% - 8px);
  width: 56px;
  height: 37px;
}

.homepage-ecommerce .symbols {
  position: absolute;
  top: calc(50.00% + 152px);
  left: calc(50.00% + 61px);
  width: 56px;
  height: 37px;
}

.homepage-ecommerce .group-6 {
  position: absolute;
  top: 671px;
  left: 131px;
  width: 1159px;
  height: 736px;
  overflow: hidden;
}

.homepage-ecommerce .mountains-wrapper {
  position: absolute;
  width: 29.94%;
  height: 42.82%;
  top: 27.46%;
  left: 0;
  background-color: var(--ros-bg);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.homepage-ecommerce .img {
  position: absolute;
  width: 7.57%;
  height: 6.20%;
  top: 46.62%;
  left: 46.13%;
}

.homepage-ecommerce .group-7 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 106px;
  height: 51px;
  overflow: hidden;
}

.homepage-ecommerce .text-wrapper-8 {
  position: absolute;
  width: 50.00%;
  top: calc(50.00% - 24px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
}

.homepage-ecommerce .text-wrapper-9 {
  position: absolute;
  width: 40.38%;
  top: calc(50.00% - 22px);
  left: 61.54%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  text-decoration: line-through;
}

.homepage-ecommerce .YAMAHA-PACK-ERG {
  position: absolute;
  width: 23.64%;
  top: calc(50.00% + 174px);
  left: 3.88%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.homepage-ecommerce .the-following-tips-o-wrapper {
  position: absolute;
  width: 28.99%;
  height: 9.92%;
  top: 79.92%;
  left: 0;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .the-following-tips-o-2 {
  height: 73px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-ecommerce .button-clipping-wrapper {
  position: absolute;
  left: 171px;
  bottom: 9px;
  width: 175px;
  height: 50px;
  background-color: var(--ros-bg);
  border-radius: 100px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.homepage-ecommerce .button-wrapper {
  position: relative;
  width: 100%;
  height: 46.00%;
  top: 28.00%;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.homepage-ecommerce .button-2 {
  height: 23px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--pink-stroke-cta-image);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-ecommerce .group-8 {
  position: absolute;
  left: calc(50.00% - 174px);
  bottom: 0;
  width: 347px;
  height: 534px;
  overflow: hidden;
}

.homepage-ecommerce .element-image-square-2 {
  width: 100%;
  height: 59.02%;
  position: absolute;
  top: 0;
  left: 0;
}

.homepage-ecommerce .group-9 {
  position: absolute;
  width: 30.55%;
  height: 9.56%;
  top: 90.50%;
  left: 0;
  overflow: hidden;
}

.homepage-ecommerce .YAMAHA-PACK-ERG-g {
  position: absolute;
  width: 78.96%;
  top: calc(50.00% + 73px);
  left: 12.97%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.homepage-ecommerce .div-wrapper {
  width: 96.83%;
  height: 13.68%;
  top: 72.32%;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-ecommerce .group-10 {
  position: absolute;
  width: 50.43%;
  height: 9.37%;
  top: 89.00%;
  left: 49.28%;
  background-color: var(--ros-bg);
  border-radius: 100px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.homepage-ecommerce .group-11 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 347px;
  height: 534px;
  overflow: hidden;
}

.homepage-ecommerce .group-12 {
  position: absolute;
  top: 1407px;
  left: 131px;
  width: 1159px;
  height: 736px;
  overflow: hidden;
}

.homepage-ecommerce .group-13 {
  position: absolute;
  top: 2134px;
  left: 131px;
  width: 1159px;
  height: 736px;
  overflow: hidden;
}