.auth-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto;
    background-color: #fff;
    max-width: 794px;
    border-radius: 10px;
    padding: 40px 0;
    position: relative;
}
.auth-form__close-btn {
	position: absolute;
    right: 28px;
    top: 28px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.auth-form__close-text {
	font-size: 16px;
	color: #717171;
}
.auth-form__close-icon {
	width: 40px;
    height: 40px;
    background-color: #0B316B;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.auth-form * {
	font-family: Mulish;
	letter-spacing: 0;
	line-height: 100%;
}
.auth-form__body {
	display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    max-width: 590px;
}
.auth-form__logo {
	width: 234px;
	height: 100px;
}
.auth-form__logo img {
	width: 100%;
	height: 100%;
}
.auth-form__title {
	font-weight: 600;
	font-size: 32px;
	color: #222222;
	text-align: center;
}
.auth-form__control {
	margin-bottom: 10px;
	position: relative;
}
.auth-form__control label {
	font-weight: 400;
	font-size: 16px;
	color: #222222;
	margin-bottom: 12px;
	display: block;
}
.auth-form__control input {
	padding: 19px 20px;
	font-weight: 400;
	font-size: 16px;
	width: 100%;
	color: #222222;
	background-color: #F5F5F5;
	border-radius: 10px;
}
.auth-form__control.auth-form__control-icon input {
	padding: 19px 20px 19px 49px;
}
.auth-form__control.auth-form__control-icon svg {
	position: absolute;
    left: 15px;
    bottom: 16px;
}
.auth-form form {
	width: 100%;
}
.auth-form__submit-btn {
	width: 100%;
	background-color: #0B316B;
	border-radius: 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	padding: 18px 0;
}
.auth-form__submit-btn[disabled] {
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0;
	background-color: #0B316BB2;
}
.auth-form__advantages {
	margin-top: 20px;
}
.auth-form__advantages-title {
	margin-bottom: 20px;
	color: #222222;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
.auth-form__advantages-row {
	display: flex;
	align-items: center;
	gap: 20px;
}
.auth-form__advantages-item {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 285px;
	width: 100%;
	border-radius: 10px;
	background-color: #F5F5F5;
}
.auth-form__advantages-item-logo {
	width: 33px;
	height: 33px;
}
.auth-form__advantages-item-title {
	font-weight: 400;
	font-size: 18px;
	color: #0B316B;
}
.auth-form__additional {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0;
	margin: 10px 0 20px 0;
}
.auth-form__step[data-step="registration"] .auth-form__additional {
	margin: 0px 0 40px 0;
}
.auth-form__additional p {
	color: #222;
}
.auth-form__additional-center{
	text-align: center;
}
.auth-form__additional button {
	margin-top: 14px;
	color: #0B316B;
}

.auth-form__control label.error {
	color: #DC3939;
}
.auth-form__errors {
	margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.auth-form__errors-item {
    display: flex;
    align-items: center;
    gap: 5px;
}
.auth-form__errors-icon {
	display: flex;
    align-items: center;
}
.auth-form__errors-text {
	font-size: 14px;
	color: #DC3939;
}
.auth-form__control-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}
.auth-form__control-row .auth-form__control {
	width: 285px;
}
.auth-form__policy {
	margin-top: 11px;
}
.auth-form__policy-checkbox {
	background-color: #e5d4d4;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	position: relative;
	pointer-events: none;
}
.auth-form__policy-row {
	display: flex;
	align-items: center;
	gap: 10px;
}
.auth-form__policy-row p {
	font-size: 12px;
	color: #717171;
}
.auth-form__policy-row p a {
	font-size: 12px;
	color: #0B316B;
	text-decoration: underline;
}
.auth-form__policy-row p a:hover {
	color: #717171;
}
#auth-form-agreement {
	opacity: 0;
	position: absolute;
}
#auth-form-agreement:checked+.auth-form__policy-checkbox:before {
	content: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDMuMDAwMDFMMi45OTk5OSA1TDYuOTk5NTUgMSIgc3Ryb2tlPSIjMEIzMTZCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg");
	width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: -4px;
    left: 3px;
}

@media screen and (max-width: 1024px) {
	.auth-form__close-text {
		display: none;
	}
	.auth-form__logo {
		width: 187px;
		height: 80px;
	}
	.auth-form__title {
		font-size: 24px;
	}
}

@media screen and (max-width: 767px) {
	.auth-form {
		padding: 40px 10px;
	}
}
@media screen and (max-width: 650px) {
	.auth-form__control-row .auth-form__control {
		width: 48%;
	}
}

@media screen and (max-width: 560px) {
	.auth-form {
		padding: 40px 20px;
	}
	.auth-form__logo {
		width: 163px;
		height: 70px;
	}
	.auth-form__advantages {
		margin-top: 0;
	}
	.auth-form__advantages-row {
		flex-wrap: wrap;
	}
	.auth-form__advantages-item {
		max-width: 100%;
		padding: 10px;
	}
	.auth-form__title {
		font-size: 20px;
	}
	.auth-form__advantages-title {
		font-size: 16px;
		margin-bottom: 14px;
	}
	.auth-form__advantages-row {
		gap: 10px;
	}
	.auth-form__advantages-item-title {
		font-size: 16px;
	}
	.auth-form__advantages-item-text {
		font-size: 14px;
	}
	.auth-form__close-btn {
		right: 10px;
    	top: 10px;
	}
	.auth-form__additional button {
		margin-top: 20px;
	}
	.auth-form__control-row .auth-form__control {
		width: 100%;
		margin-bottom: 0;
	}
	.auth-form__control-row {
		gap: 10px;
		margin-bottom: 10px;
	}
	.auth-form__step[data-step="registration"] .auth-form__additional {
		margin: 0px 0 10px 0;
	}
	.auth-form__policy-row {
		align-items: flex-start;
	}
}