.timeline-slider-container{margin:0 auto;padding:20px;overflow:hidden;position:relative}.aboutus-progress-slider .multicolumn__title{justify-content:start;padding:0 40px;flex-wrap:nowrap;gap:25px;align-items:center;margin:0}.aboutus-progress-slider .multicolumn__title .title{font-size:22px;font-family:AGaramondPro;text-transform:uppercase;position:relative;font-weight:600}.aboutus-progress-slider .multicolumn__title .title:after{content:unset;position:absolute;height:1px;width:30%;left:50%;transform:translate(-50%);bottom:-5px;margin:auto;background-color:#8a6347}.aboutus-progress-slider .multicolumn__title .progress-title-text{padding:0 25px;position:relative;width:100%}.aboutus-progress-slider .multicolumn__title .progress-title-text:before{content:"";position:absolute;height:90%;width:1px;left:0;margin:auto;background-color:#8a6347}.timeline-progress-bar{position:relative;margin-bottom:20px;margin-top:30px}.progress{height:4px;background-color:#ddd;position:relative;overflow:hidden}.timeline-progress-bar .progress-fill{height:100%;width:33.33%;background-color:#8a6347;transition:width .3s;display:block}.progress-numbers{display:flex;justify-content:space-between;margin-top:5px;position:relative;font-family:UniversUltraCondensed,sans-serif;letter-spacing:1px}.progress-numbers span{font-size:12px;color:#555;cursor:pointer;transition:color .3s ease}.timeline-item.slick-active.slick-current .timeline-text{color:#8a6347}.timeline-slider{display:flex;transition:transform .5s ease-in-out;gap:20px}.timeline-slide{flex:0 0 calc(45% - 20px);background:#fff;transition:transform .3s ease-in-out;display:flex}.timeline-slide>div{max-width:50%;width:100%}.timeline-slide img{width:100%;height:100%}.slider-navigation{display:flex;justify-content:space-between;margin-top:20px}button{padding:10px 20px;background-color:#555;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}button:hover{background-color:#333}.timeline-slide-content{display:flex;padding:10px 20px;flex-direction:column;justify-content:end}h3.timeline-slide-heading{text-decoration:underline;text-decoration-color:#8a6347;text-underline-offset:8px;font-family:AGaramondPro}.timeline-slide-content p{margin:0}@media screen and (max-width: 989px){.timeline-slide{flex:0 0 calc(50% - 20px)}.aboutus-progress-slider .multicolumn__title .title:after{content:""}.aboutus-progress-slider .multicolumn__title{justify-content:center;flex-wrap:wrap;padding:0;margin-bottom:20px}.aboutus-progress-slider .multicolumn__title .progress-title-text{text-align:center;padding:0 10px;font-size:13px;border:none}.aboutus-progress-slider .multicolumn__title .progress-title-text:before{content:unset}}@media screen and (max-width: 767px){.timeline-slide{flex:0 0 calc(100% - 20px)}}.main-slider{position:relative;overflow:hidden;width:100%}.timeline-nav{width:100%;max-width:100%;margin-right:auto;margin-left:auto;padding-top:21px;padding-right:20px;padding-left:20px}.timeline-item{position:relative;height:100%;margin-right:0;margin-left:0;padding-right:0;padding-left:0}.timeline-text{margin-right:0;margin-left:0;padding-bottom:20px;font-family:AGaramondPro;color:#a9a9a9;font-size:16px;font-weight:500}.slick-initialized .timeline-slide.slick-slide{display:flex}.timeline-frame .timeline-slide.slick-slide.slick-current{opacity:1}.timeline-nav .slick-track{width:100%!important;border-top:1px solid #ddd}.timeline-nav .slick-list{padding:0!important}.timeline-nav .slick-track .timeline-item.slick-slide{position:relative;cursor:pointer}.timeline-nav .slick-track .timeline-item.slick-slide.slick-current:before{content:"";width:100%;height:3px;position:absolute;top:-16px;bottom:auto;margin:auto;background-color:#8a6347}.timeline-nav .slick-track{display:flex!important;gap:0;padding-top:15px}.timeline-nav .slick-track .timeline-item{flex:0 0 auto}@media screen and (max-width: 991px){.timeline-slider-container{padding:0}}@media screen and (max-width: 767px){.timeline-text{padding-bottom:0}.slick-initialized .timeline-slide.slick-slide{flex-direction:column}.timeline-slide>div{max-width:100%}}@media screen and (max-width: 400px){.timeline-text{padding-bottom:0}.timeline-slide{min-height:300px;height:100%}.aboutus-progress-slider .multicolumn__title .title{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/custom-progress-slider.css.map */