.timeline {
width: 100%;
height:auto !important;
}

.timeline .dp_dmb_repeat_item:first-child {
  margin-left:200px;
}
.timeline-overlay:before {
content: "";
position: absolute;
background: linear-gradient(270deg, rgba(249,249,249,0.8) 0%, rgba(249,249,249,0) 10%);
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index:10;
}

.swiper-pagination {
position: absolute !important;
bottom: 0px !important;
}

.swiper-pagination-bullet {
background:#CCE7EB !important;
opacity: 1 !important;
}

.swiper-pagination-bullet-active {
background:#00616F !important;
opacity: 1 !important;
}

.swiper-wrapper {
padding-bottom:70px;
  margin-bottom:70px;
z-index:5;
}

.swiper-button-next, .swiper-button-prev {
top:auto !important;
bottom:0px !important;
color:#FFFFFF !important;
background:#00616F !important;
width:30px !important;
height:30px !important;
border-radius:50% !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
font-size:14px !important;
}

.swiper-button-next {
    right: calc(50% - 93px) !important;
}

.swiper-button-prev {
    left: calc(50% - 93px) !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity:0.6 !important;
}

.timeline .dp_dmb_repeat_item {
height: auto !important;
max-width:390px;
min-width:390px;
}

.timeline .dp_dmb_repeat_item .et_pb_module_inner {
width:350px;
margin-right: 40px;
height:100%;
 padding-bottom:50px;
}

.timeline .timeline-box {
color:#FFFFFF;
border-radius: 20px;
height:100%;        
padding:30px;
background: #00869A;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3); 
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}

.timeline .timeline-line {
height:70px;
padding-top:60px;
width: 100%;
position: absolute;
    bottom: -5px;
}

.timeline .timeline-circle {
height:70px;
width:70px;
background:#CCE7EB;
border-radius:50%;
position:relative;
}   

.timeline .timeline-line-bottom {
bottom:108px;
position: absolute;
border-top: 6px solid #CCE7EB;
width: 100%;
}

.timeline .timeline-headline {
  color:#FFFFFF;
  padding-bottom:0px;
}

.timeline .timeline-date {
  font-family:Ubuntu;
  font-size:12px;
}

.timeline .timeline-text {
  padding-top:30px;
}

.timeline .timeline-link a {
font-family:Ubuntu;
color:#FFFFFF;
 padding-top:20px;
}

.timeline .timeline-link a:after {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro'!important;
    font-weight: 500!important;
    font-size: 16px;
    color: #FFFFFF;
    margin-left: 5px;
}