@import url("../css/kogta-root.css");.page-wrapper {z-index: 0;position: relative;}.margin-bottom-medium {margin-bottom: 32px;}.paragraph-large {letter-spacing: -0.02em;font-size: 20px;}.section-timeline-heading {background-color: #0a0a0a;}.padding-vertical-xlarge {padding-top: 120px;padding-bottom: 120px;}.timeline-main_heading-wrapper {color: #fff;text-align: center;max-width: 640px;margin-left: auto;margin-right: auto;}.timeline_component {flex-direction: column;justify-content: center;align-items: center;margin-left: auto;margin-right: auto;display: flex;position: relative;}.timeline_item {z-index: 2;grid-column-gap: 0px;grid-row-gap: 0px;grid-template-rows: auto;grid-template-columns: 1fr 180px 1fr;grid-auto-columns: 1fr;padding-top: 80px;padding-bottom: 80px;display: grid;position: relative;align-items: center;}.timeline_left {text-align: right;justify-content: flex-end;align-items: stretch;}.timeline_centre {justify-content: center;display: flex;}.timeline_date-text {color: #fff;letter-spacing: -0.03em;font-size: 48px;font-weight: 500;line-height: 1.2;position: sticky;top: 10vh;}.timeline_text {color: #fff;font-size: 24px;font-weight: 500;line-height: 1.3;}.timeline_circle {background-color: #f4b400;border-radius: 100%;width: 15px;min-width: 15px;max-width: 15px;height: 15px;min-height: 15px;max-height: 15px;position: sticky;top: 20vh;box-shadow: 0 0 0 8px #503628;}.timeline_progress {z-index: -2;background-color: var(--bs-tertiary);width: 3px;height: 93%;position: absolute;top: 0;}.timeline_progress-bar {z-index: -1;background: #f4b400;background: -webkit-linear-gradient(to bottom, #503628, #503628);background: linear-gradient(to bottom, #503628, #503628);width: 3px;height: 50vh;position: sticky;inset: 0 auto 20vh;}.section-timeline {z-index: -3;position: relative;}.margin-bottom-xlarge {margin-bottom: 56px;}.timeline_link {opacity: 0.6;color: #fff;letter-spacing: 0.8px;text-transform: uppercase;border-radius: 8px;align-items: center;font-size: 14px;font-weight: 700;line-height: 1.3;text-decoration: none;transition: opacity 0.3s;display: flex;}.timeline_link:hover {opacity: 1;}.link-icon {width: 20px;height: 20px;margin-left: 8px;}.inline-block {display: inline-block;}.text-colour-lightgrey {color: #ffffffa6;}.overlay-fade-top {height: 80px;position: absolute;inset: 0% 0% auto;}.overlay-fade-bottom {height: 80px;position: absolute;inset: auto 0% 0%;}.small-header {color: #503628;font-size: 14px;}.year {color: #503628;font-size: 32px;}.year-detail-header {color: #503628 !important;font-size: 18px;}.year-des {color: #503628;font-size: 16px;}.timeline_item {opacity: 0.25;transition: opacity 0.6s ease;}.timeline_item.active {opacity: 1;}.timeline_date-text {}.small-header {font-size: 1.5rem;font-family: var(--bs-Oswald-Regular);text-transform: uppercase;font-weight: 500;}.year {font-size: 4rem;font-family: var(--bs-Oswald-Regular);text-transform: uppercase;font-weight: 600;}.year span {font-size: 2rem;}.year-detail-header {font-size: 2rem;font-family: var(--bs-Oswald-Regular);text-transform: uppercase;font-weight: 600;margin-top: 1rem;}.year-des {font-size: 1.125rem;font-family: var(--bs-NotoSans-Light);color: var(--bs-light-black);line-height: 1.55rem;margin-top: 1rem;}.timeline_image-wrapper img {width: 100%;}@media screen and (max-width: 767px) {h2 {font-size: 40px;}.paragraph-large {font-size: 18px;}.padding-vertical-xlarge {padding-top: 80px;padding-bottom: 80px;}.timeline_item {grid-template-columns: 64px 1fr;width: 100%;}.timeline_left {text-align: left;grid-area: 1 / 2 / 2 / 3;}.timeline_centre {justify-content: flex-start;grid-area: 1 / 1 / 3 / 2;}.timeline_right {grid-area: span 1 / span 1 / span 1 / span 1;}.timeline_date-text {margin-bottom: 24px;font-size: 36px;}.timeline_text {font-size: 20px;}.timeline_progress {left: 6px;}.margin-bottom-xlarge {margin-bottom: 48px;}.year-detail-header {font-size: 1.125rem;line-height: 1.55rem;}.timeline_item {padding-top: 40px;padding-bottom: 40px;}}@media (min-width: 1200px) and (max-width: 1600px) {.name-des-animated-4 {left: 6%;}.name-des-animated-4 .import-export-img-dotted-line-4 {left: 130%;}.name-des-animated-3 .import-export-img-dotted-line-3 {left: 119%;}}@media (min-width: 999px) and (max-width: 1200px) {.timeline_progress-bar {height: 51vh;}.timeline_progress {height: 94.7%;}}@media (min-width: 768px) and (max-width: 999px) {.timeline_progress-bar {height: 50vh;}.timeline_progress {height: 93.9%;}}@media (min-width: 575px) and (max-width: 768px) {.timeline_progress-bar {height: 50vh;}.timeline_progress {height: 93.9%;}}@media (max-width: 575px) {}