.timeline-contain {
  max-height: 613px;   /* scrollable area */
  overflow-y: scroll;  /* still scrollable */
  position: relative;
  padding-left: 40px;

  /* Hide scrollbar (cross-browser) */
  scrollbar-width: none;    /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.timeline-contain::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

/* Milestone block */
.timeline-item {
  position: relative;
  margin-bottom: 2rem;
  padding-left: 20px;
}

/* Dot */
.timeline-dot {
  position: absolute;
  left: -37px;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #004B28;
  border: 3px solid #004B28;
  box-shadow: 0 0 0 2px #004B28;
  z-index: 2;
}

/* Line extending from dot to next item */
.timeline-item::before {
  content: "";
  position: absolute;
  left: -29px;       /* aligns with dot center */
  top: 22px;         /* start just below the dot */
  width: 3px;
  height: calc(100% + 2rem); /* goes to the next item */
  background: #004B28;
  z-index: 1;
}

/* Remove line for last item */
.timeline-item:last-child::before {
  display: none;
}

    /* Milestone block */
    .timeline-item {
      position: relative;
      margin-bottom: 2rem;
    }

    /* Dots aligned to line */
    .timeline-dot {
        position: absolute;
        left: -37px;
        top: 4px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #004B28;
        border: 3px solid #004B28;
        box-shadow: 0 0 0 2px #004B28;
    }

    /* Year header */
    .timeline-header {
        background: #EBF4DE;
        padding: 12px 20px;
        font-weight: bold;
        color: #004B28;
        border-bottom: 1px solid #004B28;
    }

    /* Content card */
    .timeline-content {
          background: #EBF4DE;
          padding: 12px 20px;
          border-radius: 0 0 6px 6px;
    }

    .timeline-content img {
      max-width: 100%;
      border-radius: 6px;
      margin: 0.5rem 0;
    }
    
    
      .homepage {
    width: 100%;
    background: url(../../img/sustainability.png) top center;
    background-size: cover;
    position: relative;
    display: flex;
    position: relative;
    width: calc(100% - var(--padding)* 2);
    margin: 0 auto;
    paddding: 60px 0;
    min-height: 380px;
    margin-top: 101px;
    }