.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-3{
    --bsb-tl-color:var(--bs-primary-bg-subtle);
    --bsb-tl-circle-color:var(--bs-primary);
    --bsb-tl-circle-border-color:var(--bs-warning);
    --bsb-tl-circle-size:26px;
    --bsb-tl-circle-border-size:4px;
    --bsb-tl-circle-offset:13px;
    --bsb-tl-indicator-color:var(--bs-white)
}
.bsb-timeline-3 .timeline{
    list-style:none;
    margin:0;
    padding:0;
    position:relative
}
.bsb-timeline-3 .timeline:after{
    background-color:var(--bsb-tl-color);
    bottom:0;
    content:"";
    left:0;
    margin-left:-1px;
    position:absolute;
    top:0;
    width:2px
}
@media(min-width:768px){
    .bsb-timeline-3 .timeline:after{
        left:50%
    }
}
.bsb-timeline-3 .timeline>.timeline-item{
    margin:0;
    padding:0;
    position:relative
}
.bsb-timeline-3 .timeline>.timeline-item:after{
    background:var(--bsb-tl-circle-color);
    border:var(--bsb-tl-circle-border-size) solid var(--bsb-tl-circle-border-color);
    border-radius:50%;
    content:"";
    height:var(--bsb-tl-circle-size);
    left:calc(var(--bsb-tl-circle-offset)*-1);
    position:absolute;
    top:calc(30% - var(--bsb-tl-circle-offset));
    width:var(--bsb-tl-circle-size);
    z-index:1
}
.bsb-timeline-3 .timeline>.timeline-item .timeline-body{
    margin:0;
    padding:0;
    position:relative
}
.bsb-timeline-3 .timeline>.timeline-item .timeline-content{
    padding:0 0 2.5rem 2.5rem;
    position:relative
}
.bsb-timeline-3 .timeline>.timeline-item .timeline-indicator{
    position:relative
}
.bsb-timeline-3 .timeline>.timeline-item .timeline-indicator:after{
    border-width:1px;
    border:10px solid var(--bsb-tl-indicator-color);
    border-color:transparent var(--bsb-tl-indicator-color) transparent transparent;
    border-left-width:0;
    content:"";
    left:calc(2.5rem - 10px);
    position:absolute;
    top:calc(30% - var(--bsb-tl-circle-offset));
    z-index:2
}
@media(min-width:768px){
    .bsb-timeline-3 .timeline>.timeline-item{
        overflow:hidden;
        width:50%
    }
    .bsb-timeline-3 .timeline>.timeline-item .timeline-content{
        padding:2.5rem
    }
    .bsb-timeline-3 .timeline>.timeline-item.left{
        left:0
    }
    .bsb-timeline-3 .timeline>.timeline-item.left:after{
        left:auto;
        right:calc(var(--bsb-tl-circle-offset)*-1)
    }
    .bsb-timeline-3 .timeline>.timeline-item.left .timeline-indicator:after{
        border-width:1px;
        border:10px solid var(--bsb-tl-indicator-color);
        border-color:transparent transparent transparent var(--bsb-tl-indicator-color);
        border-right-width:0;
        left:auto;
        right:calc(2.5rem - 10px)
    }
    .bsb-timeline-3 .timeline>.timeline-item.right{
        left:50%
    }
}