.container {
	padding: 0 16px 10px;
	.swiper {
		margin: 14px 0 18px;
	}
	.title {
		display: flex;
		column-gap: 6px;
		align-items: center;
		font-size: 28px;
		font-weight: 700;
		color: rgba(51, 51, 51, 1);
		cursor: pointer;
	}
	.stepsWrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 8px;
		color: #999999;
		font-size: 12px;
		margin: 34px 0 20px;
		.steps {
			display: flex;
			justify-content: space-between;
			align-items: center;
			column-gap: 3px;
			width: 100%;
			height: 10px;
			padding: 0 3px;
			border: 1px solid #e5e5e5;
			border-radius: 10px;
			box-sizing: border-box;
			.stepItem {
				flex: 1;
				height: 5px;
				background-color: #e5e5e5;
				border-radius: 10px;
				box-sizing: border-box;
				&.active {
					background-image: linear-gradient(to right, #103776 0%, #6474af 100%);
				}
			}
		}
	}
}