.prepared-wizard {
    color: #202020;
    background-color: #fff;
    margin: 0 auto;
    max-width: 1280px;
}

.prepared-wizard__intro {
    text-align: center;
    margin-bottom: 2.5rem;
}

h2.prepared-wizard__title {
    color: #0066ff;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 33.18px;
    line-height: 1.3;
    letter-spacing: 0;
    margin-bottom: 2rem;
    text-align: center;
}

.prepared-wizard__subtitle {
    color: #202020;
    margin: 0 auto;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0%;
    text-align: center;
    max-width: 750px;
}

.prepared-wizard__progress {
    margin: 2rem auto 0;
    padding: 0;
    display: inline-flex;
    gap: 3rem;
    align-items: center;
    list-style: none;
}

li.prepared-wizard__progress-step {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f7f7f7;
    color: #959ea6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 0;
    position: relative;
}

li.prepared-wizard__progress-step span {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
}

li.prepared-wizard__progress-step::after {
    content: "";
    background: #f7f7f7;
    position: absolute;
    top: 50%;
    right: -3rem;
    transform: translateY(-50%);
    height: 2px;
    width: 3rem;
}

li.prepared-wizard__progress-step:last-child::after {
    display: none;
}

li.prepared-wizard__progress-step.is-active {
    background: #0066ff;
    color: #fff;
}

li.prepared-wizard__progress-step.is-complete {
    background: #0066ff;
    color: #fff;
}

li.prepared-wizard__progress-step.is-complete::after {
    background: #0066ff;
}

li.prepared-wizard__progress-step.is-complete span {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.25 9.684L6.282 13.716L15.498 4.5' stroke='%23F7F7F7' stroke-width='1.296' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.prepared-wizard__stage {
    display: none;
		margin-bottom: 3.75rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
}

.prepared-wizard__stage.is-active {
    display: block;
}

h3.prepared-wizard__stage-title {
    color: #202020;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 23.04px;
    line-height: 1.35;
    letter-spacing: 0;
    margin-bottom: 2rem;
    text-align: center;
}

.prepared-wizard__cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.prepared-wizard__card {
    background: #fff;
    border: 4px solid #f7f7f7;
    border-radius: 0;
    color: #0066ff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 27.65px;
    line-height: 1.3;
    letter-spacing: 0;
    padding: 1.5rem;
    height: 168px;
    min-width: 189px;
    text-align: center;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .prepared-wizard__card {
        min-width: 207px;
    }
}

.prepared-wizard__card[hidden] {
    display: none;
}

.prepared-wizard__card:hover {
    background-color: #fff;
    border-color: #ECECEC;
    color: #0066ff;
}

.prepared-wizard__card.is-selected {
    background-color: #F7F7F7;
    border-color: #F7F7F7;
    color: #0066ff;
}

.prepared-wizard__card-icon {
	margin-bottom: 1rem;
}

.prepared-wizard__card-icon img {
    display: block;
    object-fit: contain;
    height: 48px;
    width: 48px;
}

.prepared-wizard__card-label {
    text-align: center;
}

.prepared-wizard__card-sublabel {
	color: #555C63;
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 13.33px;
	font-style: italic;
	line-height: 1.5;
	letter-spacing: 0;
	margin-top: 2px;
	text-align: center;
	vertical-align: middle;
}

.prepared-wizard__actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 3.5rem;
    flex-wrap: wrap;
}

.prepared-wizard__button {
    border: 2px solid #0066ff;
    background-color: transparent;
    color: #0066ff;
    cursor: pointer;
    border-radius: 0;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    height: 56px;
    padding: 0.625rem 1.5rem;
    transition: background-color 0.2s ease, color 0.2s ease,
        box-shadow 0.2s ease;
}

.prepared-wizard__button:hover,
.prepared-wizard__button:hover:not(:disabled),
.prepared-wizard__button--primary:focus {
    background-color: #fff;
    border-color: #0056D6;
    color: #0056D6;
}

.prepared-wizard__button--primary {
    background-color: #0066ff;
    color: #fff;
}

.prepared-wizard__button--primary:hover,
.prepared-wizard__button--primary:hover:not(:disabled),
.prepared-wizard__button--primary:focus {
    background-color: #0056D6;
		border-color: #0056D6;
    color: #fff;
}

.prepared-wizard__button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none;
}

.prepared-wizard__summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem;
}

.prepared-wizard__summary-item {
    text-align: center;
}

.prepared-wizard__summary-label {
    display: block;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 1rem;
    color: #202020;
}

.prepared-wizard__summary-card {
    background: #f7f7f7;
    border: 4px solid #f7f7f7;
    border-radius: 0;
    color: #0066ff;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    height: 139px;
    min-width: 189px;
}

@media (min-width: 768px) {
    .prepared-wizard__summary-card {
        min-width: 207px;
    }
}

.prepared-wizard__summary-icon img {
    display: block;
    object-fit: contain;
    height: 48px;
    width: 48px;
}

.prepared-wizard__summary-icon[hidden] {
    display: none;
}

.prepared-wizard__summary-title {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 19.6px;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
}

.prepared-wizard__summary-edit {
		background: #F7F7F7;
		border: none;
    border-radius: 0;
		color: #202020;
    cursor: pointer;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
    padding: 0.8438rem;
    margin-top: 2px;
		width: 100%;
}

.prepared-wizard__summary-edit:hover,
.prepared-wizard__summary-edit:focus {
		background: #F7F7F7;
    color: #202020;
		text-decoration: underline;
}

.prepared-wizard__notice {
    border: 1px solid #fbbf24;
    background-color: #fef3c7;
    color: #92400e;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    margin: 1rem 0;
}
