.timeline_section{padding:3.125rem 0;background-color:var(--color-primary)}@media screen and (max-width:768px){.timeline_section{padding:1.5625rem 0}}.timeline_section .section_title{color:#fff}.timeline_section .section_content{max-width:40.625rem;color:#fff}.timeline_section-slider{padding-top:4.6875rem;position:relative}@media screen and (max-width:768px){.timeline_section-slider{padding-top:1.5rem}}.timeline_section-slider .swiper-button-lock{display:none!important}.timeline_section-slider .swiper-button-next{margin:0;top:16.25rem;right:0}@media screen and (max-width:768px){.timeline_section-slider .swiper-button-next{right:0;top:1.5rem}}.timeline_section-slider .swiper-button-prev{margin:0;top:16.25rem;left:auto;right:5rem}@media screen and (max-width:768px){.timeline_section-slider .swiper-button-prev{left:auto;right:4.6875rem;top:1.5rem}}.timeline_section-slider .swiper-button-next,.timeline_section-slider .swiper-button-prev{background-color:transparent;border:1px solid #fff;-webkit-transition:.3s ease;transition:.3s ease}.timeline_section-slider .swiper-button-next:hover,.timeline_section-slider .swiper-button-prev:hover{background-color:var(--color-accent);border-color:var(--color-accent)}.timeline_section-swiper{overflow-x:hidden}.timeline_section-slide{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timeline_section-slide-wrapper{position:relative;width:100%}.timeline_section-slide .sep{position:relative;width:100%;background-color:#5f5f65;height:1px;display:block;margin:4rem 0}@media screen and (max-width:768px){.timeline_section-slide .sep{margin:3rem 0}}.timeline_section-slide .sep .dot{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.5rem;height:.5rem;background-color:var(--color-accent);border-radius:50%;z-index:1;-webkit-transition:.5s ease;transition:.5s ease}@media screen and (max-width:768px){.timeline_section-slide .sep .dot{left:10%}}.timeline_section-slide .sep .dot:before{content:"";position:absolute;width:.5rem;height:.5rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#5f5f65;border-radius:50%;z-index:1;-webkit-transition:.5s ease;transition:.5s ease}.timeline_section-slide .sep .dot:after{content:"";position:absolute;width:.375rem;height:.375rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:transparent;border:1px solid var(--color-accent);border-radius:50%;z-index:-1;-webkit-transition:.6s ease .2s;transition:.6s ease .2s}.timeline_section-slide--year{position:relative;text-align:center;width:100%}@media screen and (max-width:768px){.timeline_section-slide--year{text-align:left}}.timeline_section-slide--year h4{font-size:5rem;color:#8a8a97;line-height:1;font-weight:300;font-family:Satoshi-Light;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:1024px){.timeline_section-slide--year h4{font-size:4.375rem}}@media screen and (max-width:768px){.timeline_section-slide--year h4{font-size:3.5rem}}.timeline_section-slide--text{position:relative;width:100%;max-width:18.125rem;margin-left:50%;opacity:0;color:#fff;-webkit-transform:translateX(-30%);-ms-transform:translateX(-30%);transform:translateX(-30%);-webkit-transition:.5s ease;transition:.5s ease}.timeline_section-slide--text p{font-size:14px}@media screen and (max-width:768px){.timeline_section-slide--text{margin-left:10%;max-width:90%}}.timeline_section-slide.swiper-slide-active .timeline_section-slide--text{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:.7s ease .3s;transition:.7s ease .3s}.timeline_section-slide.swiper-slide-active .sep .dot{width:1.875rem;height:1.875rem;-webkit-transition:.5s ease;transition:.5s ease}.timeline_section-slide.swiper-slide-active .sep .dot:before{background-color:#fff;-webkit-transition:.5s ease;transition:.5s ease}.timeline_section-slide.swiper-slide-active .sep .dot:after{width:3rem;height:3rem;-webkit-transition:.6s ease .2s;transition:.6s ease .2s}
/*# sourceMappingURL=timeline-section.css.map */
