.elementor-510 .elementor-element.elementor-element-997dcb3{--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-510 .elementor-element.elementor-element-7e863b8{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-09d5c1f{--display:flex;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-510 .elementor-element.elementor-element-09d5c1f.e-con{--align-self:center;}.elementor-510 .elementor-element.elementor-element-510447c{width:100%;max-width:100%;text-align:center;}.elementor-510 .elementor-element.elementor-element-510447c .elementor-heading-title{font-size:30px;font-weight:400;line-height:44px;}.elementor-510 .elementor-element.elementor-element-4fbf80f{width:100%;max-width:100%;text-align:center;font-weight:400;line-height:30px;}.elementor-510 .elementor-element.elementor-element-e1dbea8{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-510 .elementor-element.elementor-element-eb37b8d .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-510 .elementor-element.elementor-element-eb37b8d:after{content:"0.66";position:absolute;color:transparent;}.elementor-510 .elementor-element.elementor-element-eb37b8d a .elementor-portfolio-item__overlay{background-color:#2C00008F;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-510 .elementor-element.elementor-element-09d5c1f{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-510 .elementor-element.elementor-element-510447c{padding:0px 0px 10px 0px;}.elementor-510 .elementor-element.elementor-element-510447c .elementor-heading-title{font-size:24px;line-height:38px;}}@media(min-width:768px){.elementor-510 .elementor-element.elementor-element-09d5c1f{--width:1000px;}}/* Start custom CSS for portfolio, class: .elementor-element-eb37b8d */.elementor-510 .elementor-element.elementor-element-eb37b8d h3{
    color:#fff;
    font-size:20px;
    font-weight:500;
}/* End custom CSS */
/* Start custom CSS */.timeline-section {
  position: relative;
}

.timeline-section::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #310204; /* adjust color */
  transform: translateX(-50%);
}


/* Base timeline number styles (desktop) */
.timeline-number {
  position: relative;
  display: inline-block;
  font-size: 2rem; /* match your design */
  margin: 0;
}

.timeline-number::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 50px;       /* line length */
  height: 1px;       /* thickness */
  background:#310204; /* adjust colour */
  transform: translateY(-50%);
}

.timeline-number.left::after {
  right: -10px; /* push toward center line */
}

.timeline-number.right::after {
  left: -10px;
}

/* --------------------- */
/* Mobile overrides */
/* --------------------- */
@media (max-width: 767px) {
  /* Stack numbers and lines neatly */
  .timeline-number {
    display: block;
    text-align: center; /* center the number */
    margin-bottom: 1rem; /* space before description */
  }

  .timeline-number::after {
    width: 15px; /* hide the connector lines */
  }
  .timeline-number.left::after {
  right: -20px; /* push toward center line */
}

.timeline-number.right::after {
  left: -20px;
}
}/* End custom CSS */