/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2025 | 19:17:17 */
/* Wave Background */
.fmv-vector-wave-wrapper{
  position: relative;
  background: transparent;
  color: #000000;
  padding: 140px 0;
  overflow: hidden;
}
.fmv-vector-wave-wrapper .vector-wave{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 300px;            /* band height */
  display: block;
  z-index: 1;
}
.fmv-vector-wave-wrapper .vector-wave-copy{
  position: relative;
  z-index: 2;
  max-width: min(90%, 1100px);
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1024px){ .fmv-vector-wave-wrapper .vector-wave{ height: 240px; } }
@media (max-width: 767px){  .fmv-vector-wave-wrapper .vector-wave{ height: 200px; } }

/* Three Animated Icons */
.animated-icon {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    width: 160px;
    height: 160px;
}

/* Default state - invisible */
.svg-element {
    stroke: #f16430;
    fill: none;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: var(--dash-length);
    stroke-dashoffset: var(--dash-length);
    animation: none;
}

/* Visible state - after first animation */
.animated-icon.drawn .svg-element {
    stroke-dashoffset: 0;
}

/* Animating state */
.animated-icon.animating .svg-element {
    animation: drawIn 1s ease-out forwards;
}

@keyframes drawIn {
    from {
        stroke-dashoffset: var(--dash-length);
    }
    to {
        stroke-dashoffset: 0;
    }
}

/* ========== ICON 1: Network Icon ========== */
#icon1 .circle-small { --dash-length: 76.65; }
#icon1 .circle-large { --dash-length: 116.87; }
#icon1 .line-horizontal { --dash-length: 85.2; }
#icon1 .line-diagonal-1 { --dash-length: 84.95; }
#icon1 .line-diagonal-2 { --dash-length: 85.04; }

/* ========== ICON 2: Gear/Settings Icon ========== */
#icon2 .gear-path { --dash-length: 457.113; }
#icon2 .inner-ring { --dash-length: 152.402; }
#icon2 .outer-ring { --dash-length: 200.314; }
#icon2 .vertical-line { --dash-length: 143; }
#icon2 .horizontal-line { --dash-length: 142.9; }

/* ========== ICON 3: Checkmark Icon ========== */
#icon3 .checkmark-path { --dash-length: 399.374; }
#icon3 .accent-polyline { --dash-length: 191.555; }

/* Project Button */
.vision-btn .elementor-widget-button .elementor-button {
	padding: 24px 90px;
}