/* Wrap everything in .snoka-timeline-wrapper to avoid global style conflicts */
.snoka-timeline-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  /* Light mode background and text color */
  .snoka-timeline-wrapper {
    font-family: "Inter", sans-serif;
    background-color: #fff; /* Light background */
    width: 100%;
    display: block;
    overflow: hidden;
    color: #333; /* Dark text for readability on light background */
  }
  
  .snoka-timeline-wrapper a {
    text-decoration: none;
    display: inline-block;
  }
  
  .snoka-timeline-wrapper img {
    max-width: 100%;
  }
  
  .snoka-timeline-wrapper button:focus {
    outline: none;
  }
  
  /* Container */
  .snoka-container {
    width: 100%;
    max-width: 1140px;
    padding: 0 10%;
    margin: 0 auto;
  }
  
  /* Title area */
  .snoka-timelines {
    text-align: center;
    margin-bottom: 40px;
  }
  
  /* Timeline area */
  .snoka-timeline-area {
    padding: 10px 0;
    position: relative;
    width: 100%;
  }
  .snoka-all-timelines {
    position: relative;
  }
  .snoka-all-timelines::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 2px;
    background:var(--accent); /* Timeline line color */
    top: 20px;
  }
  
  /* Single timeline */
  .snoka-single-timeline {
    margin-bottom: 22px;
  }
  .snoka-d-flex-2 {
    display: flex;
    align-items: center;
  }
  .snoka-timeline-blank {
    width: 50%;
  }
  .snoka-timeline-text {
    width: 50%;
    position: relative;
    padding-left: 30px;
  }
  .snoka-timeline-text span {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 26px;
    color: #333;
  }
  .snoka-timeline-date {
    font-weight: 600;
    font-size: 1rem;
    margin-right: 6px; /* small spacing between date and content */
    color: #333; /* Darker text color */
	font-family:var(--gp-font--rubik);
  }
  .snoka-timeline-content {
    display: inline-block;
    color: #333;
	word-break: normal;
  }
  .snoka-t-square {
    position: absolute;
    width: 12px;
    height: 12px;
    left: -6px;
    background: var(--accent);
  }
  
  /* Even timeline items (appear on the right side) */
  .snoka-single-timeline:nth-child(even) {
    flex-direction: row-reverse;
  }
  .snoka-single-timeline:nth-child(even) .snoka-timeline-text {
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
  }
  .snoka-single-timeline:nth-child(even) .snoka-t-square {
    right: -6px;
    left: unset;
  }
  .snoka-single-timeline:nth-child(even) .snoka-timeline-text span {
    text-align: right;
  }
  
  /* Responsive */
  @media all and (max-width: 768px) {
	  /* Container */
	  .snoka-container {
		  width: 100%;
		  max-width: 1140px;
		  padding: 0 7px;
		  margin: 0 auto;
	  }
    .snoka-all-timelines::before {
      right: unset;
      top: 0;
    }
    .snoka-single-timeline:nth-child(even) .snoka-timeline-text {
      padding-left: 30px;
      padding-right: 0;
      text-align: left;
    }
    .snoka-single-timeline:nth-child(even) .snoka-t-square {
      left: -6px;
      right: unset;
    }
    .snoka-timeline-blank {
      display: none;
    }
    .snoka-timeline-text {
      width: 100%;
    }
    .snoka-single-timeline:nth-child(even) .snoka-timeline-text span {
      text-align: left !important;
    }
  }
  
  @media all and (max-width: 360px) {
    .snoka-all-timelines::before {
      top: 32px;
    }
  }