.link-style{
    border:1px solid #ccc; 
    border-radius:2px; 
    padding:12px

}

.custom-event-section .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    }

.custom-event-section .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    }

.timeline-item {
display: flex;
align-items: flex-start;
margin-bottom: 30px;
background-color: #e6f2f7;
border-left: 5px solid #007fa3;
padding: 15px;
border-radius: 8px;
}

.timeline-date-box {
border: 1px solid #ccc;
border-radius: 5px;
width: 80px;
display: flex;
flex-direction: column;
overflow: hidden;
flex-shrink: 0;
margin-right: 20px;
}

.timeline-date-inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: white;
color: #003b5c;
padding: 18px 0;
}

.timeline-day {
font-size: 20px;
font-weight: bold;
}

.timeline-week {
font-size: 12px;
}

.timeline-title {
color: #296196;
font-weight: bold;
margin-top: 0;
}

.timeline-time {
font-size: 14px;
color: #555;
margin-top: 5px;
}

.timeline-icon {
margin-top: 2px;
}

.timeline-location {
font-size: 13px;
color: #000000;
margin-top: 5px;
}

.timeline-location-icon {
color: #007fa3;
}

.timeline-description {
font-size: 13px;
color: #444;
margin-top: 5px;
}

.prev-btn, next-btn {
    margin-right: 10px;

}
.next-btn{
	margin-left: 10px;
}
.page-number {
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 4px;
}

.page-number.active-page {
    background: #2e6ca2 !important;
    color: #fff !important;
}

.page-number:hover {
    cursor: pointer;
}

.img-responsive{
    border:1px solid #ccc;
    padding:2px;
    margin-bottom: 10px;
}