.step-by-step-guide_holder {
	padding: 3.5rem;
	border: 1px solid var(--global-palette1);
}

.step-by-step-guide_holder > h2 {
	text-align: center;
	font-size: var(--text-size-400) !important;
	margin: 0 auto 2rem;
	width: 20ch;
}

.step-by-step-guide-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 3rem;
	border-bottom: 1px solid #e3e3e4;
	padding-bottom: 3rem;
}

.step-by-step-guide-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.step-by-step-guide-item .step-by-step-guide-item-icon {
	width: 15%;
}

.step-by-step-guide-item .step-by-step-guide-item-icon img {
	max-width: 4rem;
	height: auto;
	margin: 0.5rem auto 0;
}

.step-by-step-guide-item .step-by-step-guide-item-content {
	width: calc(85% - 1rem);
}

.step-by-step-guide-item .step-by-step-guide-item-content p.step-number {
	margin: 0;
	color: var(--global-palette1);
	font-size: var(--text-size-100);
	font-weight: 700;
}

.step-by-step-guide-item .step-by-step-guide-item-content h3.step-title {
	margin: 0.25rem 0 1rem;
	font-size: var(--text-size-300);
}

.step-by-step-guide-item .step-by-step-guide-item-content ul {
	list-style: square;
	padding-left: 1rem;
	margin: 0;
}

.step-by-step-guide-item .step-by-step-guide-item-content ul li {
	margin: 0.25rem 0;
	padding-left: 0.5rem;
}

.step-by-step-guide-item .step-by-step-guide-item-content ul li:last-child {
	margin-bottom: 0;
}

.step-by-step-guide-item .step-by-step-guide-item-content ul li::marker {
	color: var(--global-palette1);
}

@media screen and (max-width: 48rem) {
	.step-by-step-guide_holder {
		padding: 1.5rem;
	}

	.step-by-step-guide_holder > h2 {
		font-size: var(--text-size-300) !important;
		width: 100%;
		margin-bottom: 1rem;
	}

	.step-by-step-guide-item {
		margin-bottom: 0.75rem;
		padding-bottom: 0.75rem;
		cursor: pointer;
		touch-action: manipulation;
	}

	.step-by-step-guide-item .step-by-step-guide-item-icon img {
		max-width: 100%;
	}

	.step-by-step-guide-item .step-by-step-guide-item-content p.step-number {
		font-size: var(--text-size-90);
	}

	.step-by-step-guide-item .step-by-step-guide-item-content h3.step-title {
		font-size: var(--text-size-200);
		margin-bottom: 0;
	}
	.step-by-step-guide-item .step-description {
		display: none;
	}

	.step-by-step-guide-item.active .step-description {
		display: block;
		margin-top: 1rem;
		font-size: var(--text-size-90);
	}
	.step-by-step-guide-item .step-by-step-guide-item-content p {
		line-height: 1.2;
	}

	.step-by-step-guide-item .step-by-step-guide-item-content ul {
		list-style-position: outside;
		padding-left: 0;
		margin-left: -1rem;
	}

	.step-by-step-guide-item .step-by-step-guide-item-content ul li {
		line-height: 1.2;
		margin-bottom: 1rem;
	}

	.step-by-step-guide-item .step-by-step-guide-item-content ul li:last-child {
		margin-bottom: 0;
	}
}