.wow {
	animation: fadeIn 1.5s both;
	-webkit-animation: fadeIn 1.5s both;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
}

.delay1 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

.delay2 {
	animation-delay: 1.0s;
	-webkit-animation-delay: 1.0s;
}

.delay3 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

#progress {
	position: relative;
	padding: 60px 0;
}

#progress .tittle {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#progress .tittle h2 {
	font-size: max(2 * (1vw + 1vh) / 2, 27px);
	margin-bottom: 20px;
}

#progress .prebox {
	position: relative;
}

.progress-bar-container {
	position: relative;
	width: 9px;
	/* adjust the width to your liking */
	height: 700px;
	/* adjust the height to your liking */
	background-color: #f0f0f0;
	/* background color of the container */
	border-radius: 10px;
	overflow: hidden;
	margin: 0 auto 25px;
}

.progress-bar {
	width: 100%;
	height: 0;
	background-color: #4CAF50;
	/* color of the progress bar */
	transition: height 0.3s ease-in-out;
}

.imdata_box {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: -1;
}

.imdata_box p {
	font-size: max(1.5 * (1vw + 1vh) / 2, 19px);
}

.imdata_box .imlist {
	display: flex;
	width: min(90%, 490px);
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	border-bottom: rgb(191 191 191 / 21%) 1px solid;
	padding: 17px;
}

.imdata_box .imlist .idate {
	width: 140px;
	margin-left: 46px;
}

.imdata_box .imlist .ititle {
	width: 170px;
	margin-left: 60px;
}

@media screen and (max-width: 480px) {
	.imdata_box .imlist .idate {
		width: 160px;
		margin-left: 30px;
	}

	.imdata_box .imlist .ititle {
		width: 190px;
		margin-left: 40px;
	}
}