.timeline {
position: relative;
margin: 2rem 0;
padding: 0;
list-style: none;
}
.timeline::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 3px;
background: #614288;
}


.timeline25 {
    position: relative;
    margin: 2rem 0;
    padding: 0;
    list-style: none;
    }
.timeline25::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    background: #6BC4CD;
    }



.timeline-item {
position: relative;
width: 50%;
padding: 1rem 2rem;
}
.timeline-item.left {
left: 0;
text-align: left;
}
.timeline-item.right {
left: 50%;
}
.timeline-item::before {
content: '';
position: absolute;
top: 20px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #614288;
z-index: 1;
}
.timeline-item.left::before {
right: -11px;
}
.timeline-item.right::before {
left: -11px;
}


.timeline-item25 {
    position: relative;
    width: 50%;
    padding: 1rem 2rem;
    }
.timeline-item25.left {
left: 0;
text-align: left;
}
.timeline-item25.right {
    left: 50%;
    }
.timeline-item25::before {
content: '';
position: absolute;
top: 20px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #6BC4CD;
z-index: 1;
}
.timeline-item25.left::before {
    right: -11px;
    }
.timeline-item25.right::before {
    left: -11px;
    }



.timeline-content {
/*background: #fff;
border-radius: 10px;*/
/*padding: 1rem;
/*box-shadow: 0 4px 8px rgba(0,0,0,0.1);*/
display: inline-block;
/*max-width: 90%;*/
}
/*.speaker-img {
width: 180px;
height: 180px;
object-fit: cover;
border-radius: 50%;
background: #fff;
border: 8px solid rgba(211,207,205,1);
}*/

.speaker-img {
width: 180px;
/*height: 160px;*/
border-radius: 50%;
background: #fff;
border: 8px solid rgba(211,207,205,1);
float: left;
margin-right: 25px;
position: relative;
}

.CalNog-img {
width: 100%;
/*height: 160px;*/
float: left;
margin-right: 25px;
position: relative;
}

.orario{
display: block;
padding: 10px;
margin-bottom: 10px;
background: #614288;
border-radius: 7px;
font-size: 18px;
color: #ffed00;
text-align: center;
}

.orario-2025{
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    background: #6BC4CD;
    border-radius: 7px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    }

.btn-info-relatore{
padding: 10px;
border-radius: 15px;
background-color: #ffed00;
color: #614288;
box-shadow:3px 3px 5px #8a8a8a;
}

.btn-info-relatore-ottanio{
padding: 10px;
border-radius: 15px;
background-color: #ffed00;
color: #126781 !important;
box-shadow:3px 3px 5px #8a8a8a;
}

.btn-info-relatore-ottanio:hover{
padding: 10px;
border-radius: 15px;
background-color: #126781 !important;
color: #ffed00 !important;
box-shadow:3px 3px 5px #8a8a8a;
}

.modal-header-ottanio{
background-color: #126781 !important;
color: #ffed00;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius) calc(0.5rem - (1px));
}

.btn-info-relatore-2025{
padding: 10px;
border-radius: 15px;
background-color: #F39326;
color: #fff !important;
box-shadow:3px 3px 5px #8a8a8a;
}

.btn-info-relatore-2025:hover{
padding: 10px;
border-radius: 15px;
background-color: #6BC4CD !important;
color: #fff !important;
box-shadow:3px 3px 5px #8a8a8a;
}

.modal-header-2025{
background-color: #6BC4CD !important;
color: #fff;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius) calc(0.5rem - (1px));
}

/* Responsive */
@media (max-width: 768px) {
.timeline::before {
left: 20px;
}
.timeline-item,
.timeline-item.left,
.timeline-item.right {
left: 0;
width: 100%;
text-align: left;
padding-left: 60px;
}
.timeline-item::before {
left: 10px;
}

.timeline-item.right::before {
left: 10px;
}

.btn-info-relatore{
padding: 10px;
border-radius: 15px;
background-color: #ffed00;
color: #614288;
margin-bottom: 7px;
box-shadow:1px 1px 3px #8a8a8a;
}

.btn-info-relatore-ottanio{
padding: 10px;
border-radius: 15px;
background-color: #ffed00;
color: #126781 !important;
margin-bottom: 7px;
box-shadow:1px 1px 3px #8a8a8a;
}

.btn-info-relatore-ottanio:hover{
padding: 10px;
border-radius: 15px;
background-color: #126781 !important;
color: #ffed00 !important;
margin-bottom: 7px;
box-shadow:1px 1px 3px #8a8a8a;
}

.btn-info-relatore-2025{
padding: 10px;
border-radius: 15px;
background-color: #F39326;
color: #fff !important;
margin-bottom: 7px;
box-shadow:1px 1px 3px #8a8a8a;
}

.btn-info-relatore-2025:hover{
padding: 10px;
border-radius: 15px;
background-color: #6BC4CD !important;
color: #fff !important;
margin-bottom: 7px;
box-shadow:1px 1px 3px #8a8a8a;
}
}