.swiper-slide {
  width: 300px !important;
}

.desktop-journey {
	display: block;
}

.mobile-journey {
	display: none;
}

.journey-list {
	list-style-type: disc;
    padding-left: 20px;
}

@media only screen and (max-width: 1024px) {
	.desktop-journey {
		display: none;
	}

	.mobile-journey {
		display: block;
	}
	
	.jbox-year {
		position: relative;
        z-index: 1;
        justify-content: center;
        align-items: center;
        width: 50%;
        background: linear-gradient(#d3fff7, #90dbff);
        border-radius: 5px;
        margin: auto;
        height: 35px;
	}
	
	.m-jbox-line {
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.m-jbox-line::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 2px;
		background: linear-gradient(to bottom, #6f6f6f 50%, #878787 50%);
		background-size: 100% 6px;
		background-repeat: repeat-y;
		z-index: -1;
	}
	
	.jbox-line {
		top: 30vw;
	}
}