.story-timeline-block{position:relative}.story-timeline-block .timeline-container{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:4rem}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container{gap:5rem}}.story-timeline-block .timeline-container .timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#0097D8 30%,#A6DE11 95%,#FFFFFF 100%);transform:translate(-50%);z-index:-1}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-line{width:3px}}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-line{left:0;transform:none}}.story-timeline-block .timeline-container .timeline-item{position:relative;width:100%;display:flex;flex-direction:column;gap:4rem}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item{gap:5rem}}.story-timeline-block .timeline-container .timeline-item .year-marker{text-align:center;z-index:3}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .year-marker{text-align:left;transform:none}}.story-timeline-block .timeline-container .timeline-item .year-marker .year-text{display:inline-block;background:#5c7b08;color:#fff;padding:1.1rem 2rem;border-radius:100vw;font-weight:700;font-size:1.76rem}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item .year-marker .year-text{font-size:2.2rem;padding:1.4rem 2.5rem}}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .year-marker .year-text{border-radius:0 100vw 100vw 0}}.story-timeline-block .timeline-container .timeline-item .timeline-node{position:absolute;left:50%;top:27%;width:2.6rem;height:2.6rem;background:conic-gradient(from 90deg,#A6DE11,#0097D8);border-radius:50%;transform:translate(-50%);z-index:2;border:4px solid #fff;box-shadow:0 2px 8px #0000001a}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item .timeline-node{width:3.3rem;height:3.3rem;border-width:5px}}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .timeline-node{left:-1.2rem;top:17.5%;transform:none;display:none}}.story-timeline-block .timeline-container .timeline-item .timeline-row{display:flex;align-items:stretch;gap:3rem}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .timeline-row{flex-direction:column;gap:2rem}}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text{flex:1;position:relative}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text{order:2}}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner{max-width:92%;display:flex;flex-direction:column;justify-content:center;height:100%;gap:1.4rem}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner{gap:1.8rem}}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner{max-width:calc(100% - 3rem);margin-left:auto}}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner h3.timeline-subtitle{font-family:Artecallya-Script,Didot,Times New Roman,Times,serif;color:#87b804;-webkit-text-stroke-width:.16px;-webkit-text-stroke-color:#87B804;font-size:3.84rem;font-weight:inherit;letter-spacing:normal;margin:0}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner h3.timeline-subtitle{font-size:4.8rem}}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner h3.timeline-subtitle{font-size:3.2rem}}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .timeline-title{color:#0097d8;font-size:2.48rem;line-height:1.19;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.25px;max-width:80%}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .timeline-title{font-size:3.1rem}}@media only screen and (max-width: 1024px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .timeline-title{max-width:100%;font-size:2.2rem;letter-spacing:normal}}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .timeline-description{display:flex;flex-direction:column;gap:2.5rem}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .timeline-description{gap:3rem}}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .timeline-description{gap:1.5rem}}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .timeline-description p{color:#111;line-height:1.85;margin:0;font-weight:400;letter-spacing:.28px}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .timeline-description p{letter-spacing:.35px}}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .timeline-description p{max-width:100%;letter-spacing:normal;font-size:1.44rem}}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .timeline-description p em{font-weight:500}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .read-more-btn{background:none;border:none;color:#5c9d01;font-size:1.6rem;font-weight:600;cursor:pointer;padding:0;text-align:left;font-family:Jost,sans-serif;display:flex;align-items:center;gap:4px;max-width:fit-content;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .read-more-btn{font-size:2rem;gap:6px}}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .read-more-btn svg{width:1.2rem;height:auto}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .read-more-btn svg{width:1.4rem}}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .read-more-btn svg path{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .read-more-btn:hover{color:#0097d8}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-text .content-text-inner .read-more-btn:hover svg path{fill:#0097d8;stroke:#0097d8}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-image{flex:1;position:relative}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-image:before{content:"";position:absolute;left:-12px;top:14%;width:2.6rem;height:2.6rem;background:conic-gradient(from 90deg,#A6DE11,#0097D8);border-radius:50%;z-index:2;border:4px solid #fff;box-shadow:0 2px 8px #0000001a;opacity:0}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-image{order:1}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-image:before{opacity:1}}@media only screen and (max-width: 480px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-image:before{top:12%}}.story-timeline-block .timeline-container .timeline-item .timeline-row .content-image img{max-width:96.7%;margin-left:auto;display:block;padding-right:5px}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-image img{padding-right:7px}}@media only screen and (max-width: 1024px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-image img{max-width:97%;padding-right:0}}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item .timeline-row .content-image img{width:100%;max-width:calc(100% - 3rem)}}.story-timeline-block .timeline-container .timeline-item.even .timeline-node{background:conic-gradient(from -90deg,#0097D8,#A6DE11)}.story-timeline-block .timeline-container .timeline-item.even .year-marker .year-text{background:#1ea9e5}.story-timeline-block .timeline-container .timeline-item.even .timeline-row .content-image img{margin-left:0}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item.even .timeline-row .content-image img{margin-left:auto;transform:rotateY(.5turn)}}.story-timeline-block .timeline-container .timeline-item.even .content-text .content-text-inner{max-width:90%;margin-left:7%}@media only screen and (max-width: 1920px) and (min-width: 1599px){.story-timeline-block .timeline-container .timeline-item.even .content-text .content-text-inner{margin-left:7.5%}}@media only screen and (max-width: 1024px){.story-timeline-block .timeline-container .timeline-item.even .content-text .content-text-inner{max-width:calc(100% - 3rem);margin-left:auto}}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item:last-child .timeline-row .content-image{background:url(/wp-content/uploads/2025/10/JTA-thumbnail-mob.png) no-repeat;background-size:calc(100% - 3rem);background-position:right center}}@media only screen and (max-width: 768px){.story-timeline-block .timeline-container .timeline-item:last-child .timeline-row .content-image img{transform:unset;opacity:0}}.timeline-popup-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.3);z-index:99999!important;display:none;align-items:center;justify-content:center;padding:2rem}.timeline-popup-overlay.active{display:flex!important}.timeline-popup-overlay .timeline-popup{background:url(/wp-content/uploads/2025/10/Timeline-Popup-bg.jpg) no-repeat;background-size:cover;width:100%;max-width:86rem;max-height:43rem;border-radius:1.6rem;position:relative;overflow:hidden;padding:3.6rem}@media only screen and (max-width: 1920px) and (min-width: 1599px){.timeline-popup-overlay .timeline-popup{max-width:107.5rem;max-height:53.8rem;border-radius:2rem;padding:4.5rem}}@media only screen and (max-width: 768px){.timeline-popup-overlay .timeline-popup{padding:4rem 2rem;max-height:calc(100vh - 4rem);overflow:auto;scrollbar-width:thin;scrollbar-color:#D9D9D9 #ffffff}}.timeline-popup-overlay .timeline-popup .popup-close{background:transparent;position:absolute;top:1.2rem;right:1.2rem;border:none;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media only screen and (max-width: 1920px) and (min-width: 1599px){.timeline-popup-overlay .timeline-popup .popup-close{top:1.5rem;right:1.5rem}}.timeline-popup-overlay .timeline-popup .popup-close svg{width:1.5rem;height:auto}@media only screen and (max-width: 1920px) and (min-width: 1599px){.timeline-popup-overlay .timeline-popup .popup-close svg{width:1.8rem}}.timeline-popup-overlay .timeline-popup .popup-close svg path{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.timeline-popup-overlay .timeline-popup .popup-close:hover svg path{stroke:#5c9d01}.timeline-popup-overlay .timeline-popup .popup-content{display:flex;gap:3.6rem;height:100%}@media only screen and (max-width: 1920px) and (min-width: 1599px){.timeline-popup-overlay .timeline-popup .popup-content{gap:4.5rem}}@media only screen and (max-width: 768px){.timeline-popup-overlay .timeline-popup .popup-content{gap:2rem;flex-direction:column}}.timeline-popup-overlay .timeline-popup .popup-content .popup-image{max-width:32rem}@media only screen and (max-width: 1920px) and (min-width: 1599px){.timeline-popup-overlay .timeline-popup .popup-content .popup-image{max-width:40rem}}.timeline-popup-overlay .timeline-popup .popup-content .popup-image .popup-img{display:block}.timeline-popup-overlay .timeline-popup .popup-content .popup-text{flex:1;overflow-y:auto}.timeline-popup-overlay .timeline-popup .popup-content .popup-text .popup-title{color:#0097d8;margin-bottom:1.5rem;text-transform:uppercase;font-size:2.24rem;line-height:1.25;font-weight:700;max-width:85%}@media only screen and (max-width: 1920px) and (min-width: 1599px){.timeline-popup-overlay .timeline-popup .popup-content .popup-text .popup-title{font-size:2.8rem}}@media only screen and (max-width: 768px){.timeline-popup-overlay .timeline-popup .popup-content .popup-text .popup-title{font-size:2.2rem;max-width:100%}}.timeline-popup-overlay .timeline-popup .popup-content .popup-text .popup-description{max-height:281.6px;overflow:auto;scrollbar-width:thin;scrollbar-color:#D9D9D9 transparent;padding-right:1.2rem}@media only screen and (max-width: 1920px) and (min-width: 1599px){.timeline-popup-overlay .timeline-popup .popup-content .popup-text .popup-description{max-height:352px}}@media only screen and (max-width: 768px){.timeline-popup-overlay .timeline-popup .popup-content .popup-text .popup-description{max-height:100%;padding-right:0;font-size:1.44rem}}.timeline-popup-overlay .timeline-popup .popup-content .popup-text .popup-description p{color:#111;font-weight:400;line-height:25.6px;margin:0 0 2rem}@media only screen and (max-width: 1920px) and (min-width: 1599px){.timeline-popup-overlay .timeline-popup .popup-content .popup-text .popup-description p{line-height:32px;margin:0 0 2.5rem}}.timeline-popup-overlay .timeline-popup .popup-content .popup-text .popup-description p:last-child{margin-bottom:0}
