*,*::after,*::before{box-sizing:border-box;}
.cd-horizontal-timeline{opacity:1;margin:2em auto;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;transition:opacity 0.2s;}
.cd-horizontal-timeline::before{content: 'mobile';display:none;}
.cd-horizontal-timeline.loaded{opacity:1;}
.cd-horizontal-timeline .timeline{position:relative;height:230px;width:90%;max-width:1100px;margin:0 auto;}
.cd-horizontal-timeline .events-wrapper{position:relative;height:100%;margin:0 50px;overflow:hidden;}
.cd-horizontal-timeline .events-wrapper ol{display:flex;list-style-type:none;margin:0px;padding:0px;width:100%;display:flex;gap:10px;}
/* .cd-horizontal-timeline .events-wrapper ol li{width:185px;height:150px;} */
.cd-horizontal-timeline .events-wrapper ol li{width:197px;height:150px;}
/* .cd-horizontal-timeline .events-wrapper::after,.cd-horizontal-timeline .events-wrapper::before{content: '';position:absolute;z-index:2;top:46px;height:7px;width:45px;}
.cd-horizontal-timeline .events-wrapper::before{left:0;background-image:-webkit-linear-gradient(to right,transparent,#a6bfff 0%,rgba(166,191,255,0.7),80%,transparent);background-image:linear-gradient(to right,transparent,#a6bfff 0%,rgba(166,191,255,0.7),80%,transparent);}
.cd-horizontal-timeline .events-wrapper::after{right:0;background-image:-webkit-linear-gradient(to left,transparent,#a6bfff 0%,rgba(166,191,255,0.7),80%,transparent);background-image:linear-gradient(to left,transparent,#a6bfff 0%,rgba(166,191,255,0.7),80%,transparent);} */



/* .market_pkace_timeline .cd-horizontal-timeline .events-wrapper::after, .market_pkace_timeline .cd-horizontal-timeline .events-wrapper::before{content: '';position:absolute;z-index:2;top:25px;height:50px;width:45px;}
.market_pkace_timeline .cd-horizontal-timeline .events-wrapper::before{left:0; background-image:linear-gradient(to right, transparent, rgba(206,219,255,1) 0%, rgba(206,220,255,0), 100%, transparent);}
.market_pkace_timeline .cd-horizontal-timeline .events-wrapper::after{right:0;background-image:linear-gradient(to right, transparent, rgb(206,220,255) 100%, rgb(206,220,255), 0%, transparent);} */


.cd-horizontal-timeline .events{position:relative;z-index:1;left:0;top:49px;height:2px;background:rgba(255,255,255,0.26);-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;transition:transform 0.4s;}
.cd-horizontal-timeline .filling-line{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;background:linear-gradient(270.02deg,#6E97FF 2.54%,#1D4ED8 48.87%,#00B2A9 88.47%);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;}
.cd-horizontal-timeline .events a{position:absolute;top:0;z-index:2;text-align:center;    /* fix bug on Safari - text flickering while timeline translates */-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);width:180px; text-decoration: none;}
/* .cd-horizontal-timeline .events a:hover{ text-decoration: underline; text-decoration-thickness: 10%;} */
.cd-horizontal-timeline .events a img{max-width:65px;margin-top:-33px;}
.cd-horizontal-timeline .events a.selected img{transform: scale(1.1);}
.cd-horizontal-timeline .events p{font-family:'Poppins';font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#00194B;}
.cd-horizontal-timeline .events a::after{    /* this is used to create the event spot */
content: '';position:absolute;left:50%;right:auto;opacity:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:-5px;height:12px;width:12px;border-radius:50%;border:2px solid #dfdfdf;background-color:#f8f8f8;-webkit-transition:background-color 0.3s,border-color 0.3s;-moz-transition:background-color 0.3s,border-color 0.3s;transition:background-color 0.3s,border-color 0.3s;}
.no-touch .cd-horizontal-timeline .events a:hover::after{background-color:#7b9d6f;border-color:#7b9d6f;}
.cd-horizontal-timeline .events a.selected{pointer-events:none;}
.cd-horizontal-timeline .events a.selected::after{background-color:#7b9d6f;border-color:#7b9d6f;}
.cd-horizontal-timeline .events a.older-event::after{border-color:#7b9d6f;}
@media only screen and (min-width:1100px){
.cd-horizontal-timeline{margin:auto;}
.cd-horizontal-timeline::before{        /* never visible - this is used in jQuery to check the current MQ */
content: 'desktop';}
}
.cd-timeline-navigation{list-style:none;}
.cd-timeline-navigation a{    /* these are the left/right arrows to navigate the timeline */
position:absolute;z-index:1;top:50px;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:50px;width:50px;border-radius:50%;background-color:rgba(230,237,255,0.26);    /* replace text with an icon */overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap;-webkit-transition:border-color 0.3s;-moz-transition:border-color 0.3s;transition:border-color 0.3s;}

.cd-timeline-navigation a::after{    /* arrow icon */
content: '';position:absolute;height:17px;width:11px;left:25px;top:25px;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(../images/arrow-right-icon.svg) no-repeat 0 0;}

.cd-timeline-navigation a.next::after{    /* arrow icon */
content: '';position:absolute;height:17px;width:11px;left:25px;top:25px;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(../images/arrow-right-icon.svg) no-repeat 0 0;}


.cd-timeline-navigation a.prev{left:0;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}


.cd-timeline-navigation a.next{right:0;}

.no-touch .cd-timeline-navigation a:hover{border-color:#7b9d6f;}
.cd-timeline-navigation a.inactive{cursor:not-allowed;}
.no-touch .cd-timeline-navigation a.inactive:hover{border-color:#dfdfdf;}
.cd-horizontal-timeline .events-content{position:relative;width:100%;max-width:1100px;margin:2em auto;overflow:hidden;-webkit-transition:height 0.4s;-moz-transition:height 0.4s;transition:height 0.4s;}
.cd-horizontal-timeline .events-content ol{padding-left:0px;}
.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);padding:0 5%;opacity:0;list-style-type:none;-webkit-animation-duration:0.4s;-moz-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;display:flex;gap:50px;align-items:flex-start;}
.cd-horizontal-timeline .events-content li.selected{    /* visible event content */
position:relative;z-index:2;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right{-webkit-animation-name:cd-enter-right;-moz-animation-name:cd-enter-right;animation-name:cd-enter-right;}
.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-name:cd-enter-left;-moz-animation-name:cd-enter-left;animation-name:cd-enter-left;}
.cd-horizontal-timeline .events-content li.leave-right,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse;}
.cd-horizontal-timeline .events-content li > *{max-width:1000px;margin:0 auto; width: 100%;}
.cd-horizontal-timeline .events-content li img{max-width:215px;}
.cd-horizontal-timeline .events-content em{display:inline; font-style:italic;}
/* .cd-horizontal-timeline .events-content em::before{content: '- ';} */
.cd-horizontal-timeline .events-content p{font-family:'Poppins';font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#00194B;}
.cd-horizontal-timeline .events-content h2,.timeline .events-wrapper li h3{font-family:'Poppins';font-style:normal;font-weight:600;font-size:20px;line-height:30px;color:#00194B;margin-top:15px;margin-bottom:5px;}

@media only screen and (max-width:1024px){
.cd-horizontal-timeline .events-content li{ padding:0px}
}
@media only screen and (max-width:768px){
.cd-horizontal-timeline .events-content li{ flex-direction: column;}
.cd-horizontal-timeline .events-content li img{ margin:0px; display: none;}
}
@media only screen and (max-width:767px){
.cd-horizontal-timeline .events-wrapper{ margin:0px 50px;}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before{ display: none;}
}
@media only screen and (min-width:768px){
/* .cd-horizontal-timeline .events-content em{font-size:2rem;} */
.cd-horizontal-timeline .events-content p{font-family:'Poppins';font-style:normal;font-weight:400;font-size:16px;line-height:24px;}
}
@-webkit-keyframes cd-enter-right{
0%{opacity:0;-webkit-transform:translateX(100%);}
100%{opacity:1;-webkit-transform:translateX(0%);}
}
@-moz-keyframes cd-enter-right{
0%{opacity:0;-moz-transform:translateX(100%);}
100%{opacity:1;-moz-transform:translateX(0%);}
}
@keyframes cd-enter-right{
0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
100%{opacity:1;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);}
}
@-webkit-keyframes cd-enter-left{
0%{opacity:0;-webkit-transform:translateX(-100%);}
100%{opacity:1;-webkit-transform:translateX(0%);}
}
@-moz-keyframes cd-enter-left{
0%{opacity:0;-moz-transform:translateX(-100%);}
100%{opacity:1;-moz-transform:translateX(0%);}
}
@keyframes cd-enter-left{
0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);}
100%{opacity:1;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);}
}


@media only screen and (min-width:768px){
/************************************
  AUTO-EQUALIZE HEIGHT OF EVENTS
  (CSS-only, no JS)
************************************/

/* Let the container size itself based on tallest panel */
.cd-horizontal-timeline .events-content, .cd-horizontal-timeline .events-content ol
  {
    display: grid;          /* important: enables auto-height */
}

/* Stack all panels on top of each other */
.cd-horizontal-timeline .events-content li {
    grid-area: 1 / 1;       /* all children overlap */
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100%;

    opacity: 0;
    pointer-events: none;

    transform: translateX(0) !important; /* override slide transform */
}

/* Only the selected panel is visible */
.cd-horizontal-timeline .events-content li.selected {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
}

/* Keep your animations (fade/slide) — now applied visually only */
.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
    animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
}

}