.elementor-4565 .elementor-element.elementor-element-cf5c432{--display:flex;--min-height:350px;--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;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4565 .elementor-element.elementor-element-cf5c432:not(.elementor-motion-effects-element-type-background), .elementor-4565 .elementor-element.elementor-element-cf5c432 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor1 );background-image:url("https://i0.wp.com/ambalsoft.com/wp-content/uploads/2025/11/Gros3s33s6-1763353476.png?fit=2048%2C1187&ssl=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4565 .elementor-element.elementor-element-8167443.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-4565 .elementor-element.elementor-element-8167443{text-align:center;}.elementor-4565 .elementor-element.elementor-element-8167443 .elementor-heading-title{letter-spacing:5.4px;color:#FFFFFF;}.elementor-4565 .elementor-element.elementor-element-ed68254.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-4565 .elementor-element.elementor-element-ed68254{text-align:center;}.elementor-4565 .elementor-element.elementor-element-ed68254 .elementor-heading-title{letter-spacing:1.1px;color:#FFFFFF;}.elementor-4565 .elementor-element.elementor-element-68f0794{--display:flex;}.elementor-4565 .elementor-element.elementor-element-68f0794:not(.elementor-motion-effects-element-type-background), .elementor-4565 .elementor-element.elementor-element-68f0794 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-4565 .elementor-element.elementor-element-d46fc25.elementor-element{--align-self:center;}.elementor-4565 .elementor-element.elementor-element-d31118d{text-align:center;}.elementor-4565 .elementor-element.elementor-element-d31118d .elementor-heading-title{color:var( --e-global-color-astglobalcolor1 );}.elementor-4565 .elementor-element.elementor-element-403a168{text-align:center;font-size:20px;color:var( --e-global-color-astglobalcolor1 );}.elementor-4565 .elementor-element.elementor-element-8a26023{text-align:center;color:var( --e-global-color-2723c90 );}.elementor-4565 .elementor-element.elementor-element-3e20dd4{--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;}.elementor-4565 .elementor-element.elementor-element-3e20dd4:not(.elementor-motion-effects-element-type-background), .elementor-4565 .elementor-element.elementor-element-3e20dd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-4565 .elementor-element.elementor-element-3d8d87a{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--border-radius:8px 8px 8px 8px;--padding-top:96px;--padding-bottom:72px;--padding-left:224px;--padding-right:224px;}.elementor-4565 .elementor-element.elementor-element-3d8d87a:not(.elementor-motion-effects-element-type-background), .elementor-4565 .elementor-element.elementor-element-3d8d87a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-4565 .elementor-element.elementor-element-47329a0{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:3px;}.elementor-4565 .elementor-element.elementor-element-47329a0 > .elementor-widget-container{padding:0px 0px 4px 0px;}.elementor-4565 .elementor-element.elementor-element-47329a0 .elementor-divider-separator{width:83px;margin:0 auto;margin-center:0;}.elementor-4565 .elementor-element.elementor-element-47329a0 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4565 .elementor-element.elementor-element-723e521{text-align:center;}.elementor-4565 .elementor-element.elementor-element-723e521 .elementor-heading-title{color:#FFFFFF;}.elementor-4565 .elementor-element.elementor-element-d02c6dc{text-align:center;}.elementor-4565 .elementor-element.elementor-element-d02c6dc .elementor-heading-title{font-size:19px;color:#FFFFFF;}@media(max-width:1024px){.elementor-4565 .elementor-element.elementor-element-3d8d87a{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:64px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(min-width:768px){.elementor-4565 .elementor-element.elementor-element-cf5c432{--content-width:1600px;}.elementor-4565 .elementor-element.elementor-element-68f0794{--content-width:1400px;}}@media(max-width:767px){.elementor-4565 .elementor-element.elementor-element-8167443 .elementor-heading-title{font-size:18px;}.elementor-4565 .elementor-element.elementor-element-ed68254 .elementor-heading-title{font-size:12px;}.elementor-4565 .elementor-element.elementor-element-3d8d87a{--padding-top:48px;--padding-bottom:32px;--padding-left:24px;--padding-right:24px;}.elementor-4565 .elementor-element.elementor-element-47329a0 .elementor-divider-separator{width:48px;}}.timeline {
  width: 100%;
  margin: auto;
  padding: 40px 80px; /* 40px top/bottom, 80px left/right */
  box-sizing: border-box; /* ensures padding doesn't overflow container */
}

.timeline-row {
  position: relative;
  margin-bottom: 70px;
}

.timeline-line {
  position: absolute;
  left: 0;
  top: 55px;
  height: 3px;
  width: 0;
  background: #2997AA;
  box-shadow: 0 0 8px #2997AA;
}

.timeline-dot {
  position: absolute;
  top: -8px;
  left: 0;
  width: 18px;
  height: 18px;
  background: #111C64;
  border: 3px solid #2997AA;
  border-radius: 50%;
  box-shadow: 0 0 10px #2997AA;
  opacity: 0; /* start hidden */
  transition: left 0.6s linear, opacity 0.3s ease;
}


.blink-dot {
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

.timeline-item {
  width: 19%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.7s ease;
   padding: 0 10px 10px 10px;
}

.timeline-item.show {
  opacity: 1;
  transform: translateY(0);
}

/* Icon */
.tl-icon {
  width: 70px;
  height: 70px;
  background: #111C64;
  border-radius: 50%;
  color: #fff;
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  box-shadow: 0 0 12px #2997AA;
}

/* =========================
   MOBILE – VERTICAL TIMELINE
========================= */
@media (max-width: 768px) {

  .timeline {
    padding: 30px 20px;
  }

  .timeline-row {
    margin-bottom: 50px;
    padding-left: 30px;
  }

  /* Vertical line */
  .timeline-line {
    width: 3px !important;
    height: 0;
    left: 12px;
    top: 0;
    transition: height 0.8s linear;
  }

  /* Moving dot */
  .timeline-dot {
    left: -6px !important;
    top: 0;
    transition: top 0.6s linear, opacity 0.3s ease;
  }

  /* Stack items */
  .timeline-item {
    width: 100%;
    display: block;
    text-align: left;
    margin: 0 0 35px 0;
    padding-left: 40px;
  }

  .tl-icon {
    position: absolute;
    left: -35px;
    top: 0;
  }
}