.elementor-372 .elementor-element.elementor-element-b876c2c{--display:flex;--min-height:500px;--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;--justify-content:flex-end;--z-index:1;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-b876c2c */.flolab-motion-section {
  position: relative;
  overflow: hidden;
}

.flolab-motion-section > * {
  position: relative;
  z-index: 2;
}

.flolab-motion-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.9;
}

.flolab-motion-bg svg {
  width: 100%;
  height: 100%;
  display: block;
}

.motion-line,
.motion-axis {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.motion-line {
  stroke: rgba(201, 184, 143, 0.34);
  stroke-width: 1.2;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: drawMotion 13s ease-in-out infinite;
}

.line-2 {
  stroke: rgba(116, 132, 102, 0.28);
  stroke-width: 1;
  animation-delay: 2.2s;
  animation-duration: 16s;
}

.foot-line {
  stroke: rgba(225, 214, 184, 0.22);
  stroke-width: 1;
  animation-delay: 4s;
  animation-duration: 14s;
}

.motion-axis {
  stroke: rgba(225, 214, 184, 0.16);
  stroke-width: 0.8;
  stroke-dasharray: 4 10;
  stroke-dashoffset: 40;
  animation: axisMove 18s linear infinite;
}

.axis-2 {
  animation-delay: 3s;
  opacity: 0.6;
}

.motion-dot {
  fill: rgba(201, 184, 143, 0.55);
  transform-origin: center;
  animation: dotPulse 5s ease-in-out infinite;
}

.dot-2 {
  animation-delay: 1.2s;
}

.dot-3 {
  animation-delay: 2.4s;
}

.dot-4 {
  animation-delay: 3.2s;
}

@keyframes drawMotion {
  0% {
    stroke-dashoffset: 1;
    opacity: 0;
  }

  25% {
    opacity: 0.35;
  }

  55% {
    stroke-dashoffset: 0;
    opacity: 0.28;
  }

  80% {
    opacity: 0.18;
  }

  100% {
    stroke-dashoffset: -1;
    opacity: 0;
  }
}

@keyframes axisMove {
  0% {
    stroke-dashoffset: 40;
    opacity: 0.08;
  }

  50% {
    opacity: 0.22;
  }

  100% {
    stroke-dashoffset: 0;
    opacity: 0.08;
  }
}

@keyframes dotPulse {
  0%, 100% {
    opacity: 0.15;
    transform: scale(0.7);
  }

  50% {
    opacity: 0.65;
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-line,
  .motion-axis,
  .motion-dot {
    animation: none;
  }
}/* End custom CSS */