.company-timeline{position:relative;width:100%}.company-timeline .timeline-container{max-width:1300px;margin:0 auto;padding:0 16px}.company-timeline .timeline-section-title{font-family:Fraunces,serif;font-weight:600;font-size:48px;line-height:1.233;text-align:center;margin:0 0 32px}.company-timeline .timeline-bg-area{background-color:var(--timeline-bg-color, #F5FAFE);position:relative;padding:32px 0;border-radius:24px;overflow:hidden}.company-timeline .timeline-bg-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--timeline-bg-pattern);background-repeat:repeat;background-size:auto;opacity:var(--timeline-bg-pattern-opacity, .3);pointer-events:none;border-radius:inherit}.company-timeline .timeline-wrapper{position:relative;overflow:visible}.company-timeline .timeline-line{position:absolute;top:calc(40px + 8px + var(--timeline-dot-size, 32px) / 2);left:0;width:3000px;height:3px;background-image:repeating-linear-gradient(to right,var(--timeline-line-color, #B7D2FF) 0,var(--timeline-line-color, #B7D2FF) var(--timeline-dash-length, 6px),transparent var(--timeline-dash-length, 6px),transparent calc(var(--timeline-dash-length, 6px) + var(--timeline-gap-length, 6px)));z-index:1;pointer-events:none}.company-timeline .timeline-slider-wrapper{position:relative;display:block}.company-timeline .timeline-cards{display:flex;gap:var(--timeline-card-gap, 24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:0 0 24px;padding-left:calc(50% - var(--timeline-card-width, 365px) / 2);padding-right:calc(50% - var(--timeline-card-width, 365px) / 2);position:relative;z-index:2}.company-timeline .timeline-cards::-webkit-scrollbar{display:none}.company-timeline .timeline-milestone{flex:0 0 var(--timeline-card-width, 365px);scroll-snap-align:center;position:relative;display:flex;flex-direction:column;align-items:center;opacity:var(--timeline-inactive-opacity, .5);transition:opacity .3s ease}.company-timeline .timeline-milestone--active,.company-timeline .timeline-milestone:first-child,.company-timeline .timeline-milestone:hover{opacity:1}.company-timeline .timeline-year{font-family:Work Sans,sans-serif;font-weight:600;font-size:32px;line-height:1.173;text-align:center;margin-bottom:8px}.company-timeline .timeline-dot{width:var(--timeline-dot-size, 32px);height:var(--timeline-dot-size, 32px);border-radius:50%;background-color:var(--timeline-dot-fill, #FFFFFF);border:var(--timeline-dot-stroke-width, 4px) solid var(--timeline-dot-stroke-color, #0A44A6);box-shadow:0 0 4px #0000001a;position:relative;z-index:3;margin-bottom:16px;flex-shrink:0}.company-timeline .timeline-card{background-color:var(--timeline-card-outer-bg, #0A44A6);border-radius:var(--timeline-card-outer-radius, 20px);padding:4px;width:100%}.company-timeline .timeline-card-header{padding:16px 0;text-align:center}.company-timeline .timeline-card-title{font-family:Fraunces,serif;font-weight:600;font-size:32px;line-height:1.233;margin:0}.company-timeline .timeline-card-body{background-color:var(--timeline-card-inner-bg, #F5FAFE);border-radius:var(--timeline-card-inner-radius, 16px);padding:16px;text-align:center}.company-timeline .timeline-card-description{font-family:Work Sans,sans-serif;font-weight:400;font-size:20px;line-height:1.5;margin:0}.company-timeline .timeline-navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:10;padding:0 16px}.company-timeline .timeline-navigation .slider-button--prev{margin-left:-8px}.company-timeline .timeline-navigation .slider-button--next{margin-right:-8px}.company-timeline .slider-button{width:48px;height:48px;border-radius:50%;border:2px solid var(--timeline-arrow-color, #0A44A6);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:all .3s ease}.company-timeline .slider-button:hover{background:var(--timeline-arrow-color, #0A44A6)}.company-timeline .slider-button:hover svg,.company-timeline .slider-button:hover .icon{color:#fff}.company-timeline .slider-button svg,.company-timeline .slider-button .icon{width:24px;height:24px;color:var(--timeline-arrow-color, #0A44A6);transition:color .3s ease}.company-timeline .slider-button:disabled{opacity:.3;cursor:not-allowed}.company-timeline .slider-button:disabled:hover{background:#fff}.company-timeline .slider-button:disabled:hover svg,.company-timeline .slider-button:disabled:hover .icon{color:var(--timeline-arrow-color, #0A44A6)}.company-timeline .slider-buttons{display:none;margin-top:24px;text-align:center;width:100%}.company-timeline .slider-dots{display:inline-flex;justify-content:center;gap:8px;list-style:none;padding:0;margin:0 auto}.company-timeline .dots-item button{width:10px;height:10px;border-radius:50%;border:1px solid var(--timeline-dot-indicator-color, #0A44A6);background:transparent;cursor:pointer;font-size:0;padding:0;transition:background .3s ease}.company-timeline .dots-item.active button{background:var(--timeline-dot-indicator-color, #0A44A6)}body.layout_rtl .company-timeline .timeline-cards{direction:rtl}body.layout_rtl .company-timeline .timeline-navigation{flex-direction:row-reverse}@media screen and (min-width: 768px) and (max-width: 1024px){.company-timeline .timeline-section-title{font-size:40px}.company-timeline .timeline-cards{padding-left:calc(50% - 160px);padding-right:calc(50% - 160px)}.company-timeline .timeline-milestone{flex:0 0 320px}.company-timeline .timeline-year,.company-timeline .timeline-card-title{font-size:28px}.company-timeline .timeline-card-description{font-size:18px}.company-timeline .timeline-navigation{display:none!important}.company-timeline .slider-buttons{display:block!important}}@media screen and (max-width: 767px){.company-timeline .timeline-container{padding:0 12px}.company-timeline .timeline-section-title{font-size:32px;margin-bottom:24px}.company-timeline .timeline-line{top:calc(28px + 8px + var(--timeline-dot-size, 24px) / 2)}.company-timeline .timeline-cards{padding-left:calc(50% - 140px);padding-right:calc(50% - 140px)}.company-timeline .timeline-milestone{flex:0 0 280px}.company-timeline .timeline-year{font-size:24px}.company-timeline .timeline-dot{width:24px;height:24px;border-width:3px}.company-timeline .timeline-bg-area{border-radius:16px;padding:24px 0}.company-timeline .timeline-card-title{font-size:24px}.company-timeline .timeline-card-description{font-size:16px}.company-timeline .timeline-navigation{display:none!important}.company-timeline .slider-buttons{display:block!important}}@media screen and (max-width: 375px){.company-timeline .timeline-cards{padding-left:calc(50% - 130px);padding-right:calc(50% - 130px)}.company-timeline .timeline-milestone{flex:0 0 260px}.company-timeline .timeline-section-title{font-size:28px}.company-timeline .timeline-card-title{font-size:22px}.company-timeline .timeline-card-description{font-size:15px}}@media screen and (min-width: 1025px){.company-timeline .slider-buttons{display:none}.company-timeline .timeline-navigation{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-company-timeline.css.map */