.elementor-9639 .elementor-element.elementor-element-a347321{--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;}.elementor-9639 .elementor-element.elementor-element-03fadfe .twae-wrapper{--tw-cbx-text-align-alternate:right;--tw-lbl-big-color:var( --e-global-color-accent );--tw-lbl-big-size:22px;--tw-lbl-small-size:16px;--tw-ybx-size:80px;--tw-cbx-bottom-margin:87px;--tw-cbx-bd-color:#FFFFFF;--tw-cbx-title-color:var( --e-global-color-accent );--tw-cbx-des-margin:0 0 20px 0;}.elementor-9639 .elementor-element.elementor-element-03fadfe .twae-wrapper, .elementor-9639 .elementor-element.elementor-element-03fadfe .twae-navigationBar{--tw-line-bg:#E0E0E0;--tw-ibx-bg:var( --e-global-color-accent );--tw-ibx-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9639 .elementor-element.elementor-element-03fadfe .twae-wrapper{--tw-lbl-big-size:20px;--tw-lbl-small-size:14px;--tw-ybx-size:80px;}}@media(max-width:767px){.elementor-9639 .elementor-element.elementor-element-03fadfe .twae-wrapper{--tw-lbl-big-size:18px;--tw-lbl-small-size:14px;--tw-ybx-size:80px;}}/* Start custom CSS for timeline-widget-addon, class: .elementor-element-03fadfe */#twea-timeline-03fadfe {
  position: relative;
  padding: 50px 0;
}

#twea-timeline-03fadfe::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 100%;
  background-color: #ccc; /* Original color */
  z-index: -1;
}

/* This will be added dynamically by the JS, but you can add it in CSS too */
.twae-timeline-progress {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 0;
  background-color: red;
  z-index: -1;
  transition: height 0.3s ease;
}/* End custom CSS */