﻿.py-8 {
    padding-bottom: 0.0rem !important;
    padding-top: 0.0rem !important
}

@media(min-width:576px) {
    .py-sm-8 {
        padding-bottom: 0.0rem !important;
        padding-top: 0.0rem !important
    }
}

@media(min-width:768px) {
    .py-md-8 {
        padding-bottom: 0.0rem !important;
        padding-top: 0.0rem !important
    }
}

@media(min-width:992px) {
    .py-lg-8 {
        padding-bottom: 0.0rem !important;
        padding-top: 0.0rem !important
    }
}

@media(min-width:1200px) {
    .py-xl-8 {
        padding-bottom: 0.0rem !important;
        padding-top: 0.0rem !important
    }
}

@media(min-width:1400px) {
    .py-xxl-8 {
        padding-bottom: 0.0rem !important;
        padding-top: 0.0rem !important
    }
}

.bsb-timeline-1 {
    --bsb-tl-color: var(--bs-primary-bg-subtle);
    --bsb-tl-circle-color: var(--bs-primary);
    --bsb-tl-circle-size: 10px; /* Размер точки */
    --bsb-tl-circle-offset: 5px
}

    .bsb-timeline-1 .timeline {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative
    }

        /* Вертикальная линия */
        .bsb-timeline-1 .timeline > .timeline-item:not(:last-child):after {
            background-color: var(--bsb-tl-color);
            bottom: 0;
            content: "";
            left: 0;
            margin-left: -1px;
            position: absolute;
            top: 20px;
            width: 3px
        }

        .bsb-timeline-1 .timeline > .timeline-item {
            margin: 0;
            padding: 0;
            position: relative
        }

            .bsb-timeline-1 .timeline > .timeline-item:before { /* точка */
                background-color: var(--bsb-tl-circle-color);
                border-radius: 50%;
                content: "";
                height: var(--bsb-tl-circle-size);
                width: var(--bsb-tl-circle-size);
                top: var(--bsb-tl-circle-offset);
                left: calc(var(--bsb-tl-circle-offset)*-1);
                position: absolute;
                z-index: 1
            }

            .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 1.0rem 1.0rem; /* отступ слева */
            }

@media(min-width:768px) {
    .bsb-timeline-1 .timeline > .timeline-item .timeline-content {
        padding-bottom: 1.0rem;
    }
}

.bsb-timeline-1 .timeline > .timeline-item:last-child .timeline-content {
    padding-bottom: 1.0rem;
}

.bsb-timeline-1 .timeline .card-text .badge {
    font-weight: normal;
}

.bsb-timeline-1 .timeline .card-text p {
    margin-bottom: 0;
}