.cmp-timeline-element{display:flex;justify-content:center;align-items:center}
@media(max-width:992px){.cmp-timeline-element{flex-direction:column}
}
.cmp-timeline-element .player-container{width:770px;height:444px}
@media(max-width:992px){.cmp-timeline-element .player-container{width:610px;height:352px}
}
@media(max-width:768px){.cmp-timeline-element .player-container{width:90%;aspect-ratio:1.73;height:unset}
}
.cmp-timeline-element .player-container .cover-image{position:relative;height:100%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;background-color:transparent;background-position:center}
.cmp-timeline-element .player-container .cover-image .play-button,.cmp-timeline-element .player-container .cover-image .bg-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cmp-timeline-element .player-container .cover-image .play-button{color:#ebf3ff}
.cmp-timeline-element .player-container .cover-image .bg-play-button{width:50px;height:50px;background-color:#000835;border-radius:50%;z-index:-1}
.cmp-timeline-element .text-ctr{max-width:430px;margin-left:-32px;z-index:2;color:#000835}
@media(max-width:992px){.cmp-timeline-element .text-ctr{margin-left:0;margin-top:-24px;max-width:482px}
}
@media(max-width:768px){.cmp-timeline-element .text-ctr{margin-top:-16px;max-width:80%}
}
.cmp-timeline-element .text-ctr h3{background-color:#3a8bff;margin:0;line-height:26px;font-size:20px;padding:24px 24px 16px 24px}
@media(max-width:992px) and (min-width:768px){.cmp-timeline-element .text-ctr h3{padding:16px}
}
.cmp-timeline-element .text-ctr .text-ctr-description{background-color:var(--description-bg-color);padding:16px 24px 24px 24px}
@media(max-width:992px) and (min-width:768px){.cmp-timeline-element .text-ctr .text-ctr-description{padding:16px}
}
.cmp-timeline-element .text-ctr .text-ctr-description p{font-size:16px;margin-bottom:8px !important}
.cmp-timeline-element .text-ctr .text-ctr-link{display:flex;align-items:center;color:var(--button-color)}
.cmp-timeline-element .text-ctr .text-ctr-link a{color:var(--button-color);font-weight:700;text-decoration:none;font-size:18px;position:relative}
.cmp-timeline-element .text-ctr .text-ctr-link a::before{content:"";position:absolute;display:block;width:100%;height:2px;bottom:0;left:0;background-color:var(--button-color);transform:scaleX(0);transform-origin:top left;transition:transform .3s ease}
.cmp-timeline-element .text-ctr .text-ctr-link a:hover::before{transform:scaleX(1)}
.cmp-timeline-element{--description-bg-color:#f2f2f2;--button-color:#0c66e1}
.cmp-timeline.color-sky .cmp-timeline-element{--description-bg-color:#c5d5f9;--button-color:#000835}