﻿.timeline{background-color:var(--color_bg-purple);padding:32px 0}
.timeline .wrapper-sm h2{font-size:30px;font-weight:bold;text-align:center;color:var(--color_text-white)}
.timeline .wrapper-sm .timeline-steps{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;margin-top:3rem;margin-bottom:6rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:1rem 5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.timeline .wrapper-sm .timeline-steps .step-title{background-color:#ffffff33;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1rem;line-height:calc(24 / 16);font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;height:4rem;color:#fff;padding:12px 24px;padding-left:0}
@media(max-width:768px){.timeline .wrapper-sm .timeline-steps .step-title{display:none}
}.timeline .wrapper-sm .timeline-steps .step-title:first-child{padding-left:2rem}
.timeline .wrapper-sm .timeline-steps .step-title:first-child::before{content:none}
.timeline .wrapper-sm .timeline-steps .step-title.active{background-color:#fff;color:var(--color_bg-purple)}
@media(max-width:768px){.timeline .wrapper-sm .timeline-steps .step-title.active{padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.timeline .wrapper-sm .timeline-steps .step-title.active::before,.timeline .wrapper-sm .timeline-steps .step-title.active::after{content:none}
}.timeline .wrapper-sm .timeline-steps .step-title.active::after{border-color:transparent transparent transparent white !important}
.timeline .wrapper-sm .timeline-steps .step-title.active::before{opacity:1}
.timeline .wrapper-sm .timeline-steps .step-title::before{content:"";background-image:var(--wpr-bg-c27f8247-fb5d-47e4-a4df-731db8e80e7a);height:4rem;width:4rem;background-repeat:no-repeat;background-size:contain;opacity:.2;position:absolute;left:-4rem}
.timeline .wrapper-sm .timeline-steps .step-title::after{content:"";width:0;height:0;border-style:solid;border-width:2rem 0 2rem 2rem;position:absolute;right:-2rem;border-color:transparent transparent transparent rgba(255,255,255,0.2)}
.timeline .wrapper-sm .pagination-arrows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:48px;color:var(--color_text-white)}
.timeline .wrapper-sm .pagination-arrows .arrow-left{width:16px;cursor:pointer}
.timeline .wrapper-sm .pagination-arrows .arrow-right{width:16px;-webkit-transform:rotate(180deg);transform:rotate(180deg);cursor:pointer}
.timeline .timeline-steps-row{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;margin-bottom:3rem}
.timeline .timeline-steps-row .slick-current .card-selected .timeline-line{position:relative}
.timeline .timeline-steps-row .slick-current .card-selected .timeline-line::before{content:"";position:absolute;left:0;width:24px;height:24px;border:1px solid #fff;bottom:-11px;left:-11px;border-radius:100%;background-color:var(--color_bg-purple)}
.timeline .timeline-steps-row .slick-current .card-selected .timeline-line::after{content:"";position:absolute;left:0;width:12px !important;height:12px !important;border:1px solid #fff;background-color:#fff !important;bottom:-5px !important;left:-5px !important;border-radius:100%}
.timeline .timeline-steps-row .slick-current .card-selected .timeline-details{opacity:1 !important;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
.timeline .timeline-steps-row .card-selected{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}
.timeline .timeline-steps-row .card-selected[data-arrow="1"] .timeline-line{position:relative}
.timeline .timeline-steps-row .card-selected[data-arrow="1"] .timeline-line::before{content:"";position:absolute;left:0;width:24px;height:24px;border:1px solid #fff;bottom:-11px;left:-11px;border-radius:100%;background-color:var(--color_bg-purple)}
.timeline .timeline-steps-row .card-selected[data-arrow="1"] .timeline-line::after{content:"";position:absolute;left:0;width:12px;height:12px;border:1px solid #fff;background-color:#fff;bottom:-5px;left:-5px;border-radius:100%}
.timeline .timeline-steps-row .card-selected .card-position{color:var(--color_text-white)}
.timeline .timeline-steps-row .card-selected .card-position .step-year{padding-left:1rem;border-left:1px solid #fff;min-height:80px}
.timeline .timeline-steps-row .card-selected .card-position .step-year h3{font-size:1.75rem;padding-bottom:2rem}
.timeline .timeline-steps-row .card-selected .card-position .timeline-line{border-top:1px solid #fff;width:100%;height:1px;position:relative}
.timeline .timeline-steps-row .card-selected .card-position .timeline-line::after{content:"";position:absolute;left:0;width:16px;height:16px;border:1px solid #fff;background-color:var(--color_bg-purple);bottom:-7px;left:-7px;border-radius:100%}
.timeline .timeline-steps-row .card-selected .card-position .timeline-details{padding:0 1rem;opacity:0;border-left:1px solid #fff}
.timeline .timeline-steps-row .card-selected .card-position .timeline-details h4{padding-top:2rem;font-size:16px;font-weight:bold}
.timeline .timeline-steps-row .card-selected .card-position .timeline-details .paragraph{font-size:16px;font-size:16px;font-weight:300}