.elementor-941 .elementor-element.elementor-element-0c01898{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-10px;--margin-left:5px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-941 .elementor-element.elementor-element-0c01898.e-con{--order:99999 /* order end hack */;}.elementor-941 .elementor-element.elementor-element-7261cb4 > .elementor-widget-container{background-color:transparent;margin:-1px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #70CD6E 0%, #FFFFFF00 100%);}.elementor-941 .elementor-element.elementor-element-7261cb4.elementor-element{--align-self:center;}.elementor-941 .elementor-element.elementor-element-002d42c{width:initial;max-width:initial;}.elementor-941 .elementor-element.elementor-element-002d42c > .elementor-widget-container{background-color:transparent;margin:-1px 0px 0px 10px;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #489D40 0%, #FFFFFF00 100%);border-radius:0px 0px 0px 0px;}.elementor-941 .elementor-element.elementor-element-002d42c.elementor-element{--align-self:center;}.elementor-941 .elementor-element.elementor-element-002d42c:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-7261cb4 *//* Container voor BONUS-label */
.bonus-label-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Styling van het BONUS-label */
.bonus-label {
  position: relative;
  width: 87px;
  height: 92px;
  background: linear-gradient(180deg, #6CC969 25%, #76D373 100%);
  color: white;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
  transition: transform 0.2s ease;
}

/* Achtergrondlaag om de onderkant #333333 te maken */
.bonus-background {
  position: absolute;
  bottom: -15px; /* Zorgt ervoor dat de kleur de afgeronde hoeken bedekt */
  left: 0;
  width: 100%;
  height: 15px;
  background-color: #333333;
  border-radius: 0 0 15px 15px;
  z-index: 1;
}

/* Hover-effect voor BONUS-label */
.bonus-label:hover {
  transform: translateY(1px);
}

/* Icon-styling voor BONUS */
.bonus-icon {
  display: block;
  margin: auto;
  margin-top: 18px;
  width: 27px;
  height: auto;
}

/* Tekst-styling voor BONUS */
.bonus-text {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-002d42c *//* Container voor BONUS-label */
.bonus2-label-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Styling van het BONUS-label */
.bonus2-label {
  position: relative;
  width: 87px;
  height: 92px;
  background: linear-gradient(180deg, #4da64a 25%, #489d40 100%);
  color: white;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
  transition: transform 0.2s ease;
}

/* Achtergrondlaag om de onderkant #333333 te maken */
.bonus2-background {
  position: absolute;
  bottom: -15px; /* Zorgt ervoor dat de kleur de afgeronde hoeken bedekt */
  left: 0;
  width: 100%;
  height: 15px;
  border-radius: 0 0 15px 15px;
  z-index: 1;
}

/* Hover-effect voor BONUS-label */
.bonus2-label:hover {
  transform: translateY(1px);
}

/* Icon-styling voor BONUS */
.bonus2-icon {
  display: block;
  margin: auto;
  margin-top: 23px;
  width: 25px;
  height: auto;
}

/* Tekst-styling voor BONUS */
.bonus2-text {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.rocket1 {
  position: absolute;
  top: -5px;
  left: calc(55% - 15px);
  animation: moveRocket1 2s ease-in-out infinite;
}

.rocket2 {
  position: absolute;
  top: -5px;
  left: calc(55% - 15px);
  animation: moveRocket2 2s ease-in-out infinite;
  transform-origin: center bottom;
}

.rocket3 {
  position: absolute;
  top: -8px;
  left: calc(55% - 15px);
  animation: moveRocket3 5s ease-in-out infinite;
  transform-origin: center bottom;
}

@keyframes moveRocket1 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

@keyframes moveRocket2 {
  0%, 100% { 
    transform: translateY(0) scale(1.15); 
  }
  50% { 
    transform: translateY(-2px) scale(1.10); 
  }
}

@keyframes moveRocket3 {
  0%, 100% {
    transform: translateY(0) scale(0.95);
  }
  50% {
    transform: translateY(2px) scale(1.00);
  }
}/* End custom CSS */