@font-face {
	font-family: 'montserrat';
	src: url('/wp-content/themes/global-theme/static/fonts/Montserrat-VariableFont_wght.ttf')
		format('truetype');
	font-weight: 400;
	font-display: swap;
}

.vczapi-pro-registration-page {
	--black: #000;
	--white: #fff;
	--fgp-white: #f4f5f4;
	--fgp-pink-light: #f4296c;
	--fgp-pink-dark: #7a1536;
	--fgp-blue-light: #0054ff;
	--fgp-logo-aqua: #0fadb9;
	--fgp-logo-aqua-dark: #08575d;
	--fgp-blue-medium: rgb(38, 91, 138);
	--fgp-blue-dark: #000050;
	--fgp-grey: #0C3648;
	--fgp-cyan: #44d3e3;
	background-image: url('/wp-content/uploads/2025/12/shutterstock_2522962365-scaled.webp');
	background-size: cover;
	background-position: center;
	background-color: rgb(196, 196, 196);
	height: 100lvh;
	font-family: montserrat, sans-serif;
	display: grid;
	color: var(--fgp-grey);

	.vczapi-pro-registration-container {
		background-color: white;
		box-shadow: 0px 3px 8px 2px #808080b5;
		padding: 50px;
		border-radius: 10px;
		margin: auto;
		.vczapi-pro-registration-container--header {
			text-transform: uppercase;
		}
		.registration-form__control:has(input[type='checkbox']) {
			display: flex;
			input {
				width: 50px;
			}
		}
		.vczapi-pro-registration-container--registration-wrap {
			.registration-form__control {
				input[type='text'],
				input[type='email'],
				input[type='password'] {
					border: 1px solid var(--fgp-grey);
				}

				input[type='submit'] {
					border: none;
					width: auto;
					margin: 0 auto;
					padding: 15px 20px;
					color: var(--fgp-white);
					background-color: var(--fgp-pink-light);
					display: block;
					text-decoration: none;
					font-weight: 500;
					text-transform: uppercase;
					cursor: pointer;
					transition:
						color 0.3s,
						background-colour 0.3s;
				}
				input[type='submit']:hover {
					color: var(--fgp-grey);
					background-color: var(--fgp-logo-aqua);
				}
			}
		}
	}
}