
body {
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
}

#ourjourney h2.section-title {
    margin-bottom: 5em !important;
}

.timeline-list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 0;
    display: none;
}
.timeline-list li {
    padding: 9px 0;
    position: relative;
    height: 8em;
    width: 15px;
    margin-left: 4em;
}
.timeline-list li p.year {
    font-weight: 600;
    font-size: 14px;
}
.timeline-list li p.year {
    color: #fff;
    position: absolute;
    left: -60px;
    width: 70px;
    top: -10px;
    margin: 0;
}

.timeline-list li:first-child { background-image: linear-gradient(to right, #3f7287, #3b6b7e, #376476, #335d6d, #2f5665); }
.timeline-list li:nth-child(2) { background-image: linear-gradient(to right, #3ca2a3, #399b9c, #379596, #348e8f, #328889); }
.timeline-list li:nth-child(3) { background-image: linear-gradient(to right, #a5d472, #a1cf6f, #9dca6c, #99c56a, #95c067); }
.timeline-list li:nth-child(4) { background-image: linear-gradient(to right, #fdd550, #facf47, #f8c83d, #f5c233, #f3bb28); }
.timeline-list li:nth-child(5) { background-image: linear-gradient(to right, #fba058, #f69a52, #f0944c, #eb8f46, #e58940); }
.timeline-list li:nth-child(6) { background-image: linear-gradient(to right, #f36d4b, #e96949, #df6546, #d66244, #cc5e42); }
.timeline-list li:nth-child(7) { background-image: linear-gradient(to right, #3d7084, #3a6a7c, #366375, #335d6d, #305766); }
.timeline-list li:nth-child(8) { background-image: linear-gradient(to right, #3ba0a1, #399a9b, #369394, #348d8e, #328788); }
.timeline-list li:nth-child(9) { background-image: linear-gradient(to right, #a6d572, #a2d06f, #9dca6c, #99c56a, #95c067); }
.timeline-list li:nth-child(10) { background-image: linear-gradient(to right, #fdd651, #facf47, #f8c83d, #f5c132, #f3ba26); }

.timeline-list li:last-child { height: 0; background-color: transparent; }

.timeline-list li:before {
    content: "";
    position: absolute;
    left: 8px;
    background-image: url(../images/down-arrow-mobile.png);
    background-size: contain;
    top: -11px;
    height: 25px;
    width: 40px;
    background-repeat: no-repeat;
}

.timeline-content-wrapper {
    width: 180px;
    position: absolute;
    left: 40px;
    top: -7px;
}
.timeline-content-wrapper p {
    width: auto !important;
    font-size: 10px;
    position: relative !IMPORTANT;
    color: #fff;
}
.timeline-content-wrapper ul {
    position: relative;
    top: -13px;
}
.timeline-content-wrapper ul li {
    background-image: none !important;
    font-size: 10px;
    color: #fff;
    width: auto;
    height: auto;
    margin-left: 14px;
    padding: 0 0 6px;
}
.timeline-content-wrapper ul li:before { background-image: none; }


@media(max-width: 992px) {
    .journey-section .container { max-width: 100%; }
    
    .timeline-list { display: block; }
    .journey-wrapper.desktop { display: none; }
    #ourjourney h2.section-title {
        margin-bottom: 3em !important;
    }
}
