/* CSS */
/* Header & Background */
body {
	background-color: #F1F6FD;
}

.header {
	padding-top: 16px;
}

.header__logo-image {
	width: 138px;
	height: 50px;
}

.header .container .header-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .container .header-content .header-icons {
	display: flex;
	align-items: center;
	gap: 24px;
}

.header .container .header-content .header-icons .localize {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Placeholder color */
/* More specific selector */
.form-control::placeholder {
	color: #8D919E !important;
}

/* Target all form elements */
input::placeholder,
textarea::placeholder,
select::placeholder {
	color: #8D919E !important;
}

/* Include all vendor prefixes with !important */
::placeholder {
	color: #8D919E !important;
}

:-ms-input-placeholder {
	color: #8D919E !important;
}

::-moz-placeholder {
	color: #8D919E !important;
	opacity: 1;
}

.btn-primary {
	background-color: #5451E0;
}

.btn-primary:hover {
	background-color: #4341B3;
}

.btn-secondary {
	background-color: #B7B9C0;
	border: 1px solid #B7B9C0;
}

/* Footer Page */
footer {
	margin-top: 31px;
	margin-bottom: 31px;
}

footer p {
	text-align: center;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* Get Started Page */
main {
	margin-top: 48px;
}

main .container .started-page {
	width: 368px;
	margin: 0 auto;
}

main .container .started-page header {
	text-align: center;
}

main .container .started-page header h1 {
	font-family: 'Poppins', sans-serif;
	color: #5451E0;
	text-align: center;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 24px;
}

main .container .started-page header p {
	font-family: 'Open Sans', sans-serif;
	color: #2A334A;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

main .container .started-page .form {
	border-radius: 16px;
	border: 2px solid #5451E0;
	background: #FFF;
	box-shadow: 0px 6px 22px 0px rgba(84, 81, 224, 0.1);
	padding: 32px 24px;
	margin-top: 32px;
}

main .container .started-page .form h2 {
	color: #2A334A;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
}

main .container .started-page .form .form-label {
	color: #2A334A;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

main .container .started-page .form .form-label input ::placeholder {
	color: #8D919E;
}

main .container .started-page .form .btns {
	margin-top: 27px;
}

@media only screen and (max-width: 600px) {
	main .container .started-page {
		width: 100%;
	}

	main .container .started-page header h1 {
		font-size: 24px;
	}

	.btns .row {
		gap: 10px;
	}
}

.authform__row {
	padding-top: 10px;
	padding-bottom: 5px;
}