﻿#dvBackgroundBlock1
{
	width: 100%;
	height: 522px;
	background: var(--web-gradiant1, linear-gradient(117deg, var(--color-grey-99, #F8F9FF) 0%, var(--color-grey-95, #E8F0FE) 100%));
	position: absolute;
	top: 0;
	left: 0;
}

#lblWelcome
{
	z-index: 100;
	margin-top: 32px;
	width: 100%;
	text-align: center;
	color: #32A6FC;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0.48px;
}

#imgLogo
{
	z-index: 100;
	content: url(../../../images/v3/logo.svg);
	width: 271px;
	height: 31px;
	margin-top: 16px;
}

#dvRecordNow
{
	z-index: 100;
	width: calc(100% - 53px);
	margin-top: 24px;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 25px;
	padding-right: 25px;
	border-radius: 24px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: var(--color-white-solid, #FFF);
	box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	align-items: center;
}

#lblGiveYourChildVoice
{
	margin-top: 24px;
	color: #32A6FC;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%;
	z-index: 100;
}

#imgHowDoesItWork
{
	width: 85px;
	height: 85px;
	content: url(../../../images/v3/inbox_verification_170_170.png);
}

#lblHowDoesItWork
{
	color: #292929;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	margin-top: 8px;
}

#lblUseYourDevice
{
	margin-top: 20px;
	color: #292929;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25;
}

#lblAlsOptionsOnNextScreen
{
	color: #292929;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	margin-top: 24px;
	margin-bottom: 24px;
}

#dvRecordingLine
{
	width: calc(100% - 48px);
	margin-left: 24px;
	background: var(--text-dark, #F7F7F7);
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#btnStartRecording
{
	border-radius: 20px;
	background: linear-gradient(97deg, #0092FF 0%, #32A6FC 100%);
	box-shadow: 0px 4px 16px 0px rgba(26, 115, 232, 0.30);
	display: flex;
	padding: 11.99px 24px 12.55px 24px;
	justify-content: center;
	align-items: center;
	width: 100%;
	color: var(--claude-ai-white, var(--color-white-solid, #FFF));
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
	cursor: pointer;
	height: 45px;
	max-width: 289px;
}

	#btnStartRecording.loading
	{
		opacity: 0.5;
	}

	#btnStartRecording:hover
	{
		text-decoration: unset !important;
	}

#lblTipsForQualityRecording
{
	color: #083680;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
	margin-top: 48px;
}

.dv-recording-tips
{
	display: flex;
	align-items: center;
}

	.dv-recording-tips > div
	{
		margin-right: 8px;
		width: 28px;
		height: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dv-recording-tips span
	{
		width: 249px;
		color: #219FFD;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 1.25;
	}

#dvRecordInQuietEnv img
{
	width: 16px;
	height: 17.5px;
	content: url(../../../images/v3/location_home.svg);
}

#dvHoldYourDevice img
{
	width: 22px;
	height: 20px;
	content: url(../../../images/v3/lift_to_talk.svg);
}

#dvRecordInQuietEnv
{
	margin-top: 24px;
}

#dvHoldYourDevice
{
	margin-bottom: 66px;
	margin-top: 24px;
}

.separator
{
	margin-top: 20px;
	width: 100%;
	height: 1px;
	background: #F7F7F7;
}

.dv-info
{
	width: 100%;
	display: flex;
	margin-top: 20px;
	padding-left: 24px;
	padding-right: 24px;
}

	.dv-info > img
	{
		width: 24px;
		height: 24px;
		margin-right: 8px;
	}

	.dv-info > div
	{
		color: #292929;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px;
	}

#imgReadJust5
{
	content: url(../../../images/v3/lift_to_talk@2x.png);
}

#imgCreateFamiliarVoice
{
	content: url(../../../images/v3/volunteer_activism@2x.png);
}

#imgHearYourChild
{
	content: url(../../../images/v3/graphic_eq@2x.png);
}

.dv-already-have-account
{
	margin-top: 45px;
}
