/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.timeline-item {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease-in-out;
}
.timeline-item.show {
  opacity: 1;
  transform: translateY(0);
}
.timeline-item {
  margin-bottom: 10px;
  /* Reduce space between each item */
  padding: 10px 15px;
}
.timeline-item::before {
  height: 10px;
  /* Reduce the vertical spacing of the connecting line */
}
.timeline-item h3 {
  font-size: 18px;
  /* Adjust title size */
  margin-bottom: 5px;
}
.timeline-item p {
  font-size: 14px;
  /* Adjust text size */
  line-height: 1.4;
  /* Reduce line spacing */
}
.timeline-container {
  max-height: 300px;
  /* Set the max height */
  overflow-y: auto;
  /* Enable vertical scrolling */
  padding-right: 10px;
  /* Prevent content from touching scrollbar */
}
/* Customize Scrollbar (for WebKit browsers like Chrome, Edge, Safari) */
.timeline-container::-webkit-scrollbar {
  width: 8px;
}
.timeline-container::-webkit-scrollbar-thumb {
  background-color: #007bff;
  /* Scrollbar color */
  border-radius: 4px;
}
.timeline-container::-webkit-scrollbar-track {
  background: #f4f4f4;
  /* Scrollbar background */
}
.timeline-container {
  max-height: 300px !important;
  /* Force height limit */
  overflow-y: auto !important;
  /* Force vertical scroll */
  display: block !important;
  /* Ensure it’s visible */
}
.timeline-container {
  max-width: 100%;
  /* Make sure it doesn’t overflow */
  white-space: nowrap;
  /* Prevent items from wrapping to a new line */
  overflow-x: auto;
  /* Enable horizontal scrolling */
  overflow-y: hidden;
  /* Hide vertical scrolling */
  display: flex;
  /* Arrange items in a row */
  gap: 20px;
  /* Add spacing between timeline items */
  padding-bottom: 10px;
  /* Prevent cut-off scrollbar */
}
/* Ensure timeline items are aligned in a row */
.timeline-item {
  flex: 0 0 auto;
  /* Prevent items from stretching */
  width: 300px;
  /* Adjust width as needed */
  display: inline-block;
  /* Keep items side-by-side */
}
/* Custom scrollbar styling */
.timeline-container::-webkit-scrollbar {
  height: 8px;
  /* Horizontal scrollbar height */
}
.timeline-container::-webkit-scrollbar-thumb {
  background-color: #007bff;
  /* Scrollbar color */
  border-radius: 4px;
}
.timeline-container::-webkit-scrollbar-track {
  background: #f4f4f4;
  /* Scrollbar background */
}
/*# sourceMappingURL=custom_13.css.map */