@layer utilities{.div-line{border-top:1ps solid var(--light-text)}}.timeline-container{display:flex;justify-content:center;align-items:center;background-color:#fff;flex-direction:column;height:100vh}.timeline{width:100%;background-color:#fff;box-shadow:0 5px 25px 5px #0003;font-family:Lato,sans-serif}.timeline .swiper-container{height:600px;width:100%;position:relative}.timeline .swiper-wrapper{transition:2s cubic-bezier(.68,-.4,.27,1.34) .2s}.timeline .swiper-slide{position:relative;color:#fff;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center;min-height:100vh}.swiper-slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#000000b3,#0003)}.timeline .swiper-slide:after{content:"";position:absolute;z-index:1;right:-115%;bottom:-10%;width:100%;height:100%;background-color:#00000085;box-shadow:-230px 0 280px 90vw #00000070;border-radius:100%;pointer-events:none;transition:box-shadow .4s,background .4s}.timeline .swiper-slide-content{position:absolute;text-align:center;width:80%;max-width:80%;right:50%;top:13%;transform:translate(50%);font-size:12px;z-index:2;display:flex;flex-direction:column;gap:12px}.timeline .swiper-slide .timeline-year{display:inline;width:min-content;font-size:30px;margin-bottom:50px;transform:translate3d(20px,0,0);color:#bd8f31;opacity:0;transition:.2s ease .4s;padding:4px 24px 10px;background-color:#fffc;box-shadow:0 6px 9px #0003;font-weight:700}.timeline .swiper-slide .timeline-title{font-size:28px;margin:0 0 30px;opacity:0;transform:translate3d(20px,0,0);transition:.2s ease .5s}.timeline .swiper-slide .timeline-text{line-height:1.5;opacity:0;transform:translate3d(20px,0,0);transition:.2s ease .6s;font-family:Lato,sans-serif}.timeline .swiper-slide-active .timeline-year{opacity:1;transform:translateZ(0);transition:.4s ease 1.6s}.timeline .swiper-slide-active .timeline-title{opacity:1;transform:translateZ(0);transition:.4s ease 1.7s}.timeline .swiper-slide-active .timeline-text{opacity:1;transform:translateZ(0);transition:.4s ease 2.2s;font-family:Lato,sans-serif;color:var(--light-text);font-size:28px;border-top:1px solid var(--light-text);padding-top:1rem;margin-top:2rem}.timeline .swiper-pagination{right:15%!important;height:100%;display:none;flex-direction:column;justify-content:center;font-style:italic;font-weight:300;font-size:16px;z-index:1}.timeline .swiper-pagination:before{content:"";position:absolute;left:-30px;top:0;height:100%;width:1px;background-color:#fff3}.timeline .swiper-pagination-bullet{width:auto;height:auto;text-align:center;opacity:1;background:transparent;color:var(--light-text);margin:15px 0!important;position:relative}.timeline .swiper-pagination-bullet:before{content:"";position:absolute;top:8px;left:-32.5px;width:6px;height:6px;border-radius:100%;background-color:#bd8f31;transform:scale(0);transition:.2s}.timeline .swiper-pagination-bullet-active{color:#bd8f31;font-weight:800}.timeline .swiper-pagination-bullet-active:before{transform:scale(1)}.timeline .swiper-button-next,.timeline .swiper-button-prev{background-size:20px 20px;top:15%;width:20px;height:20px;margin-top:0;z-index:2;transition:.2s}.timeline .swiper-button-prev{bottom:15%;left:8%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23BD8F31'%2F%3E%3C%2Fsvg%3E")}.timeline .swiper-button-prev:hover{transform:translate(-3px)}.timeline .swiper-button-next{right:8%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23BD8F31'%2F%3E%3C%2Fsvg%3E")}.timeline .swiper-button-next:hover{transform:translate(3px)}@media screen and (min-width: 768px){.timeline .swiper-slide:after{right:-30%;bottom:-8%;width:240px;height:50%;box-shadow:-230px 0 220px 70vw #00000052}.timeline .swiper-slide-content{right:30%;top:50%;transform:translateY(-50%);width:310px;font-size:14px;text-align:right}.timeline .swiper-slide .timeline-year{margin-bottom:0;font-size:32px;font-style:normal}.timeline .swiper-slide .timeline-title{font-size:32px;margin:0}.timeline .swiper-pagination{display:flex}.timeline .swiper-slide-active .timeline-text{font-size:32px;padding-top:0rem}.timeline .swiper-button-prev{top:10%;left:auto;right:15%;transform:rotate(90deg) translateY(10px)}.timeline .swiper-button-prev:hover{transform:rotate(90deg) translate(-3px,10px)}.timeline .swiper-button-next{top:auto;bottom:10%;right:15%;transform:rotate(90deg) translateY(10px)}.timeline .swiper-button-next:hover{transform:rotate(90deg) translate(3px,10px)}}@media screen and (min-width: 1024px){.timeline .swiper-slide:after{right:-20%;bottom:-12%;width:240px;height:50%;box-shadow:-230px 0 220px 55vw #00000047}.timeline .swiper-slide-content{right:20%;width:55%!important;text-align:left}.timeline .timeline-title{max-width:95%}.timeline .timeline-text{max-width:80%}.timeline .swiper-slide-active .timeline-title{max-width:95%}.timeline .swiper-slide-active .timeline-text{max-width:80%}}@media screen and (min-width: 1380px){.timeline .swiper-slide-content{right:20%;width:52%!important;text-align:left}.timeline-title,.timeline-text,.swiper-item-slide .timeline-text,.timeline-year{font-size:40px!important}.timeline .swiper-pagination{font-size:20px}}