.slider-wrapper{box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.slider-grid{scrollbar-width:none;border-radius:10px;flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:100%;max-width:550px;display:flex;overflow-x:hidden}.slider-grid::-webkit-scrollbar{display:none}.slider-dots{justify-content:center;align-items:center;gap:5px;width:fit-content;padding:10px;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.dots{opacity:.8;background-color:#b1b2b4;border-radius:50%;width:12px;height:12px}.dots.visible{opacity:1;background-color:#f0f8ff}.slider-track{box-sizing:border-box;border-radius:10px;flex:0 0 100%;overflow:hidden}.slider-track img{object-fit:fill;border-radius:10px;width:100%;height:100%}.nav{color:#fff;cursor:pointer;z-index:10;opacity:.8;pointer-events:auto;-webkit-user-select:none;user-select:none;background-color:#0000;border:6px solid #fff;width:35px;height:35px;margin:0 1%;position:absolute;top:50%;transform:translate(-50%,-50%)}.nav:hover{opacity:1}.nav.prev{border-top:40px;border-left:40px;left:15px;transform:rotate(-220deg)}.nav.next{border-bottom:40px;border-left:40px;right:15px;transform:rotate(40deg)}@media only screen and (max-width:1080px){.slider-wrapper{width:60%}.slider-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overflow:scroll}.slider-track{scroll-snap-align:start;scroll-snap-stop:always}}@media only screen and (max-width:780px){.slider-wrapper{width:100%}.slider-grid{margin:20px 0}.slider-track{height:275px}.nav{border-width:4px;width:20px;height:20px}.slider-dots{padding-bottom:20px}.dots{width:8px;height:8px}}
.timeblock{box-sizing:border-box;border:3px solid #fff;border-radius:5px;width:95%;max-width:900px;height:425px;margin-bottom:50px;display:flex;position:relative;overflow:hidden}.timeline-dates{box-sizing:border-box;border-right:2px solid #fff;flex-direction:column;gap:10px;width:100px;height:420px;max-height:100%;padding:0 5px 0 0;display:flex}.date{color:#fff;width:fit-content}.date.active{font-weight:700}.timeline-wrapper{box-sizing:border-box;flex-wrap:nowrap;justify-content:flex-start;display:flex;overflow:hidden}.timeline-nav{cursor:pointer;opacity:.8;clip-path:polygon(0% 40%,45% 40%,45% 20%,100% 50%,45% 80%,45% 60%,0% 60%);background:#ef7b07;width:40px;height:35px;padding:0;transition:opacity .2s ease-in-out;position:absolute;bottom:20px}.timeline-nav:hover{opacity:1}.timeline-nav.next{right:25px}.timeline-nav.prev{left:100px;transform:rotate(180deg)}.timeline-container{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.timeline-container h4{color:#fff;width:100%;margin-bottom:0}.timeline-image{object-fit:contain;width:300px;height:200px;transition:transform .5s ease-in-out}.timeline-image:hover{z-index:100;transform:scale(1.4)}@media only screen and (max-width:884px){.timeblock{height:400px}.timeline-wrapper{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none;overflow-x:scroll}.timeline-image{width:120px;height:100px}.timeline-nav{pointer-events:none;cursor:not-allowed;opacity:1;width:30px;height:20px}.timeline-nav.prev{left:90px}}