@keyframes flame-animation {
  0% {
    transform: scale(0.9) translateY(0);
    opacity: 0.8;
  }
  100% {
    transform: scale(1) translateY(-0.5vw) rotate(5deg);
    opacity: 1;
  }
}

@keyframes prize_item{
  0%{.text-wrapper_3
    transform:translateY(-2vw);
    opacity: 0.9;
  }
  100%{
    transform:translateY(0);
    opacity: 1;
  }
}
@font-face {
    font-family: 'NataSans-SemiBold';
    src: url('../fonts/harvest-vape-joy/NataSans-SemiBold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'NataSans-Black';
    src: url('../fonts/harvest-vape-joy/NataSans-Black.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'NataSans-Bold';
    src: url('../fonts/harvest-vape-joy/NataSans-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'NataSans-ExtraBold';
    src: url('../fonts/harvest-vape-joy/NataSans-ExtraBold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'NataSans-ExtraLight';
    src: url('../fonts/harvest-vape-joy/NataSans-ExtraLight.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'NataSans-Light';
    src: url('../fonts/harvest-vape-joy/NataSans-Light.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'NataSans-Medium';
    src: url('../fonts/harvest-vape-joy/NataSans-Medium.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'NataSans-Thin';
    src: url('../fonts/harvest-vape-joy/NataSans-Thin.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'AdobeHeitiStd-Regular';
    src: url('../fonts/harvest-vape-joy/AdobeHeitiStd-Regular.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Altinn-DIN-Exp';
    src: url('../fonts/harvest-vape-joy/Altinn-DIN-Exp.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Altinn-DIN-Exp-Bold';
    src: url('../fonts/harvest-vape-joy/Altinn-DIN-Exp-Bold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Altinn-DINExp-Bold';
    src: url('../fonts/harvest-vape-joy/Altinn-DIN-Exp-Bold.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Altinn-DINExp';
    src: url('../fonts/harvest-vape-joy/Altinn-DIN-Exp.otf');
	font-weight: normal;
	font-style: normal;
}

/* 新增动画效果 */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes numberGrow {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.8);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

/* 动画类 */
.animate-number-grow {
  animation: numberGrow 1s ease forwards;
  opacity: 0;
}

.animate-slide-in-left {
  animation: slideInLeft 0.8s ease forwards;
  opacity: 0;
}

.animate-slide-in-right {
  animation: slideInRight 0.8s ease forwards;
  opacity: 0;
}

.animate-bounce {
  animation: bounce 1s ease-in-out;
}

.animate-pulse {
  animation: pulse 2s infinite;
}

/* 排行榜项目悬停效果 */
.group_8, .group_9, .group_10, .group_11, .group_12, .group_13 {
  transition: all 0.3s ease;
  cursor: pointer;
}

.group_8:hover, .group_9:hover, .group_10:hover, .group_11:hover, .group_12:hover, .group_13:hover {
  transform: translateX(10px);
  background: linear-gradient(90deg, rgba(255,214,155,0.1) 0%, rgba(255,214,155,0) 100%);
}

/* 注册按钮交互效果 */
.text-wrapper_1 {
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.text-wrapper_1:hover {
  transform: scale(1.05) !important;
}


/* 数字增长效果 */
.number-counter {
  position: relative;
  display: inline-block;
}

/* 步骤指示器交互 */
.box_7 > div,.cg-to-big {
  transition: all 0.3s ease;
}

.box_7 > div:hover,.cg-to-big:hover {
  transform: scale(1.1);
  z-index: 10;
}

.box_7 > div.image-text_3,.box_7 > div.text-group_7,.box_7 > div.text-group_8:hover{
  transition:none;
}
.box_7 > div.image-text_3:hover,.box_7 > div.text-group_7:hover,.box_7 > div.text-group_8:hover{
  transform: none;
}

/* 滚动监听的动画延迟 */
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }
.delay-500 { animation-delay: 0.5s; }
.delay-600 { animation-delay: 0.6s; }
.delay-700 { animation-delay: 0.7s; }
.delay-800 { animation-delay: 0.8s; }
.delay-900 { animation-delay: 0.9s; }
.delay-1000 { animation-delay: 1s; }

/* 确保动画性能 */
.animated-element {
  will-change: transform, opacity;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .group_8:hover, .group_9:hover, .group_10:hover, .group_11:hover, .group_12:hover, .group_13:hover {
    transform: translateX(5px);
  }
}


body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: NataSans-Medium,PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
    margin: 0;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}


.page {
  background-color: rgba(43, 19, 3, 1);
  position: relative;
  width: 100%;
  overflow: hidden;
}

.group_1 {
  height: 56.25vw;
  background: url(../images/grow_your_shop/536d40112f3a41bda0d9ba4cad122e17_mergeImage.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 100%;
  position: relative;
}

.image-wrapper_1 {
  height: 15.47vw;
  background: url(../images/grow_your_shop/20ad063a4aae8deffd17db189436a6ff.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 76.93vw;
  margin: 9.73vw 0 0 11.56vw;
}

.image_1 {
  width: 39.95vw;
  height: 12.87vw;
  margin: 11.82vw 0 0 18.48vw;
}

.box_1 {
  position: absolute;
  left: 0;
  top: 21.83vw;
  width: 100%;
  height: 34.43vw;
  background: url(../images/grow_your_shop/bedb15dbb0634bc989315cc114dfdd81_mergeImage.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.text_1 {
  width: 18.39vw;
  height: 2.4vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 2.6vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 2.61vw;
  margin: 11.09vw 0 0 40.78vw;
}

.text-wrapper_1 {
  height: 7.87vw;
  background: url(../images/grow_your_shop/ac7e97980f16c1fc9728f0c33887cc7c.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 25.53vw;
  margin: 6.71vw 0 0 37.23vw;
}

.text_2 {
  width: 16.31vw;
  height: 2.5vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.6vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 2.61vw;
  margin: 1.7vw 0 0 4.63vw;
}

.text_3 {
  width: 35.27vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.82vw;
  font-family: NataSans-SemiBold;
  
  text-align: center;
  white-space: nowrap;
  line-height: 1.83vw;
  margin: 1.77vw 0 2.91vw 32.39vw;
}

.group_2 {
  height: 63.44vw;
  background: url(../images/grow_your_shop/4d9a6e5cc27ba02a5cac9c475803b976.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 0.47vw;
  width: 100%;
  position: relative;
}

.box_2 {
  width: 75.99vw;
  height: 25.94vw;
  margin: 5.78vw 0 0 6.61vw;
}

.image_2 {
  width: 7.35vw;
  height: 7.77vw;
  margin-top: 4.07vw;
}

.block_1 {
  width: 30.84vw;
  height: 25.94vw;
  background: url(../images/grow_your_shop/4642587a5fb5ef3360abdbd3da98a779.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 3.49vw;
}

.text-group_1 {
  width: 19.64vw;
  height: 10.53vw;
  margin: 7.13vw 0 0 5.78vw;
}

.text_4,.text-wrapper_2 {
    text-shadow: -6px 0px 4px rgba(191, 36, 0, 0.7);
    height: 6.83vw;
    overflow-wrap: break-word;
    color: rgba(255, 135, 0, 1);
    font-size: 9.47vw;
    font-family: Altinn-DINExp;
    font-weight: Bold;
    text-align: center;
    white-space: nowrap;
    line-height: 0.8;
    letter-spacing: -0.035vw;
}

.text_5 {
  width: 6.72vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 2.6vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 2.61vw;
  margin: 1.77vw 0 0 6.4vw;
}

.text_6 {
  width: 20.16vw;
  height: 1.41vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.82vw;
  font-family: NataSans-SemiBold;
  
  text-align: center;
  white-space: nowrap;
  line-height: 1.83vw;
  margin: 1.45vw 0 5.41vw 5.46vw;
}

.block_2 {
  width: 30.84vw;
  height: 25.94vw;
  background: url(../images/grow_your_shop/becd5dbef740abeee00b2ecd04b49b81.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 3.49vw;
}

.text-group_2 {
  width: 18.6vw;
  height: 10.53vw;
  margin: 6.87vw 0 0 6.14vw;
}

.text-wrapper_2 {
  display: flex;
  justify-content: center;
}

.text_7 {
  /* font-family: Altinn-DINExp;
  font-weight: Bold; */
}

.text_8 {
  overflow-wrap: break-word;
  color: rgba(255, 135, 0, 1);
  font-size: 9.47vw;
  font-family: Altinn-DINExp;
  font-weight: Bold;
  text-align: left;
  white-space: nowrap;
}

.text_9 {
  width: 18.6vw;
  height: 1.41vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.82vw;
  font-family: NataSans-SemiBold;
  
  text-align: center;
  white-space: nowrap;
  line-height: 1.83vw;
  margin-top: 1.83vw;
}

.box_3 {
  width: 54.69vw;
  height: 2.45vw;
  margin: 11.87vw 0 17.39vw 22.65vw;
}

.image-text_1 {
  width: 21.52vw;
  height: 2.04vw;
  margin-top: 0.21vw;
}

.image_3 {
  width: 2.61vw;
  height: 2.04vw;
}

.text-group_3 {
  width: 17.87vw;
  height: 1.83vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.82vw;
  font-family: NataSans-SemiBold;
  
  text-align: center;
  white-space: nowrap;
  line-height: 1.83vw;
  margin-top: 0.11vw;
}

.image-text_2 {
  width: 23.13vw;
  height: 2.45vw;
}

.label_1 {
  width: 2.45vw;
  height: 2.45vw;
}

.text-group_4 {
  width: 19.64vw;
  height: 1.83vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.82vw;
  font-family: NataSans-SemiBold;
  
  text-align: center;
  white-space: nowrap;
  line-height: 1.83vw;
  margin-top: 0.32vw;
}

.image_4 {
  position: absolute;
  left: 36.36vw;
  top: 27.66vw;
  width: 17.4vw;
  height: 9.17vw;
}

.image_5 {
  position: absolute;
  left: 80.68vw;
  top: 18.75vw;
  width: 10.53vw;
  height: 7.97vw;
}

.group_3 {
  position: relative;
  width: 100%;
  height: 176.78vw;
  margin-bottom: 0.06vw;
}

.text_10 {
  width: 64.17vw;
  height: 4.07vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 4.16vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 4.17vw;
  margin: 1.04vw 0 0 17.91vw;
}

.group_4 {
  width: 79.38vw;
  height: 8.03vw;
  margin: 49.37vw 0 0 10.2vw;
  position: relative;
}

.text-group_5 {
  height: 6.41vw;
  margin-top: 1.62vw;
}

.text_11 {
  width: 3.65vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(255, 125, 0, 1);
  font-size: 2.7vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.71vw;
}

.paragraph_1 {
  height: 3.39vw;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-SemiBold;
  text-align: left;
  line-height: 1.57vw;
  margin-top: 1.1vw;
  letter-spacing: -0.035vw;
}

.paragraph_2 {
  height: 3.39vw;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-SemiBold;
  text-align: left;
  line-height: 1.57vw;
  margin: 1.56vw 0 0 7.91vw;
  letter-spacing: -0.035vw;
  position: absolute;
    top: 0;
    left: 9vw;
}

.text-wrapper_3 {
  width: 12.35vw;
  height: 6.41vw;
  margin-left: 37.66vw;
  position: absolute;
    right: 0;
    top: 0;
}

.text_12 {
  width: 3.39vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(255, 125, 0, 1);
  font-size: 2.7vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.71vw;
}

.paragraph_3 {
  height: 3.39vw;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-SemiBold;
  
  text-align: left;
  line-height: 1.57vw;
  margin-top: 1.1vw;
  letter-spacing: -0.035vw;
}

.text_13 {
  height: 3.55vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 5.2vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 5.21vw;
  margin-top: 12.55vw;
  width: 100%;
  text-transform: uppercase;
}

.group_5 {
  height: 49.43vw;
  background: url(../images/grow_your_shop/4490c1882b46735ee5d05a8680caa41e.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 7.04vw;
  width: 100%;
  position: relative;
}

.image-wrapper_2 {
  width: 23.75vw;
  height: 4.12vw;
  margin: 43.02vw 0 0 69.73vw;
}

.image_6 {
  width: 23.75vw;
  height: 4.12vw;
}

.box_4 {
  position: absolute;
  left: 10.47vw;
  top: -3.28vw;
  width: 80.84vw;
  height: 48.44vw;
}

.box_5 {
  width: 65.21vw;
  height: 48.44vw;
  background: url(../images/grow_your_shop/2576ef0feabfb388e54fd1b013560acf.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 6.93vw;
}

.group_6 {
  height: 8.29vw;
  background: url(../images/grow_your_shop/8f9bb1c685fa8e5f02cf02d605feb1f2.png)
    0vw 0vw no-repeat;
  background-size: 63.07vw 8.33vw;
  width: 63.03vw;
  margin: 0.93vw 0 0 0.83vw;
}

.group_7 {
  height: 8.29vw;
  width: 63.03vw;
}

.text-wrapper_4 {
  height: 8.29vw;
  width: 63.03vw;
}

.text_14 {
  width: 43.7vw;
  height: 2.5vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 3.64vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 3.65vw;
  margin: 2.2vw 0 0 9.89vw;
  text-transform: uppercase;
}

.group_8 {
  width: 51.98vw;
  height: 3.96vw;
  margin: 1.82vw 0 0 5.36vw;
}

.text_15 {
  width: 1.25vw;
  height: 2.45vw;
  overflow-wrap: break-word;
  color: rgba(212, 0, 0, 1);
  font-size: 3.64vw;
  font-family: NataSans-ExtraBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 3.65vw;
}

.text_16 {
  width: 1.52vw;
  height: 1.36vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.87vw;
  font-family: NataSans-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.88vw;
  margin: 1.2vw 0 0 0.52vw;
}

.text-wrapper_5 {
  background-color: rgba(255, 214, 155, 1);
  border-radius: 37px;
  width: 46.62vw;
  height: 3.96vw;
  margin-left: 2.09vw;
  justify-content: space-between;
  align-items: center;
}

.text_17 {
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
  padding-left: 2.86vw;
}

.text_18 {
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
}

.text_19 {
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.3vw;
  font-family: NataSans-SemiBold;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
}

.group_9 {
  width: 51.93vw;
  height: 3.96vw;
  margin: 2.03vw 0 0 5.41vw;
}

.text_20 {
  width: 2.04vw;
  height: 2.5vw;
  overflow-wrap: break-word;
  color: rgba(255, 90, 0, 1);
  font-size: 3.64vw;
  font-family: NataSans-ExtraBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 3.65vw;
  margin-top: 0.68vw;
}

.text_21 {
  width: 2.04vw;
  height: 1.46vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.87vw;
  font-family: NataSans-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.88vw;
  margin: 1.77vw 0 0 -0.31vw;
}

.text-wrapper_6 {
  background-color: rgba(255, 214, 155, 1);
  border-radius: 37px;
  width: 46.62vw;
  height: 3.96vw;
  margin-left: 1.57vw;
}

.text_22 {
  width: 19.8vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 1.78vw;
  margin: 1.04vw 0 0 2.86vw;
}

.text_23 {
  width: 5.11vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.78vw;
  margin: 1.4vw 0 0 12.03vw;
}

.text_24 {
  width: 3.23vw;
  height: 0.99vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.3vw;
  font-family: NataSans-SemiBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 1.31vw;
  margin: 1.66vw 3.17vw 0 0.41vw;
}

.group_10 {
  width: 51.98vw;
  height: 3.96vw;
  margin: 1.97vw 0 0 5.36vw;
}

.text_25 {
  width: 2.09vw;
  height: 2.56vw;
  overflow-wrap: break-word;
  color: rgba(255, 156, 0, 1);
  font-size: 3.64vw;
  font-family: NataSans-ExtraBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 3.65vw;
  margin-top: 0.68vw;
}

.text_26 {
  width: 1.57vw;
  height: 1.46vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.87vw;
  font-family: NataSans-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.88vw;
  margin: 1.77vw 0 0 -0.31vw;
}

.text-wrapper_7 {
  background-color: rgba(255, 214, 155, 1);
  border-radius: 37px;
  width: 46.62vw;
  height: 3.96vw;
  margin-left: 2.04vw;
}

.text_27 {
  width: 19.85vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 1.78vw;
  margin: 1.04vw 0 0 2.81vw;
}

.text_28 {
  width: 5.21vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.78vw;
  margin: 1.4vw 0 0 11.92vw;
}

.text_29 {
  width: 3.23vw;
  height: 0.99vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.3vw;
  font-family: NataSans-SemiBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 1.31vw;
  margin: 1.66vw 3.17vw 0 0.41vw;
}

.group_11 {
  width: 51.98vw;
  height: 3.96vw;
  margin: 2.03vw 0 0 5.36vw;
}

.text_30 {
  width: 1.98vw;
  height: 2.45vw;
  overflow-wrap: break-word;
  color: rgba(255, 156, 0, 1);
  font-size: 3.64vw;
  font-family: NataSans-ExtraBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 3.65vw;
  margin-top: 0.73vw;
}

.text_31 {
  width: 1.72vw;
  height: 1.46vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.87vw;
  font-family: NataSans-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.88vw;
  margin: 1.77vw 0 0 -0.2vw;
}

.text-wrapper_8 {
  background-color: rgba(255, 214, 155, 1);
  border-radius: 37px;
  width: 46.62vw;
  height: 3.96vw;
  margin-left: 1.88vw;
}

.text_32 {
  width: 20.42vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 1.78vw;
  margin: 1.04vw 0 0 2.76vw;
}

.text_33 {
  width: 5.21vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.78vw;
  margin: 1.4vw 0 0 11.35vw;
}

.text_34 {
  width: 3.23vw;
  height: 0.99vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.3vw;
  font-family: NataSans-SemiBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 1.31vw;
  margin: 1.66vw 3.17vw 0 0.46vw;
}

.group_12 {
  width: 52.04vw;
  height: 3.96vw;
  margin: 1.97vw 0 0 5.31vw;
}

.text_35 {
  width: 2.09vw;
  height: 2.5vw;
  overflow-wrap: break-word;
  color: rgba(255, 156, 0, 1);
  font-size: 3.64vw;
  font-family: NataSans-ExtraBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 3.65vw;
  margin-top: 0.68vw;
}

.text_36 {
  width: 1.72vw;
  height: 1.46vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.87vw;
  font-family: NataSans-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.88vw;
  margin: 1.71vw 0 0 -0.26vw;
}

.text-wrapper_9 {
  background-color: rgba(255, 214, 155, 1);
  border-radius: 37px;
  width: 46.62vw;
  height: 3.96vw;
  margin-left: 1.88vw;
}

.text_37 {
  width: 20.94vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 1.78vw;
  margin: 1.04vw 0 0 2.86vw;
}

.text_38 {
  width: 4.95vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.78vw;
  margin: 1.4vw 0 0 11.04vw;
}

.text_39 {
  width: 3.23vw;
  height: 0.99vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.3vw;
  font-family: NataSans-SemiBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 1.31vw;
  margin: 1.66vw 3.17vw 0 0.41vw;
}

.group_13 {
  width: 51.88vw;
  height: 3.96vw;
  margin: 2.03vw 0 3.59vw 5.46vw;
}

.text_40 {
  width: 2.09vw;
  height: 2.61vw;
  overflow-wrap: break-word;
  color: rgba(255, 156, 0, 1);
  font-size: 3.64vw;
  font-family: NataSans-ExtraBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 3.65vw;
  margin-top: 0.63vw;
}

.text-wrapper_10 {
  background-color: rgba(255, 214, 155, 1);
  border-radius: 37px;
  width: 46.62vw;
  height: 3.96vw;
}

.text_41 {
  width: 20.99vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 1.78vw;
  margin: 1.04vw 0 0 2.86vw;
}

.text_42 {
  width: 4.85vw;
  height: 1.31vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.77vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 1.78vw;
  margin: 1.35vw 0 0 11.04vw;
}

.text_43 {
  width: 3.23vw;
  height: 0.99vw;
  overflow-wrap: break-word;
  color: rgba(44, 13, 3, 1);
  font-size: 1.3vw;
  font-family: NataSans-SemiBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 1.31vw;
  margin: 1.66vw 3.17vw 0 0.46vw;
}

.image_7 {
  width: 12.45vw;
  height: 7.3vw;
  margin: 9.32vw 0 0 -3.75vw;
}

.image_8 {
  position: absolute;
  left: 0;
  top: 29.85vw;
  width: 8.86vw;
  height: 7.82vw;
}

.image_9 {
  position: absolute;
  left: 70.06vw;
  top: 29.9vw;
  width: 23.03vw;
  height: 16.31vw;
}

.image_10 {
  position: absolute;
  left: 73.91vw;
  top: 8.44vw;
  width: 12.71vw;
  height: 10.63vw;
}

.image_11 {
  position: absolute;
  left: 5.73vw;
  top: 24.33vw;
  width: 12.71vw;
  height: 10.63vw;
}

.group_14 {
  width: 78.81vw;
  height: 3.55vw;
  margin: 7.81vw 0 0 10.57vw;
}

.text_44 {
  width: 8.6vw;
  height: 3.55vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 4.16vw;
  font-family: NataSans-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.5;
}

.image_12 {
  width: 68.03vw;
  height: 0.11vw;
  margin-top: 1.72vw;
}

.text-wrapper_11 {
  width: 66.36vw;
  margin: 3.28vw 0 0 10.52vw;
}

.text_45 {
  width: 33.29vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 2.08vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.09vw;
}

.text_46 {
  width: 23.44vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 2.08vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.09vw;
}

.text-wrapper_12 {
  width: 78.13vw;
  margin: 1.61vw 0 0 10.52vw;
}

.text_47 {
  width: 35.11vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-Regular;
  
  text-align: justifyLeft;
  line-height: 1.57vw;
}

.text_48 {
  width: 35.11vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-Regular;
  
  text-align: justifyLeft;
  line-height: 1.57vw;
}

.text-wrapper_13 {
  width: 65.68vw;
  margin: 5.46vw 0 0 10.52vw;
}

.text_49 {
  width: 24.02vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 2.08vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.09vw;
}

.text_50 {
  width: 22.77vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 2.08vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.09vw;
}

.text-wrapper_14 {
  width: 78.08vw;
  margin: 1.66vw 0 5.67vw 10.57vw;
}

.text_51 {
  width: 35.11vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-Regular;
  
  text-align: justifyLeft;
  line-height: 1.57vw;
}

.text_52 {
  width: 35.16vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-Regular;
  
  text-align: justifyLeft;
  line-height: 1.57vw;
}

.group_15 {
  height: 43.6vw;
  background: url(../images/grow_your_shop/15bb719aa0ccda77e7caca5ea74b27b7.png)
    0vw -0.21vw no-repeat;
  background-size: 100% 44.01vw;
  width: 100%;
  position: absolute;
  left: 0;
  top: 12.04vw;
}

.block_3 {
  width: 100%;
  height: 41.25vw;
  background: url(../images/grow_your_shop/26b9b1d3f37fba22f13855089d8c2bb3.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 1.57vw;
}

.box_6 {
  width: 14.22vw;
  height: 28.29vw;
  margin: 9.42vw 0 0 8.75vw;
}

.image-wrapper_3 {
  height: 13.49vw;
  background: url(../images/grow_your_shop/598882ebbdbd2af3268f2d3020631843.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 14.22vw;
}

.image_13 {
  width: 5.58vw;
  height: 5.47vw;
  margin: 3.43vw 0 0 3.33vw;
}

.image-wrapper_4 {
  height: 10.47vw;
  background: url(../images/grow_your_shop/7be882f680ef8d3cefb270de02e05b2a.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 10.99vw;
  margin: 4.32vw 0 0 1.51vw;
}

.image_14 {
  width: 3.55vw;
  height: 3.55vw;
  margin: 3.33vw 0 0 2.86vw;
}

.box_7 {
  width: 65.42vw;
  height: 40.47vw;
  margin: 0.88vw 9.06vw 0 2.55vw;
}

.image-text_3 {
  width: 14.38vw;
  height: 16.05vw;
  margin-top: 24.43vw;
}

.image-wrapper_5 {
  height: 13.65vw;
  background: url(../images/grow_your_shop/74a9b0ecb73fe37ca3fa4c26bf86a96d.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 14.38vw;
}

.image_15 {
  width: 4.95vw;
  height: 4.95vw;
  margin: 3.54vw 0 0 3.48vw;
}

.text-group_6 {
  width: 3.7vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(255, 125, 0, 1);
  font-size: 2.7vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.71vw;
  margin: 0.46vw 0 0 1.4vw;
}

.text-group_7 {
  width: 9.54vw;
  height: 6.1vw;
  margin: 10.05vw 0 0 -13.59vw;
}

.text_53 {
  width: 3.13vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(255, 125, 0, 1);
  font-size: 2.7vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.71vw;
}

.text-wrapper_15 {
  width: 9.54vw;
  height: 3.08vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: NataSans-SemiBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-top: 1.1vw;
}

.text_54 {
  width: 9.54vw;
  height: 3.08vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-SemiBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.text_55 {
  width: 9.54vw;
  height: 3.08vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: Altinn-DINExp-Bold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.paragraph_4 {
  width: 9.54vw;
  height: 3.08vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-SemiBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
}

.image-wrapper_6 {
  height: 13.65vw;
  background: url(../images/grow_your_shop/9920210be8bf1745fa3c0027d1dc0c2f.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 14.38vw;
  margin: 11.77vw 0 0 2.7vw;
}

.image_16 {
  width: 4.85vw;
  height: 5vw;
  margin: 3.85vw 0 0 3.33vw;
}

.text-group_8 {
  width: 12.19vw;
  height: 6.1vw;
  margin: 30vw 0 0 -5.57vw;
}

.text_56 {
  width: 3.6vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(255, 125, 0, 1);
  font-size: 2.7vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.71vw;
}

.paragraph_5 {
  width: 12.19vw;
  height: 3.03vw;
  overflow-wrap: break-word;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-SemiBold;
  
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin-top: 1.15vw;
}

.image-wrapper_7 {
  height: 10.47vw;
  background: url(../images/grow_your_shop/7a3c9d6caf7820abda264cf1edee84b9.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 10.99vw;
  margin: 1.45vw 0 0 -7.7vw;
}

.image_17 {
  width: 2.45vw;
  height: 3.86vw;
  margin: 2.91vw 0 0 3.43vw;
}

.image-wrapper_8 {
  height: 13.65vw;
  background: url(../images/grow_your_shop/298cddde3962117d90e6a1bc65060d26.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 14.38vw;
  margin: 11.92vw 0 0 -0.72vw;
}

.image_18 {
  width: 5.16vw;
  height: 3.6vw;
  margin: 4.73vw 0 0 3.43vw;
}

.paragraph_6 {
  height: 3.39vw;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-SemiBold;
  text-align: left;
  line-height: 1.57vw;
  margin-left: -10.41vw;
  letter-spacing: -0.035vw;
}

.image-wrapper_9 {
  height: 14.43vw;
  background: url(../images/grow_your_shop/f558a10581e63e44a0500b5f08f3b608.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 15.21vw;
  margin: 24.68vw 0 0 -3.02vw;
}

.image_19 {
  width: 5.42vw;
  height: 5.68vw;
  margin: 3.9vw 0 0 3.48vw;
}

.paragraph_7 {
  height: 3.08vw;
  color: rgba(255, 232, 211, 1);
  font-size: 1.56vw;
  font-family: NataSans-SemiBold;
  text-align: left;
  white-space: nowrap;
  line-height: 1.57vw;
  margin: 11.77vw 0 0 -14.53vw;
  letter-spacing: -0.035vw;
}

.text_57 {
  width: 3.81vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(255, 125, 0, 1);
  font-size: 2.7vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.71vw;
  margin: 8.75vw 10.67vw 0 -12.03vw;
}

.text_58 {
  position: absolute;
  left: 66.1vw;
  top: 11.46vw;
  width: 3.65vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(255, 125, 0, 1);
  font-size: 2.7vw;
  font-family: NataSans-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 2.71vw;
}


.coins{
  line-height: 0.8;
}

.coins_pm{
  line-height: 1.5;
}

.fqa_text{
  line-height: 1.3;
  letter-spacing: -0.035vw;
  opacity: 0.6;
}

.image_2,.image_4,.image_5,.image_7,.image_8,.image_9{
  animation: prize_item 2s infinite alternate;
}


.image-wrapper_1,.image_1{
  animation: title_animation 3s infinite alternate;
}

.diy-margin-left{
  /* margin-left: 0.8vw; */
  opacity: 0.75;
}
.right_part{
  padding-right: 2.86vw;
}

@keyframes prize_item{
  0%{
    transform:scale(0.9) translateY(1.5vw) rotate(10deg);
    opacity: 0.9;
  }
  100%{
    transform: scale(1) translateY(0) rotate(0);
    opacity: 1;
  }
}

@keyframes title_animation{
  0%{
    transform:scale(0.9) translateY(0) rotate(0);
    opacity: 0.9;
  }
  100%{
    transform: scale(1) translateY(0) rotate(0);
    opacity: 1;
  }
}


.item2 .text_15{    
  color: rgba(255, 90, 0, 1);
}
.item3 .text_15{    
  color: #FF9C00;
}
.item-more .text_15{    
  color: #FF9C00;
  opacity: 0.5;
}



@media (max-width: 768px) {
  .image-wrapper_1{
    margin: 4.73vw 0 0 11.56vw;
  }
  .box_1 {
    position: initial;
    margin-top: 5vw;
    background: none;
  }
  .text_1{
    width: initial;
    height: initial;
    font-size: 3.9vw;
    line-height: 1;
    margin: 3vw 0px 0px;
  }
  .text-wrapper_1{
    width: 36vw;
    margin: 3vw auto;
    height: 10vw;
    text-align: center;
  }
  .text_2{
    font-size: 4.5vw;
    line-height: 1.5;
    margin: 0;
    width: initial;
  }
  .text_3 {
    width: 100%;
    height: initial;
    font-size: 3.5vw;
    text-align: center;
    line-height: 1;
    margin: 0;
  }

  .text_10{
    font-size: 6vw;
    width: 60vw;
    line-height: 1.15;
    margin: 0 auto;
    margin-bottom: 4vw;
    white-space: initial;
    height: initial;
  }
  .group_3{
    height: initial;
  }
  .m-desc{
    width: 92.1%;
    margin-left: 3.85%;
    margin-top: 10vw;
  }
  .box_3{
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 3vw;
    width: 100%;
    height: initial;
    align-items: center;
    z-index: 9;
    margin-top: 4vw;
  }
  .image-text_1,.image-text_2 {
    width: initial;
    height: initial;
  }
  .image_3,.label_1{
    width: 5.2vw;
    height: 4vw;
    margin-right: 1vw;
    margin-top: 1vw;
  }
  .label_1{
    height: 5.2vw;
    margin-top: 0;
  }
  .text-group_3,.text-group_4{
    font-size: 5vw;
    width: initial;
    height: initial;
    line-height: 1;
  }

  .group_2{
    margin-bottom: 10vw;
    height: initial;
  }

  .box_2{
    margin: 10vw 5vw;
    width: initial;
    height: initial;
  }

  .image_2{
    position: absolute;
    top: 4.07vw;
    z-index: 1;
    left: 0;
    margin: 0;
  }
  .block_1{
    width: 42vw;
    height: 35vw;
    display: flex;
    flex-direction: column;
    align-items: center;  
    justify-content: center;
    margin-left: 0;
  }
  .text-group_1,.text-group_2{
    margin: 0;
    width: initial;
    height: initial;
  }
  .text_4,.text_7,.text_8{
    font-size: 15vw;
    height: initial;
    line-height: 1;
  }
  .text-wrapper_2{
    height: initial;
  }
  .text_5{
    font-size: 5.2vw;
    width: initial;
    height: initial;
    margin: 0 auto;
    margin-top: 2vw;
    line-height: 1;
  }
  .text_6,.text_9{
    margin: 0;
    height: initial;
    width: 100%;
    font-size: 3.5vw;
    white-space: normal;
    display: block;
    margin-top: 2vw;
    line-height: 1;
  }
  .block_2{
    width: 43vw;
    height: 35vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    justify-content: center;
  }
  .image_4{
    top: 42vw;
  }
  .image_5{
    left: 92vw;
  }
  .text_13{
    height: initial;
    font-size: 7vw;
  }
  .box_4{
    top: 0;
    width: 92VW;
    left: 50%;
    transform: translateX(-50%);
    height: initial;
    display: block
  }
  .group_5{
    height: 70vw;
  }
  .group_6{
    background-size: 100%;
    margin-left: 1vw;
    margin-top: 1.1vw;
    height: 12.29vw;
    width: 89vw;
    text-align: center;
  }
  .image_9{
    top: 51vw;
    left: 77vw;
  }
  .box_5{
    margin: 0;
    width: 100%;
    height: 60VW;
  }
  .group_7{
    width: 100%;
    text-align: center;
  }
  .text-wrapper_4{
    width: initial;
  }
  .text_14{
    font-size: 7vw;
    line-height: 1.5;
    margin: 0;
    text-align: center;
    width: initial;
  }
  .group_8{
    width: 77vw;
    height: 5vw;
    margin: 1.82vw 0 0 5.36vw;
  }
  .text_15{
    font-size: 5vw; 
  }
  .text_16,.text-wrapper_5,.text_17,.coins,.text_19{
    font-size: 3.5vw; 
  }
  .text-wrapper_5{
    width: 100%;
  }
  .image_7{
    position: absolute;
    right: -5vw;
    top: 4vw;
  }
  #partner-code-popup-content .popup-title{
    font-size: 6vw;
  }
}