.page-form
{
	.site-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 45px;
		padding-bottom: 55px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.page-title {
		font-size: 20px;
		font-weight: 700;
		line-height: 26px;
		text-align: center;
		margin-bottom: 30px;
	}
	
	form {
		.two-per-line {
			display: flex;
			gap: 10px;
		}
		
		.text-field {
			text-align: left;
			margin-bottom: 10px;
			
			label {
				display: block;
				font-size: 16px;
				font-weight: 400;
				line-height: 18.88px;
				margin-bottom: 4px;
			}
			
			input {
				width: 100%;
				height: 30px;
				border-radius: 41px;
				border: 1px solid #FFFFFF1F;
				background: #293A5E;
				color: #FFFFFF;
				padding: 5px 15px;
			}
		}
		
		.checkbox-field {
			margin-bottom: 10px;
			
			input[type="checkbox"] {
				position: absolute;
				left: -9999px;
			}
			
			label {
				position: relative;
				display: block;
				font-size: 12px;
				font-weight: 400;
				line-height: 14px;
				padding-left: 30px;
				
				&::before,
				&::after {
					content: "";
					position: absolute;
					display: block;
				}
				&::before {
					border: 1px solid #FFFFFF1F;
					background: #293A5E;
					width: 15px;
					height: 15px;
					left: 0;
				}
				&::after {
					width: 7px;
					height: 7px;
					top: 4px;
					left: 4px;
					border-radius: 1px 0px 0px 0px;
					background: var(--primary-color);
					opacity: 0;
					transition: all .3s ease;
				}
				
				a {
					font-weight: 700;	
				}
			}
			input[type="checkbox"]:checked + label {
				&::after {
					opacity: 1;	
				}
			}
		}
		
		.required-fields {
			font-size: 10px;
			font-weight: 400;
			line-height: 11.8px;
			margin-bottom: 20px;
		}
		
		.btn {
			margin-top: 22px;
		}
		
		.errors {
			margin-top: 10px;
			text-align: center;
			font-size: 10px;
			font-weight: 400;
			line-height: 11.8px;
			color: #FF4F6F;
		}
	}
}