.signupPopup .step_4 .line {justify-content: space-between; align-items: start;}

.signupPopup .step_4 .checkboxes {display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem;}
.signupPopup .step_4 .checkboxes h4 {position: relative; margin: 0; padding: 0; font-weight: bold;}
.signupPopup .step_4 .checkboxes h4 .errorMessage {position: absolute; right: 0; top: -10px; font-size: 14px;}
.signupPopup .step_4 .checkboxes label {display: flex; gap: .5rem; align-items: center;}
.signupPopup .step_4 .checkboxes label:not(:last-child) {margin-bottom: 1rem;}
.signupPopup .step_4 .checkboxes label input {width: 24px; margin: 0;}
.signupPopup .step_4 .checkboxes label span {width: calc(100% - 40px); line-height: 1.2; font-size: 1rem;}
.signupPopup .step_4 .checkboxes label a {text-decoration: underline; color: var(--color-main);}
.signupPopup .step_4 .checkboxes label a:hover {color: var(--color-main-lighter);}

.signupPopup .step_4 .preview {display: block; width: fit-content; margin: 1.5rem auto 0;}
.signupPopup .step_4 .preview button {
	display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .5rem;
	width: 100%; height: 50px; border-radius: 25px; background-color: var(--color-main); color: white
}
.signupPopup .step_4 .preview button:hover {background-color: var(--color-main-darker);}
.signupPopup .step_4 .preview i {display: none;}
.signupPopup .step_4 .preview span {font-size: 22px; font-weight: normal;}

.signupPopup .step_4 .success h2 {
	margin: 4rem 0; text-align: center; font-size: 5rem; font-weight: bold; color: var(--color-main);
}
.signupPopup .step_4 .success h5 {margin-top: 4rem; text-align: center;}
.signupPopup .step_4 .success h6 {text-align: center;}

@media screen and (min-width: 40em) {
	.signupPopup .step_4 .checkboxes {flex-direction: row; gap: unset; margin-top: 4rem;}
	.signupPopup .step_4 .checkboxes div {width: 24%}
	.signupPopup .step_4 .checkboxes div:nth-child(3) {width: 28%}
	.signupPopup .step_4 .checkboxes div + div {border-right: 1px solid gray; padding-right: 1.5rem;}

	.signupPopup .step_4 .preview {margin-top: 4rem;}
	.signupPopup .step_4 .preview button {
		flex-direction: row; gap: 1.5rem; width: 450px; height: 90px; border-radius: 45px;
	}
	.signupPopup .step_4 .preview i {display: block; width: 2rem; font-size: 2rem;}
}