.py-8 {
   padding-bottom: 4.5rem !important;
   padding-top: 4.5rem !important;
}
@media (min-width: 576px) {
   .py-sm-8 {
      padding-bottom: 4.5rem !important;
      padding-top: 4.5rem !important;
   }
}
@media (min-width: 768px) {
   .py-md-8 {
      padding-bottom: 4.5rem !important;
      padding-top: 4.5rem !important;
   }
}
@media (min-width: 992px) {
   .py-lg-8 {
      padding-bottom: 4.5rem !important;
      padding-top: 4.5rem !important;
   }
}
@media (min-width: 1200px) {
   .py-xl-8 {
      padding-bottom: 4.5rem !important;
      padding-top: 4.5rem !important;
   }
}
@media (min-width: 1400px) {
   .py-xxl-8 {
      padding-bottom: 4.5rem !important;
      padding-top: 4.5rem !important;
   }
}
.bsb-timeline-1 {
   --bsb-tl-color: #cccccc;
   --bsb-tl-circle-color: var(--bs-primary);
   --bsb-tl-circle-size: 15px;
   --bsb-tl-circle-offset: 9px;
}
.bsb-timeline-1 .timeline {
   list-style: none;
   margin: 0;
   position: relative;
}
.bsb-timeline-1 .timelinePadding1 {
   padding: 6rem 0;
}
.bsb-timeline-1 .timelinePadding2 {
   padding: 6rem 0 0 0;
}
.bsb-timeline-1 .timeline:after {
   background-color: var(--bsb-tl-color);
   bottom: 0;
   content: '';
   left: 0;
   margin-left: -1px;
   position: absolute;
   top: 0;
   width: 2px;
}
.bsb-timeline-1 .timeline > .timeline-item {
   margin: 0;
   padding: 0;
   position: relative;
}
.bsb-timeline-1 .timeline > .timeline-item:before {
   background-color: #fff;
   border-radius: 50%;
   content: '';
   height: 15px;
   left: -8px;
   position: absolute;
   left: center;
   top: 5px; 
   width: 15px;
   z-index: 1;
   border: 1px solid #0066b3;
}
.bsb-timeline-1 .timeline > .timeline-item:after {
   background-color: #0066b3;
   border-radius: 50%;
   content: '';
   height: 9px;
   left: -5px;
   position: absolute;
   left: center;
   top: 8px; 
   width: 9px;
   z-index: 1;
}
/* .timeline .card-text .month {
  display: block;
  width: 40px;
} */
.bsb-timeline-1 .timeline > .timeline-item .timeline-body {
   margin: 0;
   padding: 0;
   position: relative;
}
.bsb-timeline-1 .timeline > .timeline-item .timeline-content {
   padding: 0 0 2.5rem 2.5rem;
}
@media (min-width: 768px) {
   .bsb-timeline-1 .timeline > .timeline-item .timeline-content {
      padding-bottom: 3rem;
   }
}
.bsb-timeline-1 .timeline > .timeline-item:last-child .timeline-content {
   padding-bottom: 0;
}