.panel-timeline { background:#F4F6FA; position:relative; overflow:hidden; }
.panel-timeline .container { }
.panel-timeline .feature-line { display:block; width: 2px; height: 400px; background:var(--purple); position:absolute; z-index:2; top:0; margin-left:3px; }
.panel-timeline .decade-content.active { display:block; }
.panel-timeline .decade-text-content { position:relative; z-index:22; background:#F4F6FA; padding-top:8px; margin-top:30px; min-height:150px; }
.panel-timeline .timeline-main-title  { font-size: 40px; font-weight: 700; line-height: 97%; letter-spacing: 0.8px; text-transform: uppercase; text-align: center; margin:0 0 16px 0; }
.panel-timeline .timeline-subtitle    { font-size: 20px; font-weight: 700; line-height:166%; letter-spacing: 0.0px; text-align: center; font-family: Inter; margin:0 0 75px 0; }
.panel-timeline .decade-section-title { font-size: 22px; font-weight: 700; line-height:159%; letter-spacing:0.66px; text-transform: uppercase; margin:0 0 25px 0; }
.panel-timeline .decade-name          { font-size:120px; font-weight: 600; line-height: 66%; letter-spacing: 2.4px; text-transform: uppercase; margin:0 0 19px 0; color:var(--purple); }
.panel-timeline .decade-description   { max-width:480px; }
.panel-timeline .decade-image-wrapper { padding:0 0 70px 0; }
.panel-timeline .decade-image-wrapper img { width:100%; max-width:699px; margin:0 auto; }
.panel-timeline .timeline-navigation { padding:70px 0 0 0; }
.panel-timeline .timeline-nav-wrapper { display:flex; gap:30px; }
.panel-timeline .timeline-nav-item { flex:1 1 auto; cursor:pointer; color:#767662; text-align: center; font-size: 22px; font-weight: 700; letter-spacing: 0.44px; text-transform: uppercase; border-bottom:solid 5px #C8C7BD; line-height:34px; }
.panel-timeline .timeline-nav-item.active { color:var(--purple); border-color:var(--purple); }

@media (min-width:992px) {
	.panel-timeline .decade-content-left  { flex: 0 0 46%; max-width:46%; }
	.panel-timeline .decade-content-right { flex: 0 0 54%; max-width:54%; padding-left:0; }
}
@media (max-width:767px) {
	.panel-text-feature-line,
	.panel-timeline .feature-line { display:none !important; }
	.panel-timeline .timeline-main-title { font-size:36px; line-height:1; margin-bottom:var(--margin-bottom); max-width:300px; margin-left:auto; margin-right:auto; }
	.panel-timeline .timeline-subtitle { margin-bottom:var(--margin-bottom); }
	.panel-timeline .decade-name { font-size:100px; letter-spacing: 1.4px; }
	.panel-timeline .decade-image-wrapper { padding:0; }
	.panel-timeline .timeline-nav-wrapper { gap:16px; column-gap:40px; flex-wrap:wrap; }
	.panel-timeline .timeline-nav-item { font-size:18px; }
}