.elementor-8692 .elementor-element.elementor-element-34efe9af{--display:flex;--min-height:550px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8692 .elementor-element.elementor-element-34efe9af:not(.elementor-motion-effects-element-type-background), .elementor-8692 .elementor-element.elementor-element-34efe9af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://getonnet.no/wp-content/uploads/bg-lp-00001.jpg");background-position:center center;background-size:cover;}.ee-tooltip.ee-tooltip-3438d09f.to--top,
							 .ee-tooltip.ee-tooltip-3438d09f.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-3438d09f.to--left,
							 .ee-tooltip.ee-tooltip-3438d09f.to--right{margin-top:0px;}.elementor-8692 .elementor-element.elementor-element-3438d09f img{width:280px;}.elementor-8692 .elementor-element.elementor-element-19c6f4b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-8692 .elementor-element.elementor-element-34efe9af{--width:100%;}}@media(max-width:1024px){.elementor-8692 .elementor-element.elementor-element-34efe9af{--min-height:480px;}.elementor-8692 .elementor-element.elementor-element-3438d09f img{width:260px;}}@media(max-width:767px){.elementor-8692 .elementor-element.elementor-element-34efe9af{--min-height:400px;}.elementor-8692 .elementor-element.elementor-element-3438d09f img{width:65%;}}/* Start custom CSS for html, class: .elementor-element-4af04bf3 *//* Style for the main container */
.feature-scroll-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto; /* Adjust based on your design */
}

/* Style for each row */
.feature-row {
  display: flex;
  position: relative;
  white-space: nowrap;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

/* Define animations for different rows */
.feature-row.row-1 {
  animation: horizontal-loop-1 10s linear infinite; /* Speed for row 1 */
}

.feature-row.row-2 {
  animation: horizontal-loop-2 12s linear infinite; /* Speed for row 2 */
}

.feature-row.row-3 {
  animation: horizontal-loop-3 14s linear infinite; /* Speed for row 3 */
}

/* Individual feature box */
.feature-box {
  background-color: #f4f4f480; /* Adjust background color */
  padding: 8px 18px; /* Adjust padding */
  margin: 10px; /* Adjust spacing between features */
  border-radius: 100px; /* Rounded corners */
  font-size: 14px; /* Text size */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 180px; /* Fixed width for consistent sizing */
    flex-shrink: 0; /* Prevent shrinking */
  flex-grow: 0; /* Prevent growing */
  text-align: center;
  box-sizing: border-box; /* Ensures padding/margin are included in width */
}

/* Keyframes for the animations */
@keyframes horizontal-loop-1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-200px * 3)); /* Adjust for 6 feature boxes */
  }
}

@keyframes horizontal-loop-2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-200px * 3)); /* Adjust for 8 feature boxes */
  }
}

@keyframes horizontal-loop-3 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-200px * 3)); /* Adjust for 10 feature boxes */
  }
}/* End custom CSS */